@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url('/static/marketing-fonts/regular.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url('/static/marketing-fonts/medium.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url('/static/marketing-fonts/semibold.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url('/static/marketing-fonts/bold.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url('/static/marketing-fonts/extrabold.ttf') format('truetype')}

:root{
  --bg:#080d10;
  --surface:#0e1519;
  --surface-2:#151d21;
  --surface-3:#1b252a;
  --ink:#f0f2ec;
  --muted:#a1abaa;
  --faint:#727d7e;
  --line:#2a3539;
  --accent:#a7efd6;
  --accent-2:#66cfa9;
  --accent-ink:#0e3026;
  --mint-soft:#142c27;
  --danger:#ff9eaa;
  --warning:#f0c98d;
  --glass:rgba(14,21,25,.82);
  --header:rgba(8,13,16,.87);
  --shadow:0 42px 110px rgba(0,0,0,.4);
  color-scheme:dark;
}
[data-theme=light]{
  --bg:#f1f2ed;
  --surface:#fafbf7;
  --surface-2:#e8ebe5;
  --surface-3:#dde4dc;
  --ink:#182523;
  --muted:#5d6c69;
  --faint:#7a8784;
  --line:#ced6cf;
  --accent:#176b58;
  --accent-2:#27836e;
  --accent-ink:#fff;
  --mint-soft:#dcebe3;
  --danger:#a53e4b;
  --warning:#80602c;
  --glass:rgba(250,251,247,.86);
  --header:rgba(241,242,237,.9);
  --shadow:0 42px 110px rgba(31,54,46,.12);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:-8%;pointer-events:none;z-index:-2;background:radial-gradient(circle at 78% 8%,rgba(108,229,188,.09),transparent 30%),radial-gradient(circle at 8% 70%,rgba(108,229,188,.04),transparent 28%),linear-gradient(115deg,transparent 48%,rgba(255,255,255,.025) 49%,transparent 50%);animation:ambient-shift 18s ease-in-out infinite alternate}
button,a{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:default}
a{text-decoration:none}
svg{display:block}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:650;letter-spacing:-.058em;line-height:1.02}
h2{font-size:clamp(46px,4.6vw,70px)}
h3{font-size:31px}
h1 em,h2 em{font-style:normal;color:var(--accent)}
p{color:var(--muted)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
::selection{background:var(--accent);color:var(--accent-ink)}
.shell{width:min(100% - 72px,1280px);margin-inline:auto}
.skip-link{position:fixed;top:-70px;left:24px;z-index:100;background:var(--accent);color:var(--accent-ink);padding:12px 16px;border-radius:8px}
.skip-link:focus{top:16px}

.site-header{position:sticky;top:0;z-index:40;height:78px;background:var(--header);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}
.header-inner{height:100%;width:min(100% - 72px,1280px);margin:auto;display:flex;align-items:center;gap:44px}
.brand{display:inline-flex;align-items:center;gap:14px;flex-shrink:0}
.brand svg{width:39px;height:39px;color:var(--accent)}
.brand>span{font-size:25px;line-height:.9;font-weight:750;letter-spacing:-.07em}
.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:.32em;margin-top:9px}
.site-header nav{display:flex;gap:42px;margin-left:auto;font-size:16px;color:var(--muted)}
.site-header nav a{transition:color .2s}
.site-header nav a:hover{color:var(--ink)}
.header-actions{display:flex;align-items:center;gap:24px}
.login-link{font-size:16px;font-weight:650}
.login-link span{color:var(--accent);margin-left:6px}
.icon-button{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:transparent;display:grid;place-items:center}
.icon-button:hover{background:var(--surface-2)}
.outline-button,.secondary-button{min-height:58px;border:1px solid color-mix(in srgb,var(--accent) 70%,var(--line));background:transparent;border-radius:9px;padding:14px 24px;font-weight:650;font-size:16px;display:inline-flex;align-items:center;justify-content:center;transition:.25s ease}
.outline-button:hover,.secondary-button:hover{background:var(--mint-soft);transform:translateY(-2px)}
.header-cta{min-height:50px;padding-inline:21px}
.menu-toggle{display:none}
.menu-toggle i{width:18px;height:1px;background:currentColor;display:block}
.reading-progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent)}

