@font-face{font-family:Montserrat;src:url(montserrat-regular.woff2) format('woff2');font-weight:400;font-display:optional}@font-face{font-family:Montserrat;src:url(montserrat-600.woff2) format('woff2');font-weight:600;font-display:optional}@font-face{font-family:Montserrat;src:url(montserrat-700.woff2) format('woff2');font-weight:700;font-display:optional}
:root{--blue:#006dff;--lime:#d2f500;--ink:#222;--muted:#5d6879;--mist:#edf4ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);font:400 15px/1.65 Montserrat,Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.1;font-weight:700}h1{font-size:clamp(42px,4.7vw,76px);letter-spacing:-3px}h2{font-size:clamp(30px,3.1vw,47px);letter-spacing:-1.9px}h3{font-size:19px;letter-spacing:-.4px;line-height:1.4}p{color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f69e2c;outline-offset:4px}.skip{position:fixed;top:-100px;z-index:20;background:#fff;padding:12px}.skip:focus{top:8px}.rail{position:fixed;left:0;top:0;width:174px;height:100dvh;background:#222;color:white;display:flex;flex-direction:column;z-index:3;padding:10px 20px 30px}.brand{width:105px;height:105px;display:block}.brand img{width:105px;height:105px}.rail-type{font-size:11px;color:#bbb;line-height:1.6;border-top:1px solid #555;padding-top:18px;margin-top:4px}.rail nav{display:flex;flex-direction:column;gap:6px;margin-top:38px;font-size:11px}.rail nav a{padding:12px 0;color:#bbb}.rail nav a:hover{color:#fff}.rail nav .active{color:var(--lime);font-weight:600;position:relative}.rail nav .active:before{content:'';position:absolute;left:-20px;top:10px;bottom:10px;width:3px;background:var(--lime)}.rail-foot{margin-top:auto;color:#aaa;font-size:10px;line-height:1.8}.rail-foot strong{display:block;color:#fff;margin-top:8px}main{margin-left:174px;max-width:none}.topline{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid #e3e7ec;font-size:11px;color:#687486}.hero{display:grid;grid-template-columns:46% 54%;min-height:554px}.offer{padding:48px 30px 34px 42px;align-self:center}.product{font-size:12px;font-weight:600;color:var(--blue);margin-bottom:24px}.lead{font-size:16px;line-height:1.7;max-width:410px;margin:25px 0}.install{display:inline-flex;align-items:center;justify-content:center;min-height:55px;padding:16px 23px;border-radius:6px;background:var(--lime);font-size:13px;font-weight:700;color:#222;line-height:1.4;box-shadow:0 4px 0 #222;transition:background .15s,transform .15s}.install:hover{background:#e3ff3a;transform:translateY(-2px)}.cta-note{font-size:9px;margin-top:13px;line-height:1.5}.price{display:flex;align-items:center;gap:18px;margin-top:26px}.price strong{font-size:22px;white-space:nowrap;letter-spacing:-.7px}.price strong span{font-size:11px;font-weight:400;letter-spacing:0}.price small{font-size:8px;color:var(--muted);line-height:1.5}.dispatch{position:relative;background:var(--blue);padding:24px 27px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}.dispatch:before{content:'';width:450px;height:450px;border:1px solid #ffffff21;border-radius:50%;position:absolute;right:-180px;top:-170px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff04;z-index:-1}.stage-label{display:flex;justify-content:space-between;width:100%;color:#fff;align-items:center;font-size:10px;gap:10px}.stage-label small{color:#d6e7ff;font-size:8px}.cargo{width:100%;max-width:640px;margin-top:0}.route-note{align-self:flex-start;position:relative;margin:-4px 0 18px;color:#fff;font-size:10px;display:flex;align-items:center;gap:8px}.pulse{width:7px;height:7px;background:var(--lime);border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #d2f50024}.product-screen{width:100%;border:5px solid white;border-radius:8px;background:#fff;box-shadow:0 22px 45px #003b8f66;transform:rotate(-2deg);margin:0 0 10px}.product-screen figcaption{height:23px;display:flex;gap:10px;align-items:center;color:#687486;font-size:8px;padding:0 8px}.window-dots{color:#a4b2c3;letter-spacing:2px;font-size:7px}.product-screen img{width:100%;height:auto;border-radius:2px}.screen-origin{font-size:8px;color:#dbeaff;align-self:flex-end;margin-top:7px}.journey{padding:26px 42px;background:var(--lime);display:flex;justify-content:space-between;align-items:center;gap:16px}.journey div{display:flex;flex-direction:column}.journey b{font-size:16px;letter-spacing:-.3px}.journey span{font-size:10px;margin-top:4px}.journey i{font-style:normal;font-size:29px;font-weight:400}.section{padding:80px 48px}.section-label{font-size:12px;color:var(--blue);font-weight:600;margin-bottom:20px}.story{display:grid;grid-template-columns:1fr 1fr;gap:70px}.story-intro>p:last-child{margin-top:24px;font-size:15px;line-height:1.8}.story-flow{display:flex;flex-direction:column;gap:29px}.story-flow article{display:flex;gap:18px}.story-symbol{color:var(--blue);font-size:35px;line-height:1;width:36px;flex:none}.story-flow p{margin:10px 0;font-size:13px}.story-flow b{font-size:12px;font-weight:600;color:#0061d9}.interface{background:var(--mist)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:35px}.section-top>p{max-width:320px;font-size:13px;line-height:1.8}.tabs{display:flex;flex-wrap:wrap;gap:7px;margin:32px 0 20px}.tabs button{border:1px solid #c8d8ee;padding:11px 17px;border-radius:5px;background:transparent;font-size:11px;color:#475773;min-height:44px}.tabs button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}.gallery{border:1px solid #cfdaea;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 18px 36px #10366b0d}.screen-open{display:block;width:100%;padding:0;border:0;background:white;aspect-ratio:1851/1009}.screen-open img{width:100%;height:100%;object-fit:contain}.gallery figcaption{display:flex;justify-content:space-between;gap:15px;padding:15px 20px;font-size:10px}.gallery figcaption span:last-child{color:var(--blue);white-space:nowrap}.capability{margin-top:28px;display:flex;gap:35px;align-items:center}.capability strong{font-size:18px;white-space:nowrap}.capability p{font-size:12px;max-width:640px}.prepare{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.setup-note{font-size:13px;line-height:1.8;margin-top:24px}.prepare ol{margin:0;padding:0;list-style:none;counter-reset:steps}.prepare li{counter-increment:steps;position:relative;padding:0 0 25px 51px;margin-bottom:25px;border-bottom:1px solid #e3e7ec}.prepare li:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}.prepare li:before{content:counter(steps);position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--lime);font-size:13px;font-weight:600}.prepare li p{font-size:12px;margin-top:10px}.faq{padding-top:15px;display:grid;grid-template-columns:1fr 1.5fr;gap:45px}.faq h2{font-size:33px}details{border-bottom:1px solid #dce3eb}summary{padding:20px 30px 20px 0;font-size:13px;font-weight:600;cursor:pointer;list-style:none;position:relative}summary:after{content:'+';position:absolute;right:3px;top:13px;font-size:24px;color:var(--blue)}details[open] summary:after{content:'−'}details p{font-size:12px;padding:0 25px 22px 0}.closing{padding:55px 48px;background:var(--blue);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing h2{margin:18px 0 20px;font-size:43px}.closing p{color:#d6e7ff;font-size:12px}.closing>div:last-child{flex:none}.closing>div:last-child span{display:block;font-size:9px;color:#d6e7ff;margin-top:17px;text-align:center}footer{display:flex;gap:25px;justify-content:space-between;padding:26px 42px;font-size:9px;color:var(--muted)}dialog{max-width:95vw;width:1600px;max-height:94dvh;padding:16px;border:0;border-radius:10px;box-shadow:0 15px 80px #0006}dialog::backdrop{background:#10203bce}dialog>button{display:block;margin:0 0 12px auto;border:0;background:var(--lime);border-radius:4px;padding:10px 18px}dialog img{width:100%;max-height:80vh;object-fit:contain}
/* Independent hero compositions, not palette variants. */
.concept-b .hero{display:flex;flex-direction:column;background:var(--blue);color:white}.concept-b .offer{text-align:center;padding:30px 30px 20px;max-width:950px}.concept-b .product,.concept-b .lead,.concept-b .cta-note,.concept-b .price small{color:#e1edff}.concept-b h1 br{display:none}.concept-b h1{font-size:60px}.concept-b .lead{max-width:650px;margin:18px auto}.concept-b .price{justify-content:center;margin-top:18px}.concept-b .dispatch{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;padding:0 40px 30px;align-items:center}.concept-b .stage-label{grid-column:1/-1}.concept-b .cargo{grid-column:1;grid-row:2/5}.concept-b .product-screen{grid-column:2;grid-row:2/5;transform:rotate(2deg)}.concept-b .route-note{grid-column:1;grid-row:5;margin:0}.concept-b .screen-origin{grid-column:2;grid-row:5}.concept-c .hero{background:#222;color:#fff;grid-template-columns:60% 40%}.concept-c .offer{order:2;padding:35px 28px}.concept-c h1{font-size:48px}.concept-c .product,.concept-c .lead,.concept-c .cta-note,.concept-c .price small{color:#dce8f8}.concept-c .dispatch{background:#e7f0ff;padding:30px}.concept-c .product-screen{order:1;transform:none}.concept-c .cargo{order:2;width:60%;margin-top:12px}.concept-c .stage-label{color:#006dff;margin-bottom:20px}.concept-c .stage-label small{color:#526c90}.concept-c .route-note{order:3;color:#0061db;margin-top:14px}.concept-c .screen-origin{order:4;color:#526c90}.concept-c .price{display:block}.concept-c .price small{display:block;margin-top:10px}
@media(min-width:1100px) and (max-height:700px){.topline{height:45px}.hero{min-height:495px}.offer{padding-top:25px;padding-bottom:25px}h1{font-size:56px}.product{margin-bottom:18px}.lead{font-size:14px;margin:20px 0}.price{margin-top:21px}.dispatch{padding-top:18px;padding-bottom:16px}.cargo{max-width:390px}.product-screen{max-width:460px}.route-note{margin-bottom:12px}.journey{padding-top:20px;padding-bottom:20px}}
@media(min-width:1600px){.hero{min-height:660px}.offer{padding-left:65px}.dispatch{padding:32px 45px}.cargo{max-width:570px}.section{padding:95px 65px}}
@media(max-width:1150px){.rail{width:150px;padding-left:16px;padding-right:16px}main{margin-left:150px}.rail nav .active:before{left:-16px}.offer{padding:30px 24px}.topline{padding:0 24px}.product{font-size:10px}h1{font-size:43px;letter-spacing:-1.8px}.lead{font-size:13px}.price{display:block}.price small{display:block;margin-top:8px}.dispatch{padding:20px}.stage-label{font-size:8px}.stage-label small{display:none}.route-note{font-size:8px}.journey{padding:24px}.journey b{font-size:14px}.journey span{font-size:8px}.section{padding:60px 30px}.story,.prepare{gap:35px}.story-flow h3{font-size:16px}.section-top>p{max-width:260px}.closing{padding:40px 30px}.closing h2{font-size:34px}.closing .install{font-size:11px}footer{padding:24px}}
@media(max-width:800px){.rail{position:relative;width:100%;height:auto;flex-direction:row;align-items:center;padding:0 20px;gap:20px}.brand,.brand img{width:68px;height:68px}.rail-type{padding:0;border:0;margin:0;font-size:9px}.rail nav{margin:0 0 0 auto;flex-direction:row;gap:15px}.rail nav a{display:none}.rail nav a.active{display:block;font-size:10px}.rail nav .active:before{display:none}.rail-foot{display:none}main{margin-left:0}.hero{min-height:520px}.offer{padding:30px 24px}.section-top{align-items:start}.section-top>p{max-width:240px}.faq{grid-template-columns:1fr;gap:20px}.closing{gap:25px}.closing h2{font-size:30px}}
@media(max-width:560px){.rail{padding:0 18px;gap:14px}.rail nav a.active{font-size:9px}.topline{height:38px;padding:0 22px;font-size:8px}.topline span:last-child{display:none}.hero{display:flex;flex-direction:column;min-height:0}.offer{padding:26px 23px 28px;width:100%}.product{font-size:10px;margin-bottom:17px}h1{font-size:48px;letter-spacing:-2.3px}.lead{font-size:14px;line-height:1.7;margin:20px 0;max-width:350px}.install{font-size:12px;min-height:52px;padding:15px 21px}.cta-note{font-size:8px;margin-top:12px}.price{display:flex;gap:17px;margin-top:23px}.price strong{font-size:21px}.price small{margin:0;font-size:7px}.dispatch{padding:20px 23px 22px}.stage-label{font-size:9px}.stage-label small{display:block;font-size:7px}.cargo{max-width:380px;margin-top:5px}.route-note{font-size:9px;margin-top:0}.product-screen{border-width:4px}.product-screen figcaption{font-size:6px;height:20px}.screen-origin{font-size:7px}.journey{padding:26px 23px;align-items:start;gap:12px;flex-direction:column}.journey div{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.journey b{font-size:13px}.journey span{font-size:9px;margin:0}.journey i{display:none}.section{padding:48px 23px}.story,.prepare{display:block}.story-intro{margin-bottom:32px}h2{font-size:34px;letter-spacing:-1.3px}.story-intro>p:last-child{font-size:13px;margin-top:20px}.story-flow{gap:26px}.story-flow h3{font-size:16px}.story-flow p{font-size:12px}.story-symbol{font-size:30px;width:25px}.story-flow article{gap:14px}.section-top{display:block}.section-top>p{max-width:none;margin-top:20px;font-size:12px}.section-label{font-size:10px;margin-bottom:16px}.tabs{gap:6px;margin:24px 0 16px}.tabs button{padding:10px 12px;font-size:9px}.gallery{border-radius:6px}.gallery figcaption{font-size:8px;padding:13px;display:block}.gallery figcaption span:last-child{display:block;margin-top:8px}.capability{display:block;margin-top:23px}.capability strong{font-size:16px}.capability p{font-size:11px;margin-top:10px}.setup-note{font-size:12px;margin-top:18px}.prepare ol{margin-top:30px}.prepare li{padding-left:43px}.prepare li h3{font-size:15px}.prepare li p{font-size:11px}.faq{padding-top:5px}.faq h2{font-size:29px}summary{font-size:12px}details p{font-size:11px}.closing{padding:35px 23px;display:block}.closing h2{font-size:35px}.closing>div:last-child{margin-top:26px}.closing>div:last-child span{text-align:left}.closing p{font-size:11px}footer{padding:25px 23px;flex-direction:column;gap:12px;font-size:9px}.concept-b h1{font-size:45px}.concept-b h1 br{display:block}.concept-b .offer{padding:28px 23px}.concept-b .dispatch{display:flex;padding:20px 23px}.concept-b .price{gap:15px}.concept-c .hero{display:flex}.concept-c .offer{order:0;padding:28px 23px}.concept-c h1{font-size:46px}.concept-c .dispatch{padding:23px}.concept-c .cargo{width:80%}.concept-c .price{display:flex}.concept-c .product-screen{order:0}.concept-c .stage-label{order:-1}dialog{padding:10px}}
@media(max-width:360px){h1{font-size:40px}.offer{padding:24px 20px}.lead{font-size:12px}.rail{gap:10px;padding:0 14px}.rail-type{font-size:8px}.rail nav a.active{font-size:8px}.price{gap:12px}.price strong{font-size:18px}.price strong span{font-size:9px}.price small{font-size:6.5px}.stage-label{font-size:8px}.stage-label small{font-size:6px}.route-note{font-size:8px}.journey span{font-size:8px}.journey b{font-size:11px}h2{font-size:29px}.closing h2{font-size:30px}}
.product{font-size:14px}.cta-note{font-size:10px}.price small{font-size:10px}.price{flex-wrap:wrap;gap:10px 18px}@media(max-width:560px){.product{font-size:12px}.cta-note{font-size:9px}.price small{font-size:9px}.price{gap:9px 14px}.screen-origin{font-size:9px}}@media(max-width:360px){.price small{font-size:8px}.price{gap:8px}.product{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Screenshot tabs: geometry-led indicator and stable two-frame stage. */
.tabs{position:relative;isolation:isolate;--tab-x:0px;--tab-y:0px;--tab-w:0px;--tab-h:44px}
.tabs::before{content:'';position:absolute;z-index:0;left:0;top:0;width:var(--tab-w);height:var(--tab-h);border-radius:5px;background:var(--blue);transform:translate3d(var(--tab-x),var(--tab-y),0);pointer-events:none}
.tabs.is-ready::before{transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1)}
.tabs button{position:relative;z-index:1;transition:color .18s ease,border-color .18s ease;background-color .18s ease}
.tabs button[aria-selected=true]{background:transparent;color:#fff;border-color:transparent}
.tabs button[aria-selected=false]{background:transparent}
.screen-open{touch-action:pan-y pinch-zoom;overflow:hidden}
.screen-stage{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#fff}
.screen-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;will-change:opacity,transform}
#gallery-next{opacity:0;pointer-events:none}
.caption-stage{display:inline-grid;overflow:hidden;vertical-align:bottom}
.caption-stage>span{grid-area:1/1;will-change:opacity,transform}
@media(prefers-reduced-motion:reduce){.tabs.is-ready::before,.tabs button{transition:none!important}.screen-stage img,.caption-stage>span{will-change:auto}}

/* Gallery autoplay: quiet progress and an explicit accessible control. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.gallery-autoplay{display:flex;align-items:center;gap:12px;margin:-8px 0 12px;min-height:44px}
.gallery-progress{display:block;position:relative;flex:1;height:3px;overflow:hidden;border-radius:2px;background:#cbd9ed}
.gallery-progress-fill{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left center}
.gallery-autoplay.is-running .gallery-progress-fill{animation:gallery-autoplay-progress 5s linear forwards}
.gallery-autoplay button{min-width:112px;min-height:44px;padding:8px 13px;border:1px solid #9aafd0;border-radius:5px;background:#fff;color:#284466;font-size:11px;font-weight:600}
.gallery-autoplay button:hover{border-color:var(--blue);color:var(--blue)}
.gallery-autoplay:not(.is-running) .gallery-progress-fill{transform:scaleX(0)}
@keyframes gallery-autoplay-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:560px){.gallery-autoplay{gap:9px;margin-top:-6px}.gallery-autoplay button{min-width:108px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.gallery-progress-fill{animation:none!important;transform:none!important;opacity:.35}}