@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#060b11;--surface:#0c1520;--surface2:#111e2b;--text:#eef4f8;--muted:#99aabb;--line:#26323e;--accent:#57d9f1;--cyan:#56d9f1;--soft:rgba(87,217,241,.09);--gold:#d2ae74;--header:rgba(6,11,17,.86);font-family:'DM Sans',system-ui,sans-serif;font-size:16px}html[data-theme=light]{color-scheme:light;--bg:#f3f7f9;--surface:#fff;--surface2:#e6edf2;--text:#132334;--muted:#4c6375;--line:#c9d5de;--accent:#007c9a;--soft:rgba(0,124,154,.07);--header:rgba(243,247,249,.9)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#57d9f1;color:#07111a}[hidden]{display:none!important}.wrap{width:min(1360px,calc(100% - 100px));margin:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;padding:14px;background:var(--text);color:var(--bg)}.skip-link:focus{top:12px}.header{height:88px;position:sticky;top:0;z-index:50;background:var(--header);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;font:800 23px 'Manrope',sans-serif;letter-spacing:-1px}.brand img{width:35px;height:35px;border-radius:10px}.brand em{font-style:normal;color:var(--accent)}.nav-links{display:flex;gap:30px;align-items:center;font-size:14px;color:var(--muted)}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--text)}.nav-controls{display:flex;gap:16px;align-items:center}.lang-link{font-size:13px;letter-spacing:.08em;color:var(--muted)}.icon-btn{height:34px;width:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:transparent}.icon-btn svg{width:16px;height:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;font-size:14px;font-weight:600;border:1px solid var(--line);border-radius:5px;background:transparent;transition:background .2s,transform .2s,color .2s}.btn:hover{background:var(--soft);transform:translateY(-2px)}.btn.primary{background:var(--accent);color:#061119;border-color:var(--accent)}html[data-theme=light] .btn.primary{color:white}.btn.small{min-height:40px;padding:0 18px;font-size:13px}.btn svg{height:17px;width:17px}.menu-toggle{display:none}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--muted);display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';width:18px;height:1px;background:var(--accent)}.hero{position:relative;min-height:min(820px,calc(100svh - 88px));overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line)}.hero-content{position:relative;z-index:3;padding-top:88px;padding-bottom:100px;pointer-events:none}.hero-content a,.hero-content button{pointer-events:auto}.hero h1{font:500 clamp(76px,8.1vw,124px)/1.015 'Manrope',sans-serif;letter-spacing:-.065em;margin:32px 0 24px;max-width:790px}.hero h1 span{color:var(--accent);display:block}.hero p{font-size:17px;line-height:1.8;color:var(--muted);max-width:385px;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:14px}.hero-note{font-size:12px;margin-top:19px;color:var(--muted);letter-spacing:.02em}.hero-foot{position:absolute;bottom:26px;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.hero-foot span:first-child{display:flex;gap:14px;align-items:center}.hero-foot span:first-child:before{content:'';width:32px;height:1px;background:var(--muted)}.scene{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 76% 46%,rgba(14,90,127,.16),transparent 46%)}.scene canvas{width:100%;height:100%;display:block}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 68%);pointer-events:none}.scene-fallback{height:auto;position:absolute;right:8%;top:18%;width:36%;opacity:.75;transform:perspective(800px) rotateY(-24deg) rotateZ(-14deg);filter:drop-shadow(0 25px 65px #28afd344)}.scene.ready .scene-fallback{display:none}.hero-coordinate{position:absolute;top:48px;right:50px;z-index:2;font-size:11px;color:var(--muted);letter-spacing:.2em}.hero-dock{position:absolute;z-index:4;right:max(50px,calc((100vw - 1360px)/2));bottom:102px;width:350px;padding:21px 22px;border:1px solid #637f9455;background:linear-gradient(130deg,rgba(21,39,56,.88),rgba(9,20,32,.95));color:#eaf3fa;backdrop-filter:blur(22px);box-shadow:0 20px 60px #0006;border-radius:12px;transform:rotate(-3deg)}.dock-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.1em;color:#9cb1c2}.dock-top b{font-size:13px;color:#e9f7fc}.dock-line{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.dock-line strong{font-size:18px;font-weight:500}.dock-icons{display:flex;gap:7px}.dock-icons span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #7893a444;border-radius:8px;color:#72def3}.dock-bottom{display:flex;justify-content:space-between;margin-top:20px;padding-top:13px;border-top:1px solid #7893a433;font-size:11px;color:#a6bbca}.dot{height:5px;width:5px;display:inline-block;background:#67d9bd;border-radius:50%;margin-right:6px}.strip{border-bottom:1px solid var(--line)}.strip-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:27px 0;font-size:13px;color:var(--muted)}.strip strong{font:600 17px 'Manrope',sans-serif;color:var(--text)}.strip-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.section{padding:118px 0}.section-top{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;margin-bottom:58px}.section-top h2,.statement h2,.final-cta h2{font:500 clamp(36px,4.3vw,65px)/1.14 'Manrope',sans-serif;letter-spacing:-.05em;margin:20px 0 0}.section-top h2 em,.final-cta h2 em{font-style:normal;color:var(--muted)}.section-top p{font-size:16px;line-height:1.85;color:var(--muted);max-width:440px;margin:0}.chapter{color:var(--accent);font:500 12px monospace;letter-spacing:.08em}.workspace{display:grid;grid-template-columns:240px 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:0 32px 80px #0002}.workspace-side{border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.workspace-heading{margin:0 10px 24px;font:500 11px 'DM Sans';color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.demo-tab{display:flex;gap:13px;align-items:center;text-align:left;min-height:53px;padding:12px 14px;width:100%;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--muted);font-size:14px;margin-bottom:6px;transition:.2s}.demo-tab svg{width:18px;height:18px}.demo-tab[aria-selected=true]{color:var(--accent);background:var(--soft);border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.workspace-help{font-size:12px;line-height:1.7;color:var(--muted);padding:30px 12px 0;margin-top:auto}.workspace-main{min-width:0;padding:30px 36px}.workspace-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;gap:14px}.mini-brand{display:flex;align-items:center;gap:9px;font:700 14px 'Manrope',sans-serif;letter-spacing:-.3px}.mini-brand img{height:25px;width:25px;border-radius:6px}.demo-label{font-size:11px;letter-spacing:.14em;color:var(--muted);border:1px solid var(--line);padding:6px 9px;border-radius:4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.stat{padding:0 18px;border-right:1px solid var(--line)}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.stat b{font:500 30px 'Manrope',sans-serif;letter-spacing:-.04em}.panel-title{font-size:12px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin:0 0 17px}.demo-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.action{display:flex;flex-direction:column;align-items:center;gap:14px;min-height:115px;justify-content:center;border:1px solid var(--line);background:var(--surface2);border-radius:8px;font-size:13px;transition:.2s}.action:hover{border-color:var(--accent);background:var(--soft)}.action svg{width:23px;height:23px;color:var(--accent)}.action.like svg{color:#ef91b7}.action.bookmark svg{color:#bba9f7}.control-row{display:flex;align-items:center;gap:12px;padding:18px 0;font-size:13px;color:var(--muted);flex-wrap:wrap}.control-row label{margin-right:auto}.control-row button{background:var(--surface2);border:1px solid var(--line);border-radius:4px;width:30px;height:30px}.speed-value{color:var(--text);min-width:85px;text-align:center}.demo-log{display:flex;align-items:center;gap:9px;background:var(--soft);padding:12px 14px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:12px;line-height:1.65;min-height:52px}.demo-log svg{width:14px;height:14px;flex:none}.workspace-bottom{padding:18px 0 0;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.text-button{border:0;padding:4px 0;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px}.demo-description{padding:20px 2px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);line-height:1.7}.ap-controls{display:flex;justify-content:space-between;align-items:center;background:var(--surface2);border:1px solid var(--line);padding:20px;border-radius:8px;gap:20px;min-height:125px}.ap-controls label{display:grid;gap:12px;font-size:14px}.ap-controls input{accent-color:var(--accent);max-width:220px}.ap-controls output{color:var(--accent)}.ap-controls .btn{flex:none}.tool-input{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:4px;padding:10px;width:100%}.product-story{border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;background:linear-gradient(120deg,var(--bg),var(--surface))}.story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}.statement h2{margin:22px 0;font-size:clamp(40px,4.8vw,72px)}.statement p{color:var(--muted);line-height:1.85;max-width:450px;font-size:16px}.story-details{display:grid;gap:25px;margin-top:35px}.story-detail{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:30px 1fr;gap:14px}.story-detail>span{color:var(--accent);font-size:12px;font-family:monospace}.story-detail h3{margin:0 0 8px;font-size:16px;font-weight:500}.story-detail p{font-size:14px;margin:0;line-height:1.7}.popup-presentation{perspective:1300px;position:relative;padding:35px 0}.popup-presentation:before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,#34bddd18,transparent 68%);filter:blur(20px)}.popup-frame{width:min(400px,100%);margin:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:25px;transform:rotateY(-10deg) rotateZ(3deg);box-shadow:25px 40px 80px #0004;transition:transform .6s}.popup-presentation:hover .popup-frame{transform:rotateY(0) rotateZ(0)}.popup-frame .workspace-top{padding-bottom:18px}.vip{font-size:10px;color:var(--gold);letter-spacing:.12em;margin-left:auto}.welcome{font-size:11px;color:var(--muted);letter-spacing:.12em;margin-top:23px}.demo-user{font:600 22px 'Manrope';margin:9px 0 28px}.license-card{position:relative;border:1px solid var(--line);border-radius:12px;padding:25px 16px;display:flex;gap:20px;align-items:center;background:var(--soft)}.license-ring{width:112px;height:112px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid var(--accent);border-right-color:var(--line);transform:rotate(-20deg)}.license-ring>div{transform:rotate(20deg);text-align:center}.license-ring strong{font:500 34px 'Manrope';letter-spacing:-2px}.license-ring small{display:block;color:var(--muted);font-size:11px}.license-info{font-size:12px;color:var(--muted);line-height:1.8}.license-info b{display:block;color:var(--text);font-size:14px;font-weight:500}.account-line{border-bottom:1px solid var(--line);padding:18px 0;display:flex;align-items:center;gap:12px;font-size:13px}.account-icon{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px}.account-line small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px;letter-spacing:.08em}.popup-buttons{display:flex;gap:8px;margin-top:20px}.popup-buttons span{background:var(--surface2);border:1px solid var(--line);border-radius:5px;padding:13px 8px;flex:1;text-align:center;font-size:11px}.popup-foot{text-align:center;margin:20px 0 0;color:var(--muted);font-size:10px;letter-spacing:.06em}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.module{padding:40px 30px;border-right:1px solid var(--line)}.module:first-child{padding-left:0}.module:last-child{border-right:0}.module-number{font-size:12px;color:var(--accent);font-family:monospace}.module svg{width:28px;height:28px;display:block;margin:38px 0 27px;color:var(--muted)}.module h3{font:500 23px 'Manrope';letter-spacing:-.04em;margin:0 0 16px}.module p{font-size:14px;line-height:1.9;color:var(--muted);margin:0;max-width:330px}.module a{display:inline-block;font-size:13px;margin-top:26px;border-bottom:1px solid var(--line);padding-bottom:5px}.process{display:grid;grid-template-columns:1fr 1fr;gap:100px}.steps{counter-reset:step}.step{padding:26px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:40px 1fr;gap:25px}.step:first-child{padding-top:0}.step-num{color:var(--accent);font-family:monospace;font-size:13px}.step h3{font-size:19px;font-weight:500;margin:0 0 10px;letter-spacing:-.03em}.step p{color:var(--muted);line-height:1.85;font-size:14px;margin:0}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq-grid h2{font:500 44px/1.2 'Manrope';letter-spacing:-.05em;margin:20px 0}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:24px 40px 24px 0;position:relative;font-size:16px;line-height:1.6}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;top:24px;color:var(--muted);font-size:22px;font-weight:400}details[open] summary:after{content:'−'}details p{margin:0 35px 25px 0;line-height:1.9;color:var(--muted);font-size:14px}.final-cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:85px 0;background:radial-gradient(ellipse at 88% 100%,var(--soft),transparent 60%)}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:35px}.final-cta h2{margin:0 0 20px}.final-cta p{color:var(--muted);font-size:15px;line-height:1.8;margin:0;max-width:480px}.footer{padding:60px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;margin-bottom:65px}.footer-tag{color:var(--muted);font-size:14px;margin-top:15px}.footer-links{display:flex;gap:70px}.footer-links div{display:flex;flex-direction:column;gap:12px;font-size:13px;color:var(--muted)}.footer-links b{font-size:12px;color:var(--text);font-weight:500;margin-bottom:8px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);line-height:1.7}.page-head{padding:90px 0 65px}.page-head h1{font:500 clamp(46px,6vw,84px)/1.1 'Manrope';letter-spacing:-.055em;margin:24px 0}.page-head p{color:var(--muted);max-width:650px;line-height:1.9;font-size:17px}.page-head .hero-actions{margin-top:28px}.page-body{padding-bottom:100px}.install-layout{display:grid;grid-template-columns:1fr 330px;gap:70px}.install-note{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:12px;align-self:start;position:sticky;top:118px}.install-note h3{margin:0 0 18px;font-size:18px}.install-note p{color:var(--muted);font-size:14px;line-height:1.8}.install-note .btn{width:100%}.code{display:inline-block;padding:3px 8px;border:1px solid var(--line);background:var(--surface);font-size:13px;border-radius:3px}.license-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.license-sheet{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:38px}.license-sheet h2{font:500 32px 'Manrope';letter-spacing:-.04em;margin:22px 0}.license-sheet p{color:var(--muted);font-size:15px;line-height:1.8}.license-sheet ul{padding:0;list-style:none;border-top:1px solid var(--line);margin:24px 0}.license-sheet li{padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;justify-content:space-between}.license-sheet li:after{content:'✓';color:var(--accent)}.legal-content{max-width:900px;padding-bottom:100px}.legal-content article{border-top:1px solid var(--line);padding:35px 0}.legal-content h2{font:500 30px 'Manrope';letter-spacing:-.03em}.legal-content h3{font-size:18px;margin-top:34px;font-weight:500}.legal-content p,.legal-content li{font-size:15px;line-height:1.9;color:var(--muted)}.legal-content .last-updated{font-size:12px;color:var(--muted)}.motion-control{position:absolute;right:50px;top:82px;z-index:4;font-size:11px;padding:6px 10px;border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:3px}.screen-note{font-size:12px;color:var(--muted);line-height:1.7}.reveal{transition:opacity .7s,transform .7s}.js .reveal:not(.visible){opacity:0;transform:translateY(22px)}.js .reveal.visible{opacity:1;transform:translateY(0)}
@media(min-width:1650px){.hero h1{font-size:132px}.hero{min-height:870px}.hero-content{padding-top:112px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:88px}.hero p{max-width:330px}.hero-dock{right:32px;width:290px;bottom:98px}.hero-coordinate,.motion-control{right:32px}.nav-links{gap:20px}.story-grid{gap:50px}.workspace{grid-template-columns:195px 1fr}.workspace-main{padding:25px}.hero{min-height:735px}.hero-content{padding-top:85px}.process,.faq-grid{gap:50px}.install-layout{gap:35px}.license-layout{gap:35px}}
@media(max-width:780px){.wrap{width:calc(100% - 40px)}.header{height:72px}.nav{gap:14px}.nav-links{position:absolute;left:0;right:0;top:71px;background:var(--bg);border-bottom:1px solid var(--line);padding:25px;flex-direction:column;align-items:stretch;gap:24px;display:none}.nav-links.is-open{display:flex}.nav-controls{gap:12px}.nav-controls>.btn{display:none}.menu-toggle{display:grid}.hero{min-height:940px}.hero-content{padding-top:54px;padding-bottom:0}.hero h1{font-size:clamp(65px,12vw,94px);max-width:100%;margin-top:26px}.hero p{max-width:360px;font-size:16px}.hero-coordinate{display:none}.scene{top:360px;height:580px}.scene:after{background:linear-gradient(var(--bg),transparent 45%)}.scene-fallback{right:15%;top:10%;width:62%}.hero-dock{bottom:70px;right:30px;width:300px;transform:rotate(-3deg)}.hero-foot{bottom:22px;font-size:9px}.hero-foot span:nth-child(2){display:none}.motion-control{top:auto;bottom:410px;right:20px;font-size:10px}.hero-actions{gap:10px}.btn{padding:0 18px}.strip-inner{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:center;font-size:12px}.strip-label{grid-column:1/-1}.strip strong{font-size:15px}.strip-inner>span:last-child{display:none}.section{padding:75px 0}.section-top{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.section-top h2{font-size:40px}.workspace{grid-template-columns:1fr}.workspace-side{border-right:0;border-bottom:1px solid var(--line);padding:12px}.workspace-heading,.workspace-help{display:none}.workspace-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.demo-tab{font-size:11px;padding:10px 4px;gap:7px;flex-direction:column;align-items:center;text-align:center;margin:0;min-height:61px}.workspace-main{padding:20px 16px}.stats{padding:22px 0}.stat{padding:0 10px}.stat b{font-size:24px}.stat span{font-size:10px}.demo-actions{grid-template-columns:repeat(2,1fr)}.action{min-height:85px;gap:9px}.workspace-top{gap:8px}.mini-brand{font-size:12px}.demo-label{font-size:9px}.demo-description{display:block}.demo-description span{display:block;margin-top:5px}.story-grid{grid-template-columns:1fr;gap:30px}.statement h2{font-size:48px}.popup-presentation{padding:30px 16px}.popup-frame{transform:rotateZ(2deg)}.module-grid{grid-template-columns:1fr}.module{padding:30px 0;border-right:0;border-bottom:1px solid var(--line)}.module:last-child{border-bottom:0}.module svg{margin:20px 0}.module p{max-width:none}.module h3{font-size:24px}.process,.faq-grid{grid-template-columns:1fr;gap:40px}.faq-grid h2{font-size:40px}.cta-row{align-items:start;flex-direction:column}.final-cta{padding:60px 0}.final-cta h2{font-size:45px}.footer-top{flex-direction:column;gap:40px;margin-bottom:40px}.footer-links{gap:40px;flex-wrap:wrap}.footer-bottom{flex-direction:column}.page-head{padding:60px 0 45px}.install-layout,.license-layout{grid-template-columns:1fr;gap:40px}.install-note{position:static}.license-sheet{padding:28px}.ap-controls{flex-direction:column;align-items:stretch}.ap-controls input{max-width:100%}.brand{font-size:20px}.brand img{height:31px;width:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1!important;transform:none!important}.hero-dock,.popup-frame{transform:none!important}}

/* The brand stage remains cinematic in either interface theme. */
.hero{--bg:#060b11;--text:#eef4f8;--muted:#99aabb;--accent:#57d9f1;--line:#26323e;background:var(--bg);color:var(--text)}
.scene-fallback{right:0;top:2%;width:min(760px,57%);height:auto;opacity:1;transform:none;filter:none;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 72%)}
@media(max-width:780px){.scene-fallback{right:0;top:-10%;width:100%;max-width:620px;left:50%;transform:translateX(-50%)}}

/* The illustrated stage follows the pointer and scroll without requiring WebGL. */
.scene.illustrated .scene-fallback{--scene-anchor:0%;transform:perspective(1100px) translate3d(calc(var(--scene-anchor) + var(--scene-x,0px)),var(--scene-y,0px),0) rotateX(var(--scene-rx,0deg)) rotateY(var(--scene-ry,0deg)) scale(var(--scene-scale,1));transform-origin:50% 50%;will-change:transform}
.scene.illustrated:before{content:'';position:absolute;left:76%;top:49%;width:45%;aspect-ratio:1;border:1px solid #63d9f010;border-radius:50%;transform:translate(-50%,-50%) rotateX(28deg) rotateZ(-20deg);box-shadow:0 0 0 42px #63d9f006,0 0 0 84px #63d9f004;pointer-events:none}
@media(min-width:1101px){.hero h1{font-size:clamp(105px,9.1vw,142px);line-height:.99}.hero-content{padding-top:80px}}
@media(max-width:780px){.scene.illustrated .scene-fallback{--scene-anchor:-50%}.scene.illustrated:before{left:50%;width:80%;top:43%}}
@media(prefers-reduced-motion:no-preference){.hero-content .eyebrow{animation:hero-enter .8s both}.hero h1{animation:hero-enter .95s .08s both}.hero p,.hero-actions,.hero-note{animation:hero-enter 1s .18s both}.hero-dock{animation:dock-enter 1.2s .2s both}}
@keyframes hero-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes dock-enter{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}

@media(max-width:780px){.scene{top:480px;height:460px}}
@media(max-width:360px){.brand{font-size:18px;gap:7px}.brand img{width:27px;height:27px}.nav-controls{gap:8px}.nav{gap:10px}}