.hero{min-height:650px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:48px;padding-block:52px 38px;position:relative}
.hero-copy{position:relative;z-index:3;max-width:760px;min-width:0}
.eyebrow,.section-number{display:block;color:var(--accent);font-weight:750;font-size:14px;letter-spacing:.16em}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.eyebrow>span{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 18px var(--accent)}
.hero h1{font-size:clamp(58px,5.1vw,82px);line-height:.98;letter-spacing:-.068em;white-space:normal;max-width:100%}
.hero-lead{font-size:19px;line-height:1.55;max-width:650px;margin-top:26px}
.hero-actions{display:flex;align-items:center;gap:16px;margin-top:30px}
.primary-button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:38px;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:9px;padding:13px 24px;font-size:16px;font-weight:750;transition:transform .25s,box-shadow .25s}
.primary-button:hover{transform:translateY(-3px);box-shadow:0 14px 40px color-mix(in srgb,var(--accent) 20%,transparent)}
.secondary-button{min-width:220px}
.testing-note{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:14px}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent);display:inline-block;flex-shrink:0;animation:status-pulse 2.4s ease-in-out infinite}

.hero-object{height:510px;min-width:0;position:relative;display:grid;place-items:center;perspective:1200px;isolation:isolate;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1);will-change:transform}
.object-glow{position:absolute;width:90%;height:75%;background:radial-gradient(ellipse at center,rgba(99,229,185,.2),transparent 66%);filter:blur(30px);z-index:-1;animation:glow-breathe 4.8s ease-in-out infinite}
.sculpture{width:min(100%,540px);overflow:visible;filter:drop-shadow(0 35px 30px rgba(0,0,0,.34));animation:sculpture-float 7s ease-in-out infinite;transform-origin:center}
.floating-chip{position:absolute;background:rgba(25,32,35,.89);border:1px solid rgba(238,243,241,.25);box-shadow:0 18px 50px rgba(0,0,0,.3);backdrop-filter:blur(15px);border-radius:12px;padding:12px 15px;color:#eef3f1;font-size:14px;line-height:1.35;display:flex;align-items:center;gap:12px}
.floating-chip b{color:var(--accent);font-size:25px}
.chip-top{right:-3%;top:80px;animation:chip-drift 5s ease-in-out infinite alternate}
.chip-bottom{right:-5%;bottom:75px;animation:chip-drift 6s 1s ease-in-out infinite alternate-reverse}
.plane{color:var(--accent);font-size:25px;transform:rotate(-20deg)}

.benefits{height:92px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}
.benefits>div{display:flex;align-items:center;justify-content:center;gap:17px;font-size:16px}
.benefits>div+div{border-left:1px solid var(--line)}
.benefit-icon{color:var(--accent);font-size:32px;font-weight:400}

.product,.capabilities,.process{padding-top:108px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;margin-bottom:44px}
.section-heading h2{margin-top:25px}
.section-heading>p{font-size:17px;line-height:1.65;max-width:450px;margin-bottom:6px}
.scenario-tabs{border:1px solid var(--line);border-radius:10px;display:flex;overflow:hidden;flex-shrink:0}
.scenario-tabs button{min-height:56px;padding:12px 26px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);font-size:16px}
.scenario-tabs button:first-child{border-left:0}
.scenario-tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-ink);font-weight:700}

