:root{--ink:#08121f;--muted:#657182;--line:#d9e0e8;--paper:#f5f7fa;--white:#fff;--acid:#d6ff35;--blue:#1b64f2;--orange:#ff765a;--serif:Georgia,'Times New Roman',serif;--sans:Manrope,'Noto Sans SC',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 5.2vw;display:flex;align-items:center;justify-content:space-between;background:rgba(245,247,250,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(8,18,31,.08)}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:800;letter-spacing:.09em}.brand-sub{display:block;font-size:7px;letter-spacing:.28em;color:var(--muted);margin-top:1px}.brand-mark{display:flex;align-items:flex-end;gap:3px;width:25px;height:22px}.brand-mark i{display:block;width:5px;border-radius:4px;background:var(--ink);transform:skew(-22deg)}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:17px;background:var(--blue)}.brand-mark i:nth-child(3){height:22px;background:var(--acid)}.nav{display:flex;gap:34px;font-size:12px;font-weight:600;color:#596575}.nav a:hover,.text-link:hover,.arrow-link:hover,.site-footer a:hover{color:var(--blue)}.header-cta{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:3px}.header-cta span{color:var(--blue);margin-left:8px}.section-pad{padding-left:10vw;padding-right:10vw}.hero{min-height:calc(100vh - 82px);padding-top:8vh;padding-bottom:8vh;display:grid;grid-template-columns:1fr 1.05fr;gap:4vw;align-items:center;background:radial-gradient(circle at 75% 42%,#eaf1ff 0,#f5f7fa 37%)}.eyebrow,.section-kicker,.feature-index{font-family:var(--mono);font-size:10px;letter-spacing:.13em;color:var(--blue);font-weight:500}.pulse{width:7px;height:7px;border-radius:50%;background:var(--acid);display:inline-block;margin-right:8px;box-shadow:0 0 0 4px rgba(214,255,53,.22)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(45px,6vw,91px);line-height:1.02;letter-spacing:-.075em;font-weight:800;margin:24px 0 28px}h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.08em;color:var(--blue)}.hero-lead{max-width:425px;font-size:15px;color:var(--muted);line-height:1.9}.hero-actions{display:flex;align-items:center;gap:28px;margin:35px 0}.button{display:inline-flex;align-items:center;gap:36px;padding:15px 19px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:5px 5px 0 var(--ink)}.button-primary{background:var(--blue);color:var(--white)}.button-primary span,.button-dark span{font-size:18px;line-height:0}.text-link,.arrow-link{font-size:12px;font-weight:700}.text-link span{font-size:17px;color:var(--blue);margin-left:8px}.hero-microcopy{display:flex;gap:24px;color:#8a96a5;font-family:var(--mono);font-size:9px;letter-spacing:.03em}.hero-visual{min-height:575px;position:relative;display:grid;place-items:center}.door-scene{width:min(100%,540px);height:430px;position:relative;margin-top:36px}.ceiling-line{position:absolute;top:60px;left:5%;width:90%;height:2px;background:#b8c7d9;box-shadow:0 0 22px rgba(27,100,242,.35)}.door-frame{position:absolute;left:12%;right:12%;top:62px;height:290px;border:1px solid #b7c6d8;border-top:0;perspective:900px;background:linear-gradient(90deg,rgba(33,96,180,.1),rgba(255,255,255,.52),rgba(33,96,180,.1));box-shadow:0 25px 65px rgba(58,102,150,.18)}.door-glass{position:absolute;top:0;height:100%;width:39%;background:linear-gradient(115deg,rgba(255,255,255,.62),rgba(119,181,255,.14) 45%,rgba(20,70,150,.24));border:1px solid rgba(142,183,226,.55);overflow:hidden}.door-left{left:0}.door-right{right:0}.door-gap{position:absolute;left:46%;top:0;width:8%;height:100%;background:linear-gradient(90deg,transparent,rgba(214,255,53,.22),transparent)}.reflection{position:absolute;width:180%;height:25%;left:-40%;top:18%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:rotate(-38deg)}.door-track{position:absolute;top:-11px;left:-1px;right:-1px;height:10px;background:var(--ink);border-radius:4px}.track-light{display:block;width:45%;height:2px;background:var(--acid);margin:4px auto;box-shadow:0 0 8px var(--acid)}.floor-glow{position:absolute;bottom:30px;left:3%;right:3%;height:38px;background:radial-gradient(ellipse,#a8c8ff 0,transparent 68%);opacity:.55}.visual-orbit{position:absolute;border:1px solid rgba(27,100,242,.18);border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:470px;height:260px}.orbit-two{width:590px;height:380px;border-color:rgba(214,255,53,.3);transform:rotate(25deg)}.visual-label{position:absolute;font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--muted);background:rgba(245,247,250,.8);padding:8px 11px}.label-top{top:17%;right:3%}.label-bottom{bottom:15%;left:4%}.label-dot{display:inline-block;width:5px;height:5px;background:var(--blue);border-radius:50%;margin-right:6px}.dimension-mark{display:flex;align-items:center;gap:12px;position:absolute;right:3%;bottom:7%;font-family:var(--mono);font-size:9px;color:#93a0af}.dimension-mark span{display:block;width:28px;border-top:1px solid #93a0af}.signal-strip{background:var(--ink);color:var(--white);display:grid;grid-template-columns:repeat(4,1fr);padding:27px 10vw;gap:26px}.signal-strip div{display:flex;gap:17px;align-items:flex-start;border-right:1px solid rgba(255,255,255,.18)}.signal-strip div:last-child{border:0}.signal-strip strong{font-family:var(--mono);font-size:13px;color:var(--acid);font-weight:400}.signal-strip span{font-size:11px;line-height:1.65;color:#b6c2d1}.intro{padding-top:145px;padding-bottom:110px}.section-kicker{display:flex;gap:19px;align-items:center;margin-bottom:42px}.section-kicker span{font-family:var(--sans);color:#9aa6b5;letter-spacing:.02em}.intro-grid,.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.intro h2,.scene-head h2,.specs h2,.process h2,.faq h2{font-size:clamp(37px,4.5vw,67px);line-height:1.09;letter-spacing:-.08em;margin:0}.intro h2 span,.scene-head h2 span,.specs h2 span,.process h2 span,.faq h2 span{font-family:var(--serif);font-weight:400;color:var(--blue);letter-spacing:-.07em}.intro-text{max-width:440px;padding-top:8px}.intro-text p{color:var(--muted);font-size:15px;line-height:1.9;margin-bottom:22px}.arrow-link{display:inline-block;margin-top:14px;border-bottom:1px solid var(--ink);padding-bottom:5px}.arrow-link span{color:var(--blue);margin-left:19px;font-size:16px}.feature-section{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:150px;gap:14px}.feature-card{min-height:480px;padding:31px 30px;position:relative;overflow:hidden}.feature-card h3{font-size:30px;line-height:1.15;letter-spacing:-.06em;margin:80px 0 21px}.feature-card h3 span{font-family:var(--serif);font-weight:400}.feature-card p{font-size:13px;line-height:1.85;max-width:270px;color:rgba(255,255,255,.65)}.feature-dark{background:var(--ink);color:var(--white)}.feature-light{background:#e6edf7}.feature-light p{color:#647288}.feature-accent{background:var(--orange);color:var(--ink)}.feature-accent p{color:#5c2c24}.line-graphic{position:absolute;bottom:35px;left:30px;right:30px;height:80px;border-bottom:1px solid rgba(255,255,255,.35);display:flex;align-items:flex-end;gap:9px}.line-graphic span{width:27%;height:28%;background:var(--acid);display:block}.line-graphic span:nth-child(2){height:59%;background:rgba(255,255,255,.3)}.line-graphic span:nth-child(3){height:94%;background:var(--blue)}.sensor-graphic{position:absolute;bottom:35px;left:30px;right:30px;height:90px;border:1px solid #acbdd2;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:9px}.sensor-graphic:before,.sensor-graphic:after{content:'';position:absolute;border:1px solid #a5b7cd;border-radius:50%;width:70%;height:70%}.sensor-graphic:after{width:43%;height:43%}.sensor-graphic i{z-index:1;width:6px;height:6px;border-radius:50%;background:var(--blue)}.sensor-graphic i:nth-child(2){background:var(--orange)}.sensor-graphic i:nth-child(3){background:var(--acid)}.sensor-graphic i:nth-child(4){background:var(--ink)}.connect-graphic{position:absolute;bottom:45px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:9px;letter-spacing:.1em}.connect-graphic span{border:1px solid rgba(8,18,31,.45);padding:12px 10px}.connect-graphic b{font-size:21px;font-weight:400}.scenes{padding-top:130px;padding-bottom:150px;background:var(--white)}.scene-head{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-bottom:70px}.scene-head p{max-width:420px;align-self:end;color:var(--muted);font-size:14px}.scene-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.scene-item{min-height:175px;padding:28px 0;display:flex;align-items:flex-end;gap:25px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.scene-item:nth-child(odd){padding-right:50px;border-right:1px solid var(--line)}.scene-item:nth-child(even){padding-left:50px}.scene-no{align-self:flex-start;font-family:var(--mono);font-size:10px;color:var(--blue)}.scene-item h3{font-size:24px;letter-spacing:-.05em;margin:0 0 4px}.scene-item p{font-size:12px;color:var(--muted);margin:0}.scene-arrow{margin-left:auto;align-self:flex-start;font-size:22px;color:var(--blue);transition:transform .2s}.scene-item:hover .scene-arrow{transform:translate(5px,-5px)}.scene-item:after{content:'';position:absolute;inset:auto 0 0 0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform .35s;background:var(--blue)}.scene-item:hover:after{transform:scaleX(1)}.specs{padding-top:135px;padding-bottom:150px;display:grid;grid-template-columns:.85fr 1.4fr;gap:7vw}.specs-heading .section-kicker{margin-bottom:35px}.spec-table-wrap{padding-top:60px}.spec-table{border-collapse:collapse;width:100%;font-size:12px}.spec-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.spec-table tr{border-top:1px solid var(--line)}.spec-table tr:last-child{border-bottom:1px solid var(--line)}.spec-table th,.spec-table td{text-align:left;padding:18px 10px 18px 0;vertical-align:top}.spec-table th{width:18%;font-family:var(--mono);font-size:9px;color:var(--blue);font-weight:400;letter-spacing:.03em}.spec-table td{width:32%;color:#586677}.spec-note{font-size:10px;color:#9aa5b4;margin-top:18px}.process{padding-top:140px;padding-bottom:140px;background:#eaf0f7}.process .section-kicker{margin-bottom:50px}.steps{border-top:1px solid #c7d2df}.step{display:grid;grid-template-columns:60px 1fr;padding:25px 0;border-bottom:1px solid #c7d2df}.step b{font-family:var(--mono);font-weight:400;color:var(--blue);font-size:11px}.step h3{margin:0 0 4px;font-size:17px}.step p{margin:0;color:#69778a;font-size:12px}.faq{padding-top:140px;padding-bottom:160px;background:var(--white)}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;list-style:none;font-size:15px;font-weight:700;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-size:20px;font-weight:400;color:var(--blue);transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);line-height:1.8;max-width:560px;margin:14px 35px 0 0}.contact{padding-top:120px;padding-bottom:120px;background:var(--acid)}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.eyebrow-dark{color:var(--ink)}.contact h2{font-size:clamp(44px,6vw,80px);line-height:1;letter-spacing:-.08em;margin:28px 0 0}.contact-side{max-width:360px;padding-bottom:5px}.contact-side p{font-size:16px;line-height:1.8}.button-dark{background:var(--ink);color:var(--white);margin:15px 0 18px}.contact-side small{display:block;font-family:var(--mono);font-size:9px;color:#667717}.site-footer{padding:28px 5.2vw;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#b9c6d4;font-size:10px}.footer-brand{display:flex;align-items:center;gap:10px;color:var(--white);font-family:var(--mono);font-size:10px}.footer-brand .brand-mark{transform:scale(.7);transform-origin:left center;margin-right:-6px}.site-footer>div:last-child{display:flex;gap:25px}.site-footer a{color:var(--acid)}
@media (max-width:900px){.nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{max-width:680px}.hero-visual{min-height:465px}.door-scene{transform:scale(.86)}.signal-strip{grid-template-columns:1fr 1fr}.signal-strip div:nth-child(2){border:0}.feature-section{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:span 2}.specs,.contact-inner{grid-template-columns:1fr;gap:30px}.spec-table-wrap{padding-top:0}.contact-side{padding:0}.site-footer{gap:15px;flex-wrap:wrap}.site-footer p{order:3;width:100%;margin:0}}@media (max-width:600px){.site-header{height:68px;padding:0 5vw}.brand{font-size:12px}.header-cta{font-size:10px}.section-pad{padding-left:7vw;padding-right:7vw}.hero{min-height:auto;padding-top:60px}.hero h1{font-size:51px}.hero-lead{font-size:14px}.hero-microcopy{gap:10px;flex-wrap:wrap}.hero-visual{min-height:365px;margin-top:14px}.door-scene{transform:scale(.62);margin-left:-50px}.orbit-one{width:350px;height:210px}.orbit-two{width:400px;height:275px}.label-top{right:0}.label-bottom{left:0}.dimension-mark{right:0}.signal-strip{padding:24px 7vw;gap:18px}.signal-strip div{gap:10px}.signal-strip span{font-size:10px}.intro,.scenes,.specs,.process,.faq{padding-top:85px;padding-bottom:90px}.intro-grid,.scene-head,.process-grid,.faq-grid{grid-template-columns:1fr;gap:40px}.intro h2,.scene-head h2,.specs h2,.process h2,.faq h2{font-size:43px}.feature-section{padding-bottom:90px;grid-template-columns:1fr;gap:10px}.feature-card{min-height:390px}.feature-card:last-child{grid-column:auto}.feature-card h3{margin-top:60px}.scene-grid{grid-template-columns:1fr}.scene-item:nth-child(odd){padding-right:0;border-right:0}.scene-item:nth-child(even){padding-left:0}.scene-item{min-height:145px}.spec-table{font-size:11px}.spec-table th,.spec-table td{display:block;width:auto;padding:5px 0}.spec-table tr{display:block;padding:13px 0}.spec-table th{padding-top:7px}.spec-table td{padding-bottom:4px}.site-footer{padding:25px 7vw}.site-footer>div:last-child{width:100%;justify-content:space-between}.hero-actions{gap:16px;flex-wrap:wrap}}