*{box-sizing:border-box} :root{color-scheme:dark;--ink:var(--bg-primary);--paper:var(--text-primary);--line:var(--border-dark);--muted:var(--text-secondary);--pad:clamp(22px,5.2vw,110px);font-family:"Segoe UI",Arial,sans-serif;background:var(--ink);color:var(--paper)}body{margin:0}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,summary{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.skip{position:fixed;top:-100px;z-index:20;background:#fff;color:#000;padding:1rem}.skip:focus{top:0}header{position:sticky;top:0;z-index:5;background:var(--bg-primary);display:flex;gap:2rem;align-items:center;justify-content:space-between;padding:14px var(--pad);min-height:72px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:900;letter-spacing:-.075em;font-size:25px;white-space:nowrap}.brand span{font-size:10px;align-self:flex-start;letter-spacing:0}nav{display:flex;gap:clamp(13px,2vw,36px);align-items:center;font-size:14px}nav a:hover,nav a[aria-current]{color:var(--accent)}.menu{display:none}.button,.menu{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;min-height:46px;border:1px solid var(--line);border-radius:5px;background:transparent;color:inherit;font-weight:650;font-size:14px;transition:background .2s,color .2s}.button:hover,.button[aria-pressed=true]{background:var(--secondary-hover);color:var(--secondary-ink)}.primary{background:var(--primary-bg);border-color:transparent;color:var(--primary-ink)}.primary:hover,.primary[aria-pressed=true]{background:var(--primary-hover);color:var(--primary-ink)}.light{color-scheme:light;background:var(--paper);color:var(--text-on-paper);--line:var(--border-light);--muted:var(--text-muted-on-paper)}.light .primary{background:var(--graphite);color:#fff}.hero{min-height:min(760px,calc(100svh - 72px));display:grid;align-items:center;position:relative;isolation:isolate;overflow:hidden;background:var(--bg-primary)}.hero-image{position:absolute;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 54%;inset:0}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg-primary) 0%,rgb(11 13 15 / 88%) 22%,rgb(11 13 15 / 10%) 62%),linear-gradient(0deg,var(--bg-primary) 1%,transparent 24%)}.hero-copy{padding:70px var(--pad) 110px;animation:enter .65s ease-out both}.hero-copy .lede{max-width:34ch}.hero-foot{position:absolute;bottom:22px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:12px;font:11px/1.5 monospace;color:var(--accent);letter-spacing:.12em;border-top:1px solid var(--line);padding-top:14px}.tag{font:600 12px/1.5 monospace;letter-spacing:.19em;color:var(--accent);margin:0 0 20px}.light .tag{color:var(--text-muted-on-paper)}h1,h2,h3{margin:0;line-height:1;letter-spacing:-.066em}h1{font-size:clamp(49px,7.5vw,135px)}h2{font-size:clamp(38px,5.4vw,92px)}h3{font-size:clamp(23px,2.4vw,40px)}p{line-height:1.6}.lede{font-size:clamp(16px,1.35vw,22px);max-width:44ch;color:var(--muted);margin:22px 0 29px}.actions,.tools{display:flex;gap:9px;flex-wrap:wrap}.chapter{padding:clamp(60px,8vw,130px) var(--pad);display:grid;grid-template-columns:.85fr 1fr;gap:clamp(20px,5vw,80px);align-items:center}.scene-art{min-width:0;min-height:clamp(280px,36vw,520px);display:grid;place-items:center;background:radial-gradient(ellipse at 56% 30%,var(--bg-elevated),var(--bg-secondary) 73%);overflow:hidden;border-radius:8px}.light .scene-art{background:radial-gradient(ellipse at 50% 40%,#fff,var(--surface-warm))}.detail{width:100%;height:100%;object-fit:cover;object-position:75% center;aspect-ratio:1.25}.phone,.panel{background:var(--surface-paper);color:var(--text-on-paper);border:1px solid var(--surface-warm);padding:26px;width:min(86%,450px);border-radius:12px;box-shadow:0 22px 52px var(--shadow-soft);--line:var(--border-light)}.phone{max-width:235px;border:7px solid var(--bg-secondary);border-radius:24px}.phone h3,.panel h3{margin-top:14px}.panel .tag{color:var(--text-muted-on-paper)}.badge{display:inline-block;font-size:12px;background:var(--status-progress-bg);color:var(--status-progress-ink);padding:5px 10px;border-radius:20px}.closing,.page{padding:clamp(54px,8vw,130px) var(--pad)}.closing .button{margin-top:26px}.triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0}.triptych article{border-top:1px solid var(--line);padding-top:20px}.segments{max-width:820px;margin:38px 0}.segments details{border-top:1px solid var(--line);padding:18px 0}.segments summary{font-size:20px;font-weight:650}.legal>p{max-width:72ch}footer{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:40px var(--pad);border-top:1px solid var(--line)}footer p{margin:4px 0;color:var(--muted)}form{max-width:840px}.formgrid,.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:6px;margin:12px 0;font-weight:600;font-size:14px}input,select,textarea{width:100%;min-width:0;padding:10px 12px;color:inherit;background:transparent;border:1px solid var(--line);border-radius:5px;min-height:44px}select option{background:var(--paper);color:var(--text-on-paper)}input[type=range]{padding:0;accent-color:var(--control-accent)}canvas{width:100%;height:100%;min-height:300px;display:block;touch-action:pan-y}.stage{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;align-items:start}.viewport{position:sticky;top:90px;background:radial-gradient(ellipse at 50% 40%,var(--bg-elevated),var(--bg-secondary) 72%);border:1px solid var(--line);border-radius:10px;overflow:hidden}.viewport canvas{height:clamp(290px,40vw,520px)}.viewport .tools,.viewport>p{padding:0 14px}.controls,.demo-box{border:1px solid var(--line);padding:clamp(15px,2vw,30px);border-radius:9px;min-width:0}.swatch{width:36px;height:36px;border:2px solid var(--border-strong);border-radius:50%;background:var(--swatch)}.swatch[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:3px}.controls fieldset{min-width:0;border:0;border-top:1px solid var(--line);padding:14px 0;margin:0 0 14px}.controls legend{padding-right:10px}.summary{color:var(--muted)}.demo-bar{margin:0 0 20px;justify-content:space-between}.demo-box{background:var(--surface-paper)}.item,.order{border-top:1px solid var(--line);padding:14px 0}.item{display:flex;justify-content:space-between;align-items:center;gap:10px}.item p{margin:3px 0;font-size:14px}.order label{max-width:240px}.metrics{display:flex;flex-wrap:wrap;gap:20px}.scene-art canvas{max-height:480px}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reveal.in-view>div{animation:enter .55s ease-out both}@media(min-width:901px){.menu{display:none}}@media(max-width:900px){header{gap:10px}.menu{display:inline-flex;margin-left:auto}.header-cta{display:none}header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);padding:22px var(--pad);flex-direction:column;align-items:stretch}header nav.open{display:flex}header nav a{padding:8px 0}}@media(max-width:690px){.hero{min-height:690px;align-items:start}.hero-copy{padding-top:42px}.hero-image{height:62%;top:auto;bottom:30px;object-position:72% center}.hero:after{background:linear-gradient(180deg,var(--bg-primary) 32%,transparent 57%,transparent 82%,var(--bg-primary) 98%)}.hero-foot{font-size:9px}.chapter,.stage,.split,.triptych,.formgrid{grid-template-columns:1fr}.viewport{position:relative;top:auto}.scene-art{min-height:275px}.formgrid{gap:0}footer{align-items:start;flex-direction:column}footer nav{flex-wrap:wrap}.controls .button{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
label[hidden]{display:none}.demo-tabs{margin:18px 0}.product h1{font-size:clamp(45px,6.2vw,100px)}.hero:after{background:linear-gradient(90deg,var(--bg-primary) 0%,rgb(11 13 15 / 93%) 24%,rgb(11 13 15 / 66%) 44%,rgb(11 13 15 / 0%) 68%),linear-gradient(0deg,var(--bg-primary) 1%,transparent 24%)} @media(max-width:690px){.hero-copy{padding-top:38px}.hero .actions{gap:6px}.hero .actions .button{font-size:12px;padding-inline:11px;gap:7px}.hero-image{height:52%;bottom:32px;object-position:77% center}.hero:after{background:linear-gradient(180deg,var(--bg-primary) 42%,transparent 55%,transparent 84%,var(--bg-primary) 98%)}}