.product-stage{position:relative;border:1px solid color-mix(in srgb,var(--accent) 58%,var(--line));border-radius:20px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.product-stage::before{content:"";position:absolute;z-index:3;top:-1px;left:-30%;width:28%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:stage-scan 6s ease-in-out infinite;pointer-events:none}
.stage-topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line)}
.stage-topbar>div{display:flex;align-items:center;gap:12px;font-size:16px}
.stage-topbar svg{width:28px;height:28px;color:var(--accent)}
.stage-topbar i{font-style:normal;color:var(--faint)}
.stage-topbar>div span:last-child{color:var(--muted)}
.demo-live{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:9px}
.demo-live i{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.stage-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(330px,.75fr)}
.conversation{min-width:0;border-right:1px solid var(--line)}
.person-header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px;padding:0 28px}
.avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--mint-soft);color:var(--accent);font-size:18px;font-weight:750}
.person-header strong{font-size:20px}
.person-header small{display:block;color:var(--muted);font-size:14px;margin-top:3px}
.approval-mode{margin-left:auto;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--muted)}
.messages{padding:30px;min-height:440px}
.incoming{width:min(690px,84%);background:var(--surface-2);border-radius:15px 15px 15px 3px;padding:22px 24px}
.incoming p{font-size:18px;color:var(--ink)}
.incoming span{display:block;text-align:right;color:var(--faint);font-size:12px;margin-top:10px}
.context-read{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:15px;margin:25px 0}
.context-read>span:first-child{color:var(--accent)}
.assistant-draft{background:linear-gradient(120deg,var(--mint-soft),color-mix(in srgb,var(--mint-soft) 72%,var(--surface)),var(--mint-soft));background-size:200% 100%;border:1px solid color-mix(in srgb,var(--accent) 65%,var(--line));border-radius:16px;padding:26px 28px;transition:border .2s,transform .2s;animation:draft-shimmer 7s ease-in-out infinite}
.assistant-draft header{display:flex;justify-content:space-between;gap:20px;color:var(--accent);font-size:16px;font-weight:700}
.assistant-draft header b{font-size:13px;color:var(--muted);font-weight:500}
.assistant-draft>p{color:var(--ink);font-size:20px;line-height:1.55;margin:18px 0 22px}
.assistant-draft footer{display:flex;align-items:center;gap:22px}
.approve-button{min-height:50px;padding:11px 20px;border:0;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-size:16px;font-weight:750}
.approve-button span{margin-left:20px}
.assistant-draft footer>span{font-size:14px;color:var(--muted)}
.assistant-draft.sent{box-shadow:0 0 0 2px var(--accent)}
.context-panel{padding:34px 28px}
.context-panel h3{font-size:34px;margin:22px 0 28px}
.context-item{display:flex;align-items:center;gap:18px;padding:23px 0;border-top:1px solid var(--line);transition:transform .25s,color .25s}
.context-item>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--accent);font-size:22px}
.context-item small{display:block;color:var(--faint);font-size:11px;letter-spacing:.12em}
.context-item strong{font-size:17px;display:block;margin-top:6px;line-height:1.4}
.stage-footer{height:62px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;color:var(--muted);font-size:13px}
.stage-footer button{background:none;border:0;color:var(--ink)}

.capabilities .section-heading{align-items:end}
.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.capability{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:34px;min-height:410px;overflow:hidden}
.capability.large{grid-column:1/-1;min-height:450px;position:relative;padding-right:52%}
.card-index{color:var(--accent);font-size:14px;letter-spacing:.12em}
.capability h3{font-size:38px;margin:25px 0 18px}
.capability>p{font-size:16px;line-height:1.7;max-width:530px}
.memory-constellation{position:absolute;inset:35px 30px 35px 52%;background:radial-gradient(circle at center,rgba(111,224,188,.15),transparent 58%);display:grid;place-items:center}
.memory-constellation::before,.memory-constellation::after{content:"";position:absolute;inset:16%;border:1px solid var(--line);border-radius:50%;transform:rotate(-18deg)}
.memory-constellation::after{inset:27% 10%;transform:rotate(24deg)}
.memory-core{width:130px;height:130px;border-radius:28px;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));display:grid;place-items:center;z-index:2;box-shadow:0 0 80px rgba(99,229,185,.13)}
.memory-core svg{width:62px;height:62px;color:var(--accent)}
.memory-constellation i{position:absolute;left:var(--x);top:var(--y);font-style:normal;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:11px 16px;font-size:15px;z-index:3}
.tone-switch{display:flex;gap:9px;margin-top:42px}
.tone-switch button{border:1px solid var(--line);background:transparent;border-radius:24px;padding:9px 17px;color:var(--muted);font-size:14px}
.tone-switch button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.tone-message{background:var(--surface-2);border-radius:15px 15px 15px 3px;margin-top:22px;min-height:115px;padding:26px;display:flex;align-items:center;font-size:19px}
.queue-preview{margin-top:37px}
.queue-preview>div{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:15px 0}
.queue-symbol{width:42px;height:42px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:var(--accent)}
.queue-preview strong{font-size:16px}
.queue-preview small{display:block;color:var(--muted);font-size:13px}
.queue-preview b{margin-left:auto;color:var(--muted);font-size:14px}
.queue-preview .alert{color:var(--warning)}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.steps article{position:relative;border-top:1px solid var(--line);padding:25px 36px 30px 0;min-height:230px}
.steps article>span{color:var(--accent);font-size:15px}
.steps h3{font-size:27px;margin:36px 0 15px}
.steps p{font-size:15px;line-height:1.7}
.steps b{position:absolute;right:12px;top:23px;color:var(--accent);font-size:29px;font-weight:400}

