@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("./assets/6c442a41-a81a-4d87-886e-ab54ceeaa83a.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./assets/6a6e68cb-5435-46b7-9d20-0c67ba00c9bd.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./assets/75d3ea70-df33-46d1-a18e-bc4d5167431a.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./assets/acd7bb65-b071-4a55-b0cc-32da73357be6.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./assets/acd7bb65-b071-4a55-b0cc-32da73357be6.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./assets/acd7bb65-b071-4a55-b0cc-32da73357be6.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 500 800;
  font-display: swap;
  src: url("./assets/b31dd0d2-0b08-4ed3-ad19-68f4cacb31f0.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --paper:        #F6F4EE;
  --paper-2:      #FBFAF6;
  --paper-3:      #ECE7DA;
  --ink:          #17201C;
  --ink-2:        #2C342F;
  --ink-mute:     #5E6B64;
  --ink-dim:      #8E978F;
  --hair:         rgba(20,30,25,0.10);
  --hair-2:       rgba(20,30,25,0.18);
  --hair-soft:    rgba(20,30,25,0.06);
  --green:        #2F8F5E;
  --green-deep:   #1E6B43;
  --green-bright: #44BA82;
  --green-tile:   rgba(68,186,130,0.18);
  --green-soft:   rgba(47,143,94,0.10);
  --amber:        #E5B64A;
  --peach:        #E5694A;
  --sky:          #6DA8E5;
  --engine-bg:    #0E1110;
  --engine-text:  #ECEFED;
  --engine-mute:  #9BA39F;
  --engine-border:rgba(255,255,255,0.10);

  --font-sans:  "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-mono:  "JetBrains Mono", ui-monospace, Menlo, monospace;
  --font-serif: "Instrument Serif", ui-serif, Georgia, serif;
  --accent: var(--green-deep);
  --accent-bright: var(--green-bright);
  --anim-speed: 1;
}

* , *::before, *::after { box-sizing: border-box; }

deck-stage:not(:defined) { visibility: hidden; }
deck-stage { background: #0a0a0a; }

html, body { margin: 0; padding: 0; background: #0a0a0a; }
body {
  font-family: var(--font-sans);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: "ss01","cv11";
}

section {
  background: var(--paper);
  color: var(--ink);
  overflow: hidden;
}
section.dark { background: var(--engine-bg); color: var(--engine-text); }

.frame {
  position: absolute; inset: 0;
  padding: 92px 116px 104px;
  display: flex; flex-direction: column;
}
em { font-style: italic; font-family: var(--font-serif); font-weight: 400; letter-spacing: -0.01em; }
.kick {
  font: 500 19px/1.2 var(--font-mono);
  letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--accent);
  display: inline-flex; align-items: center; gap: 13px;
}
.kick::before {
  content: ""; width: 9px; height: 9px; border-radius: 50%;
  background: var(--green); box-shadow: 0 0 0 5px var(--green-soft);
  flex: none;
}
.dark .kick { color: var(--green-bright); }
.dark .kick::before { background: var(--green-bright); box-shadow: 0 0 0 5px rgba(68,186,130,0.18); }

.title {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 72px; line-height: 1.0; letter-spacing: -0.032em;
  color: var(--ink); margin: 22px 0 0; text-wrap: balance;
}
.title em { color: var(--accent); }
.dark .title { color: #fff; }
.dark .title em { color: var(--green-bright); }
.foot {
  position: absolute; left: 116px; right: 116px; bottom: 46px;
  display: flex; align-items: center; justify-content: space-between;
  font: 500 15px/1 var(--font-mono); letter-spacing: 0.08em; color: var(--ink-dim);
}
.dark .foot { color: var(--engine-mute); }
.accentbar {
  position: absolute; left: 0; bottom: 0; height: 6px; width: 100%;
  background: linear-gradient(90deg, var(--accent), var(--green-bright));
}
@keyframes riseIn { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: no-preference) {
  [data-deck-active] .anim {
    opacity: 0;
    animation: riseIn calc(0.66s / var(--anim-speed)) cubic-bezier(0.22,1,0.36,1) both;
    animation-delay: calc(var(--d, 0) * 1s / var(--anim-speed));
  }
}
.s-title { justify-content: center; }
.hero-glow {
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(760px 460px at 82% 16%, rgba(68,186,130,0.20), transparent 68%),
    radial-gradient(620px 420px at 10% 88%, rgba(229,182,74,0.14), transparent 70%);
}
.brandline { display: inline-flex; align-items: center; gap: 18px; }
.brandline svg { width: 40px; height: 40px; color: var(--accent); }
.brandline .x { font: 400 30px/1 var(--font-serif); font-style: italic; color: var(--ink-dim); }

.s-title h1 {
  font: 500 112px/0.98 var(--font-sans); letter-spacing: -0.04em;
  margin: 40px 0 0; color: var(--ink); max-width: 18ch;
}
.s-title h1 em { color: var(--accent); }
.s-title .sub { font-size: 28px; line-height: 1.5; color: var(--ink-mute); max-width: 60ch; margin-top: 32px; }
.s-title .meta {
  margin-top: 56px; display: flex; gap: 18px; align-items: center;
  font: 500 20px/1 var(--font-mono); letter-spacing: 0.08em; color: var(--ink-dim);
}
.s-title .meta .pill { padding: 9px 16px; border: 1px solid var(--hair-2); border-radius: 999px; background: rgba(255,255,255,0.5); }
.s-title .h1 {
  font: 500 124px/0.95 var(--font-sans); letter-spacing: -0.042em;
  margin: 36px 0 0; color: var(--ink); max-width: 14ch;
}
.s-title .h1 em { color: var(--accent); }
.cover-copy { flex: 0 1 47%; min-width: 0; }
.winshot__bar {
  height: 46px; display: flex; align-items: center; gap: 9px; padding: 0 18px;
  background: var(--paper-3); border-bottom: 1px solid var(--hair);
}
.winshot__bar i { width: 12px; height: 12px; border-radius: 50%; background: var(--hair-2); flex: none; }
.winshot__bar .url {
  margin-left: 16px; font: 500 14px/1 var(--font-mono); letter-spacing: 0.02em; color: var(--ink-dim);
  background: var(--paper); border: 1px solid var(--hair); border-radius: 8px; padding: 8px 16px;
  display: inline-flex; align-items: center; gap: 8px;
}
.winshot__bar .url svg { width: 12px; height: 12px; color: var(--green-deep); }


a{color:var(--accent)}a:hover{color:var(--ink)}
:root{--font-accent:"Newsreader",ui-serif,Georgia,serif}
em{font-family:var(--font-accent);font-weight:600;letter-spacing:-.025em;font-variation-settings:"opsz" 72}
.dark .hero-glow{background:radial-gradient(900px 560px at 86% 10%,rgba(68,186,130,.20),transparent 68%),radial-gradient(700px 480px at 6% 96%,rgba(68,186,130,.10),transparent 70%)}
.shot{position:absolute;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--hair-2);box-shadow:0 60px 120px -40px rgba(20,46,32,.42),0 16px 36px -18px rgba(20,46,32,.22)}
.shot img{display:block;width:100%;height:auto}
.shot .winshot__bar{height:44px}
.dark .shot{border-color:rgba(255,255,255,.14);box-shadow:0 70px 140px -40px rgba(0,0,0,.85),0 0 0 10px rgba(255,255,255,.03)}
.dark .shot .winshot__bar{background:#1A201D;border-color:rgba(255,255,255,.08)}
.dark .shot .winshot__bar i{background:rgba(255,255,255,.18)}
.dark .shot .winshot__bar .url{background:#0E1110;border-color:rgba(255,255,255,.1);color:var(--engine-mute)}
.shotglow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(60px);background:radial-gradient(closest-side,rgba(68,186,130,.38),transparent 75%)}
.pill{display:inline-flex;align-items:center;gap:10px;font:500 15px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green-deep);background:var(--green-soft);border:1px solid rgba(47,143,94,.3);border-radius:999px;padding:11px 18px;align-self:flex-start}
.dark .pill{color:var(--green-bright);background:rgba(68,186,130,.1);border-color:rgba(68,186,130,.35)}
.s-title .h1{font-size:96px;max-width:13ch}
.cover-copy .sub{font-size:27px;max-width:30ch}
.cover-shot{left:1000px;top:170px;width:1180px;transform:perspective(2400px) rotateY(-8deg);transform-origin:left center}
.s-title .meta .pill.dk{background:rgba(68,186,130,.12);color:var(--green-bright);border-color:rgba(68,186,130,.4)}
.demo-copy{max-width:320px;margin-top:auto;margin-bottom:auto}
.demo-shot{left:470px;top:96px;width:1370px}
.vslot{aspect-ratio:16/10;background:#0E1110;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}
.vslot video{width:100%;height:100%;object-fit:cover;display:block}
.endh{font:500 104px/.98 var(--font-sans);letter-spacing:-.045em;color:#fff;max-width:17ch;margin:30px 0 0}
.endh em{color:var(--green-bright)}
.cvr-intro{position:absolute;inset:0;z-index:6;pointer-events:none}
.cvr-words{position:absolute;left:0;right:0;top:50%;translate:0 -50%;display:flex;justify-content:center;align-items:baseline;font:600 112px/1 var(--font-sans);letter-spacing:-.045em;color:#fff;white-space:pre}
.cvr-words .cw{display:inline-flex}
.cvr-words .cw:nth-child(3) .k{color:var(--green-bright)}
.cvr-words span.k,.cvr-words span.x{display:inline-block;overflow:hidden}
.cvr-words .x{color:rgba(236,239,237,.5)}
.cvr-logo{position:absolute;height:130px;width:auto;left:var(--cx,700px);top:var(--cy,475px);opacity:0}
.cvr .brandline{visibility:hidden}
@keyframes cwIn{from{opacity:0;translate:0 30px;filter:blur(8px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes cxOut{to{width:0;opacity:0}}
@keyframes cwFade{to{opacity:0;filter:blur(6px);scale:.96}}
@keyframes lgIn{from{opacity:0;scale:.9;filter:blur(8px)}to{opacity:1;scale:1;filter:blur(0)}}
@keyframes lgFly{from{left:var(--cx);top:var(--cy);height:130px}to{left:var(--fx);top:var(--fy);height:44px}}
@keyframes cvFade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:no-preference){
[data-deck-active] .cvr-words .cw{animation:cwIn .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.25s + var(--wi)*.28s)}
[data-deck-active] .cvr-words span.x{width:var(--w);animation:cxOut .8s cubic-bezier(.7,0,.2,1) 2.3s forwards}
[data-deck-active] .cvr-words{animation:cwFade .45s ease 3.15s forwards}
[data-deck-active] .cvr-logo{transform-origin:center;animation:lgIn .5s cubic-bezier(.22,1,.36,1) 3.2s both,lgFly .9s cubic-bezier(.65,0,.2,1) 4.1s forwards}
section.cvr[data-deck-active] .anim{animation-delay:calc((var(--d,0) + 4.7)*1s/var(--anim-speed))!important}
section.cvr[data-deck-active] .sin{animation-delay:calc((var(--d,0) + 4.6)*1s/var(--anim-speed))!important}
section.cvr[data-deck-active] .shotglow{animation:cvFade 1.4s ease 4.8s both!important}
}
@media (prefers-reduced-motion:reduce){.cvr-intro{display:none}.cvr .brandline{visibility:visible}}
@keyframes shotIn{from{opacity:0;translate:90px 40px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
@keyframes breathe{0%,100%{opacity:.55;scale:1}50%{opacity:1;scale:1.12}}
@media (prefers-reduced-motion:no-preference){
[data-deck-active] .sin{animation:shotIn calc(1.1s/var(--anim-speed)) cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--d,0)*1s/var(--anim-speed))}
[data-deck-active] .shotglow{animation:breathe 7s ease-in-out infinite}
[data-deck-active] .hero-glow{animation:breathe 11s ease-in-out infinite}
}
.shot{transition:box-shadow .4s}
.shot:hover{box-shadow:0 80px 140px -40px rgba(20,46,32,.55),0 0 0 2px rgba(68,186,130,.5)}

/* Public presentation additions; the original cover and demo graphics above are unchanged. */
html,body,deck-stage{background:var(--engine-bg)}
body{min-height:100dvh}
deck-stage{top:64px!important}
.value-frame{padding-top:76px}
.value-title{font-size:84px;line-height:.99;letter-spacing:-.045em;margin-top:24px}
.value-grid{display:grid;grid-template-columns:610px minmax(0,1fr);gap:64px;margin-top:42px;align-items:start}
.value-copy{padding-top:4px}
.value-lede{font-size:35px;line-height:1.32;letter-spacing:-.025em;margin:0 0 28px;color:var(--ink)}
.migration-heading{display:flex;justify-content:space-between;align-items:center}
.exp-context{display:flex;align-items:center;gap:32px;border-left:1px solid var(--hair-2);padding:22px 0 22px 40px;max-width:600px}
.exp-context img{width:192px;height:auto}
.exp-context p{font-size:30px;line-height:1.35;letter-spacing:-.02em;margin:0}
.product-figure{margin:0;min-width:0}
.product-window{background:var(--paper-2);border:1px solid var(--hair-2);border-radius:14px;overflow:hidden;box-shadow:0 20px 48px -28px #173d2b36}
.window-top{height:34px;display:flex;gap:6px;align-items:center;padding:0 14px;background:var(--paper-3);border-bottom:1px solid var(--hair)}
.window-top i{width:7px;height:7px;background:var(--ink-dim);opacity:.45;border-radius:50%}
.window-top span{font:400 15px var(--font-mono);color:var(--ink-mute);margin-left:12px}
.product-window a{display:block}
.product-window img{display:block;width:100%;height:auto;aspect-ratio:1440/830;object-fit:contain}
.product-figure figcaption{font:400 18px/1.4 var(--font-mono);color:var(--ink-mute);padding:18px 3px 0;letter-spacing:.01em;display:flex;justify-content:space-between;gap:10px}
.launch-steps{list-style:none;padding:0;margin:0}
.launch-steps li{display:flex;gap:24px;border-top:1px solid var(--hair-2);padding:23px 0}
.launch-steps li>span{font:400 24px/1.5 var(--font-mono);color:var(--accent)}
.launch-steps h3,.feature-line h3{font-size:33px;line-height:1.18;font-weight:500;letter-spacing:-.025em;margin:0 0 12px}
.launch-steps p{font-size:28px;line-height:1.35;color:var(--ink-mute);margin:0}
.diagram-label,.small-label{display:block;font:500 18px/1.4 var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
.diagram-label{color:var(--ink-mute);font-size:16px;margin-bottom:16px}
.knowledge-flow{padding:22px 26px;border:1px solid var(--hair-2);border-radius:12px;background:var(--paper-2)}
.flow-source{display:flex;gap:10px;flex-wrap:wrap}
.flow-source span{font-size:24px;border:1px solid var(--hair-2);border-radius:6px;padding:11px 14px}
.flow-line{font-size:28px;color:var(--accent);padding:6px 0 6px 22px}
.flow-engine{border-left:3px solid var(--green);padding:14px 22px;background:var(--green-soft)}
.flow-engine p{font-size:29px;line-height:1.3;margin:10px 0 0}
.flow-result{font-size:27px;font-weight:500;line-height:1.3;padding:6px 0}
.feature-line{border-top:1px solid var(--hair-2);padding:22px 0}
.feature-line p,.training-note p{font-size:31px;line-height:1.38;color:var(--ink-mute);margin:0}
.coming-soon{margin-top:20px;padding:23px 26px;background:var(--paper-3);border-radius:10px;border:1px solid var(--hair-2)}
.coming-soon .small-label{font-size:17px}
.coming-soon h3{font-size:33px;line-height:1.2;font-weight:500;letter-spacing:-.02em;margin:14px 0 10px}
.coming-soon p{font-size:26px;color:var(--ink-mute);margin:0;line-height:1.4}
.image-note{font-size:20px;line-height:1.4;color:var(--ink-mute);display:block;margin-top:12px}
.training-note{border-left:3px solid var(--accent);padding-left:22px;margin-top:20px}
.training-note p{font-size:28px;margin-top:12px}
.appendix-note{position:absolute;left:116px;bottom:101px;font-size:23px;color:var(--ink-mute)}
.appendix-note span{font:500 18px var(--font-mono);color:var(--accent);margin-right:24px;text-transform:uppercase;letter-spacing:.06em}
.closing-frame{justify-content:center}
.closing .title{font-size:132px;line-height:.98;letter-spacing:-.045em;max-width:1300px;margin-top:36px}
.closing-lede{font-size:36px;line-height:1.4;color:var(--engine-mute);margin:34px 0 0}
.closing-actions{display:flex;align-items:center;gap:28px;margin-top:58px}
.closing-actions a{display:flex;align-items:center;gap:62px;padding:26px 32px;border-radius:9px;font-size:29px;font-weight:500;text-decoration:none}
.book-link{background:var(--green-bright);color:var(--engine-bg)}
.signup-link{color:var(--engine-text);border:1px solid var(--engine-border);background:#ecf0e908}
.closing-actions a:hover{transform:translateY(-3px)}
.closing-actions a{transition:transform .2s ease}
.closing-note{font-size:25px;color:var(--engine-mute);margin-top:42px}
.demo-controls{position:fixed;inset:0 0 auto;height:64px;z-index:200;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 max(20px,env(safe-area-inset-right));border-bottom:1px solid var(--engine-border);background:var(--engine-bg);color:var(--engine-text);font:14px var(--font-sans)}
.tour-brand{font-size:22px;font-weight:600;letter-spacing:-.05em;color:var(--engine-text);text-decoration:none;display:flex;align-items:center;gap:18px}
.tour-brand span{font:400 12px var(--font-mono);letter-spacing:.02em;color:var(--engine-mute);border-left:1px solid var(--engine-border);padding-left:18px}
.nav-steps{display:flex;gap:12px;align-items:center}
.demo-controls button{border:1px solid var(--engine-border);border-radius:7px;width:40px;height:36px;background:#ecf0e90b;color:var(--engine-text);font:20px var(--font-sans);cursor:pointer}
.demo-controls button:hover:not(:disabled){background:#ecf0e91a}
.demo-controls button:disabled{opacity:.3;cursor:default}
#demo-progress{font:400 12px var(--font-mono);min-width:62px;text-align:center}
@media(max-height:500px) and (orientation:landscape){deck-stage{top:48px!important}.demo-controls{height:48px}}
@media(max-width:480px){.tour-brand span{display:none}.demo-controls{padding:0 16px}}
@media print{deck-stage{top:0!important}.demo-controls{display:none}}
.demo-fallback{position:absolute;left:470px;top:1020px;display:flex;gap:24px;align-items:center;font:400 19px/1.4 var(--font-sans);color:var(--engine-mute);z-index:3}
.demo-fallback a{color:var(--green-bright);text-underline-offset:4px}
.demo-fallback button{font:inherit;color:var(--engine-text);background:transparent;border:1px solid var(--engine-border);border-radius:7px;padding:6px 14px;cursor:pointer}
.demo-fallback [hidden]{display:none}
a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--green-bright);outline-offset:5px}
.no-script{position:fixed;inset:0;display:grid;place-content:center;padding:32px;background:var(--paper);color:var(--ink);z-index:9999;max-width:100%;font:20px/1.6 var(--font-sans)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}