@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#07101d;--ink2:#0c1929;--blue:#1f72ff;--blue2:#63a7ff;--gold:#f3b945;--paper:#f4f7fb;--white:#fff;--muted:#617084;--line:#dce4ee;--font:'Manrope',Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--white);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{display:block;width:100%}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-family:var(--font);line-height:1.08}em{font-style:normal;color:var(--blue)}.shell{width:min(1180px,calc(100% - 56px));margin-inline:auto}.skip{position:absolute;top:-80px;z-index:100;background:#fff;color:#000;padding:10px}.skip:focus{top:0}.announcement{text-align:center;padding:8px 20px;background:linear-gradient(90deg,#0d2541,#122e52);color:#d9e9ff;font-size:11px;font-weight:700;letter-spacing:.55px}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:18px}.brand{display:flex;align-items:center;gap:11px;width:max-content}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#2f83ff,#1253c6);color:#fff;font:800 21px var(--font);box-shadow:0 7px 20px #1f72ff35}.brand strong{display:block;font:800 17px var(--font);letter-spacing:.8px;line-height:1}.brand small{display:block;margin-top:5px;font:700 8px var(--font);letter-spacing:1.9px;color:#6b7888}.nav nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600;color:#526074}.nav nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 20px;border:0;border-radius:11px;background:linear-gradient(145deg,#2a7cff,#145be0);color:#fff;font-weight:700;font-size:14px;box-shadow:0 10px 30px #1f72ff2e;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 13px 35px #1f72ff4a}.button span{font-size:18px}.button.compact{padding:11px 15px;font-size:12px}.button.compact span{font-size:15px}.hero{min-height:680px;display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center;padding-block:54px 82px}.eyebrow{margin:0 0 19px;font-size:10px;font-weight:700;letter-spacing:1.8px;color:#607084}.eyebrow>span{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 13px var(--blue)}.hero h1{font-size:clamp(49px,5.2vw,73px);letter-spacing:-3.8px;margin:0;max-width:640px}.hero-copy>p:not(.eyebrow){font-size:18px;color:#617084;max-width:610px;margin:27px 0}.hero-actions{display:flex;align-items:center;gap:24px}.link{font-size:14px;font-weight:700;color:#23334b}.link:hover{color:var(--blue)}.trust-line{display:flex;gap:9px;flex-wrap:wrap;margin-top:27px}.trust-line span{padding:7px 10px;border:1px solid var(--line);border-radius:99px;background:#f8fafe;font-size:10px;font-weight:700;color:#526176}.hero-media{height:590px;position:relative;border-radius:28px;overflow:hidden;background:#c8d2e0;box-shadow:0 30px 70px #152a481f}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,#07101db8)}.hero-media img{height:100%;object-fit:cover}.hero-chip,.hero-price{position:absolute;z-index:2;background:#ffffffed;border:1px solid #fff;border-radius:14px;box-shadow:0 10px 35px #06101f2b;backdrop-filter:blur(12px)}.hero-chip{left:22px;bottom:22px;padding:13px 17px}.hero-chip b{display:block;font:800 10px var(--font);letter-spacing:1.3px}.hero-chip span{display:block;color:#68778a;font-size:11px;margin-top:2px}.hero-price{right:22px;top:22px;padding:15px 17px}.hero-price small{display:block;font-size:8px;letter-spacing:1.3px;color:#5d6e82}.hero-price strong{font:800 32px var(--font);letter-spacing:-1.5px}.hero-price>span{font-size:10px;font-weight:700;color:#65768a}.proof-strip{background:var(--ink);color:#c9d8eb}.proof-strip>div{display:flex;justify-content:space-between;align-items:center;gap:19px;padding-block:19px;font-size:10px;font-weight:700;letter-spacing:1.4px}.proof-strip i{font-style:normal;color:var(--blue2)}.section{padding-block:110px}.section-head{margin-bottom:50px}.section-head h2{font-size:clamp(38px,4.5vw,57px);letter-spacing:-2.7px;margin:0}.section-head.split{display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:end}.section-head.split>p{color:var(--muted);font-size:16px;margin:0;max-width:520px}.section-head.center{text-align:center;max-width:830px;margin-inline:auto}.section-head.center>p:last-child{color:#647287;max-width:700px;margin:22px auto 0}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.system-grid article{position:relative;padding:29px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,#fff,#f7f9fc);display:flex;flex-direction:column;min-height:415px}.system-grid article.recommended{border-color:#8ab9ff;box-shadow:0 22px 60px #1f72ff17;background:linear-gradient(150deg,#fff,#eef5ff)}.system-number{font:700 10px var(--font);color:#8794a6}.badge{position:absolute;right:20px;top:19px;padding:5px 8px;border-radius:5px;background:#dceaff;color:#1558bc;font-size:8px;font-weight:800;letter-spacing:1px}.system-title{display:flex;align-items:end;justify-content:space-between;margin:25px 0 13px}.system-title h3{font-size:42px;margin:0;letter-spacing:-1.8px}.system-title b{font-size:14px;color:#276bd1}.system-grid article>p{color:var(--muted);font-size:14px;min-height:68px}.system-grid ul{list-style:none;padding:0;margin:10px 0 25px;color:#46566b;font-size:13px}.system-grid li{margin-bottom:10px;padding-left:20px;position:relative}.system-grid li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:800}.select-system{margin-top:auto;text-align:left;border:0;border-top:1px solid var(--line);background:none;padding:18px 0 0;color:#135dcc;font-weight:700}.system-note{text-align:center;color:#7b8899;font-size:11px;margin:24px auto 0}.pricing{background:linear-gradient(180deg,#07101d,#0b1a2c);color:#fff}.pricing .eyebrow{color:#95b6e0}.pricing .section-head.center>p:last-child{color:#a9bad0}.price-table{max-width:940px;margin:0 auto;border:1px solid #29415d;border-radius:19px;overflow:hidden;background:#0b1625}.price-row{display:grid;grid-template-columns:1.2fr .9fr repeat(3,.7fr);gap:10px;padding:20px 24px;border-top:1px solid #21344b;align-items:center}.price-row:first-child{border-top:0}.price-row strong{font-size:13px}.price-row span{color:#c3d1e2;font-size:13px}.price-row.labels{background:#101f33;color:#8297b1}.price-row.labels span{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:#8ea3bb}.featured-row{background:linear-gradient(90deg,#11294a,#0d1c31)}.featured-row span,.featured-row strong{color:#dceaff}.table-note{text-align:center;color:#8294ac;font-size:11px;margin:19px 0 0}.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:290px;gap:12px}.gallery figure{margin:0;position:relative;overflow:hidden;border-radius:17px;background:#dfe6ef}.gallery figure.wide{grid-column:span 2}.gallery img{height:100%;object-fit:cover;transition:transform .5s}.gallery figure:hover img{transform:scale(1.025)}.gallery figure:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#07101dde)}.gallery figcaption{position:absolute;z-index:2;left:20px;bottom:18px;color:#fff}.gallery figcaption b,.gallery figcaption span{display:block}.gallery figcaption b{font:700 14px var(--font)}.gallery figcaption span{color:#c4d3e4;font-size:10px;margin-top:3px}.builder-section{background:var(--paper)}.builder-shell{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.builder-main{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 60px #1329430d}.progress{display:grid;grid-template-columns:repeat(3,1fr);background:#f8fafd;border-bottom:1px solid var(--line)}.progress-step{border:0;background:none;padding:18px;color:#7b899a;font-size:11px;font-weight:700}.progress-step span{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #c7d1dd;border-radius:50%;margin-right:7px}.progress-step.active{color:#155dcc;background:#eef5ff}.progress-step.active span{background:var(--blue);border-color:var(--blue);color:#fff}.form-step{display:none;padding:34px}.form-step.active{display:block}.form-heading>span{font-size:9px;letter-spacing:1.2px;font-weight:800;color:var(--blue)}.form-heading h3{font-size:29px;margin:6px 0 7px;letter-spacing:-1px}.form-heading p{color:#778597;font-size:13px;margin:0 0 27px}.builder-main fieldset{border:0;padding:0;margin:0 0 28px}.builder-main legend,.field>span{display:block;font:700 12px var(--font);margin-bottom:11px}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.option-grid label{position:relative;padding:15px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:#fff}.option-grid label:has(input:checked){border-color:#4a90fb;background:#eef5ff;box-shadow:inset 0 0 0 1px #4a90fb}.option-grid input{position:absolute;opacity:0}.option-grid label span b,.option-grid label span small{display:block}.option-grid label span b{font:800 17px var(--font)}.option-grid label span small{font-size:10px;color:#728197}.option-grid label em{position:absolute;right:8px;top:8px;font-size:7px;letter-spacing:.8px;font-style:normal;color:#2368cf}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.field input,.field select{width:100%;height:49px;padding:0 13px;border:1px solid #cfd9e5;border-radius:10px;background:#fff;color:#122238;outline:none}.field input:focus,.field select:focus{border-color:#3180f8;box-shadow:0 0 0 3px #3180f817}.field small{display:block;color:#8794a4;font-size:10px;line-height:1.4;margin-top:7px}.upload{min-height:132px;border:1.5px dashed #aac0da;border-radius:13px;background:#f8fbff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}.upload input{position:absolute;opacity:0;pointer-events:none}.upload-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dceaff;color:#1761cd;font-size:20px;margin-bottom:8px}.upload b{font-size:12px}.upload small{color:#8492a4;font-size:9px;margin-top:3px}.photo-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.photo-list span{padding:6px 8px;border-radius:6px;background:#edf3fa;color:#5c6d82;font-size:9px}.next{margin-left:auto}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.back{border:0;background:none;color:#5d6b7e;font-weight:700;font-size:12px}.addons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.addon{display:grid;grid-template-columns:auto 1fr auto 54px;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:11px;cursor:pointer}.addon:has(input[type=checkbox]:checked){border-color:#5a97ef;background:#f1f6ff}.addon>span b,.addon>span small{display:block}.addon>span b{font-size:11px}.addon>span small{color:#8794a3;font-size:8.5px;line-height:1.35;margin-top:2px}.addon>strong{font-size:11px}.addon input[type=checkbox]{accent-color:var(--blue)}.addon input[type=number]{width:50px;height:32px;border:1px solid #cfdae6;border-radius:7px;padding:0 5px}.order-review{border:1px solid var(--line);border-radius:13px;overflow:hidden}.review-row{display:flex;justify-content:space-between;gap:22px;padding:13px 16px;border-top:1px solid var(--line);font-size:12px}.review-row:first-child{border-top:0}.review-row span{color:#6b7a8d}.review-row.total{background:#eef5ff;font-weight:800}.review-row.total span{color:#1b5faf}.review-notice{margin-top:18px;padding:15px;border-left:3px solid var(--gold);background:#fff8e8;border-radius:0 9px 9px 0}.review-notice b{font-size:12px}.review-notice p{font-size:11px;color:#77684d;margin:4px 0 0}.summary{position:sticky;top:24px;padding:27px;border-radius:20px;background:linear-gradient(155deg,#0f2138,#08121f);color:#fff;box-shadow:0 22px 50px #172d4a1c}.summary .eyebrow{color:#8ea7c5;margin-bottom:22px}.summary-line{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #233852;font-size:12px}.summary-line span{color:#9badc3}.summary-line.discount strong{color:#7db3ff}.summary-total{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:21px 0 12px}.summary-total span{font-size:12px}.summary-total strong{font:800 29px var(--font);letter-spacing:-1px}.summary>small{display:block;color:#7f91a7;font-size:9px;line-height:1.5}.contractors{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contractor-media{height:520px;border-radius:24px;overflow:hidden;background:#dce4ed}.contractor-media img{height:100%;object-fit:cover}.contractor-copy h2,.faq-grid h2,.closing h2{font-size:clamp(38px,4.4vw,57px);letter-spacing:-2.6px;margin:0}.contractor-copy>p:not(.eyebrow){color:var(--muted);font-size:16px}.contractor-copy ul{list-style:none;padding:0;margin:27px 0;color:#3e4f64}.contractor-copy li{margin:12px 0;padding-left:24px;position:relative}.contractor-copy li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:800}.faq{background:#f5f7fa}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-grid>div>p:last-child{color:#6f7d8f}.faq-grid a{color:#155dcc}.questions details{border-bottom:1px solid #d3dde7;padding:20px 0}.questions details:first-child{padding-top:0}.questions summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;font-weight:700}.questions summary:after{content:'+';color:var(--blue);font-size:21px}.questions details[open] summary:after{content:'−'}.questions p{color:#667589;font-size:13px;margin-bottom:0}.closing{text-align:center;padding-block:100px;background:radial-gradient(circle at 50% 130%,#267dff55,transparent 48%),var(--ink);color:#fff}.closing .eyebrow{color:#9db1cb}.closing h2{margin-bottom:30px}.closing em{color:#90beff}footer{display:flex;align-items:center;gap:38px;padding-block:34px}footer>p{font-size:11px;color:#66758a;margin-right:auto}footer>p small{color:#8c98a7}footer>div{display:flex;gap:22px;font-size:11px;font-weight:700;color:#526174}.support{position:fixed;right:18px;bottom:18px;z-index:10;display:flex;align-items:center;gap:10px;padding:8px 13px 8px 8px;border-radius:99px;background:var(--ink);color:#fff;box-shadow:0 10px 32px #07101d3b}.support span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--blue);font-weight:800}.support b{font-size:11px}.reveal{animation:arrive .65s ease both}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:980px){.nav nav{display:none}.hero{grid-template-columns:1fr;gap:35px}.hero-media{height:520px}.section-head.split{grid-template-columns:1fr;gap:22px}.system-grid{grid-template-columns:1fr}.system-grid article{min-height:0}.system-grid article>p{min-height:0}.gallery{grid-template-columns:1fr 1fr}.gallery figure.wide{grid-column:span 1}.builder-shell{grid-template-columns:1fr}.summary{position:static}.contractors{grid-template-columns:1fr;gap:42px}.faq-grid{grid-template-columns:1fr;gap:45px}}
@media(max-width:680px){.shell{width:calc(100% - 30px)}.announcement{font-size:9px}.nav{padding-block:13px}.brand-mark{width:33px;height:33px}.brand strong{font-size:14px}.brand small{font-size:7px;letter-spacing:1.2px}.nav .button{font-size:10px;padding:9px 11px;gap:7px}.hero{padding-block:38px 58px;min-height:0}.hero h1{font-size:48px;line-height:1.03;letter-spacing:-2.9px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-media{height:460px;border-radius:21px}.hero-price{right:13px;top:13px}.hero-chip{left:13px;bottom:13px}.trust-line span{font-size:9px}.proof-strip>div{justify-content:center;flex-wrap:wrap;padding-block:16px;font-size:8px}.section{padding-block:75px}.section-head{margin-bottom:34px}.section-head h2,.contractor-copy h2,.faq-grid h2,.closing h2{font-size:39px;letter-spacing:-2px}.system-grid article{padding:24px}.price-row{grid-template-columns:1.25fr repeat(3,.75fr);padding:14px 12px}.price-row span:nth-child(2),.price-row.labels span:nth-child(2){display:none}.price-row span,.price-row strong{font-size:10px}.price-row.labels span{font-size:7px}.gallery{grid-template-columns:1fr;grid-auto-rows:330px}.form-step{padding:24px 18px}.progress-step{font-size:0;padding:13px 5px}.progress-step span{font-size:10px;margin:0}.field-row,.addons{grid-template-columns:1fr}.option-grid{grid-template-columns:1fr}.option-grid label{padding:12px}.form-heading h3{font-size:25px}.form-actions{gap:15px}.form-actions .button{font-size:11px}.addon{grid-template-columns:auto 1fr auto 48px}.summary{padding:23px}.contractor-media{height:420px}.faq-grid{gap:33px}footer{flex-wrap:wrap;gap:20px}footer>p{order:3;width:100%}footer>div{margin-left:auto;gap:12px;flex-wrap:wrap}.support b{display:none}.support{padding-right:8px}}