.control{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:48px;align-items:center;padding-block:112px}
.control>*{min-width:0}
.control-copy h2{font-size:clamp(48px,4vw,62px);margin:24px 0 25px;overflow-wrap:normal}
.control-copy>p{font-size:17px;line-height:1.7}
.control-copy ul{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:14px;font-size:17px}
.control-copy li::before{content:"✓";color:var(--accent);margin-right:13px}
.control-demo{border:1px solid var(--line);border-radius:19px;background:var(--surface);padding:30px;box-shadow:var(--shadow)}
.control-demo>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:27px;border-bottom:1px solid var(--line)}
.control-demo>header>div{display:grid;grid-template-columns:auto 1fr;gap:0 11px;align-items:center}
.control-demo>header small{grid-column:2;display:block;color:var(--muted);font-size:13px}
.control-demo>header strong{font-size:18px}
#control-toggle{width:62px;height:35px;border-radius:30px;border:0;background:var(--accent);padding:4px;position:relative}
#control-toggle>span{display:block;width:27px;height:27px;background:var(--accent-ink);border-radius:50%;margin-left:27px;transition:margin .25s}
#control-toggle[aria-checked=false]{background:var(--surface-3);outline:1px solid var(--line)}
#control-toggle[aria-checked=false]>span{margin-left:0;background:var(--muted)}
.safety-alert{display:flex;gap:20px;background:color-mix(in srgb,var(--danger) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:13px;margin:28px 0;padding:22px}
.safety-alert>span{width:43px;height:43px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--line));border-radius:50%;color:var(--danger);font-weight:800;animation:alert-ring 2.6s ease-in-out infinite}
.safety-alert small{color:var(--danger);font-size:11px;letter-spacing:.12em}
.safety-alert strong{display:block;font-size:18px;margin:5px 0}
.safety-alert p{font-size:14px}
.safe-draft{border:1px solid var(--line);border-radius:13px;padding:23px}
.safe-draft>span{font-size:13px;color:var(--accent)}
.safe-draft>p{color:var(--ink);font-size:20px;margin:15px 0 20px}
.safe-draft>div{display:flex;gap:10px}
.safe-draft button{border:1px solid var(--line);border-radius:8px;background:transparent;padding:11px 15px;font-size:14px}
.safe-draft button:first-child{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.control-demo>footer{display:flex;gap:17px;margin-top:25px;padding:20px;background:var(--mint-soft);border-radius:12px}
.control-demo>footer>span{color:var(--accent);font-size:27px}
.control-demo>footer strong{font-size:16px}
.control-demo>footer p{font-size:14px;margin-top:6px}
.control-demo.is-paused .safety-alert,.control-demo.is-paused .safe-draft{opacity:.42}

.closing{text-align:center;border-top:1px solid var(--line);padding:88px 0 96px;position:relative}
.closing>svg{width:82px;height:82px;color:var(--accent);margin:0 auto 28px}
.closing h2{font-size:clamp(50px,5.2vw,78px);margin:24px 0}
.closing>p{font-size:17px;max-width:620px;margin:0 auto 30px}
.site-footer{border-top:1px solid var(--line);min-height:180px;padding:40px 0;display:flex;justify-content:space-between;gap:50px}
.site-footer>div:first-child p{font-size:14px;margin-top:20px}
.site-footer>div:last-child{display:flex;align-items:flex-start;gap:30px;font-size:14px;color:var(--muted)}
.site-footer>div:last-child span{margin-left:20px}

.motion-toggle{position:fixed;right:24px;bottom:22px;z-index:20;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(16px);border-radius:30px;padding:11px 16px;font-size:12px;color:var(--muted)}
.motion-toggle span{color:var(--accent);margin-right:7px}
dialog{width:min(580px,calc(100% - 36px));border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);padding:50px;box-shadow:var(--shadow)}
dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(12px)}
.dialog-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:25px}
dialog h2{font-size:54px;margin:25px 0}
dialog>p{font-size:18px;line-height:1.7;margin-bottom:28px}
dialog .primary-button{width:100%}
dialog .secondary-button{width:100%;margin-top:12px}

