:root{--paper:#fafbf8;--ink:#242e2a;--muted:#637269;--line:#d6ded5;--accent:#b65e3e;--signal:#4b9786}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}p,figure,h1,h2,h3{margin:0}button[hidden]{display:none!important}img{display:block;width:100%;height:auto}.wrap{width:min(1320px,88%);margin-inline:auto}.skip-link{position:fixed;top:15px;left:20px;z-index:100;background:white;padding:15px;opacity:0;pointer-events:none}.skip-link:focus{opacity:1;pointer-events:auto}.site-header{display:flex;align-items:center;gap:35px;padding-block:27px;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:13px;font-size:24px;font-weight:600;letter-spacing:-.06em}.brand-logo{display:block;width:58px;height:auto;flex:0 0 58px;object-fit:contain}.brand small{display:block;font-weight:400;font-size:9px;letter-spacing:.15em;text-transform:uppercase;margin-top:4px}.site-header nav{display:flex;gap:28px;font-size:12px;margin-left:auto}.site-header nav a{padding:10px 0}.site-header nav a:hover{color:var(--accent)}.hero{position:relative;padding-top:50px}.wave-field{position:absolute;z-index:-1;inset:0;opacity:.3;pointer-events:none;overflow:hidden}.wave-field svg{width:125%;height:110%;position:absolute;left:-10%;top:-12%;animation:field-drift 18s ease-in-out infinite alternate}.hero-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end;position:relative;z-index:1}.eyebrow{font:10px/1.7 "Segoe UI",sans-serif;letter-spacing:.13em;display:flex;align-items:center;gap:12px}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}.hero h1{font-size:clamp(52px,6.7vw,98px);font-weight:500;line-height:1.02;letter-spacing:-.065em;margin-top:27px}.hero h1>span,.section-heading h2>span{color:#6a7e71}.hero-intro{padding-bottom:8px}.hero-intro p{font-size:17px;line-height:1.7;max-width:410px}.button{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);padding:17px 22px;font-size:12px;margin-top:28px;transition:background .2s}.button:hover{background:#466451}.panorama{margin-top:25px;position:relative}.panorama img{mask-image:linear-gradient(0deg,transparent,#000 6%,#000 92%,transparent),linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect;mix-blend-mode:multiply;aspect-ratio:3;object-fit:contain}.panorama figcaption{font:10px/1.7 Consolas,monospace;color:var(--muted);margin:4px 0 15px}.direction-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.direction-nav a{display:flex;align-items:center;gap:16px;padding:20px 0;border-top:1px solid #c5cfc4;font-size:16px;line-height:1.4;transition:color .2s}.direction-nav a:hover{color:var(--accent)}.index{font:10px Consolas,monospace;color:var(--accent)}.arrow{margin-left:auto;color:var(--muted);font-size:20px}.hero-foot{display:flex;justify-content:space-between;gap:20px;font-size:9px;line-height:1.5;color:#78877b;padding:22px 0 45px}.radar-section{border-top:1px solid var(--line);padding-block:85px 90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.section-heading h2{font-size:clamp(40px,5.3vw,76px);font-weight:400;line-height:1.08;letter-spacing:-.055em;margin-top:24px}.section-heading>p{font-size:14px;line-height:1.8;color:var(--muted);margin-right:2%}.radar-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:5%;align-items:start}.scene-column{min-width:0}.radar-scene{position:relative;background:#f1f3ee;overflow:hidden}.radar-scene>img{aspect-ratio:1.5;object-fit:contain;mix-blend-mode:multiply}.radar-scene>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-label{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:9px;font:9px Consolas,monospace;letter-spacing:.1em}.scene-label .dot{background:var(--signal);width:4px;height:4px}.scene-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 0}.scene-toolbar p{font-size:10px;line-height:1.6;color:var(--muted)}.scene-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.replay{border:0;border-bottom:1px solid var(--line);background:transparent;color:#51685b;font-size:11px;padding:7px 0;white-space:nowrap}.replay span{font-size:17px;margin-left:10px}.phase-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-top:13px}.phase-track>div{position:relative;padding-bottom:17px;border-bottom:1px solid #cfd8ce;opacity:.55}.phase-track>div>span{font:9px Consolas,monospace;color:var(--muted)}.phase-track p{font-size:13px;margin-top:8px}.phase-track i{position:absolute;height:2px;bottom:-1px;left:0;width:0;background:var(--signal)}body[data-phase="0"] [data-step="0"],body[data-phase="1"] [data-step="1"],body[data-phase="2"] [data-step="2"]{opacity:1}.radar-info{padding-top:8px;min-width:0}.radar-info .eyebrow{font-size:9px;letter-spacing:.09em;color:var(--muted)}.radar-info h3{font-size:clamp(23px,2.3vw,32px);font-weight:400;line-height:1.25;letter-spacing:-.04em;margin-top:24px}.body-copy{font-size:14px;line-height:1.85;color:#657367;margin-top:20px;max-width:360px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0 0}.specs>div{display:flex;flex-direction:column-reverse;gap:9px;padding-top:15px;border-top:1px solid var(--line)}.specs dt{font-size:10px;line-height:1.6;color:var(--muted)}.specs dd{margin:0;font-size:50px;font-weight:300;letter-spacing:-.055em;line-height:1.2;white-space:nowrap}.specs dd>span{font-size:12px;letter-spacing:0}.spec-note{font-size:10px;line-height:1.75;color:#7b867c;margin-top:20px;max-width:370px}.next{padding-block:60px;border-top:1px solid var(--line)}.next>div{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-top:23px}.next h2{font-size:clamp(29px,3.8vw,52px);line-height:1.15;font-weight:400;letter-spacing:-.045em}.text-link{display:flex;gap:25px;align-items:center;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}.demo-note{font-size:10px;color:var(--muted);margin-top:35px}footer{padding-block:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}body[data-motion="paused"] .wave-field svg,body[data-motion="suspended"] .wave-field svg{animation-play-state:paused}.js-motion .static-signal{display:none}.reveal{opacity:1}.js-motion .reveal{transition:opacity .65s ease,transform .65s ease}.js-motion .reveal.waiting{opacity:0;transform:translateY(20px)}@keyframes field-drift{from{transform:translate(-15px,-15px) rotate(-3deg)}to{transform:translate(25px,25px) rotate(3deg)}}
@media(min-width:1700px){.wrap{width:min(1460px,88%)}.hero{padding-top:65px}.panorama{margin-top:35px}}
@media(max-width:1050px){.wrap{width:90%}.site-header{gap:20px}.site-header nav{gap:18px}.site-header nav a{font-size:11px}.brand{font-size:21px}.hero-heading{grid-template-columns:1.3fr 1fr;gap:5%}.hero-intro p{font-size:15px}.direction-nav{gap:22px}.direction-nav a{font-size:14px}.radar-layout{grid-template-columns:1.4fr 1fr;gap:4%}.specs dd{font-size:42px}.radar-info h3{font-size:25px}.radar-info .eyebrow{font-size:8px}}
@media(max-width:760px){.brand-logo{width:46px;flex-basis:46px}.wrap{width:88%}.site-header{padding-block:24px;gap:15px;flex-wrap:wrap}.site-header nav{display:none}.brand{font-size:clamp(18px,4.5vw,22px)}.brand small{font-size:7px}.hero{padding-top:28px}.hero-heading{display:block}.eyebrow{font-size:8px;letter-spacing:.08em;gap:9px}.hero h1{font-size:clamp(47px,10.8vw,72px);margin-top:25px}.hero-intro{margin-top:26px;padding:0}.hero-intro p{font-size:15px;line-height:1.8}.button{font-size:12px;margin-top:21px;padding:15px 19px;gap:25px}.panorama{width:100%;margin-top:30px}.panorama img{aspect-ratio:2.5;object-fit:contain}.panorama figcaption{width:88%;margin:10px auto 22px;font-size:8px}.direction-nav{gap:15px}.direction-nav a{align-items:start;flex-direction:column;gap:8px;font-size:11px;padding:13px 0}.direction-nav .arrow{display:none}.direction-nav .index{font-size:8px}.hero-foot{font-size:8px;padding:15px 0 30px}.hero-foot>span:last-child{display:none}.radar-section{padding-block:50px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:clamp(37px,8.5vw,54px);margin-top:20px}.section-heading>p{font-size:13px;margin:20px 0 0}.section-heading>p br{display:none}.radar-layout{grid-template-columns:1fr;gap:35px}.scene-label{top:12px;left:12px;font-size:7px}.scene-toolbar{gap:10px;padding:10px 0;flex-wrap:wrap}.scene-actions{gap:14px}.scene-toolbar p{font-size:9px;max-width:170px}.phase-track{gap:16px}.phase-track p{font-size:11px}.phase-track>div>span{font-size:8px}.radar-info{padding-top:0}.radar-info .eyebrow{font-size:9px}.radar-info h3{font-size:27px;margin-top:20px}.body-copy{font-size:14px;max-width:none}.specs{gap:25px}.specs dd{font-size:50px}.spec-note{font-size:11px}.next{padding-block:40px}.next>div{display:block}.next h2{font-size:31px}.text-link{width:fit-content;margin-top:25px}.demo-note{font-size:10px;line-height:1.6}.wave-field{opacity:.18}.wave-field svg{animation:none}.js-motion .reveal.waiting{transform:translateY(12px)}}
@media(max-width:350px){.hero h1{font-size:44px}.direction-nav{gap:10px}.direction-nav a{font-size:10px}.specs dd{font-size:43px}.desktop-break{display:none}.button{gap:15px}.section-heading h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wave-field svg{animation:none}.js-motion .reveal{transition:none}.js-motion .reveal.waiting{opacity:1;transform:none}}