:root{
  --builder-mint:#54e6c1;
  --builder-blue:#8093ff;
  --builder-amber:#ffc66d;
  --builder-red:#ff8b8b;
  --builder-ink:#07111f;
  --builder-panel:#0b1a29;
  --builder-panel-2:#0e2233;
  --builder-line:rgba(151,183,207,.17);
  --builder-soft:#8fa6b8;
}

.builder-page-shell{
  position:relative;
  overflow:hidden;
  min-height:100vh;
  padding:132px 0 100px;
  background:
    radial-gradient(circle at 78% 4%,rgba(84,230,193,.10),transparent 28%),
    radial-gradient(circle at 12% 28%,rgba(128,147,255,.09),transparent 30%),
    var(--builder-ink);
}
.builder-page-shell::before{
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(128,147,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(128,147,255,.035) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,#000,transparent 78%);
  pointer-events:none;
  content:"";
}
.builder-page-shell>.shell{position:relative;width:min(100% - 34px,1380px)}
.builder-app{color:#f5f9fb}
.builder-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.55fr);gap:70px;align-items:end;padding:34px 0 52px}
.builder-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:var(--builder-mint);font:700 .7rem var(--display);letter-spacing:.18em;text-transform:uppercase}
.builder-eyebrow::before{width:30px;height:1px;background:var(--builder-mint);content:""}
.builder-hero h1{max-width:900px;margin:0;font:600 clamp(3.25rem,7vw,7.25rem)/.9 var(--display);letter-spacing:-.07em}
.builder-hero-copy{max-width:790px;margin:26px 0 0;color:#a9bdc9;font-size:1.05rem;line-height:1.75}
.builder-hero-signal{position:relative;padding:25px;border:1px solid rgba(84,230,193,.25);border-radius:24px;background:linear-gradient(145deg,rgba(14,34,51,.92),rgba(7,18,30,.92));box-shadow:0 28px 80px rgba(0,0,0,.26);overflow:hidden}
.builder-hero-signal::after{position:absolute;right:-62px;bottom:-84px;width:190px;height:190px;border:1px solid rgba(84,230,193,.18);border-radius:50%;content:""}
.builder-signal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8299aa;font:700 .62rem var(--display);letter-spacing:.12em;text-transform:uppercase}
.builder-live{display:flex;align-items:center;gap:7px;color:var(--builder-mint)}
.builder-live::before{width:7px;height:7px;border-radius:50%;background:var(--builder-mint);box-shadow:0 0 14px var(--builder-mint);content:"";animation:builderPulse 2s ease-in-out infinite}
.builder-hero-signal strong{display:block;margin:27px 0 7px;color:#fff;font:600 2.4rem/1 var(--display);letter-spacing:-.045em}
.builder-hero-signal p{max-width:270px;margin:0;color:#8299aa;font-size:.8rem;line-height:1.55}
.builder-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.builder-trust span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--builder-line);border-radius:999px;background:rgba(10,27,42,.75);color:#b8c8d2;font-size:.74rem}
.builder-trust span::before{color:var(--builder-mint);content:"✓"}

.builder-progress-wrap{position:sticky;z-index:24;top:78px;margin-bottom:20px;padding:12px;border:1px solid var(--builder-line);border-radius:20px;background:rgba(7,17,31,.88);box-shadow:0 18px 55px rgba(0,0,0,.24);backdrop-filter:blur(14px)}
.builder-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0;list-style:none}
.builder-progress button{display:grid;width:100%;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid transparent;border-radius:13px;color:#758c9e;background:transparent;text-align:left;cursor:pointer;transition:.2s}
.builder-progress b{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--builder-line);border-radius:10px;color:#7e96a8;font:700 .65rem var(--display)}
.builder-progress span{display:block}.builder-progress small{display:block;margin-top:3px;color:#587184;font-size:.64rem}
.builder-progress button[aria-current="step"],.builder-progress button:hover{border-color:rgba(84,230,193,.25);color:#f5fbff;background:rgba(84,230,193,.07)}
.builder-progress button[aria-current="step"] b,.builder-progress button.is-complete b{border-color:var(--builder-mint);color:var(--builder-ink);background:var(--builder-mint)}

.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px;align-items:start}
.builder-form-shell{min-width:0;border:1px solid var(--builder-line);border-radius:28px;background:linear-gradient(145deg,rgba(14,32,49,.97),rgba(7,18,30,.98));box-shadow:0 32px 90px rgba(0,0,0,.27);overflow:hidden}
.builder-step{display:none;padding:38px}.builder-step.is-active{display:block;animation:builderIn .42s ease both}
.builder-step-head{display:flex;justify-content:space-between;gap:28px;align-items:start;margin-bottom:30px}
.builder-step-index{display:grid;flex:0 0 46px;width:46px;height:46px;place-items:center;border:1px solid rgba(84,230,193,.28);border-radius:14px;color:var(--builder-mint);background:rgba(84,230,193,.07);font:700 .68rem var(--display)}
.builder-step-head h2{margin:0;color:#fff;font:600 clamp(2rem,4.3vw,3.7rem)/1 var(--display);letter-spacing:-.05em}
.builder-step-head p{max-width:720px;margin:12px 0 0;color:#90a7b7;line-height:1.65}
.builder-step-copy{flex:1}
.builder-alert{display:none;margin:0 0 22px;padding:13px 15px;border:1px solid rgba(255,139,139,.35);border-radius:12px;color:#ffd0d0;background:rgba(255,139,139,.08);font-size:.82rem}.builder-alert.is-visible{display:block}

.builder-plans{display:grid;gap:13px}
.builder-plan{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:20px;padding:24px;border:1px solid var(--builder-line);border-radius:20px;background:linear-gradient(135deg,rgba(13,32,48,.92),rgba(8,22,35,.92));transition:border-color .2s,transform .2s,background .2s}
.builder-plan:hover,.builder-plan.has-devices{border-color:rgba(84,230,193,.45);background:linear-gradient(135deg,rgba(84,230,193,.08),rgba(8,22,35,.95));transform:translateY(-2px)}
.builder-plan.is-recommended::before{position:absolute;top:-1px;right:22px;padding:7px 11px;border-radius:0 0 10px 10px;color:#06131f;background:var(--builder-mint);font:700 .58rem var(--display);letter-spacing:.1em;text-transform:uppercase;content:attr(data-badge)}
.builder-plan-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.builder-plan-name h3{margin:0;color:#fff;font:600 1.35rem var(--display)}
.builder-plan-price{color:var(--builder-mint);font:600 1.25rem var(--display)}.builder-plan-price small{color:#7890a2;font:500 .66rem var(--body)}
.builder-plan p{max-width:660px;margin:11px 0 0;color:#8fa6b8;font-size:.84rem;line-height:1.6}
.builder-plan-features{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 0;padding:0;list-style:none}.builder-plan-features li{padding:6px 8px;border-radius:8px;color:#a9bbc6;background:rgba(255,255,255,.035);font-size:.67rem}
.builder-quantity{display:grid;align-content:center;justify-items:stretch;gap:8px}.builder-quantity label{color:#71899b;font:700 .6rem var(--display);letter-spacing:.1em;text-align:center;text-transform:uppercase}
.builder-stepper{display:grid;grid-template-columns:38px 1fr 38px;gap:7px}.builder-stepper button,.builder-stepper input{min-width:0;height:42px;border:1px solid var(--builder-line);border-radius:11px;color:#fff;background:#071522}.builder-stepper button{font-size:1.15rem;cursor:pointer}.builder-stepper button:hover{border-color:var(--builder-mint);color:var(--builder-mint)}.builder-stepper input{text-align:center;font:700 .9rem var(--display);appearance:textfield}.builder-stepper input::-webkit-inner-spin-button{appearance:none}
.builder-plan-subtotal{color:#7f97a8;font-size:.7rem;text-align:center}.builder-plan-subtotal strong{color:#f5fbff}
.builder-mix-note{display:flex;gap:12px;margin-top:18px;padding:16px;border:1px solid rgba(128,147,255,.24);border-radius:15px;color:#9cadc0;background:rgba(128,147,255,.06);font-size:.78rem;line-height:1.55}.builder-mix-note b{color:var(--builder-blue)}

.builder-addons{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.builder-addon{position:relative;border:1px solid var(--builder-line);border-radius:19px;background:rgba(8,23,36,.8);overflow:hidden;transition:.2s}.builder-addon.is-selected{border-color:rgba(84,230,193,.45);background:rgba(84,230,193,.055)}
.builder-addon-choice{display:grid;grid-template-columns:26px 1fr auto;gap:13px;align-items:start;padding:22px;cursor:pointer}.builder-addon-choice input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--builder-mint)}
.builder-addon-choice strong{display:block;color:#edf6fa;font:600 1rem var(--display)}.builder-addon-choice span{display:block;margin-top:7px;color:#8097a8;font-size:.76rem;line-height:1.55}
.builder-quote-badge{align-self:start;padding:7px 9px;border:1px solid rgba(255,198,109,.27);border-radius:999px;color:var(--builder-amber);background:rgba(255,198,109,.07);font:700 .55rem var(--display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.builder-addon-panel{display:none;grid-template-columns:1fr 1fr;gap:11px;padding:0 22px 22px}.builder-addon.is-selected .builder-addon-panel{display:grid}.builder-addon-panel .builder-field:last-child:nth-child(odd){grid-column:1/-1}
.builder-addon-note{grid-column:1/-1;margin:0;color:#718a9c;font-size:.67rem;line-height:1.5}

.builder-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.builder-field{display:grid;gap:7px}.builder-field.is-wide{grid-column:1/-1}.builder-field label,.builder-field legend{color:#8198a9;font:700 .64rem var(--display);letter-spacing:.08em;text-transform:uppercase}.builder-field label span{color:var(--builder-mint)}
.builder-field input,.builder-field select,.builder-field textarea{width:100%;min-width:0;min-height:50px;padding:12px 14px;border:1px solid var(--builder-line);border-radius:12px;outline:0;color:#e9f2f6;background:#071522;font:500 .87rem var(--body);transition:border-color .2s,box-shadow .2s}.builder-field textarea{min-height:120px;resize:vertical}.builder-field select option{color:#07111f;background:white}.builder-field input:focus,.builder-field select:focus,.builder-field textarea:focus{border-color:var(--builder-mint);box-shadow:0 0 0 3px rgba(84,230,193,.09)}.builder-field input::placeholder,.builder-field textarea::placeholder{color:#526b7e}.builder-field-help{color:#61798c;font-size:.66rem;line-height:1.45}
.builder-address-note{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;padding:15px;border:1px solid var(--builder-line);border-radius:13px;color:#8299aa;background:rgba(255,255,255,.025);font-size:.73rem;line-height:1.5}.builder-address-note strong{color:#dce8ee}

.builder-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.builder-review-card{padding:22px;border:1px solid var(--builder-line);border-radius:18px;background:rgba(8,23,36,.74)}.builder-review-card.is-wide{grid-column:1/-1}.builder-review-card h3{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 17px;color:#fff;font:600 1rem var(--display)}.builder-review-card h3 button{padding:0;border:0;color:var(--builder-mint);background:none;font-size:.7rem;cursor:pointer}.builder-review-list{display:grid;gap:10px}.builder-review-row{display:flex;justify-content:space-between;gap:22px;padding-top:10px;border-top:1px solid rgba(255,255,255,.055);color:#8da4b5;font-size:.76rem;line-height:1.45}.builder-review-row:first-child{padding-top:0;border-top:0}.builder-review-row strong{color:#e4edf2;text-align:right}.builder-review-empty{color:#71899b;font-size:.78rem}
.builder-assurances{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.builder-assurance{padding:15px;border:1px solid rgba(84,230,193,.22);border-radius:14px;background:rgba(84,230,193,.045)}.builder-assurance b{display:block;color:var(--builder-mint);font:700 .65rem var(--display);letter-spacing:.08em;text-transform:uppercase}.builder-assurance span{display:block;margin-top:7px;color:#8fa6b8;font-size:.7rem;line-height:1.5}
.builder-consent{display:grid;grid-template-columns:22px 1fr;gap:11px;margin-top:18px;padding:18px;border:1px solid var(--builder-line);border-radius:15px;color:#a8bac5;background:#071522;font-size:.76rem;line-height:1.6}.builder-consent input{width:19px;height:19px;margin-top:1px;accent-color:var(--builder-mint)}.builder-consent a{color:var(--builder-mint)}

.builder-navigation{display:flex;justify-content:space-between;gap:12px;padding:20px 38px;border-top:1px solid var(--builder-line);background:rgba(5,14,24,.56)}
.builder-navigation .button[hidden]{visibility:hidden}.builder-navigation .button{min-width:145px}.builder-navigation .button-primary{margin-left:auto}
.builder-navigation .button:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.45)}

.builder-summary{position:sticky;top:160px;border:1px solid rgba(84,230,193,.25);border-radius:25px;background:linear-gradient(145deg,#102637,#071522);box-shadow:0 30px 90px rgba(0,0,0,.32);overflow:hidden}
.builder-summary-head{padding:23px;border-bottom:1px solid var(--builder-line);background:rgba(84,230,193,.035)}.builder-summary-head span{display:block;color:var(--builder-mint);font:700 .62rem var(--display);letter-spacing:.13em;text-transform:uppercase}.builder-summary-head strong{display:block;margin-top:8px;color:#fff;font:600 1.18rem var(--display)}.builder-request-id{display:inline-flex;margin-top:11px;padding:6px 8px;border:1px solid var(--builder-line);border-radius:8px;color:#748da0;font:700 .57rem var(--display);letter-spacing:.08em}
.builder-cart{display:grid;gap:11px;padding:21px 23px}.builder-cart-row{display:grid;grid-template-columns:1fr auto;gap:14px;color:#94a9b7;font-size:.76rem}.builder-cart-row strong{color:#edf5f8;font-family:var(--display)}.builder-cart-row small{display:block;margin-top:3px;color:#5f788b;font-size:.63rem}.builder-cart-empty{padding:12px;border:1px dashed var(--builder-line);border-radius:12px;color:#698296;font-size:.74rem;line-height:1.5}
.builder-cart-divider{height:1px;background:var(--builder-line)}
.builder-total-block{padding:0 23px 23px}.builder-total-label{display:flex;justify-content:space-between;gap:10px;color:#7891a3;font-size:.7rem}.builder-total{margin:8px 0 4px;color:#fff;font:600 3rem/.95 var(--display);letter-spacing:-.06em}.builder-total small{color:#718a9c;font:500 .7rem var(--body);letter-spacing:0}.builder-onboarding{display:flex;justify-content:space-between;gap:14px;margin-top:17px;padding:13px;border:1px solid rgba(128,147,255,.22);border-radius:12px;color:#8fa5b7;background:rgba(128,147,255,.055);font-size:.7rem}.builder-onboarding strong{color:#dfe7ff}.builder-summary-note{margin:13px 0 0;color:#657f92;font-size:.64rem;line-height:1.5}
.builder-summary-status{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--builder-line)}.builder-summary-status div{padding:15px 18px}.builder-summary-status div+div{border-left:1px solid var(--builder-line)}.builder-summary-status span,.builder-summary-status strong{display:block}.builder-summary-status span{color:#60798c;font-size:.58rem;text-transform:uppercase}.builder-summary-status strong{margin-top:5px;color:#cbd8df;font-size:.72rem}

.builder-success{display:none;max-width:880px;margin:20px auto 0;padding:50px;border:1px solid rgba(84,230,193,.32);border-radius:28px;background:radial-gradient(circle at 88% 12%,rgba(84,230,193,.13),transparent 30%),linear-gradient(145deg,#102637,#071522);box-shadow:0 32px 90px rgba(0,0,0,.3);text-align:center}.builder-success.is-visible{display:block;animation:builderIn .5s ease both}.builder-success-mark{display:grid;width:68px;height:68px;margin:0 auto 24px;place-items:center;border-radius:22px;color:#06141e;background:var(--builder-mint);box-shadow:0 0 45px rgba(84,230,193,.25);font-size:1.8rem}.builder-success h1{margin:0;color:#fff;font:600 clamp(2.4rem,5vw,4.6rem)/1 var(--display);letter-spacing:-.055em}.builder-success p{max-width:650px;margin:20px auto;color:#9eb2bf;line-height:1.7}.builder-success-id{display:inline-flex;padding:9px 13px;border:1px solid var(--builder-line);border-radius:10px;color:var(--builder-mint);font:700 .68rem var(--display);letter-spacing:.1em}.builder-success .hero-actions{justify-content:center;margin-top:28px}
.builder-form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

@keyframes builderPulse{0%,100%{opacity:1}50%{opacity:.38}}
.builder-success h2{margin:0;color:#fff;font:600 clamp(2.4rem,5vw,4.6rem)/1 var(--display);letter-spacing:-.055em}
@keyframes builderIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media (max-width:1080px){
  .builder-layout{grid-template-columns:1fr}
  .builder-summary{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr}
  .builder-summary-head,.builder-summary-status{grid-column:1/-1}.builder-total-block{padding-top:21px}.builder-cart{border-right:1px solid var(--builder-line)}
}
@media (max-width:820px){
  .builder-page-shell{padding-top:112px}.builder-hero{grid-template-columns:1fr;gap:28px}.builder-hero h1{font-size:clamp(3rem,12vw,5rem)}.builder-hero-signal{max-width:520px}
  .builder-progress-wrap{top:70px}.builder-progress span{display:none}.builder-progress button{grid-template-columns:1fr;justify-items:center}.builder-progress b{width:36px;height:36px}
  .builder-addons,.builder-fields,.builder-review-grid{grid-template-columns:1fr}.builder-field.is-wide,.builder-review-card.is-wide{grid-column:auto}.builder-assurances{grid-template-columns:1fr}
}
@media (max-width:620px){
  .builder-page-shell>.shell{width:min(100% - 20px,1380px)}.builder-page-shell{padding-bottom:64px}.builder-hero{padding-top:18px}.builder-hero-copy{font-size:.93rem}.builder-trust{display:grid;grid-template-columns:1fr 1fr}.builder-trust span{border-radius:12px}
  .builder-progress-wrap{margin-inline:-2px;padding:8px;border-radius:16px}.builder-progress{gap:4px}.builder-progress button{padding:7px}.builder-progress b{width:32px;height:32px}
  .builder-form-shell{border-radius:20px}.builder-step{padding:24px 18px}.builder-step-head{display:grid;grid-template-columns:42px 1fr;gap:13px}.builder-step-index{width:42px;height:42px}.builder-step-copy{min-width:0}.builder-step-head h2{font-size:2rem}.builder-step-head p{grid-column:1/-1;margin-top:0}
  .builder-plan{grid-template-columns:1fr;padding:20px}.builder-plan.is-recommended::before{right:16px}.builder-quantity{grid-template-columns:1fr 150px;align-items:end}.builder-quantity label,.builder-plan-subtotal{text-align:left}.builder-plan-subtotal{grid-column:1/-1}.builder-stepper{grid-column:2;grid-row:1/3}
  .builder-addon-choice{grid-template-columns:25px 1fr}.builder-quote-badge{grid-column:2;margin-top:4px;justify-self:start}.builder-addon-panel{grid-template-columns:1fr}
  .builder-navigation{padding:16px 18px}.builder-navigation .button{min-width:0;flex:1;padding-inline:12px}
  .builder-summary{grid-template-columns:1fr}.builder-summary-head,.builder-summary-status{grid-column:auto}.builder-cart{border-right:0;border-bottom:1px solid var(--builder-line)}.builder-summary-status{grid-column:1}.builder-total{font-size:2.6rem}
  .builder-address-note{display:block}.builder-address-note strong{display:block;margin-bottom:6px}.builder-success{padding:34px 20px}
}
@media (prefers-reduced-motion:reduce){.builder-live::before{animation:none}.builder-step.is-active,.builder-success.is-visible{animation:none}.builder-plan{transition:none}}