.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}
.motion-ready .reveal.visible{opacity:1;transform:none}
.entrance{animation:enter .85s both}
.entrance:nth-child(2){animation-delay:.08s}.entrance:nth-child(3){animation-delay:.16s}.entrance:nth-child(4){animation-delay:.24s}.entrance:nth-child(5){animation-delay:.32s}
.demo-animating .incoming{animation:enter .55s both}
.demo-animating .context-read{animation:enter .55s .35s both}
.demo-animating .assistant-draft{animation:enter .65s .65s both}
.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}
.motion-off .reveal{opacity:1!important;transform:none!important}
.motion-off{scroll-behavior:auto}
@keyframes enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes ambient-shift{from{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(2%,-1%,0) scale(1.05)}}
@keyframes status-pulse{0%,100%{opacity:1;box-shadow:0 0 10px var(--accent)}50%{opacity:.55;box-shadow:0 0 25px var(--accent)}}
@keyframes glow-breathe{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}
@keyframes stage-scan{0%,15%{left:-30%;opacity:0}25%{opacity:1}70%{opacity:1}85%,100%{left:102%;opacity:0}}
@keyframes draft-shimmer{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes alert-ring{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--danger) 0%,transparent)}45%{box-shadow:0 0 0 8px color-mix(in srgb,var(--danger) 10%,transparent)}}
@keyframes sculpture-float{0%,100%{transform:translateY(0) rotateY(-2deg) rotateX(0)}50%{transform:translateY(-13px) rotateY(3deg) rotateX(1deg)}}
@keyframes chip-drift{to{transform:translateY(-12px)}}

@media(hover:hover){
  .context-item:hover{transform:translateX(8px)}
  .capability{transition:transform .35s,border-color .35s,box-shadow .35s}
  .capability:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 25px 70px rgba(0,0,0,.18)}
  .steps article{transition:transform .3s}
  .steps article:hover{transform:translateY(-6px)}
}

