body{isolation:isolate}.ambient-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--canvas) url('assets/ambient-field.svg') center/cover no-repeat}.ambient-background canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .8s}.ambient-background.ready canvas{opacity:1}.ambient-background:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,14,.82),rgba(8,10,14,.2) 75%),linear-gradient(0deg,rgba(8,10,14,.28),transparent 45%)}
.nav{background:#080a0ee8;backdrop-filter:blur(16px)}.hero-grid{display:none}.hero{min-height:800px;min-height:calc(100svh - 96px);padding-block:80px 125px}.hero-copy{width:61%}.hero-description{max-width:47ch}.hero-visual{position:absolute;right:var(--gutter);top:calc(50% - 270px);width:38%;height:560px;transform-style:preserve-3d;will-change:transform}.hero-photo{display:block;position:absolute;inset:0 0 90px 35px;border:1px solid #677160;transform:rotate(5deg);overflow:hidden;box-shadow:15px 20px 0 #080a0e88}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:58% center;filter:saturate(.65);transition:transform .65s ease}.hero-photo:hover img{transform:scale(1.06)}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080a0ee0,transparent 70%)}.hero-photo>span{position:absolute;inset:auto 24px 24px;z-index:1;font:26px/.98 'Vault Display',sans-serif;color:var(--ink)}.hero-product-peek{display:block;position:absolute;bottom:0;left:-20px;width:86%;max-width:400px;background:var(--surface);border:1px solid #7f8e66;box-shadow:10px 10px 0 #20281e;transform:rotate(-4deg);overflow:hidden}.hero-product-peek img{width:100%;height:215px;object-fit:cover;object-position:top left}.hero-product-peek>span{display:flex;justify-content:space-between;padding:13px 16px;font-size:9px;color:var(--muted);border-top:1px solid var(--line)}.hero-product-peek b{color:var(--accent);font-size:16px}.hero-ai-chip{position:absolute;top:36px;right:-15px;z-index:3;display:flex;align-items:center;gap:12px;padding:15px 19px;background:var(--accent);color:var(--canvas);border:1px solid var(--canvas);font:12px/1.4 'Vault Grotesk',sans-serif;transform:rotate(-5deg)}.hero-ai-chip span{font-size:20px}.hero-floor #motion-toggle{display:none}.ambient-toggle{position:fixed;bottom:20px;right:24px;z-index:40;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 15px;background:#13171ce8;border:1px solid #68735e;color:var(--ink);font-size:10px;backdrop-filter:blur(12px)}.ambient-toggle:hover{border-color:var(--accent)}.ambient-toggle span{color:var(--accent)}
.visual-story{padding-block:85px 55px;border-bottom:1px solid var(--line);background:#080a0e55}.visual-story-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:40px}.visual-story-heading h2{font-size:clamp(44px,5vw,72px)}.visual-story-heading>p{font-size:13px;max-width:34ch;color:var(--muted)}.gallery-controls{display:flex;gap:8px;flex-shrink:0}.gallery-controls button{width:48px;height:48px;background:var(--surface);border:1px solid var(--line);font-size:24px}.gallery-controls button:hover{border-color:var(--accent)}.gallery-controls button:disabled{opacity:.3}.visual-gallery{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent) var(--surface);padding:8px 8px 20px 0;overscroll-behavior-x:contain}.visual-track{display:flex;gap:26px;align-items:flex-end;width:max-content}.visual-panel{position:relative;display:block;flex-shrink:0;width:clamp(370px,43vw,650px);height:450px;overflow:hidden;scroll-snap-align:start;border:1px solid #57604f}.visual-panel:nth-child(2){width:clamp(340px,36vw,520px);height:380px}.visual-panel:nth-child(3){width:clamp(340px,36vw,520px);height:420px}.visual-panel img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:filter .35s;transform-origin:center}.visual-panel:hover img{filter:saturate(1)}.visual-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080a0eee,transparent 70%)}.visual-panel-copy{position:absolute;inset:auto 28px 26px;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.visual-panel-copy strong{font:36px/1 'Vault Display',sans-serif;max-width:11ch}.visual-panel-copy>span{color:var(--accent);font-size:28px}.visual-story .micro{margin-top:17px}
.dashboard-showcase{background:#080a0e9e}.ai-section{background:#080a0e6e}.workspace{background:#080a0e55}.plans,.faq{background:#080a0ec9}.dashboard-showcase-frame{transform:perspective(2200px) rotateX(1.8deg);transform-origin:top center;transition:transform .35s}.dashboard-showcase-frame:focus-within,.dashboard-showcase-frame:hover{transform:none}.ai-example-stage{will-change:transform}.human-section{position:relative;z-index:1}.closing{position:relative;z-index:1}footer{background:#080a0ef2}
@media(min-width:761px) and (max-width:1100px){.hero-visual{width:37%;height:490px;top:calc(50% - 235px)}.hero-product-peek img{height:170px}.hero-ai-chip{font-size:10px;right:-10px;padding:13px}.hero-description{max-width:42ch}.hero-photo>span{font-size:22px}}
@media(max-width:760px){.hero{min-height:0;max-height:none;padding:45px 22px 110px}.hero-copy{width:100%}.hero-description{max-width:43ch}.hero-visual{position:relative;inset:auto;width:100%;height:405px;margin-top:42px;will-change:auto}.hero-photo{inset:0 5px 70px 30px}.hero-photo>span{font-size:25px;inset:auto 18px 24px}.hero-product-peek{left:0;bottom:0;width:79%;max-width:320px}.hero-product-peek img{height:175px}.hero-product-peek>span{font-size:8px;padding:12px}.hero-ai-chip{right:-4px;top:27px;font-size:10px;padding:12px 15px}.hero-floor{bottom:20px}.ambient-toggle{bottom:12px;right:12px;padding:9px 12px;font-size:9px}.visual-story{padding-block:55px 45px}.visual-story-heading{display:grid;grid-template-columns:1fr auto;gap:25px 15px;margin-bottom:28px}.visual-story-heading h2{font-size:43px;grid-column:1/-1}.visual-story-heading>p{font-size:12px}.gallery-controls button{width:42px;height:42px;font-size:20px}.visual-track{gap:18px}.visual-panel,.visual-panel:nth-child(2),.visual-panel:nth-child(3){width:77vw;height:350px}.visual-panel-copy{inset:auto 20px 22px}.visual-panel-copy strong{font-size:30px}.visual-gallery{margin-right:-10px}.visual-story .micro{font-size:8px}.dashboard-showcase-frame{transform:none}.ai-example-stage{will-change:auto}.ambient-background:after{background:linear-gradient(90deg,#080a0e99,#080a0e55),linear-gradient(0deg,#080a0e88,transparent)}}
@media(max-width:360px){.hero{min-height:0}.hero-visual{height:355px;margin-top:40px}.hero-product-peek img{height:145px}.hero-ai-chip{font-size:9px;padding:10px}.visual-story-heading h2{font-size:36px}.visual-panel,.visual-panel:nth-child(2),.visual-panel:nth-child(3){height:320px}}
@media(prefers-reduced-motion:reduce){.ambient-background canvas,.hero-photo img,.visual-panel img,.dashboard-showcase-frame{transition:none}.hero-visual,.ai-example-stage,.dashboard-showcase-frame{transform:none!important;will-change:auto}.visual-panel img{transform:none!important}}
.hero-photo>span{inset:24px auto auto 24px}
@media(max-width:760px){.hero-ai-chip{top:100px}}
.paused .hero-visual,.paused .ai-example-stage{transform:none!important;will-change:auto}.paused .hero-photo img,.paused .visual-panel img{transform:none!important;transition:none}