:root {
  color-scheme: dark;
  --bg: #07090c;
  --bg-soft: #0b0e13;
  --surface: #0e1218;
  --surface-2: #131820;
  --line: rgba(230, 237, 243, .11);
  --line-strong: rgba(230, 237, 243, .19);
  --text: #f0f3f6;
  --muted: #8b949e;
  --blue: #2f81f7;
  --blue-hi: #58a6ff;
  --green: #3fb950;
  --cyan: #39c5cf;
  --orange: #f0883e;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --mono: "SFMono-Regular", "Cascadia Code", "Roboto Mono", ui-monospace, monospace;
  --sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  font-family: var(--sans);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); overflow-x: clip; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .18; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; z-index: 20; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
.skip-link { position: fixed; top: 10px; left: 10px; transform: translateY(-140%); z-index: 200; background: var(--text); color: var(--bg); padding: 10px 14px; border-radius: 8px; font-weight: 700; }
.skip-link:focus { transform: translateY(0); }
.ambient { position: fixed; inset: 0; pointer-events: none; overflow: hidden; z-index: -1; }
.ambient span { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .12; }
.ambient span:nth-child(1) { width: 620px; height: 620px; left: 55%; top: -280px; background: var(--blue); }
.ambient span:nth-child(2) { width: 420px; height: 420px; left: -250px; top: 42%; background: #0f4a88; }
.ambient span:nth-child(3) { width: 380px; height: 380px; right: -280px; top: 66%; background: #103e51; }

.site-header { position: fixed; top: 14px; left: 50%; width: min(1240px, calc(100% - 40px)); height: 62px; transform: translateX(-50%); padding: 0 14px; display: grid; grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr); column-gap: clamp(14px, 2.2vw, 30px); align-items: center; z-index: 100; border: 1px solid transparent; border-radius: 14px; transition: width .24s var(--ease), background-color .2s, border-color .2s, box-shadow .2s, top .2s; }
.site-header.scrolled { top: 8px; background: rgba(9, 12, 16, .82); border-color: var(--line); box-shadow: 0 16px 60px rgba(0,0,0,.35); backdrop-filter: blur(24px) saturate(140%); }
.wordmark { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 760; letter-spacing: -.03em; width: max-content; }
.wordmark-icon { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; background: #101722; border: 1px solid rgba(47,129,247,.3); overflow: hidden; }
.wordmark-icon img { width: 100%; height: 100%; object-fit: cover; }
.alpha-tag { font-family: var(--mono); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); border: 1px solid var(--line); border-radius: 99px; padding: 3px 6px; }
.nav-links { justify-self: center; display: flex; align-items: center; gap: 6px; }
.nav-links a, .header-action { text-decoration: none; color: #aab2bd; font-size: 13px; font-weight: 600; padding: 9px 12px; border-radius: 8px; transition: color .16s, background-color .16s, border-color .16s; }
.nav-links a:hover, .nav-links a:focus-visible { color: var(--text); background: rgba(255,255,255,.055); }
.nav-index, .nav-copy small, .nav-arrow, .nav-contact { display: none; }
.header-tools { justify-self: end; display: flex; align-items: center; gap: 8px; }
.header-action { justify-self: end; display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--line); color: #d7dce2; }
.header-action:hover { border-color: var(--line-strong); background: rgba(255,255,255,.045); }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(63,185,80,.12); }
.language-switcher { position: relative; }
.language-trigger { min-width: 124px; height: 40px; padding: 0 9px 0 6px; display: inline-flex; align-items: center; justify-content: flex-start; gap: 8px; color: #cbd3dc; border: 1px solid rgba(230,237,243,.12); border-radius: 11px; background: linear-gradient(180deg, rgba(20,26,35,.82), rgba(11,15,21,.9)); box-shadow: 0 1px 0 rgba(255,255,255,.035) inset, 0 8px 24px rgba(0,0,0,.12); cursor: pointer; transition: color .16s, border-color .16s, background-color .16s, box-shadow .16s; }
.language-trigger:hover { color: var(--text); border-color: rgba(230,237,243,.21); background: linear-gradient(180deg, rgba(25,32,42,.9), rgba(13,18,25,.94)); box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 10px 26px rgba(0,0,0,.2); }
.language-trigger[aria-expanded="true"] { color: var(--text); border-color: rgba(88,166,255,.42); background: linear-gradient(180deg, rgba(19,30,44,.96), rgba(11,19,29,.98)); box-shadow: 0 0 0 3px rgba(47,129,247,.09), 0 1px 0 rgba(255,255,255,.05) inset; }
.language-trigger:focus-visible { outline: 1px solid rgba(88,166,255,.72); outline-offset: 2px; }
.language-glyph { width: 28px; height: 28px; flex: 0 0 28px; display: grid; place-items: center; color: var(--blue-hi); border: 1px solid rgba(88,166,255,.16); border-radius: 8px; background: rgba(47,129,247,.09); }
.language-glyph svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.language-current { min-width: 0; flex: 1; display: grid; text-align: left; }
.language-current strong { overflow: hidden; color: currentColor; font-size: 11px; font-weight: 680; line-height: 1; letter-spacing: -.005em; text-overflow: ellipsis; white-space: nowrap; }
.language-current small { display: none; color: currentColor; font: 9px/1 var(--mono); letter-spacing: .07em; }
.language-chevron { width: 22px; height: 22px; flex: 0 0 22px; display: grid; place-items: center; color: #66717e; border-radius: 6px; background: rgba(255,255,255,.025); transition: color .16s, background-color .16s, transform .18s var(--ease); }
.language-chevron svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.language-trigger:hover .language-chevron, .language-trigger[aria-expanded="true"] .language-chevron { color: #aeb8c4; }
.language-trigger:hover .language-chevron { background: rgba(255,255,255,.045); }
.language-trigger[aria-expanded="true"] .language-chevron { color: var(--blue-hi); background: rgba(47,129,247,.11); }
.language-trigger[aria-expanded="true"] .language-chevron { transform: rotate(180deg); }
.language-menu { position: absolute; top: calc(100% + 6px); right: 0; width: 184px; padding: 5px; display: grid; gap: 2px; border: 1px solid rgba(230,237,243,.13); border-radius: 12px; background: rgba(9,13,18,.985); box-shadow: 0 20px 54px rgba(0,0,0,.56), 0 1px 0 rgba(255,255,255,.035) inset; backdrop-filter: blur(20px); opacity: 0; visibility: hidden; transform: translateY(-4px); transform-origin: top right; pointer-events: none; transition: opacity .15s, transform .18s var(--ease), visibility 0s linear .18s; }
.language-switcher.open .language-menu { opacity: 1; visibility: visible; transform: none; pointer-events: auto; transition-delay: 0s; }
.language-menu button { min-height: 40px; padding: 0 8px 0 6px; display: grid; grid-template-columns: 30px 1fr 18px; align-items: center; gap: 7px; color: #8f99a5; text-align: left; border: 0; border-radius: 8px; background: transparent; box-shadow: 2px 0 transparent inset; cursor: pointer; transition: color .14s, background-color .14s, box-shadow .14s; }
.language-menu button:hover, .language-menu button:focus-visible { color: var(--text); background: rgba(255,255,255,.042); }
.language-menu button[aria-checked="true"] { color: #e2e9f1; background: rgba(47,129,247,.075); box-shadow: 2px 0 var(--blue-hi) inset; }
.language-menu button:focus-visible { outline: 0; box-shadow: 0 0 0 1px rgba(88,166,255,.42) inset; }
.language-menu button[aria-checked="true"]:focus-visible { box-shadow: 2px 0 var(--blue-hi) inset, 0 0 0 1px rgba(88,166,255,.42) inset; }
.language-menu span { width: 26px; height: 26px; display: grid; place-items: center; color: #65717e; font: 8px var(--mono); letter-spacing: .04em; border-radius: 7px; background: rgba(255,255,255,.028); }.language-menu strong { font-size: 10.5px; font-weight: 640; }.language-menu i { width: 18px; height: 18px; display: grid; place-items: center; color: var(--blue-hi); font-size: 10px; font-style: normal; border-radius: 50%; opacity: 0; }.language-menu button[aria-checked="true"] i { opacity: 1; }
.menu-button { display: none; justify-self: end; width: 42px; height: 42px; border-radius: 9px; border: 1px solid var(--line); background: var(--surface); align-items: center; justify-content: center; flex-direction: column; gap: 5px; }
.menu-button span { width: 17px; height: 1px; background: var(--text); transition: transform .2s var(--ease); }
.menu-scrim { position: fixed; inset: 0; z-index: 90; display: block; width: 100%; height: 100%; border: 0; background: rgba(2,5,9,.72); opacity: 0; visibility: hidden; pointer-events: none; backdrop-filter: blur(10px); transition: opacity .22s var(--ease), visibility .22s; }
.menu-visible .menu-scrim { opacity: 1; visibility: visible; pointer-events: auto; }

.hero { width: min(1240px, calc(100% - 40px)); min-height: 780px; margin: 0 auto; padding: 168px 0 90px; display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: clamp(30px, 6vw, 90px); }
.hero-copy { position: relative; z-index: 2; }
.kicker { display: flex; align-items: center; gap: 9px; margin: 0 0 20px; color: #8e98a5; font-family: var(--mono); font-size: 10px; letter-spacing: .13em; text-transform: uppercase; font-weight: 650; }
.kicker span { width: 16px; height: 1px; background: var(--blue-hi); box-shadow: 0 0 10px var(--blue); }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 26px; max-width: 690px; font-size: clamp(50px, 6.3vw, 92px); line-height: .96; letter-spacing: -.064em; font-weight: 760; }
h1 em, h2 em { font-style: normal; color: transparent; -webkit-text-stroke: 1px rgba(240,243,246,.55); text-shadow: 0 0 34px rgba(88,166,255,.12); }
.hero-lede { max-width: 570px; margin-bottom: 30px; color: #a6afb9; font-size: clamp(17px, 1.65vw, 21px); line-height: 1.55; letter-spacing: -.018em; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; padding: 0 18px; border-radius: 9px; border: 1px solid var(--line); text-decoration: none; font-size: 13px; font-weight: 700; cursor: pointer; transition: transform .18s var(--ease), background-color .18s, border-color .18s, box-shadow .18s; }
.button:hover { transform: translateY(-2px); }
.button:active { transform: translateY(0) scale(.985); }
.button:focus-visible, a:focus-visible, button:focus-visible { outline: 2px solid var(--blue-hi); outline-offset: 3px; }
.button-primary { background: #f0f3f6; color: #090b0f; border-color: #f0f3f6; box-shadow: 0 10px 34px rgba(230,237,243,.1); }
.button-primary:hover { background: white; box-shadow: 0 14px 44px rgba(230,237,243,.18); }
.button-quiet { color: #cad0d7; background: rgba(255,255,255,.025); }
.button-quiet:hover { border-color: var(--line-strong); background: rgba(255,255,255,.055); }
.hero-proof { margin-top: 34px; padding-top: 21px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 10px 20px; color: #78828e; font-size: 11px; }
.hero-proof span { display: flex; align-items: center; gap: 7px; }
.hero-proof i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }
.hero-proof .proof-open { background: var(--blue-hi); }
.hero-proof .proof-mac { background: #a371f7; }

.hero-stage { min-height: 610px; position: relative; perspective: 1200px; touch-action: pan-y; }
#graph-canvas { position: absolute; inset: -12% -16%; width: 132%; height: 122%; opacity: .56; }
.stage-glow { position: absolute; width: 66%; aspect-ratio: 1; left: 18%; top: 16%; border-radius: 50%; background: radial-gradient(circle, rgba(47,129,247,.18), rgba(47,129,247,.045) 42%, transparent 68%); filter: blur(18px); }
.agent-window { position: absolute; inset: 14% 4% 10% 4%; transform-style: preserve-3d; transform: rotateX(5deg) rotateY(-6deg); border: 1px solid rgba(230,237,243,.18); border-radius: 17px; background: rgba(10,13,18,.86); box-shadow: 0 50px 100px rgba(0,0,0,.54), 0 0 0 1px rgba(255,255,255,.025) inset; backdrop-filter: blur(18px); overflow: hidden; transition: transform .3s var(--ease); }
.window-bar { height: 48px; padding: 0 15px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: #6f7985; font: 10px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.traffic { display: flex; gap: 6px; }
.traffic i { width: 8px; height: 8px; border-radius: 50%; background: #303741; }
.traffic i:first-child { background: #de665a; }.traffic i:nth-child(2) { background: #d6a94d; }.traffic i:nth-child(3) { background: #4ba66a; }
.window-live { justify-self: end; display: flex; align-items: center; gap: 6px; color: #87929e; }
.window-live i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 9px rgba(63,185,80,.8); animation: livePulse 1.8s ease-in-out infinite; }
.window-body { padding: 24px; }
.run-heading { display: grid; grid-template-columns: 42px 1fr auto; gap: 12px; align-items: center; }
.run-icon { width: 42px; height: 42px; overflow: hidden; border-radius: 11px; background: #111927; border: 1px solid rgba(47,129,247,.34); }
.run-icon img { width: 100%; height: 100%; object-fit: cover; }
.run-heading div:nth-child(2) { display: grid; gap: 4px; }
.run-heading small { color: var(--blue-hi); font: 9px var(--mono); letter-spacing: .1em; }
.run-heading strong { font-size: 15px; letter-spacing: -.012em; }
.run-time { color: #757f8b; font: 11px var(--mono); }
.run-steps { list-style: none; margin: 26px 0 22px; padding: 0; border: 1px solid var(--line); border-radius: 11px; overflow: hidden; }
.run-steps li { min-height: 66px; padding: 0 14px; display: grid; grid-template-columns: 30px 1fr 22px; align-items: center; gap: 10px; border-bottom: 1px solid var(--line); color: #65707c; }
.run-steps li:last-child { border-bottom: 0; }
.run-steps li > span { font: 10px var(--mono); }
.run-steps li div { display: grid; gap: 4px; }
.run-steps li strong { font-size: 12px; font-weight: 650; }.run-steps li small { font-size: 10px; color: #59636e; }
.run-steps li.done { color: #bdc5ce; }.run-steps li.done i { color: var(--green); font-style: normal; }
.run-steps li.active { color: #eef2f6; background: linear-gradient(90deg, rgba(47,129,247,.1), transparent); box-shadow: 2px 0 var(--blue) inset; }
.run-steps li.active i { width: 13px; height: 13px; border: 2px solid #263d5a; border-top-color: var(--blue-hi); border-radius: 50%; animation: spin .9s linear infinite; }
.run-footer { display: flex; align-items: center; justify-content: space-between; color: #6e7884; font-size: 10px; }
.run-footer > span:first-child { display: flex; align-items: center; gap: 7px; }.run-footer i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.model-pill { font-family: var(--mono); border: 1px solid var(--line); border-radius: 99px; padding: 6px 9px; }
.floating-chip { position: absolute; min-width: 142px; padding: 10px 12px; display: flex; gap: 10px; align-items: center; border: 1px solid var(--line-strong); border-radius: 11px; background: rgba(13,17,23,.92); box-shadow: 0 18px 44px rgba(0,0,0,.36); backdrop-filter: blur(14px); animation: float 5.4s ease-in-out infinite; }
.floating-chip b { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; font: 13px var(--mono); background: rgba(57,197,207,.1); color: var(--cyan); }
.floating-chip span { display: grid; gap: 2px; font-size: 11px; font-weight: 700; }.floating-chip strong { color: #68737f; font: 8px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.chip-terminal { left: -3%; top: calc(14% - 24px); animation-delay: -.8s; }.chip-hands { right: -4%; top: 52%; animation-delay: -2.1s; }.chip-hands b { color: var(--orange); background: rgba(240,136,62,.1); }.chip-proof { left: 7%; bottom: 4%; animation-delay: -3.3s; }.chip-proof b { color: var(--green); background: rgba(63,185,80,.1); }
.stage-caption { position: absolute; left: 4%; right: 4%; bottom: 0; margin: 0; display: flex; justify-content: space-between; color: #56606c; font: 8px var(--mono); text-transform: uppercase; letter-spacing: .1em; }

.signal-strip { height: 58px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow: hidden; background: #090c10; display: flex; align-items: center; }
.signal-track { width: max-content; display: flex; align-items: center; gap: 30px; white-space: nowrap; animation: marquee 32s linear infinite; color: #717b87; font: 10px var(--mono); text-transform: uppercase; letter-spacing: .12em; }
.signal-track i { color: #26303a; font-size: 7px; }
.section-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.product { padding: 150px 0 70px; }
.section-intro { display: grid; grid-template-columns: 1.2fr .8fr; column-gap: 80px; align-items: end; margin-bottom: 54px; }
.section-intro .kicker { grid-column: 1 / -1; }
.section-intro h2, .roadmap-head h2 { margin: 0; font-size: clamp(40px, 5.4vw, 72px); line-height: 1.02; letter-spacing: -.052em; }
.section-intro > p:last-child { margin: 0 0 4px; color: #929ca7; font-size: 16px; line-height: 1.65; }
.principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.principle-card { position: relative; min-height: 490px; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(145deg, rgba(18,23,30,.9), rgba(10,13,18,.72)); overflow: hidden; transition: transform .25s var(--ease), border-color .25s; }
.principle-card:hover { transform: translateY(-5px); border-color: var(--line-strong); }
.principle-card.featured { background: linear-gradient(145deg, rgba(21,33,51,.94), rgba(10,14,20,.84)); border-color: rgba(88,166,255,.22); }
.card-number { color: #59636f; font: 10px var(--mono); }
.principle-card h3 { font-size: 29px; letter-spacing: -.04em; margin-bottom: 12px; }.principle-card p { color: #929ca7; line-height: 1.58; font-size: 14px; }
.principle-card ul { list-style: none; padding: 18px 0 0; margin: 24px 0 0; border-top: 1px solid var(--line); display: grid; gap: 10px; color: #737e8a; font: 10px var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.principle-card li::before { content: "→"; color: var(--blue-hi); margin-right: 8px; }
.mini-visual { height: 170px; margin: 34px 0 30px; position: relative; border-radius: 10px; background: rgba(4,7,10,.5); border: 1px solid rgba(255,255,255,.055); overflow: hidden; }
.visual-run i { position: absolute; left: 30px; height: 1px; background: #253344; transform-origin: left; animation: growLine 3s var(--ease) infinite; }.visual-run i:nth-child(1) { top: 45px; width: 54%; }.visual-run i:nth-child(2) { top: 83px; width: 70%; animation-delay: -.7s; }.visual-run i:nth-child(3) { top: 121px; width: 42%; animation-delay: -1.4s; }
.visual-run b { position: absolute; width: 10px; height: 10px; left: 28px; top: 40px; border-radius: 50%; background: var(--green); box-shadow: 0 38px var(--blue), 0 76px var(--muted), 0 0 18px rgba(63,185,80,.4); }
.visual-see span { position: absolute; left: 50%; top: 50%; width: 100px; height: 100px; transform: translate(-50%,-50%) rotate(45deg); border: 1px solid rgba(88,166,255,.26); border-radius: 18px; }.visual-see i, .visual-see b { position: absolute; inset: 50% auto auto 50%; border-radius: 50%; transform: translate(-50%,-50%); }.visual-see i { width: 54px; height: 54px; border: 1px solid rgba(88,166,255,.42); animation: pulseRing 2.4s ease-out infinite; }.visual-see b { width: 12px; height: 12px; background: var(--blue-hi); box-shadow: 0 0 22px rgba(88,166,255,.75); }
.visual-learn i { position: absolute; width: 34px; height: 34px; border: 1px solid #2a3441; border-radius: 50%; background: #10151c; }.visual-learn i:nth-child(1) { left: 29px; top: 36px; }.visual-learn i:nth-child(2) { left: 47%; top: 26px; }.visual-learn i:nth-child(3) { right: 33px; top: 72px; }.visual-learn i:nth-child(4) { left: 38%; bottom: 22px; }.visual-learn b { position: absolute; inset: 0; background: linear-gradient(29deg, transparent 47%, rgba(88,166,255,.2) 48%, rgba(88,166,255,.2) 49%, transparent 50%); }

.workflows { padding: 120px 0 90px; }
.workflow-demo { min-height: 650px; display: grid; grid-template-columns: .7fr 1.3fr; border: 1px solid rgba(230,237,243,.14); border-radius: 18px; background: #0a0e13; overflow: hidden; box-shadow: 0 40px 100px rgba(0,0,0,.3); }
.scenario-list { padding: 12px; display: grid; align-content: start; gap: 7px; border-right: 1px solid var(--line); background: #0d1117; }
.scenario-tab { min-height: 86px; padding: 13px 14px; display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 10px; color: #8d97a3; text-align: left; border: 1px solid transparent; border-radius: 11px; background: transparent; cursor: pointer; transition: color .18s, background-color .18s, border-color .18s, transform .18s var(--ease); }
.scenario-tab:hover { color: #cbd2da; background: rgba(255,255,255,.028); }.scenario-tab:active { transform: scale(.99); }.scenario-tab.active { color: var(--text); border-color: rgba(88,166,255,.24); background: linear-gradient(90deg, rgba(47,129,247,.13), rgba(47,129,247,.035)); box-shadow: 2px 0 var(--blue-hi) inset; }
.scenario-tab > span { color: #52606d; font: 8px var(--mono); }.scenario-tab div { display: grid; gap: 6px; }.scenario-tab strong { font-size: 13px; }.scenario-tab small { color: #65717e; font-size: 10px; }.scenario-tab i { color: #536171; font: 10px var(--mono); font-style: normal; }
.scenario-stage { position: relative; min-width: 0; padding: 28px clamp(22px, 4vw, 46px) 34px; overflow: hidden; background: radial-gradient(circle at 92% 4%, rgba(47,129,247,.12), transparent 32%), #090d12; }
.scenario-stage::after { content: ""; position: absolute; right: -80px; bottom: -130px; width: 340px; height: 340px; border: 1px solid rgba(88,166,255,.09); border-radius: 50%; box-shadow: 0 0 0 52px rgba(88,166,255,.018), 0 0 0 104px rgba(88,166,255,.012); pointer-events: none; }
.scenario-bar { position: relative; z-index: 1; padding-bottom: 18px; display: flex; justify-content: space-between; align-items: center; color: #66727f; border-bottom: 1px solid var(--line); font: 8px var(--mono); letter-spacing: .09em; text-transform: uppercase; }.scenario-bar > span:first-child { display: flex; align-items: center; gap: 7px; }.scenario-bar i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px rgba(63,185,80,.6); }.scenario-mode { color: #53606c; }
.scenario-heading { position: relative; z-index: 1; margin: 28px 0 24px; display: grid; grid-template-columns: 50px 1fr; align-items: center; gap: 15px; }.scenario-icon { width: 50px; height: 50px; display: grid; place-items: center; color: var(--blue-hi); border: 1px solid rgba(88,166,255,.3); border-radius: 13px; background: rgba(47,129,247,.1); font: 21px var(--mono); }.scenario-heading div { display: grid; gap: 5px; }.scenario-heading small { color: #5d6976; font: 8px var(--mono); letter-spacing: .1em; }.scenario-heading h3 { max-width: 590px; margin: 0; font-size: clamp(22px, 2.7vw, 34px); line-height: 1.12; letter-spacing: -.035em; }
.scenario-steps { position: relative; z-index: 1; margin: 0; padding: 0; list-style: none; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }.scenario-steps li { min-height: 68px; padding: 11px 15px; display: grid; grid-template-columns: 30px 1fr 22px; align-items: center; gap: 11px; color: #9ba5b0; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.012); opacity: 0; transform: translateY(8px); animation: scenarioStep .42s var(--ease) forwards; }.scenario-steps li:nth-child(2) { animation-delay: .11s; }.scenario-steps li:nth-child(3) { animation-delay: .22s; }.scenario-steps li:nth-child(4) { animation-delay: .33s; }.scenario-steps li:last-child { border-bottom: 0; }.scenario-steps li > span { color: #53606d; font: 8px var(--mono); }.scenario-steps li div { display: grid; gap: 5px; }.scenario-steps strong { font-size: 12px; }.scenario-steps small { color: #626e7a; font-size: 10px; }.scenario-steps li > i { color: var(--green); font-style: normal; font-size: 11px; }
.scenario-result { position: relative; z-index: 1; min-height: 72px; margin-top: 14px; padding: 13px 15px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; color: #aeb7c1; border: 1px solid rgba(63,185,80,.18); border-radius: 11px; background: rgba(63,185,80,.055); }.scenario-result > span { color: #62c977; font: 8px var(--mono); letter-spacing: .1em; }.scenario-result strong { font-size: 11px; line-height: 1.45; }.scenario-result i { color: #5fca74; font: 8px var(--mono); font-style: normal; text-transform: uppercase; }
.scenario-progress { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: rgba(255,255,255,.03); }.scenario-progress i { display: block; width: 100%; height: 100%; background: linear-gradient(90deg, var(--blue), var(--cyan)); transform-origin: left; animation: scenarioProgress 5.4s linear both; }
.scenario-stage.replay .scenario-steps li, .scenario-stage.replay .scenario-progress i { animation: none; }
.workflow-handoff { min-height: 168px; position: relative; display: grid; place-items: center; isolation: isolate; }
.workflow-handoff::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: linear-gradient(rgba(88,166,255,.42), rgba(88,166,255,.08) 38%, rgba(230,237,243,.12) 72%, transparent); }
.handoff-line { position: absolute; top: 0; left: calc(50% - 18px); width: 36px; height: 1px; background: var(--cyan); box-shadow: 0 0 18px rgba(57,197,207,.55); }
.handoff-copy { position: relative; z-index: 1; max-width: 480px; padding: 13px 18px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 13px; border: 1px solid var(--line); border-radius: 999px; background: rgba(7,9,12,.94); box-shadow: 0 18px 50px rgba(0,0,0,.28); }
.handoff-copy small { color: var(--blue-hi); font: 8px var(--mono); letter-spacing: .11em; white-space: nowrap; }
.handoff-copy strong { color: #909aa6; font-size: 11px; line-height: 1.35; font-weight: 560; }
.handoff-arrow { position: absolute; z-index: 1; bottom: 15px; width: 28px; height: 28px; display: grid; place-items: center; color: #63707c; border: 1px solid var(--line); border-radius: 50%; background: var(--bg); font: 10px var(--mono); }

.plain-value { margin-top: 0; }
.cost-explainer { min-height: 520px; position: relative; padding: clamp(54px, 7vw, 84px) clamp(0px, 1.4vw, 18px); display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: clamp(44px, 8vw, 104px); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: radial-gradient(circle at 79% 50%, rgba(47,129,247,.07), transparent 32%), linear-gradient(90deg, transparent, rgba(255,255,255,.012) 52%, transparent); }
.cost-explainer::before { content: "02 / SYSTEM ECONOMICS"; position: absolute; top: 20px; right: 0; color: #46515d; font: 8px var(--mono); letter-spacing: .12em; }
.cost-copy { position: relative; padding-left: clamp(0px, 2.2vw, 24px); }
.cost-copy::before { content: ""; position: absolute; top: 2px; bottom: 2px; left: 0; width: 1px; background: linear-gradient(var(--blue-hi), transparent 62%); opacity: .42; }
.cost-copy h3 { margin: 0 0 22px; font-size: clamp(35px, 4.3vw, 57px); line-height: 1.03; letter-spacing: -.05em; }
.cost-copy > p { color: #929da8; font-size: 14px; line-height: 1.65; }
.cost-copy > small { display: block; margin-top: 20px; padding-left: 13px; color: #66717d; border-left: 2px solid rgba(88,166,255,.36); font-size: 10px; line-height: 1.55; }
.cost-lanes { display: grid; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.lane { position: relative; min-height: 168px; padding: 24px 0 24px 28px; border: 0; border-bottom: 1px solid var(--line); background: transparent; overflow: hidden; }
.lane:last-child { border-bottom: 0; }
.lane::before { content: ""; position: absolute; left: 0; top: 24px; bottom: 24px; width: 2px; border-radius: 99px; background: rgba(240,136,62,.38); }
.lane header { display: flex; align-items: center; justify-content: space-between; color: #65717e; font: 8px var(--mono); letter-spacing: .1em; }
.lane header b { color: #707c88; font-weight: 500; letter-spacing: 0; text-transform: none; }
.lane > div { margin: 27px 0 21px; display: flex; align-items: center; justify-content: space-between; gap: 7px; }
.lane i { min-width: 56px; padding: 10px; color: #9ca6b1; text-align: center; border: 1px solid var(--line); border-radius: 8px; background: #10151c; font: 9px var(--mono); font-style: normal; }
.lane em { color: #46515d; font-style: normal; }
.lane footer { display: flex; gap: 4px; }
.lane footer span { height: 3px; flex: 1; border-radius: 99px; background: rgba(240,136,62,.38); animation: costPulse 2.8s ease-in-out infinite; }
.lane footer span:nth-child(2n) { animation-delay: -.7s; }
.plaux-lane { background: linear-gradient(90deg, rgba(47,129,247,.045), transparent 72%); }
.plaux-lane::before { background: linear-gradient(var(--blue-hi), var(--green)); box-shadow: 0 0 18px rgba(47,129,247,.28); }
.plaux-lane header span { color: var(--blue-hi); }
.plaux-lane > div { justify-content: center; gap: 12px; }
.plaux-lane i { border-color: rgba(88,166,255,.2); color: #c8d8eb; }
.plaux-lane footer span { max-width: 80px; background: rgba(63,185,80,.5); }
.case-study-head { margin: 100px 0 34px; display: grid; grid-template-columns: 1fr .55fr; gap: 30px; align-items: end; }.case-study-head .kicker { grid-column: 1 / -1; margin-bottom: 0; }.case-study-head h3 { margin: 0; font-size: clamp(36px, 4.7vw, 62px); letter-spacing: -.05em; }.case-study-head > p:last-child { margin: 0; color: #77828e; font-size: 12px; line-height: 1.55; }.case-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }.case-grid article { min-height: 310px; padding: 22px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 14px; background: #0d1117; transition: transform .2s var(--ease), border-color .2s; }.case-grid article:hover { transform: translateY(-4px); border-color: var(--line-strong); }.case-number { min-height: 72px; color: var(--blue-hi); font: clamp(25px, 2.8vw, 39px) var(--mono); letter-spacing: -.06em; }.case-grid h4 { margin: 0 0 12px; font-size: 17px; line-height: 1.25; letter-spacing: -.02em; }.case-grid p { color: #7d8894; font-size: 11px; line-height: 1.58; }.case-grid small { margin-top: auto; padding-top: 18px; color: #596572; border-top: 1px solid var(--line); font: 8px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.responsibility-note { max-width: 850px; margin: 22px auto 0; display: flex; align-items: flex-start; justify-content: center; gap: 10px; color: #5e6975; text-align: center; font-size: 10px; line-height: 1.5; }.responsibility-note span { color: #758291; }

.case-grid article:last-child .case-number { font-size: clamp(21px, 2.1vw, 31px); white-space: nowrap; }

.memory { padding: 90px 0; }
.memory-board { min-height: 680px; padding: clamp(28px, 4.4vw, 58px); display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(34px, 5vw, 72px); align-items: center; border: 1px solid rgba(88,166,255,.18); border-radius: 20px; background: radial-gradient(circle at 79% 46%, rgba(47,129,247,.13), transparent 36%), linear-gradient(145deg, #0e141d, #090c11); overflow: hidden; box-shadow: 0 50px 120px rgba(0,0,0,.28); }
.memory-copy { position: relative; z-index: 2; }
.memory-copy h2 { max-width: 570px; margin-bottom: 24px; font-size: clamp(38px, 4.5vw, 61px); line-height: 1.02; letter-spacing: -.052em; }.memory-copy > p { max-width: 590px; color: #98a2ad; line-height: 1.67; font-size: 14px; }
.memory-mechanics { margin: 34px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.memory-mechanics li { min-height: 66px; display: grid; grid-template-columns: 92px 1fr auto; gap: 13px; align-items: center; border-bottom: 1px solid var(--line); }
.memory-mechanics span { color: #607080; font: 8px var(--mono); letter-spacing: .1em; }
.memory-mechanics strong { color: #b9c2cb; font-size: 11px; font-weight: 640; }
.memory-mechanics i { padding: 5px 7px; color: #78baff; border: 1px solid rgba(88,166,255,.16); border-radius: 5px; background: rgba(47,129,247,.07); font: 7px var(--mono); font-style: normal; letter-spacing: .06em; text-transform: uppercase; }
.memory-mechanics li:nth-child(2) i { color: #d99b68; border-color: rgba(240,136,62,.16); background: rgba(240,136,62,.06); }
.memory-mechanics li:nth-child(3) i { color: #7a8693; border-color: var(--line); background: rgba(255,255,255,.02); }
.sample-note { display: block; margin-top: 14px; color: #56616d; font-size: 9px; line-height: 1.5; }
.graph-brain { position: relative; width: 100%; min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgba(88,166,255,.18); border-radius: 16px; background: linear-gradient(180deg, rgba(14,21,31,.95), rgba(8,12,18,.96)); box-shadow: 0 32px 90px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.018) inset; isolation: isolate; }
.graph-brain::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 50% 46%, rgba(47,129,247,.14), transparent 34%), linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: auto, 28px 28px, 28px 28px; mask-image: linear-gradient(to bottom, black 72%, transparent); }
.brain-header { min-height: 48px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); color: #71808f; font: 7px var(--mono); letter-spacing: .11em; }
.brain-header span { display: flex; align-items: center; gap: 8px; }.brain-header i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px rgba(63,185,80,.85); animation: brainStatus 2.7s ease-in-out infinite; }.brain-header b { color: #52606e; font-weight: 500; }
.brain-canvas { position: relative; aspect-ratio: 4 / 3; min-height: 390px; overflow: hidden; }
.brain-svg { width: 100%; height: 100%; display: block; overflow: visible; filter: drop-shadow(0 18px 34px rgba(0,0,0,.28)); }
.brain-grid path { fill: none; stroke: rgba(88,166,255,.055); stroke-width: 1; }
.brain-shell-lines path { fill: rgba(47,129,247,.025); stroke: url(#brainOutline); stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; opacity: .78; }
.brain-paths path { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.muted-paths path { stroke: rgba(126,157,187,.24); stroke-width: 1.1; }
.active-edge-paths path { stroke: url(#edgeSignalGradient); stroke-width: 2.3; stroke-dasharray: 4 12; filter: url(#brainGlow); animation: brainSignal 2.8s linear infinite; }
.active-edge-paths path:last-child { animation-delay: -1.35s; }
.quarantine-paths path { stroke: rgba(240,136,62,.55); stroke-width: 1.6; stroke-dasharray: 2 8; animation: quarantineHold 4s ease-in-out infinite; }
.stale-paths path { stroke: rgba(119,132,145,.28); stroke-width: 1.2; stroke-dasharray: 1 10; animation: staleFade 5.4s ease-in-out infinite; }
.brain-nodes .node { stroke: rgba(9,13,18,.9); stroke-width: 4; transform-box: fill-box; transform-origin: center; }
.brain-nodes .input, .brain-nodes .route { fill: #58a6ff; filter: url(#brainGlow); animation: nodePulse 2.9s ease-in-out infinite; }
.brain-nodes .route { animation-delay: -.8s; }
.brain-nodes .proven-node { fill: #3fb950; filter: url(#brainGlow); animation: nodePulse 2.9s ease-in-out infinite -.35s; }
.brain-nodes .quarantined { fill: #f0883e; opacity: .7; }
.brain-nodes .stale { fill: #53606d; opacity: .52; }
.brain-nodes .quiet { fill: #738292; opacity: .62; }
.brain-core circle:first-child { fill: rgba(47,129,247,.08); stroke: rgba(88,166,255,.42); stroke-width: 1; stroke-dasharray: 3 7; transform-origin: 320px 240px; animation: coreOrbit 12s linear infinite; }
.brain-core circle:nth-child(2) { fill: url(#coreFill); stroke: rgba(156,211,255,.72); stroke-width: 1; animation: coreBreathe 3.4s ease-in-out infinite; }
.brain-core path { fill: none; stroke: white; stroke-width: 1.5; stroke-linecap: round; opacity: .9; }
.brain-labels text { fill: #596a7b; font: 7px var(--mono); letter-spacing: .08em; }
.brain-labels text:nth-child(2), .brain-labels text:nth-child(3) { fill: #5e9d77; }
.brain-scan { position: absolute; left: 9%; right: 9%; top: 20%; height: 1px; background: linear-gradient(90deg, transparent, rgba(88,166,255,.65), transparent); box-shadow: 0 0 18px rgba(88,166,255,.25); opacity: .55; animation: brainScan 5.6s cubic-bezier(.4,0,.2,1) infinite; }
.brain-decision { min-height: 72px; padding: 12px 16px; display: grid; grid-template-columns: 1fr auto auto; gap: 16px; align-items: center; border-top: 1px solid var(--line); background: rgba(8,12,18,.72); }
.brain-decision span { display: grid; gap: 5px; }.brain-decision small { color: #536171; font: 7px var(--mono); letter-spacing: .1em; }.brain-decision strong { color: #c7d0da; font-size: 11px; }.brain-decision .confidence { padding-left: 16px; border-left: 1px solid var(--line); }.brain-decision .confidence strong { color: #73c684; font: 15px var(--mono); }.brain-decision > i { padding: 5px 7px; color: #65717f; border: 1px solid var(--line); border-radius: 5px; font: 7px var(--mono); font-style: normal; }
.brain-legend { padding: 0 16px 13px; display: flex; gap: 16px; color: #5d6975; font: 7px var(--mono); }.brain-legend span { display: flex; align-items: center; gap: 6px; }.brain-legend span::before { content: ""; width: 14px; height: 2px; border-radius: 99px; background: var(--blue-hi); }.brain-legend .legend-orange::before { background: #f0883e; }.brain-legend .legend-gray::before { background: #53606d; }

.editions { padding: 110px 0 80px; }.section-intro.compact { grid-template-columns: 1fr .72fr; }.edition-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.edition { min-height: 520px; padding: 28px; border: 1px solid var(--line); border-radius: 16px; display: flex; flex-direction: column; background: #0d1117; }.edition.pro { background: radial-gradient(circle at 90% 5%, rgba(47,129,247,.16), transparent 31%), #0e131b; border-color: rgba(88,166,255,.2); }
.edition header { display: grid; grid-template-columns: 48px 1fr auto; gap: 13px; align-items: center; }.edition-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; border: 1px solid var(--line); background: #111821; font: 18px var(--mono); color: var(--blue-hi); }.edition header div { display: grid; gap: 3px; }.edition header small { color: #64707c; font: 8px var(--mono); letter-spacing: .11em; }.edition h3 { margin: 0; font-size: 24px; letter-spacing: -.03em; }.edition-state { font: 9px var(--mono); border-radius: 99px; padding: 6px 9px; }.edition-state.ready { color: #65d178; background: rgba(63,185,80,.1); border: 1px solid rgba(63,185,80,.18); }.edition-state.building { color: var(--blue-hi); background: rgba(47,129,247,.1); border: 1px solid rgba(47,129,247,.2); }
.edition > p { min-height: 74px; margin: 30px 0 22px; color: #929ca7; line-height: 1.55; }.edition ul { list-style: none; padding: 20px 0; margin: 0 0 auto; border-top: 1px solid var(--line); display: grid; gap: 15px; color: #bdc4cc; font-size: 13px; }.edition li { display: flex; gap: 10px; }.edition li i { color: var(--green); font-style: normal; }.edition.pro li i { color: var(--blue-hi); }.edition .button { width: 100%; margin-top: 24px; }.button-disabled { cursor: not-allowed; color: #737d88; background: rgba(255,255,255,.025); }.button-disabled:hover { transform: none; }.button-pro { color: white; border-color: rgba(88,166,255,.45); background: rgba(47,129,247,.16); }.button-pro:hover { background: rgba(47,129,247,.25); }.edition > small:last-child { margin-top: 12px; color: #59636e; font-size: 9px; text-align: center; }

.builder { padding: 100px 0 80px; }.builder-card { min-height: 570px; padding: clamp(28px, 5vw, 62px); border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(135deg, #11161d, #090c10 64%); display: grid; grid-template-columns: 120px 1fr .72fr; gap: clamp(28px, 5vw, 70px); align-items: center; }
.builder-index { align-self: stretch; display: flex; flex-direction: column; justify-content: space-between; align-items: center; border-right: 1px solid var(--line); }.builder-index span { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 50%; color: var(--blue-hi); border: 1px solid rgba(88,166,255,.32); background: rgba(47,129,247,.08); font: 19px var(--mono); }.builder-index i { width: 1px; height: 58%; background: linear-gradient(var(--line-strong), transparent); }
.builder-copy h2 { font-size: clamp(40px, 5vw, 66px); line-height: 1.04; letter-spacing: -.052em; }.builder-copy > p { color: #939da8; font-size: 15px; line-height: 1.67; }.builder-links { margin-top: 32px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }.social-link { min-width: 0; min-height: 56px; padding: 11px; display: grid; grid-template-columns: 30px minmax(0,1fr) auto; align-items: center; gap: 9px; color: #aab4c0; text-decoration: none; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.022); transition: transform .18s var(--ease), border-color .18s, background-color .18s; }.social-link:hover { transform: translateY(-2px); color: var(--text); border-color: var(--line-strong); background: rgba(255,255,255,.045); }.social-link > span:nth-child(2) { min-width: 0; display: grid; gap: 3px; }.social-link small { overflow: hidden; color: #64707c; font: 7px var(--mono); letter-spacing: .08em; text-transform: uppercase; text-overflow: ellipsis; }.social-link strong { overflow: hidden; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }.social-link i { color: #596572; font-style: normal; font-size: 10px; }.social-link.email { grid-column: 1 / -1; min-height: 62px; border-color: rgba(63,185,80,.16); background: linear-gradient(90deg, rgba(63,185,80,.07), rgba(255,255,255,.018)); }.social-link.email:hover, .social-link.email:focus-visible { border-color: rgba(102,211,122,.34); background: linear-gradient(90deg, rgba(63,185,80,.11), rgba(255,255,255,.035)); }.social-link.email strong { overflow: visible; color: #dce6df; font-size: 13px; letter-spacing: -.01em; text-overflow: clip; }.social-link.email i { color: #66d37a; }.social-mark { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; font-weight: 760; }.telegram-mark { color: #6bb8ff; background: rgba(47,129,247,.13); }.x-mark { color: #edf2f7; background: rgba(255,255,255,.07); }.email-mark { color: #66d37a; background: rgba(63,185,80,.12); }
.commit-stack { display: grid; gap: 10px; perspective: 900px; }.commit-stack article { min-height: 105px; padding: 17px; border: 1px solid var(--line); border-radius: 11px; background: rgba(16,21,28,.9); display: grid; gap: 7px; transition: transform .24s var(--ease), border-color .24s; }.commit-stack article:nth-child(1) { transform: rotateY(-5deg) translateX(-8px); }.commit-stack article:nth-child(2) { transform: translateX(5px); }.commit-stack article:nth-child(3) { transform: rotateY(5deg) translateX(-2px); }.commit-stack article:hover { transform: translateY(-3px); border-color: rgba(88,166,255,.28); }.commit-stack small { color: #596572; font: 8px var(--mono); letter-spacing: .1em; }.commit-stack strong { font-size: 14px; }.commit-stack span { color: #737e8a; font-size: 11px; }

.roadmap { padding: 110px 0 80px; }.roadmap-head { display: flex; justify-content: space-between; align-items: end; margin-bottom: 46px; }.roadmap-head h2 { max-width: 700px; }.roadmap-track { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); }.roadmap-track article { position: relative; padding: 27px 28px 10px 0; border-right: 1px solid var(--line); }.roadmap-track article:not(:first-child) { padding-left: 28px; }.roadmap-track article:last-child { border-right: 0; }.roadmap-track article::before { content: ""; position: absolute; top: -4px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #39424c; }.roadmap-track article:not(:first-child)::before { left: 28px; }.roadmap-track .now::before { background: var(--green); box-shadow: 0 0 0 5px rgba(63,185,80,.1); }.roadmap-track span { color: #66717d; font: 8px var(--mono); letter-spacing: .1em; }.roadmap-track strong { display: block; margin: 15px 0 9px; font-size: 17px; }.roadmap-track p { color: #7d8793; font-size: 12px; line-height: 1.55; }
.closing { margin-top: 100px; margin-bottom: 40px; min-height: 420px; padding: clamp(32px, 6vw, 74px); display: grid; grid-template-columns: 1.2fr .6fr; align-items: end; gap: 70px; border: 1px solid rgba(88,166,255,.2); border-radius: 20px; background: radial-gradient(circle at 18% 120%, rgba(47,129,247,.23), transparent 42%), #0d1219; }.closing h2 { margin: 0; font-size: clamp(56px, 8.4vw, 110px); line-height: .88; letter-spacing: -.07em; }.closing > div:last-child p { color: #929ca7; font-size: 15px; line-height: 1.6; }.closing-actions { margin-top: 14px; display: grid; justify-items: start; gap: 13px; }.closing .button { margin-top: 0; }.text-link { color: #8f9ba7; font-size: 11px; text-decoration: none; }.text-link:hover { color: var(--text); }
.site-footer { width: min(1180px, calc(100% - 40px)); min-height: 120px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 24px; border-top: 1px solid var(--line); color: #697480; font-size: 11px; }.site-footer p { margin: 0; }.site-footer > div { display: flex; gap: 18px; }.site-footer a { text-decoration: none; }.site-footer a:hover { color: var(--text); }

[data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .8s var(--ease), transform .8s var(--ease); }.hero-stage[data-reveal] { transform: translateY(24px) scale(.985); }.in-view[data-reveal] { opacity: 1; transform: none; }
@keyframes livePulse { 50% { opacity: .45; box-shadow: 0 0 0 5px rgba(63,185,80,.08); } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes float { 50% { transform: translateY(-8px); } }
@keyframes marquee { to { transform: translateX(-50%); } }
@keyframes growLine { 0%,100% { transform: scaleX(.25); opacity: .3; } 50% { transform: scaleX(1); opacity: 1; } }
@keyframes pulseRing { 0% { transform: translate(-50%,-50%) scale(.6); opacity: 1; } 100% { transform: translate(-50%,-50%) scale(1.6); opacity: 0; } }
@keyframes ringSpin { to { transform: rotateX(68deg) rotateZ(369deg); } }
@keyframes ringSpinAlt { to { transform: rotateY(66deg) rotateZ(342deg); } }
@keyframes scenarioStep { to { opacity: 1; transform: none; } }
@keyframes scenarioProgress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes costPulse { 50% { opacity: .3; transform: scaleX(.72); } }
@keyframes brainSignal { to { stroke-dashoffset: -64; } }
@keyframes nodePulse { 0%,100% { transform: scale(.82); opacity: .72; } 50% { transform: scale(1.15); opacity: 1; } }
@keyframes coreOrbit { to { transform: rotate(360deg); } }
@keyframes coreBreathe { 0%,100% { opacity: .76; } 50% { opacity: 1; } }
@keyframes brainScan { 0%,100% { transform: translateY(0); opacity: 0; } 12% { opacity: .55; } 72% { opacity: .36; } 86% { transform: translateY(270px); opacity: 0; } }
@keyframes brainStatus { 50% { opacity: .45; box-shadow: 0 0 5px rgba(63,185,80,.4); } }
@keyframes quarantineHold { 0%,100% { opacity: .28; } 50% { opacity: .74; } }
@keyframes staleFade { 0%,100% { opacity: .12; } 50% { opacity: .42; } }

@media (max-width: 1000px) {
  .hero { grid-template-columns: 1fr; padding-top: 150px; }.hero-copy { text-align: center; }.hero-copy .kicker, .hero-actions, .hero-proof { justify-content: center; }.hero-lede { margin-left: auto; margin-right: auto; }.hero-stage { width: min(760px, 100%); margin: -20px auto 0; }
  .section-intro, .section-intro.compact { grid-template-columns: 1fr; gap: 22px; }.section-intro > p:last-child { max-width: 620px; }.principles { grid-template-columns: 1fr 1fr; }.principle-card:last-child { grid-column: 1 / -1; min-height: 420px; }.workflow-demo { grid-template-columns: .82fr 1.18fr; }.cost-explainer { grid-template-columns: 1fr; }.case-grid { grid-template-columns: 1fr 1fr; }.memory-board { grid-template-columns: 1fr; }.graph-brain { width: min(720px,100%); margin: 8px auto 0; }.builder-card { grid-template-columns: 86px 1fr; }.commit-stack { grid-column: 2; grid-template-columns: repeat(3,1fr); }.commit-stack article { transform: none !important; }.closing { grid-template-columns: 1fr; align-items: start; }.closing > div:last-child { max-width: 500px; }
}
@media (max-width: 1000px) and (min-width: 821px) {
  .header-action { display: none; }
  .header-tools { min-width: 124px; }
}
@media (max-width: 960px) {
  body.menu-visible { overflow: hidden; }
  .site-header { width: calc(100% - 40px); grid-template-columns: 1fr auto auto; column-gap: 7px; padding: 0 12px; }
  .site-header.scrolled, .site-header.menu-open { top: 8px; background: rgba(9,12,16,.96); border-color: var(--line); box-shadow: 0 16px 60px rgba(0,0,0,.35); backdrop-filter: blur(24px) saturate(140%); }
  .nav-links, .header-action { display: none; }
  .header-tools { min-width: 0; gap: 0; }
  .language-trigger { min-width: 58px; width: 58px; padding: 0 7px; gap: 4px; }
  .language-glyph { display: none; }
  .language-current { flex: 1; }
  .language-current strong { display: none; }
  .language-current small { display: block; text-align: center; }
  .language-menu { position: fixed; top: 70px; right: 20px; width: min(220px, calc(100vw - 40px)); }
  .menu-button { display: flex; }
  .site-header.menu-open .nav-links { position: fixed; top: 80px; left: 50%; right: auto; width: min(440px, calc(100vw - 40px)); translate: -50% 0; justify-self: auto; max-height: calc(100dvh - 100px); padding: 10px; display: grid; gap: 7px; overflow-y: auto; border: 1px solid rgba(230,237,243,.14); border-radius: 18px; background: #0b0f15; box-shadow: 0 28px 90px rgba(0,0,0,.68), 0 0 0 1px rgba(255,255,255,.02) inset; animation: menuIn .24s var(--ease) both; }
  .site-header.menu-open .nav-links > a { min-height: 69px; padding: 12px 13px; display: grid; grid-template-columns: 29px 1fr auto; align-items: center; gap: 11px; color: #c7ced7; border: 1px solid transparent; border-radius: 11px; background: #10151c; }
  .site-header.menu-open .nav-links > a:hover, .site-header.menu-open .nav-links > a:focus-visible { color: white; border-color: rgba(88,166,255,.28); background: #131b26; }
  .nav-index { display: block; color: #53606d; font: 8px var(--mono); }
  .nav-copy { min-width: 0; display: grid; gap: 4px; }
  .nav-copy strong { font-size: 15px; letter-spacing: -.015em; }
  .nav-copy small { display: block; color: #687482; font-size: 10px; font-weight: 500; }
  .nav-arrow { display: block; color: #546170; font: 12px var(--mono); }
  .nav-contact { margin-top: 3px; padding: 13px; display: grid; gap: 11px; border-top: 1px solid var(--line); }
  .nav-contact > span { color: #626e7b; font: 8px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
  .nav-contact > div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
  .nav-contact a { min-height: 45px; padding: 7px 10px; display: flex; align-items: center; gap: 8px; color: #b7c0ca; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); font-size: 11px; text-decoration: none; }
  .nav-contact .social-mark { width: 26px; height: 26px; border-radius: 7px; }
  .site-header.menu-open .menu-button span:first-child { transform: translateY(3px) rotate(45deg); }
  .site-header.menu-open .menu-button span:last-child { transform: translateY(-3px) rotate(-45deg); }
}
@media (max-width: 720px) {
  body.menu-visible { overflow: hidden; }.site-header { grid-template-columns: 1fr auto auto; gap: 7px; }.site-header.scrolled, .site-header.menu-open { top: 8px; background: rgba(9,12,16,.96); border-color: var(--line); box-shadow: 0 16px 60px rgba(0,0,0,.35); backdrop-filter: blur(24px) saturate(140%); }.nav-links, .header-action { display: none; }.header-tools { gap: 0; }.language-trigger { min-width: 58px; width: 58px; padding: 0 7px; gap: 4px; }.language-glyph { display: none; }.language-current { flex: 1; }.language-current strong { display: none; }.language-current small { display: block; text-align: center; }.language-menu { position: fixed; top: 70px; right: 16px; width: min(220px, calc(100vw - 32px)); }.menu-button { display: flex; }.site-header.menu-open .nav-links { position: fixed; top: 80px; left: 16px; right: 16px; width: auto; max-height: calc(100dvh - 96px); padding: 10px; display: grid; gap: 7px; overflow-y: auto; border: 1px solid rgba(230,237,243,.14); border-radius: 18px; background: #0b0f15; box-shadow: 0 28px 90px rgba(0,0,0,.68), 0 0 0 1px rgba(255,255,255,.02) inset; animation: menuIn .24s var(--ease) both; }.site-header.menu-open .nav-links > a { min-height: 69px; padding: 12px 13px; display: grid; grid-template-columns: 29px 1fr auto; align-items: center; gap: 11px; color: #c7ced7; border: 1px solid transparent; border-radius: 11px; background: #10151c; }.site-header.menu-open .nav-links > a:hover, .site-header.menu-open .nav-links > a:focus-visible { color: white; border-color: rgba(88,166,255,.28); background: #131b26; }.nav-index { display: block; color: #53606d; font: 8px var(--mono); }.nav-copy { min-width: 0; display: grid; gap: 4px; }.nav-copy strong { font-size: 15px; letter-spacing: -.015em; }.nav-copy small { display: block; color: #687482; font-size: 10px; font-weight: 500; }.nav-arrow { display: block; color: #546170; font: 12px var(--mono); }.nav-contact { margin-top: 3px; padding: 13px; display: grid; gap: 11px; border-top: 1px solid var(--line); }.nav-contact > span { color: #626e7b; font: 8px var(--mono); letter-spacing: .1em; text-transform: uppercase; }.nav-contact > div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.nav-contact a { min-height: 45px; padding: 7px 10px; display: flex; align-items: center; gap: 8px; color: #b7c0ca; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); font-size: 11px; text-decoration: none; }.nav-contact .social-mark { width: 26px; height: 26px; border-radius: 7px; }.site-header.menu-open .menu-button span:first-child { transform: translateY(3px) rotate(45deg); }.site-header.menu-open .menu-button span:last-child { transform: translateY(-3px) rotate(-45deg); }
  .hero, .section-shell, .site-footer { width: min(100% - 28px, 1180px); }.hero { padding-top: 130px; min-height: auto; }.hero h1 { font-size: clamp(40px, 12vw, 68px); }.hero-stage { min-height: 530px; margin-top: 10px; overflow: hidden; }.agent-window { inset: 14% 0 11%; transform: none; }.window-body { padding: 18px; }.chip-terminal { left: -2%; top: calc(14% - 22px); }.chip-hands { right: -2%; top: 61%; }.chip-proof { display: none; }
  .product { padding-top: 100px; }.principles { grid-template-columns: 1fr; }.principle-card, .principle-card:last-child { grid-column: auto; min-height: 460px; }.workflows { padding-top: 90px; }.workflow-demo { display: block; }.scenario-list { padding: 9px; grid-template-columns: 1fr 1fr; border-right: 0; border-bottom: 1px solid var(--line); }.scenario-tab { min-height: 70px; grid-template-columns: 22px 1fr; }.scenario-tab i { display: none; }.scenario-tab small { display: none; }.scenario-stage { padding: 24px 16px 30px; }.scenario-heading { grid-template-columns: 42px 1fr; }.scenario-icon { width: 42px; height: 42px; }.scenario-steps li { padding: 10px 11px; }.scenario-result { grid-template-columns: auto 1fr; }.scenario-result i { display: none; }.workflow-handoff { min-height: 142px; }.handoff-copy { width: min(100% - 26px, 430px); padding: 12px 14px; grid-template-columns: 1fr; gap: 5px; border-radius: 13px; text-align: center; }.handoff-arrow { bottom: 7px; }.cost-explainer { padding: 48px 0; }.cost-explainer::before { top: 16px; }.cost-copy { padding-left: 15px; }.cost-lanes { margin-top: 8px; }.lane { padding-left: 18px; }.case-study-head { grid-template-columns: 1fr; gap: 14px; }.case-grid { grid-template-columns: 1fr; }.case-grid article { min-height: 260px; }.lane > div { gap: 4px; }.lane i { min-width: 0; flex: 1; padding: 9px 5px; }
  .memory { padding: 65px 0; }.memory-board { padding: 30px 20px 20px; gap: 28px; }.memory-copy h2 { font-size: clamp(38px,11.5vw,54px); }.memory-mechanics li { grid-template-columns: 84px 1fr auto; }.graph-brain { border-radius: 14px; }.brain-canvas { min-height: 0; aspect-ratio: 1.18 / 1; }.brain-svg { transform: scale(1.08); }.brain-header b { display: none; }.brain-decision { grid-template-columns: 1fr auto; }.brain-decision > i { display: none; }.edition-grid { grid-template-columns: 1fr; }.edition { min-height: 500px; }
  .builder-card { grid-template-columns: 1fr; }.builder-index { display: none; }.builder-links { grid-template-columns: 1fr; }.social-link { min-height: 58px; }.commit-stack { grid-column: auto; grid-template-columns: 1fr; }.roadmap-head { display: block; }.roadmap-head .kicker { margin-bottom: 16px; }.roadmap-track { grid-template-columns: 1fr; border-top: 0; }.roadmap-track article, .roadmap-track article:not(:first-child) { padding: 24px 0; border-right: 0; border-top: 1px solid var(--line); }.roadmap-track article:not(:first-child)::before { left: 0; }.closing { margin-top: 60px; min-height: 440px; padding: 34px 24px; }.closing h2 { font-size: clamp(54px, 17vw, 88px); }.site-footer { padding: 28px 0; grid-template-columns: 1fr; }.site-footer > div { flex-wrap: wrap; }
  .site-header { width: calc(100% - 28px); }
  .language-menu { right: 14px; width: min(220px, calc(100vw - 28px)); }
  .site-header.menu-open .nav-links { left: 50%; right: auto; width: min(440px, calc(100vw - 28px)); translate: -50% 0; max-height: calc(100dvh - 94px); }
}
@media (max-width: 430px) {
  .hero-actions { display: grid; grid-template-columns: 1fr; }.hero-actions .button { width: 100%; }.hero-proof { justify-content: flex-start; }
  .hero-stage { min-height: 480px; }.agent-window { inset: 14% -5px 10%; }.floating-chip { min-width: 124px; padding: 8px; }.chip-hands { top: 67%; }.window-bar { grid-template-columns: 1fr 1fr; }.window-bar > span:nth-child(2) { display: none; }.run-heading { grid-template-columns: 38px 1fr; }.run-time { display: none; }.run-icon { width: 38px; height: 38px; }.run-steps li { min-height: 62px; }.memory-mechanics li { min-height: 72px; grid-template-columns: 1fr auto; gap: 5px 10px; padding: 10px 0; }.memory-mechanics span { grid-column: 1 / -1; }.memory-mechanics strong { font-size: 10px; }.brain-canvas { aspect-ratio: 1 / 1.08; }.brain-svg { transform: scale(1.25); }.brain-labels { display: none; }.brain-decision { padding: 11px 12px; gap: 8px; }.brain-decision .confidence { padding-left: 9px; }.brain-decision strong { font-size: 9px; }.brain-legend { padding: 0 12px 12px; gap: 10px; }.edition header { grid-template-columns: 42px 1fr auto; }.edition-icon { width: 42px; height: 42px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  [data-reveal] { opacity: 1; transform: none; }
  #graph-canvas { opacity: .25; }
}
@keyframes menuIn { from { opacity: 0; transform: translateY(-10px) scale(.985); } to { opacity: 1; transform: none; } }

/* Capture Studio — one cinematic tool surface instead of another card grid. */
.capture-story { position:relative; min-height:720px; margin-top:90px; padding:105px clamp(24px,5vw,68px); display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(40px,7vw,90px); align-items:center; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:radial-gradient(circle at 86% 18%,rgba(47,129,247,.15),transparent 34%),linear-gradient(145deg,#0d1218,#080b0f 66%); }
.capture-story::before { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(90deg,transparent 25%,black); }
.capture-copy { position:relative; z-index:2; }.capture-copy h2 { margin:18px 0 22px; font-size:clamp(44px,5.4vw,74px); line-height:.98; letter-spacing:-.06em; }.capture-copy h2 em { color:#8ca6c5; font-style:normal; }.capture-copy>p:not(.kicker):not(.capture-privacy) { max-width:540px; color:#919ca8; font-size:15px; line-height:1.66; }
.capture-outcomes { margin-top:30px; border-top:1px solid var(--line); }.capture-outcomes article { min-height:88px; display:grid; grid-template-columns:34px 1fr; gap:13px; align-items:center; border-bottom:1px solid var(--line); }.capture-outcomes article>span { color:#52606d; font:8px var(--mono); }.capture-outcomes article div { display:grid; gap:5px; }.capture-outcomes strong { font-size:14px; }.capture-outcomes small { color:#727e8a; font-size:11px; line-height:1.5; }
.capture-privacy { margin:22px 0 0; padding:12px 14px; display:flex; gap:11px; align-items:center; color:#7f8b97; font-size:11px; line-height:1.45; border:1px solid rgba(63,185,80,.16); border-radius:11px; background:rgba(63,185,80,.055); }.capture-privacy i { width:28px; height:28px; flex:0 0 auto; display:grid; place-items:center; color:#61cf75; font-style:normal; border-radius:50%; background:rgba(63,185,80,.1); }.capture-privacy strong { color:#b9c4cc; }
.capture-console { position:relative; z-index:2; min-height:520px; perspective:1200px; }.capture-topbar { position:absolute; top:-17px; left:50%; z-index:5; width:min(430px,90%); height:44px; translate:-50% 0; padding:0 8px 0 14px; display:grid; grid-template-columns:1fr auto auto 30px; align-items:center; gap:12px; color:#b6c0ca; border:1px solid rgba(240,106,94,.24); border-radius:99px; background:rgba(13,17,23,.94); box-shadow:0 18px 50px rgba(0,0,0,.42); backdrop-filter:blur(18px); }.capture-topbar span { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:700; }.capture-topbar span i { width:7px; height:7px; border-radius:50%; background:#f06a5e; box-shadow:0 0 0 5px rgba(240,106,94,.1); animation:capturePulse 1.6s ease-in-out infinite; }.capture-topbar b { font:10px var(--mono); }.capture-topbar small { color:#65717e; font-size:9px; }.capture-topbar button { width:27px; height:27px; color:#f47c71; border:0; border-radius:50%; background:rgba(240,106,94,.12); }
.capture-frame { position:absolute; inset:25px 0 34px; padding:0 18px 17px; overflow:hidden; border:1px solid rgba(88,166,255,.22); border-radius:18px; background:rgba(10,14,19,.95); box-shadow:0 36px 100px rgba(0,0,0,.52); transform:rotateY(-4deg) rotateX(1deg); transform-origin:center; transition:transform .4s var(--ease),border-color .3s; }.capture-console:hover .capture-frame { transform:rotateY(-1deg) translateY(-3px); border-color:rgba(88,166,255,.34); }
.capture-frame-bar { height:49px; margin:0 -18px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; color:#596673; font:8px var(--mono); letter-spacing:.1em; border-bottom:1px solid var(--line); }.capture-frame-bar span:last-child { color:#4cab61; }
.capture-preview { position:relative; height:310px; margin-top:18px; overflow:hidden; border:1px solid var(--line); border-radius:13px; background:radial-gradient(circle at 72% 30%,rgba(47,129,247,.18),transparent 34%),#0b0f15; }.capture-preview::before { content:""; position:absolute; inset:0; opacity:.32; background:repeating-linear-gradient(90deg,transparent 0 64px,rgba(255,255,255,.025) 65px),repeating-linear-gradient(0deg,transparent 0 64px,rgba(255,255,255,.025) 65px); }.preview-window { position:absolute; inset:34px 43px; padding:14px; display:flex; gap:6px; align-items:flex-start; border:1px solid rgba(230,237,243,.13); border-radius:11px; background:#111720; }.preview-window i { width:7px; height:7px; border-radius:50%; background:#49535f; }.preview-window span { position:absolute; left:50%; top:50%; translate:-50% -50%; color:#687583; font:9px var(--mono); text-transform:uppercase; letter-spacing:.08em; }.capture-focus { position:absolute; inset:62px 76px; border:1px solid #58a6ff; border-radius:8px; box-shadow:0 0 0 999px rgba(3,6,10,.58),0 0 24px rgba(47,129,247,.18); }.capture-focus span::before,.capture-focus span::after { content:""; position:absolute; width:13px; height:13px; border-color:#89bfff; }.capture-focus span::before { left:-2px; top:-2px; border-left:2px solid; border-top:2px solid; }.capture-focus span::after { right:-2px; bottom:-2px; border-right:2px solid; border-bottom:2px solid; }.capture-focus b { position:absolute; right:7px; bottom:7px; padding:4px 6px; color:#bcd8fa; font:8px var(--mono); border-radius:5px; background:rgba(5,10,16,.82); }.cursor-proof { position:absolute; left:61%; top:54%; width:22px; height:22px; border:1px solid rgba(88,166,255,.75); border-radius:50%; box-shadow:0 0 16px rgba(88,166,255,.45); animation:cursorRoute 4.8s var(--ease) infinite; }
.capture-timeline { height:38px; display:grid; grid-template-columns:1fr 7px auto; align-items:center; }.capture-timeline span { height:3px; border-radius:9px; background:linear-gradient(90deg,var(--blue) 80%,#26303a 80%); }.capture-timeline i { width:7px; height:13px; margin-left:-20%; border-radius:3px; background:#9bc8ff; box-shadow:0 0 12px rgba(88,166,255,.5); }.capture-timeline b { margin-left:12px; color:#687482; font:8px var(--mono); }.capture-controls { display:flex; flex-wrap:wrap; gap:7px; }.capture-controls span { height:30px; padding:0 9px; display:flex; align-items:center; gap:6px; color:#76828f; font-size:9px; border:1px solid var(--line); border-radius:99px; background:rgba(255,255,255,.025); }.capture-controls i { color:#7db7fb; font-style:normal; }
.capture-destinations { position:absolute; left:50%; bottom:0; translate:-50% 0; padding:8px 13px; display:flex; align-items:center; gap:10px; color:#55616e; font:7px var(--mono); letter-spacing:.08em; border:1px solid var(--line); border-radius:99px; background:#0d1218; }.capture-destinations span:last-child { color:#64c977; }.capture-destinations i { color:#36414d; font-style:normal; }
@keyframes capturePulse { 50% { opacity:.52; box-shadow:0 0 0 7px rgba(240,106,94,.04); } } @keyframes cursorRoute { 0%,100% { transform:translate(-32px,25px); } 50% { transform:translate(35px,-31px); } }
@media(max-width:1000px){.capture-story{grid-template-columns:1fr}.capture-console{width:min(760px,100%);margin:0 auto}}
@media(max-width:720px){.capture-story{width:min(100% - 28px,1180px);min-height:auto;padding:70px 22px 45px;gap:45px}.capture-console{min-height:485px}.capture-frame{transform:none}.capture-console:hover .capture-frame{transform:translateY(-2px)}.capture-topbar{width:min(390px,88%);grid-template-columns:1fr auto 30px}.capture-topbar small{display:none}.capture-preview{height:282px}.capture-focus{inset:58px 48px}}
@media(max-width:430px){.capture-copy h2{font-size:42px}.capture-console{min-height:430px}.capture-frame{inset:24px -4px 32px;padding-left:11px;padding-right:11px}.capture-frame-bar{margin-left:-11px;margin-right:-11px}.capture-preview{height:235px}.capture-focus{inset:48px 30px}.capture-controls span:last-child{display:none}.capture-destinations{width:max-content}}
@media(prefers-reduced-motion:reduce){.capture-topbar span i,.cursor-proof{animation:none!important}.capture-frame,.capture-console:hover .capture-frame{transform:none!important}}

/* Search-friendly FAQ: visible, calm and consistent with the landing system. */
.faq { padding: 105px 0 90px; display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(44px, 8vw, 110px); align-items: start; }
.faq-intro { position: sticky; top: 130px; }
.faq-intro h2 { margin: 18px 0 20px; max-width: 480px; font-size: clamp(42px, 5vw, 70px); line-height: .98; letter-spacing: -.055em; }
.faq-intro > p:last-child { max-width: 470px; color: #818c98; font-size: 14px; line-height: 1.65; }
.faq-list { border-top: 1px solid var(--line-strong); }
.faq-list details { border-bottom: 1px solid var(--line); transition: background-color .22s ease, border-color .22s ease; }
.faq-list details:hover, .faq-list details[open] { background: linear-gradient(90deg, rgba(47,129,247,.055), transparent 78%); border-color: rgba(88,166,255,.2); }
.faq-list summary { min-height: 92px; padding: 25px 58px 25px 2px; position: relative; display: flex; align-items: center; color: #c6ccd4; font-size: clamp(16px, 1.55vw, 20px); font-weight: 650; line-height: 1.35; letter-spacing: -.02em; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::before, .faq-list summary::after { content: ""; position: absolute; right: 13px; top: 50%; width: 16px; height: 1px; background: #697785; transition: transform .24s var(--ease), background-color .2s; }
.faq-list summary::after { transform: rotate(90deg); }
.faq-list details[open] summary::after { transform: rotate(0); }
.faq-list details[open] summary::before, .faq-list details[open] summary::after { background: var(--blue-hi); }
.faq-list summary:focus-visible { outline: 2px solid var(--blue-hi); outline-offset: 4px; border-radius: 8px; }
.faq-list details p { margin: -8px 0 0; padding: 0 58px 30px 2px; max-width: 730px; color: #818d99; font-size: 13px; line-height: 1.7; }
@media (max-width: 860px) { .faq { grid-template-columns: 1fr; gap: 30px; } .faq-intro { position: static; } }
@media (max-width: 540px) { .faq { padding-top: 72px; } .faq-list summary { min-height: 80px; padding-right: 48px; } .faq-list details p { padding-right: 16px; } }

/* Cost-aware orchestration — a bounded goal tree, not another card grid. */
.orchestration-story { position: relative; min-height: 760px; margin-top: 92px; padding: clamp(72px, 8vw, 118px) clamp(28px, 5vw, 70px); display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: clamp(46px, 7vw, 92px); overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: radial-gradient(circle at 79% 42%, rgba(57,197,207,.09), transparent 33%), linear-gradient(138deg, #0c1117, #080b0f 67%); }
.orchestration-story::before { content: "ROLE-AWARE / COST-AWARE"; position: absolute; top: 22px; right: 28px; color: #46525e; font: 8px var(--mono); letter-spacing: .14em; }
.orchestration-story::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .24; background-image: linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.022) 1px, transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(90deg, transparent 18%, black 62%); }
.orchestration-intro { position: relative; z-index: 2; }
.orchestration-intro h2 { margin: 18px 0 24px; font-size: clamp(44px, 5.3vw, 74px); line-height: .98; letter-spacing: -.06em; }
.orchestration-intro > p:not(.kicker) { max-width: 560px; color: #929da8; font-size: 15px; line-height: 1.68; }
.orchestration-rules { margin-top: 30px; border-top: 1px solid var(--line); }
.orchestration-rules span { min-height: 55px; display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 10px; color: #8995a1; border-bottom: 1px solid var(--line); font-size: 11px; }
.orchestration-rules i { color: #4f5c69; font: 8px var(--mono); font-style: normal; }
.orchestration-map { position: relative; z-index: 2; min-height: 570px; padding: 50px 24px 20px; border: 1px solid rgba(88,166,255,.18); border-radius: 18px; background: rgba(8,12,17,.88); box-shadow: 0 32px 90px rgba(0,0,0,.4); }
.orchestration-map-bar { position: absolute; inset: 0 0 auto; height: 43px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; color: #54616d; border-bottom: 1px solid var(--line); font: 8px var(--mono); letter-spacing: .1em; }
.orchestration-map-bar span:last-child { display: flex; align-items: center; gap: 8px; color: #608d98; }
.orchestration-map-bar i { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 5px rgba(57,197,207,.08); }
.goal-node { width: min(340px, 82%); min-height: 72px; margin: 17px auto 0; padding: 14px 17px; display: grid; gap: 5px; text-align: center; border: 1px solid rgba(88,166,255,.3); border-radius: 12px; background: linear-gradient(145deg,rgba(47,129,247,.13),rgba(14,19,26,.96)); }
.goal-node small, .role-node small, .worker-grid small { color: #5d94d3; font: 7px var(--mono); letter-spacing: .11em; }
.goal-node strong { color: #d7dee6; font-size: 13px; }
.goal-node span { color: #63707d; font-size: 9px; }
.tree-rail { position: relative; margin: 0 auto; width: 1px; background: linear-gradient(var(--blue), rgba(57,197,207,.35)); }
.rail-main { height: 26px; }
.rail-workers { height: 26px; }
.role-node { width: min(420px, 94%); min-height: 90px; margin: 0 auto; padding: 13px 15px; display: grid; grid-template-columns: 40px 1fr auto; align-items: center; gap: 12px; border: 1px solid rgba(57,197,207,.25); border-radius: 12px; background: #101821; }
.role-icon { width: 38px; height: 38px; display: grid; place-items: center; color: #69dae2; border-radius: 10px; background: rgba(57,197,207,.09); }
.role-node div { display: grid; gap: 3px; }
.role-node strong { color: #d3dae2; font-size: 13px; }
.role-node p { margin: 0; color: #6f7b87; font-size: 9px; line-height: 1.4; }
.role-node > b { padding: 5px 7px; color: #75bfc6; border: 1px solid rgba(57,197,207,.17); border-radius: 99px; font: 7px var(--mono); font-weight: 500; }
.worker-grid { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.worker-grid::before { content: ""; position: absolute; left: 16.5%; right: 16.5%; top: -1px; height: 1px; background: rgba(57,197,207,.26); transform: translateY(-26px); }
.worker-grid article { min-height: 80px; padding: 12px 10px; display: grid; align-content: center; gap: 6px; text-align: center; border: 1px solid var(--line); border-radius: 10px; background: #0e1319; transition: border-color .2s, transform .25s var(--ease), background-color .2s; }
.worker-grid article:hover { transform: translateY(-2px); border-color: rgba(88,166,255,.25); background: #111821; }
.worker-grid strong { color: #bfc7d0; font-size: 11px; }
.worker-grid span { color: #5f6c79; font-size: 8px; }
.coordination-rail { margin-top: 12px; padding-top: 12px; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; border-top: 1px solid var(--line); }
.coordination-rail > span { min-height: 48px; padding: 8px; display: grid; grid-template-columns: 20px 1fr; align-items: center; column-gap: 7px; border: 1px solid rgba(230,237,243,.075); border-radius: 9px; background: rgba(255,255,255,.018); }
.coordination-rail i { grid-row: 1 / 3; color: #7890a7; font-style: normal; }
.coordination-rail b { color: #788592; font: 7px var(--mono); letter-spacing: .07em; }
.coordination-rail small { color: #525e6b; font-size: 7px; }
.orchestration-map-note { margin: 14px 0 0; display: flex; justify-content: space-between; gap: 20px; color: #53606d; font-size: 8px; line-height: 1.4; }
.orchestration-map-note span:first-child { flex: 0 0 auto; color: #62b5bd; font-family: var(--mono); letter-spacing: .06em; text-transform: uppercase; }

/* Adaptive model switchboard — step-level routing, distinct from the goal tree above. */
.model-fabric { padding: 112px 0 26px; }
.model-fabric-head { display: grid; grid-template-columns: 1.05fr .72fr; gap: clamp(42px,8vw,118px); align-items: end; margin-bottom: 42px; }
.model-fabric-head h2 { margin: 17px 0 0; font-size: clamp(45px,5.6vw,78px); line-height: .98; letter-spacing: -.062em; }
.model-fabric-head > p { max-width: 560px; margin: 0 0 6px; color: #919ca7; font-size: 14px; line-height: 1.7; }
.model-switchboard { position: relative; min-height: 665px; padding: 68px clamp(18px,2.6vw,34px) 28px; overflow: hidden; border: 1px solid rgba(88,166,255,.17); border-radius: 20px; background: radial-gradient(circle at 88% 12%,rgba(47,129,247,.08),transparent 27%),#090d12; box-shadow: 0 50px 110px rgba(0,0,0,.3); }
.model-switchboard::before { content: ""; position: absolute; inset: 46px 0 0; opacity: .18; pointer-events: none; background: repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.035) 25%); mask-image: linear-gradient(black,transparent 86%); }
.fabric-topline { position: absolute; inset: 0 0 auto; height: 46px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; color: #52606d; border-bottom: 1px solid var(--line); font: 8px var(--mono); letter-spacing: .11em; }
.fabric-topline span:last-child { display: flex; align-items: center; gap: 8px; color: #578b72; }.fabric-topline i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(63,185,80,.08); }
.switchboard-contract { position: relative; z-index: 2; min-height: 82px; padding: 14px 18px; display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 14px; border: 1px solid rgba(88,166,255,.24); border-radius: 11px; background: linear-gradient(90deg,rgba(47,129,247,.11),rgba(47,129,247,.025) 58%,transparent); }
.contract-glyph { width: 38px; height: 38px; display: grid; place-items: center; color: #77b8ff; border: 1px solid rgba(88,166,255,.22); border-radius: 9px; background: rgba(47,129,247,.08); font: 18px var(--mono); }.switchboard-contract div { display: grid; gap: 3px; }.switchboard-contract small { color: #5797df; font: 7px var(--mono); letter-spacing: .1em; }.switchboard-contract strong { color: #d2d9e1; font-size: 14px; }.switchboard-contract div span { color: #65717d; font-size: 8px; }.switchboard-contract > b { padding: 6px 9px; color: #73b6ff; border: 1px solid rgba(88,166,255,.2); border-radius: 6px; font: 7px var(--mono); letter-spacing: .08em; }
.switchboard-labels,.switch-row { position: relative; z-index: 2; display: grid; grid-template-columns: 54px minmax(190px,1fr) minmax(250px,1.25fr) 128px; align-items: center; column-gap: 18px; }.switchboard-labels { min-height: 37px; padding: 0 16px; color: #48545f; font: 7px var(--mono); letter-spacing: .1em; }.switchboard-routes { position: relative; z-index: 2; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.switch-row { min-height: 82px; padding: 10px 16px; border-top: 1px solid rgba(230,237,243,.065); background: rgba(9,13,18,.76); transition: background-color .2s ease; }.switch-row:first-child { border-top: 0; }.switch-row:hover { background: rgba(18,25,34,.78); }.switch-row::after { content: ""; position: absolute; left: 0; top: 18%; bottom: 18%; width: 2px; border-radius: 4px; background: var(--route-color,#58a6ff); opacity: 0; transition: opacity .2s ease; }.switch-row:hover::after { opacity: 1; }
.switch-index { color: #46525e; font: 8px var(--mono); }.switch-requirement,.switch-selection { display: grid; gap: 5px; }.switch-requirement small { color: var(--route-color,#58a6ff); font: 7px var(--mono); letter-spacing: .085em; }.switch-requirement strong { color: #afb8c2; font-size: 11px; }.switch-selection { grid-template-columns: 82px 1fr auto; align-items: center; gap: 12px; }.switch-selection > span { position: relative; padding: 6px 8px; color: var(--route-color,#58a6ff); text-align: center; border: 1px solid color-mix(in srgb,var(--route-color,#58a6ff) 30%,transparent); border-radius: 6px; background: color-mix(in srgb,var(--route-color,#58a6ff) 6%,transparent); font: 7px var(--mono); letter-spacing: .06em; }.switch-selection > span::after { content: ""; position: absolute; right: -7px; top: 50%; width: 4px; height: 4px; border-radius: 50%; background: var(--route-color,#58a6ff); box-shadow: 0 0 10px var(--route-color,#58a6ff); opacity: 0; transform: translateY(-50%); animation: switchDecision 5.2s var(--ease) infinite; }.switch-row:nth-child(2) .switch-selection > span::after { animation-delay: 1.3s; }.switch-row:nth-child(3) .switch-selection > span::after { animation-delay: 2.6s; }.switch-row:nth-child(4) .switch-selection > span::after { animation-delay: 3.9s; }.switch-selection strong { color: #c3cbd4; font-size: 11px; }.switch-selection small { color: #596673; font-size: 8px; }.switch-boundary { justify-self: end; padding: 6px 8px; color: #65727f; border: 1px solid var(--line); border-radius: 5px; font: 7px var(--mono); font-weight: 500; letter-spacing: .055em; }.switch-boundary.permission { color: #c18955; border-color: rgba(210,143,69,.2); }.switch-boundary.cross { color: #72b484; border-color: rgba(63,185,80,.2); }.route-economy { --route-color:#39c5cf; }.route-hands { --route-color:#d68d49; }.route-cross { --route-color:#73bd86; }
.switchboard-logic { position: relative; z-index: 2; min-height: 56px; display: flex; align-items: center; justify-content: center; gap: clamp(8px,2vw,24px); color: #566370; border-bottom: 1px solid var(--line); font: 7px var(--mono); letter-spacing: .08em; }.switchboard-logic span { color: #768493; }.switchboard-logic i { color: #2d75be; font-style: normal; }
.switchboard-policy { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,1fr); }.switchboard-policy > span { min-height: 75px; padding: 14px 17px; display: grid; align-content: center; gap: 7px; border-right: 1px solid var(--line); }.switchboard-policy > span:last-child { border-right: 0; }.switchboard-policy small { color: #4c91df; font: 7px var(--mono); letter-spacing: .09em; }.switchboard-policy strong { color: #7f8b97; font-size: 9px; font-weight: 600; }
.fabric-proof { max-width: 830px; margin: 22px auto 0; color: #6d7884; text-align: center; font-size: 10px; line-height: 1.65; }.fabric-proof span { margin-right: 9px; color: #8fc2ff; font-family: var(--mono); text-transform: uppercase; letter-spacing: .06em; }
@keyframes switchDecision { 0%,72%,100% { opacity: 0; transform: translate(-7px,-50%) scale(.7); } 80%,90% { opacity: 1; transform: translate(0,-50%) scale(1); } }

/* Orchestration memory is a separate measured direction inside Memory. */
.orchestration-memory { margin-top: 18px; padding: clamp(28px, 4vw, 48px); display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(34px, 6vw, 74px); align-items: center; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(120deg, rgba(57,197,207,.055), transparent 38%), #0b0f14; }
.orchestration-memory-copy h3 { margin: 14px 0 15px; font-size: clamp(28px, 3.1vw, 42px); letter-spacing: -.045em; }
.orchestration-memory-copy > p:not(.kicker) { max-width: 570px; color: #7f8b97; font-size: 12px; line-height: 1.65; }
.orchestration-memory-copy ul { margin: 22px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.orchestration-memory-copy li { min-height: 47px; display: grid; grid-template-columns: 100px 1fr; align-items: center; gap: 12px; border-bottom: 1px solid var(--line); }
.orchestration-memory-copy li span { color: #557787; font: 7px var(--mono); letter-spacing: .08em; }
.orchestration-memory-copy li strong { color: #8e9aa6; font-size: 10px; font-weight: 600; }
.orchestration-memory-visual { padding: 0 18px; border: 1px solid rgba(57,197,207,.15); border-radius: 13px; background: #0d1218; }
.orchestration-memory-visual header, .orchestration-memory-visual footer { min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #53616e; font: 7px var(--mono); letter-spacing: .08em; }
.orchestration-memory-visual header { border-bottom: 1px solid var(--line); }
.orchestration-memory-visual header b { color: #50767b; font-weight: 500; }
.orchestration-memory-visual footer { border-top: 1px solid var(--line); }
.orchestration-memory-visual footer span:first-child { color: #6d7883; }
.improvement-track { min-height: 58px; display: grid; grid-template-columns: minmax(104px,.9fr) 1.4fr 58px; align-items: center; gap: 13px; }
.improvement-track small { color: #788592; font-size: 9px; }
.improvement-track > i { height: 4px; overflow: hidden; border-radius: 99px; background: #1a222b; }
.improvement-track > i span { display: block; width: var(--measure); height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--blue),var(--cyan)); box-shadow: 0 0 13px rgba(57,197,207,.25); }
.improvement-track > i.inverse span { background: linear-gradient(90deg,#815c36,var(--orange)); }
.improvement-track b { justify-self: end; color: #58818a; font: 7px var(--mono); font-weight: 500; text-transform: uppercase; }

@media (max-width: 1000px) {
  .orchestration-story { grid-template-columns: 1fr; }
  .orchestration-map { width: min(720px,100%); margin: 0 auto; }
  .orchestration-memory { grid-template-columns: 1fr; }
  .model-fabric-head { grid-template-columns: 1fr; gap: 22px; }
  .switchboard-labels,.switch-row { grid-template-columns: 44px minmax(160px,1fr) minmax(220px,1.15fr) 112px; column-gap: 12px; }
}
@media (max-width: 720px) {
  .orchestration-story { width: min(100% - 28px,1180px); min-height: auto; margin-top: 70px; padding: 76px 20px 30px; }
  .orchestration-story::before { top: 18px; right: 20px; }
  .orchestration-map { min-height: 560px; padding-left: 13px; padding-right: 13px; }
  .role-node { grid-template-columns: 36px 1fr; }
  .role-node > b { display: none; }
  .worker-grid { gap: 5px; }
  .worker-grid article { padding: 9px 5px; }
  .worker-grid span { font-size: 7px; }
  .coordination-rail { grid-template-columns: 1fr; }
  .coordination-rail > span { min-height: 41px; }
  .orchestration-map-note { display: grid; }
  .orchestration-memory { padding: 25px 18px; }
  .model-fabric { padding-top: 76px; }.model-fabric-head h2 { font-size: clamp(40px,11vw,58px); }.model-switchboard { min-height: auto; padding: 60px 13px 15px; }.switchboard-contract { grid-template-columns: 38px 1fr auto; padding: 12px; }.switchboard-labels { display: none; }.switch-row { min-height: 108px; grid-template-columns: 30px minmax(0,1fr) auto; grid-template-rows: auto auto; gap: 8px 10px; padding: 13px 10px; }.switch-requirement { grid-column: 2; }.switch-selection { grid-column: 2 / -1; grid-template-columns: 72px 1fr auto; }.switch-boundary { grid-column: 3; grid-row: 1; }.switchboard-logic { justify-content: flex-start; padding: 0 10px; overflow-x: auto; }.switchboard-logic span { white-space: nowrap; }.switchboard-policy { grid-template-columns: 1fr; }.switchboard-policy > span { min-height: 59px; border-right: 0; border-bottom: 1px solid var(--line); }.switchboard-policy > span:last-child { border-bottom: 0; }
  .improvement-track { grid-template-columns: 94px 1fr 48px; gap: 8px; }
}
@media (max-width: 430px) {
  .orchestration-intro h2 { font-size: 41px; }
  .switchboard-contract { grid-template-columns: 34px 1fr; }.switchboard-contract > b { display: none; }.contract-glyph { width: 32px; height: 32px; }.switchboard-contract strong { font-size: 12px; }.switch-row { grid-template-columns: 24px minmax(0,1fr); }.switch-boundary { grid-column: 2; grid-row: 3; justify-self: start; }.switch-selection { grid-column: 2; grid-template-columns: 68px minmax(0,1fr); }.switch-selection small { grid-column: 2; }.switchboard-logic { gap: 8px; }.fabric-proof { text-align: left; }
  .goal-node { width: 94%; }
  .role-node p { display: none; }
  .worker-grid strong { font-size: 10px; }
  .orchestration-memory-copy li { grid-template-columns: 80px 1fr; }
  .orchestration-memory-visual { padding: 0 11px; }
  .orchestration-memory-visual footer { align-items: flex-start; flex-direction: column; justify-content: center; gap: 5px; }
}
@media (prefers-reduced-motion: reduce) {
  .worker-grid article, .worker-grid article:hover { transform: none; }
  .switch-row::after,.switch-selection > span::after { display: none; }
}