@media(max-width:1250px){
  .shell,.header-inner{width:min(100% - 56px,1400px)}
  .header-inner{gap:30px}.site-header nav{gap:24px}.header-actions{gap:15px}.header-cta{display:none}
  .hero{grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);gap:34px}.hero h1{font-size:clamp(58px,6vw,76px)}
  .hero-object{height:500px}.floating-chip{font-size:14px}.chip-top{right:0}.chip-bottom{right:0}
  .control{gap:50px}
}
@media(max-width:980px){
  .login-link{display:none}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:80px}
  .hero-copy{text-align:center;margin:auto}.eyebrow{justify-content:center}.hero h1{white-space:normal;font-size:clamp(68px,10vw,94px)}
  .hero-lead{margin-inline:auto}.hero-actions{justify-content:center}.testing-note{justify-content:center}
  .hero-object{height:560px;max-width:650px;width:100%;margin:auto}.chip-top{right:3%}.chip-bottom{right:1%}
  .section-heading{display:block}.section-heading>p{margin-top:30px}.scenario-tabs{margin-top:35px;width:max-content}
  .stage-grid{grid-template-columns:1fr}.conversation{border-right:0}.context-panel{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.context-panel h3{grid-column:1/-1}.context-panel>.section-number{grid-column:1/-1}.context-item:last-child{grid-column:1/-1}
  .capability.large{padding-right:40px;padding-bottom:390px}.memory-constellation{inset:auto 30px 25px;height:340px}
  .control{grid-template-columns:1fr;gap:50px}.control-copy{max-width:700px}.control-demo{max-width:760px;width:100%;margin:auto}
  .site-footer>div:last-child{flex-wrap:wrap;justify-content:flex-end}
}
@media(max-width:720px){
  html{scroll-padding-top:86px}body{font-size:16px}.shell,.header-inner{width:calc(100% - 36px)}
  .site-header{height:72px}.brand svg{width:36px;height:36px}.brand>span{font-size:24px}.brand small{font-size:7px;margin-top:7px}
  .site-header nav{display:none;position:absolute;top:71px;left:0;right:0;margin:0;background:var(--bg);padding:18px;flex-direction:column;border-bottom:1px solid var(--line)}
  .site-header nav.open{display:flex}.theme-toggle{width:40px;height:40px}.menu-toggle{display:grid;gap:5px;width:40px;height:40px}.header-actions{margin-left:auto}
  .hero{padding-block:58px 24px}.hero h1{font-size:clamp(53px,15vw,72px);line-height:1.05}.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:23px}.hero-lead{font-size:18px;margin-top:25px}.hero-actions{flex-direction:column}.hero-actions a{width:100%}.primary-button,.secondary-button{font-size:16px;min-height:56px}.testing-note{font-size:12px}
  .hero-object{height:400px;margin-top:8px}.sculpture{width:100%;}.floating-chip{font-size:12px;padding:10px 12px}.chip-top{top:45px}.chip-bottom{bottom:40px}
  .benefits{height:auto;grid-template-columns:1fr}.benefits>div{height:75px;justify-content:flex-start;padding-left:20px;font-size:16px}.benefits>div+div{border-left:0;border-top:1px solid var(--line)}.benefit-icon{width:42px}
  .product,.capabilities,.process{padding-top:95px}.section-heading{margin-bottom:35px}h2{font-size:47px}.section-number{font-size:10px}.section-heading>p{font-size:17px}.scenario-tabs{width:100%;margin-top:27px}.scenario-tabs button{flex:1;padding-inline:8px;font-size:13px}
  .stage-topbar{height:60px;padding-inline:18px}.stage-topbar>div{font-size:13px}.stage-topbar>div span:last-child,.stage-topbar>div i{display:none}.demo-live{font-size:11px}
  .person-header{height:78px;padding:0 18px}.avatar{width:40px;height:40px}.person-header strong{font-size:17px}.person-header small{font-size:11px}.approval-mode{font-size:10px;padding:6px}
  .messages{padding:20px;min-height:480px}.incoming{width:100%;padding:18px}.incoming p{font-size:17px}.context-read{font-size:13px;margin:19px 0}.assistant-draft{padding:19px}.assistant-draft header{font-size:13px}.assistant-draft header b{display:none}.assistant-draft>p{font-size:18px;margin:17px 0}.assistant-draft footer{align-items:stretch;flex-direction:column}.approve-button{font-size:14px}.assistant-draft footer>span{font-size:12px}
  .context-panel{display:block;padding:30px 20px}.context-panel h3{font-size:34px}.context-item strong{font-size:15px}.stage-footer{height:auto;min-height:68px;padding:15px 18px;gap:20px;font-size:11px}
  .capability-grid{grid-template-columns:1fr}.capability{padding:26px;min-height:auto}.capability.large{grid-column:auto;padding:26px 26px 330px}.capability h3{font-size:34px}.capability>p{font-size:16px}.memory-constellation{inset:auto 8px 10px;height:290px}.memory-core{width:96px;height:96px}.memory-core svg{width:45px}.memory-constellation i{font-size:11px;padding:8px}.tone-switch{margin-top:30px}.tone-switch button{font-size:12px;padding:8px 11px}.tone-message{font-size:16px}.queue-preview strong{font-size:14px}.queue-preview small{font-size:11px}.queue-preview b{font-size:11px}
  .steps{grid-template-columns:1fr}.steps article{min-height:220px}.control{padding-block:100px;gap:40px}.control-copy h2{font-size:38px;hyphens:none;overflow-wrap:normal}.control-copy>p{font-size:17px}.control-copy ul{font-size:15px}.control-demo{padding:19px}.control-demo>header strong{font-size:15px}.safety-alert{padding:17px;gap:12px}.safety-alert strong{font-size:15px}.safe-draft{padding:17px}.safe-draft>p{font-size:17px}.safe-draft>div{flex-direction:column}.control-demo>footer strong{font-size:14px}
  .closing{padding-block:85px}.closing h2{font-size:50px}.closing>p{font-size:17px}.closing .primary-button{width:100%;gap:20px}
  .site-footer{display:block}.site-footer>div:last-child{margin-top:36px;justify-content:flex-start;display:grid;gap:15px}.site-footer>div:last-child span{margin-left:0}
  .motion-toggle{right:12px;bottom:12px;padding:9px 12px;font-size:10px}
  dialog{padding:38px 24px}dialog h2{font-size:45px}dialog>p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}