:root {
  --ink: #f4f7ff;
  --ink-soft: #cbd3e4;
  --muted: #98a4ba;
  --line: #1d2532;
  --paper: #030507;
  --canvas: #06090f;
  --surface: #080c12;
  --surface-soft: #0c1119;
  --dark: #020305;
  --dark-soft: #090d14;
  --violet: #7175ff;
  --violet-dark: #9b9eff;
  --violet-soft: #171936;
  --green: #16a374;
  --green-soft: #102f27;
  --amber: #dc761c;
  --blue: #2e7de0;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .16);
  --shadow-lg: 0 30px 80px rgba(0, 0, 0, .48);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; background: var(--paper); color: var(--ink); -webkit-font-smoothing: antialiased; }
body.nav-open { overflow: hidden; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
a { color: inherit; }
img, svg { display: block; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: -5rem; left: 1rem; z-index: 100; padding: .75rem 1rem; border-radius: .5rem; background: white; color: var(--dark); font-weight: 700; }
.skip-link:focus { top: 1rem; }
.container { width: min(1180px, calc(100% - 3rem)); margin: 0 auto; }
.section-pad { padding: 9rem 0; }
.section-dark { background: var(--dark); color: white; }

/* Navigation */
.site-header { position: fixed; inset: 0 0 auto; z-index: 50; height: 76px; border-bottom: 1px solid rgba(255,255,255,.06); background: rgba(3,5,7,.9); color: var(--ink); transition: height .2s ease, background .2s ease, box-shadow .2s ease; backdrop-filter: blur(18px); }
.site-header.scrolled { height: 66px; border-bottom-color: var(--line); background: rgba(3,5,7,.96); box-shadow: 0 8px 30px rgba(0,0,0,.28); }
.nav-shell { width: min(1240px, calc(100% - 3rem)); height: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem; margin: 0 auto; }
.brand { display: inline-flex; align-items: center; width: 148px; height: 44px; overflow: hidden; background: transparent; text-decoration: none; }
.brand img { width: 148px; height: 44px; object-fit: cover; object-position: center; }
.site-nav { display: flex; align-items: center; gap: 2rem; }
.site-nav a { position: relative; color: var(--muted); font-size: .77rem; font-weight: 650; text-decoration: none; transition: color .15s ease; }
.site-nav a::after { content: ""; position: absolute; right: 50%; bottom: -.55rem; left: 50%; height: 1px; background: #9d96ff; transition: right .18s ease, left .18s ease; }
.site-nav a:hover { color: var(--ink); }
.site-nav a:hover::after { right: 0; left: 0; }
.nav-actions { display: flex; align-items: center; justify-self: end; gap: .65rem; }
.nav-cta { white-space: nowrap; }
.nav-toggle { display: none; }

/* Shared buttons */
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: .55rem; padding: 0 1.2rem; border: 1px solid transparent; border-radius: .45rem; font-size: .77rem; font-weight: 750; text-decoration: none; transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.button:hover { transform: translateY(-2px); }
.button svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.button-small { min-height: 38px; padding: 0 .9rem; border-color: var(--violet); background: var(--violet); color: white; box-shadow: 0 8px 22px rgba(108,97,237,.2); }
.button-small:hover { border-color: var(--violet-dark); background: var(--violet-dark); }
.button-alpha { border-color: #1479e9; background: #1479e9; color: white; box-shadow: 0 8px 22px rgba(20,121,233,.22); }
.button-alpha:hover { border-color: #0868cd; background: #0868cd; box-shadow: 0 10px 26px rgba(20,121,233,.28); }
.button-outline { border-color: #544d91; background: rgba(124,112,244,.08); color: #c0baff; box-shadow: none; }
.button-outline:hover { border-color: #746bc2; background: var(--violet-soft); }
.button-primary { background: linear-gradient(135deg, #4b78ff, #696dff); color: white; box-shadow: 0 10px 30px rgba(75,120,255,.22); }
.button-primary:hover { background: linear-gradient(135deg, #5b85ff, #777aff); box-shadow: 0 14px 34px rgba(75,120,255,.3); }
.button-ghost { border-color: var(--line); background: var(--surface); color: var(--ink-soft); box-shadow: var(--shadow-sm); }
.button-ghost:hover { border-color: #cbc6ff; background: var(--violet-soft); color: var(--violet-dark); }
.button-light { min-width: 205px; background: linear-gradient(135deg, #4b78ff, #696dff); color: white; box-shadow: 0 12px 30px rgba(48,78,197,.24); }
.button-light:hover { background: linear-gradient(135deg, #5b85ff, #777aff); }

/* Hero */
.hero { position: relative; min-height: 850px; overflow: hidden; padding: 160px 0 110px; }
.hero-grid { position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(149,159,191,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(149,159,191,.08) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, black, transparent 82%); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.hero-glow-one { top: -160px; left: 48%; width: 580px; height: 580px; background: radial-gradient(circle, rgba(104,86,237,.28), transparent 67%); }
.hero-glow-two { right: -200px; bottom: -350px; width: 760px; height: 760px; background: radial-gradient(circle, rgba(31,111,179,.2), transparent 68%); }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .93fr 1.07fr; align-items: center; gap: clamp(3rem, 6vw, 6rem); }
.announcement { width: fit-content; display: inline-flex; align-items: center; gap: .55rem; margin-bottom: 1.65rem; padding: .35rem .6rem .35rem .38rem; border: 1px solid #1d2942; border-radius: 999px; background: rgba(8,12,18,.9); color: #9aa8bd; box-shadow: none; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .61rem; font-weight: 650; letter-spacing: .02em; text-decoration: none; text-transform: uppercase; }
.announcement span { padding: .25rem .5rem; border-radius: 999px; background: var(--violet-soft); color: var(--violet-dark); }
.announcement svg { width: 13px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.hero h1 { max-width: 640px; margin: 0; font-size: clamp(3.8rem, 6.25vw, 5.7rem); line-height: .96; letter-spacing: -.069em; }
.hero h1 em { background: linear-gradient(120deg, #777aff 5%, #9a85ff 90%); color: transparent; font-style: normal; background-clip: text; -webkit-background-clip: text; }
.hero-lede { max-width: 580px; margin: 1.7rem 0 0; color: var(--muted); font-size: 1.02rem; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: .75rem; margin-top: 2rem; }
.hero-notes { display: flex; flex-wrap: wrap; gap: 1.2rem; margin: 1.55rem 0 0; padding: 0; color: var(--muted); font-size: .65rem; list-style: none; }
.hero-notes li { display: flex; align-items: center; gap: .42rem; }
.hero-notes li span { width: 5px; height: 5px; border-radius: 50%; background: #6ed6b0; box-shadow: 0 0 0 3px rgba(110,214,176,.08); }

/* Product preview */
.product-stage { position: relative; min-width: 0; padding: 2rem 0; perspective: 1300px; }
.stage-orbit { position: absolute; border: 1px solid rgba(111,116,255,.12); border-radius: 50%; pointer-events: none; }
.orbit-one { inset: -25% -20%; transform: rotate(-14deg); }
.orbit-two { inset: -5% -35%; transform: rotate(18deg); }
.dashboard-window { position: relative; z-index: 2; overflow: hidden; border: 1px solid #202837; border-radius: 12px; background: #070a0f; box-shadow: 0 32px 90px rgba(0,0,0,.52); transform: none; }
.window-bar { height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 1rem; border-bottom: 1px solid #1b2230; background: #080c12; }
.window-brand { display: flex; align-items: center; gap: .55rem; }
.window-brand img { width: 66px; height: 24px; object-fit: cover; object-position: center; }
.window-brand strong { color: #d9deea; font-size: .66rem; }
.window-status { display: flex; align-items: center; gap: .38rem; color: #7d899d; font-size: .58rem; }
.window-status i { width: 6px; height: 6px; border-radius: 50%; background: #43cf9b; box-shadow: 0 0 0 4px rgba(67,207,155,.08); }
.dashboard-body { min-height: 420px; display: grid; grid-template-columns: 50px minmax(0, 1fr); }
.preview-sidebar { display: flex; flex-direction: column; align-items: center; gap: 1.15rem; padding: .8rem 0; border-right: 1px solid #171e2a; background: #06090e; }
.preview-logo { width: 24px; height: 24px; display: grid; place-items: center; margin-bottom: .6rem; border-radius: 7px; background: var(--violet); color: white; font-size: .55rem; font-weight: 800; }
.preview-sidebar i { width: 16px; height: 4px; border-radius: 4px; background: #303a50; }
.preview-sidebar i.active { background: #8b83ff; }
.preview-sidebar b { width: 24px; height: 24px; margin-top: auto; border-radius: 50%; background: #293348; }
.preview-main { min-width: 0; padding: 1.25rem; }
.preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.preview-heading small, .preview-heading strong { display: block; }
.preview-heading small { margin-bottom: .2rem; color: #667189; font-size: .55rem; text-transform: uppercase; letter-spacing: .08em; }
.preview-heading strong { color: #e5e9f1; font-size: .82rem; }
.preview-heading > span { color: #68748d; font-size: .55rem; }
.change-card { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: .7rem; margin-top: .9rem; padding: .75rem; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; background: #151f32; }
.change-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 7px; background: rgba(129,116,255,.12); color: #948cff; }
.change-icon svg { width: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.change-card small, .change-card strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.change-card small { color: #7d889d; font-size: .53rem; }
.change-card strong { margin-top: .18rem; color: #dbe0eb; font-size: .65rem; }
.breaking-chip { padding: .22rem .4rem; border-radius: 999px; background: rgba(232,113,94,.12); color: #ed927f; font-size: .48rem; font-weight: 700; }
.preview-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: .55rem; margin-top: .75rem; }
.preview-summary > div { padding: .65rem; border: 1px solid rgba(255,255,255,.06); border-radius: 7px; background: #111a2b; }
.preview-summary small, .preview-summary strong { display: block; }
.preview-summary small { overflow: hidden; color: #667189; font-size: .46rem; text-overflow: ellipsis; white-space: nowrap; }
.preview-summary strong { margin-top: .25rem; color: #e8ebf2; font-size: .83rem; }
.repo-table { overflow: hidden; margin-top: .75rem; border: 1px solid rgba(255,255,255,.06); border-radius: 8px; }
.repo-row { min-height: 48px; display: grid; grid-template-columns: 1.35fr .55fr .75fr; align-items: center; gap: .5rem; padding: 0 .7rem; border-bottom: 1px solid rgba(255,255,255,.05); color: #9da6ba; font-size: .52rem; }
.repo-row:last-child { border-bottom: 0; }
.repo-header { min-height: 31px; background: #0f1727; color: #59647a; font-size: .45rem; text-transform: uppercase; letter-spacing: .07em; }
.repo-row > span:first-child { min-width: 0; display: flex; align-items: center; gap: .45rem; }
.repo-row b { overflow: hidden; color: #c6ccd9; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.repo-avatar { width: 22px; height: 22px; display: grid; flex: none; place-items: center; border-radius: 6px; color: white; font-size: .45rem; font-style: normal; font-weight: 800; }
.repo-avatar.purple { background: #5f57b7; }
.repo-avatar.blue { background: #3074a8; }
.repo-avatar.orange { background: #a96736; }
.diff-stat { display: flex; gap: .3rem; }
.diff-stat ins { color: #4eca98; text-decoration: none; }
.diff-stat del { color: #e47c76; text-decoration: none; }
.status-tag { width: fit-content; display: inline-flex; align-items: center; gap: .3rem; padding: .22rem .38rem; border-radius: 999px; white-space: nowrap; }
.status-tag i { width: 4px; height: 4px; border-radius: 50%; }
.status-tag.ready { background: rgba(52,190,139,.1); color: #68d5ad; }
.status-tag.ready i { background: #4eca98; }
.status-tag.running { background: rgba(67,130,223,.1); color: #75a9ec; }
.status-tag.running i { background: #5a99e8; box-shadow: 0 0 0 3px rgba(90,153,232,.1); }
.floating-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: .65rem; padding: .7rem .8rem; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; background: rgba(20,29,48,.94); box-shadow: 0 14px 38px rgba(2,6,23,.32); backdrop-filter: blur(10px); }
.floating-card small, .floating-card strong { display: block; white-space: nowrap; }
.floating-card small { color: #748096; font-size: .48rem; }
.floating-card strong { margin-top: .12rem; color: #d8dde8; font-size: .58rem; }
.source-card { top: -4px; right: -28px; }
.floating-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 7px; background: rgba(114,100,239,.13); color: #9087fa; }
.floating-icon svg { width: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mini-check { width: 17px; height: 17px; display: grid; place-items: center; margin-left: .25rem; border-radius: 50%; background: rgba(62,200,150,.12); color: #57d3a7; font-size: .52rem; }
.test-card { right: 6px; bottom: -3px; }
.pulse-ring { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(69,203,154,.28); border-radius: 50%; }
.pulse-ring span { width: 8px; height: 8px; border-radius: 50%; background: #4dcca0; box-shadow: 0 0 0 5px rgba(77,204,160,.1); }

/* Proof strip */
.proof-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #04070b; }
.proof-grid { display: grid; grid-template-columns: repeat(5, 1fr); }
.proof-grid > div { min-width: 0; display: grid; grid-template-columns: auto 1fr; column-gap: .65rem; padding: 1.45rem 1.1rem; border-right: 1px solid var(--line); }
.proof-grid > div:first-child { border-left: 1px solid var(--line); }
.proof-grid span { grid-row: 1 / 3; color: #39c5d3; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .57rem; }
.proof-grid strong { font-size: .7rem; }
.proof-grid small { margin-top: .18rem; overflow: hidden; color: var(--muted); font-size: .59rem; text-overflow: ellipsis; white-space: nowrap; }

/* Section headings */
.section-heading { max-width: 100%; }
.section-heading:not(.centered) { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); align-items: end; column-gap: clamp(3rem, 8vw, 8rem); }
.section-heading:not(.centered) .eyebrow { grid-column: 1 / -1; }
.section-heading:not(.centered) p { margin-bottom: .25rem; }
.section-heading.centered { margin-right: auto; margin-left: auto; text-align: center; }
.eyebrow { display: flex; align-items: center; gap: .55rem; margin-bottom: 1rem; color: #7580ff; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .62rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 16px; height: 1px; flex: none; background: linear-gradient(90deg, #2bc3d2, #6e74ff); }
.section-heading.centered .eyebrow { justify-content: center; }
.eyebrow.light { color: #9d95ff; }
.section-heading h2, .agent-copy h2, .security-copy h2, .pilot-copy h2 { margin: 0; font-size: clamp(2.45rem, 5vw, 4rem); line-height: 1.05; letter-spacing: -.055em; }
.section-heading p, .agent-copy > p, .security-copy > p, .pilot-copy > p { max-width: 630px; margin: 1.25rem 0 0; color: var(--muted); font-size: .95rem; line-height: 1.7; }
.section-heading.centered p { margin-right: auto; margin-left: auto; }

/* Problem */
.problem-section { background: var(--paper); }
.before-after { display: grid; grid-template-columns: 1fr 52px 1fr; align-items: center; margin-top: 4rem; }
.state-card { overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: #05080d; box-shadow: none; }
.state-card header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid var(--line); }
.state-card header span { font-size: .78rem; font-weight: 750; }
.state-card header small { color: var(--muted); font-size: .62rem; }
.state-card ol { margin: 0; padding: 0; list-style: none; }
.state-card li { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: .8rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--line); }
.state-card li:last-child { border-bottom: 0; }
.state-card li > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .57rem; }
.state-card li strong, .state-card li small { display: block; }
.state-card li strong { font-size: .75rem; }
.state-card li small { margin-top: .2rem; color: var(--muted); font-size: .65rem; line-height: 1.4; }
.before-card { background: #05080d; }
.before-card li > span { background: #121a26; color: #9aa5b8; }
.before-card li strong { color: var(--ink-soft); }
.after-card { border-color: #303661; box-shadow: 0 18px 50px rgba(43,49,126,.1); }
.after-card header { background: rgba(124,112,244,.1); }
.after-card header span { color: var(--violet-dark); }
.after-card li > span { background: var(--green-soft); color: var(--green); }
.transition-mark { width: 52px; height: 52px; display: grid; z-index: 2; place-items: center; margin: 0 -1px; border: 1px solid #544d91; border-radius: 50%; background: var(--surface); color: var(--violet); box-shadow: 0 8px 24px rgba(0,0,0,.24); }
.transition-mark svg { width: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* Workflow */
.workflow-section { background: var(--canvas); }
.workflow-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .85rem; margin-top: 4rem; }
.workflow-card { position: relative; overflow: hidden; min-height: 400px; padding: 1.25rem; border: 1px solid var(--line); border-radius: 10px; background: #05080d; box-shadow: none; }
.step-number { display: block; color: #aaa4e9; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .62rem; }
.workflow-visual { position: relative; height: 165px; display: grid; place-items: center; margin: 1rem 0 1.25rem; overflow: hidden; border: 1px solid #171f2b; border-radius: 7px; background: #03060a; }
.workflow-card h3 { margin: 0; font-size: 1rem; letter-spacing: -.02em; }
.workflow-card p { margin: .75rem 0 0; color: var(--muted); font-size: .73rem; line-height: 1.6; }
.signal-visual { background-image: linear-gradient(#202b3e 1px, transparent 1px), linear-gradient(90deg,#202b3e 1px, transparent 1px); background-size: 22px 22px; }
.provider-node { width: 62px; height: 62px; display: grid; place-items: center; z-index: 2; border: 1px solid #544d91; border-radius: 16px; background: var(--surface-soft); box-shadow: 0 12px 24px rgba(0,0,0,.24); }
.provider-node span { width: 27px; height: 22px; display: grid; place-items: center; border-radius: 6px; background: var(--violet); color: white; font-size: .48rem; font-weight: 800; }
.provider-node b { color: var(--muted); font-size: .53rem; }
.signal-line { position: absolute; inset: 0; }
.signal-line::before, .signal-line::after { content: ""; position: absolute; top: 50%; width: calc(50% - 31px); border-top: 1px dashed #b9b4e9; }
.signal-line::before { left: 0; }
.signal-line::after { right: 0; }
.signal-line i { position: absolute; top: calc(50% - 3px); width: 6px; height: 6px; border-radius: 50%; background: #8b82ee; }
.signal-line i:nth-child(1) { left: 15%; }
.signal-line i:nth-child(2) { left: 22%; animation: travel 2.2s linear infinite; }
.signal-line i:nth-child(3) { right: 18%; animation: travel-right 2.5s linear infinite; }
@keyframes travel { 0% { transform: translateX(-25px); opacity: 0; } 20%,80% { opacity: 1; } 100% { transform: translateX(65px); opacity: 0; } }
@keyframes travel-right { 0% { transform: translateX(25px); opacity: 0; } 20%,80% { opacity: 1; } 100% { transform: translateX(-65px); opacity: 0; } }
.target-visual { background: radial-gradient(circle, #211f45 0, transparent 58%); }
.target-center { width: 55px; height: 55px; border: 1px solid #a59cf5; border-radius: 50%; box-shadow: 0 0 0 13px rgba(123,111,236,.07), 0 0 0 27px rgba(123,111,236,.035); }
.target-center::after { content: ""; position: absolute; inset: 50%; width: 10px; height: 10px; border-radius: 50%; background: var(--violet); transform: translate(-50%,-50%); }
.target-dot { position: absolute; width: 8px; height: 8px; border: 2px solid var(--surface); border-radius: 50%; background: #8b82ee; box-shadow: 0 2px 7px rgba(0,0,0,.3); }
.dot-one { top: 20%; left: 22%; }.dot-two { top: 28%; right: 19%; }.dot-three { right: 28%; bottom: 16%; }.dot-four { bottom: 22%; left: 16%; }.dot-five { top: 13%; left: 51%; }
.code-visual { align-content: center; justify-items: stretch; padding: 1rem; background: #111827; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.code-visual > span { padding: .42rem .55rem; color: #9ba6ba; font-size: .57rem; }
.code-visual > span:first-child { background: rgba(218,91,91,.08); color: #d99595; }
.code-visual > span:nth-child(2) { background: rgba(46,181,126,.09); color: #8ed2b4; }
.code-visual i, .code-visual b { display: inline-block; width: 15px; font-style: normal; }
.code-visual b { color: #54d0a0; }
.code-cursor { position: absolute; right: 25%; bottom: 25%; width: 5px; height: 12px; background: #9c94ff; animation: blink 1s steps(2) infinite; }
@keyframes blink { 50% { opacity: 0; } }
.verify-visual { grid-template-columns: auto auto; gap: .8rem; align-content: center; }
.verify-shield { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 16px; background: var(--green-soft); color: var(--green); }
.verify-shield svg { width: 30px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.verify-visual > div:last-child span, .verify-visual > div:last-child strong { display: block; }
.verify-visual > div:last-child span { color: var(--muted); font-size: .55rem; }
.verify-visual > div:last-child strong { margin-top: .22rem; color: var(--green); font-size: .76rem; }

/* Agent comparison */
.agent-section { background: var(--paper); }
.agent-layout { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(3rem, 7vw, 7rem); }
.agent-copy > p { max-width: 500px; }
.text-link { display: inline-flex; align-items: center; gap: .45rem; margin-top: 1.5rem; color: var(--violet-dark); font-size: .75rem; font-weight: 750; text-decoration: none; }
.text-link span { transition: transform .18s ease; }
.text-link:hover span { transform: translateX(4px); }
.comparison-card { overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #05080d; box-shadow: none; }
.comparison-head, .comparison-row { display: grid; grid-template-columns: 1.2fr .9fr .9fr; align-items: center; }
.comparison-head { min-height: 48px; padding: 0 1.1rem; border-bottom: 1px solid var(--line); background: #030507; color: white; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .61rem; font-weight: 700; }
.comparison-head span:first-child { grid-column: 2; color: #939daf; }
.comparison-head span:last-child { color: #a9a2ff; }
.comparison-row { min-height: 62px; padding: .65rem 1.1rem; border-bottom: 1px solid var(--line); font-size: .66rem; }
.comparison-row:last-child { border-bottom: 0; }
.comparison-row strong { color: var(--ink-soft); font-weight: 650; }
.comparison-row i { color: #9299a7; font-style: normal; }
.comparison-row b { position: relative; padding-left: 1.15rem; color: var(--violet-dark); font-weight: 700; }
.comparison-row b::before { content: "✓"; position: absolute; left: 0; color: var(--green); }

/* Security */
.security-section { position: relative; overflow: hidden; }
.security-section::before { content: ""; position: absolute; inset: -40% auto auto 40%; width: 700px; height: 700px; border-radius: 50%; background: radial-gradient(circle, rgba(106,92,235,.14), transparent 66%); }
.security-layout { position: relative; display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(3rem, 7vw, 7rem); }
.security-copy { padding-top: 1rem; }
.security-copy > p { color: #9ea8ba; }
.security-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.security-card { min-height: 225px; padding: 1.25rem; border: 1px solid #1b2330; border-radius: 9px; background: #05080d; }
.security-icon { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(157,149,255,.2); border-radius: 10px; background: rgba(124,111,241,.09); color: #9f97ff; }
.security-icon svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.security-card h3 { margin: 1.1rem 0 .65rem; font-size: .89rem; }
.security-card p { margin: 0; color: #8f99ac; font-size: .7rem; line-height: 1.6; }

/* Pilot */
.pilot-section { background: var(--canvas); }
.pilot-card { position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 3rem; padding: clamp(2.2rem, 5vw, 4rem); border: 1px solid #252d47; border-radius: 12px; background: linear-gradient(125deg, #080c14, #10152a); color: white; box-shadow: 0 28px 70px rgba(0,0,0,.28); }
.pilot-card::after { content: ""; position: absolute; top: -60%; right: -12%; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, rgba(91,98,255,.22), transparent 68%); pointer-events: none; }
.pilot-pattern { position: absolute; inset: 0; opacity: .12; background-image: radial-gradient(circle at 2px 2px, #7480ff 1px, transparent 0); background-size: 28px 28px; mask-image: linear-gradient(90deg, transparent, black); }
.pilot-copy, .pilot-action { position: relative; z-index: 1; }
.pilot-copy h2 { font-size: clamp(2.2rem, 4vw, 3.5rem); }
.pilot-copy > p { max-width: 600px; color: #aab3c5; }
.pilot-action { width: min(100%, 340px); display: grid; justify-items: center; gap: .7rem; }
.pilot-fields { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.pilot-fields label { min-width: 0; }
.pilot-fields input { width: 100%; min-height: 44px; padding: 0 .85rem; border: 1px solid #30384a; border-radius: .45rem; outline: none; background: #05080d; color: var(--ink); font: inherit; font-size: .72rem; transition: border-color .15s ease, box-shadow .15s ease; }
.pilot-fields input::placeholder { color: #747f92; }
.pilot-fields input::placeholder { color: #777d91; }
.pilot-fields input:focus { border-color: white; box-shadow: 0 0 0 3px rgba(255,255,255,.2); }
.pilot-action .button { width: 100%; cursor: pointer; }
.pilot-action .button:disabled { cursor: wait; opacity: .75; }
.pilot-action small { color: #8d98ab; font-size: .6rem; }
.waitlist-status { display: none; width: 100%; margin: 0; font-size: .66rem; line-height: 1.4; text-align: center; }
.pilot-action[data-state="submitting"] .waitlist-status,
.pilot-action[data-state="success"] .waitlist-status,
.pilot-action[data-state="verified"] .waitlist-status,
.pilot-action[data-state="error"] .waitlist-status { display: block; }
.pilot-action[data-state="submitting"] .waitlist-status { color: #aab3c5; }
.pilot-action[data-state="success"] .waitlist-status,
.pilot-action[data-state="verified"] .waitlist-status { color: #7ce8b2; }
.pilot-action[data-state="error"] .waitlist-status { color: #ff9c9c; }

/* Footer */
.site-footer { padding: 4rem 0 2rem; border-top: 1px solid var(--line); background: #020305; }
.footer-grid { display: grid; grid-template-columns: 1fr auto; gap: 3rem; }
.footer-brand .brand { color: var(--ink); }
.footer-brand p { margin: 1rem 0 0; color: var(--muted); font-size: .72rem; }
.footer-links { display: grid; grid-template-columns: repeat(2, 130px); gap: 2rem; }
.footer-links div { display: grid; align-content: start; gap: .65rem; }
.footer-links strong { margin-bottom: .2rem; color: var(--ink); font-size: .68rem; }
.footer-links a { width: fit-content; color: var(--muted); font-size: .66rem; text-decoration: none; }
.footer-links a:hover { color: var(--violet-dark); }
.footer-bottom { grid-column: 1 / -1; display: flex; justify-content: space-between; padding-top: 1.5rem; border-top: 1px solid var(--line); color: #9aa1af; font-size: .6rem; }

/* Scroll entrance */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }
.reveal.visible { opacity: 1; transform: none; }
.reveal-delay, .reveal-delay-two { transition-delay: .14s; }
.reveal-delay-one { transition-delay: .08s; }
.reveal-delay-three { transition-delay: .2s; }

@media (max-width: 1080px) {
  .nav-shell { gap: 1.25rem; }
  .site-nav { gap: 1.35rem; }
  .nav-actions { gap: .45rem; }
  .nav-actions .button-small { padding-right: .75rem; padding-left: .75rem; }
  .hero { min-height: auto; }
  .hero-layout { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .hero h1 { font-size: clamp(3.2rem, 6vw, 4.5rem); }
  .source-card { right: 0; }
  .proof-grid { grid-template-columns: repeat(3, 1fr); }
  .proof-grid > div:nth-child(4), .proof-grid > div:nth-child(5) { border-top: 1px solid var(--line); }
  .workflow-grid { grid-template-columns: 1fr 1fr; }
  .workflow-card { min-height: 360px; }
  .agent-layout, .security-layout { gap: 3rem; }
}

@media (max-width: 860px) {
  .section-pad { padding: 6rem 0; }
  .section-heading:not(.centered) { display: block; }
  .site-header { height: 68px; }
  .nav-shell { grid-template-columns: 1fr auto; }
  .nav-toggle { width: 40px; height: 40px; display: grid; align-content: center; justify-items: center; gap: 6px; justify-self: end; border: 1px solid var(--line); border-radius: 9px; background: var(--canvas); color: var(--ink); cursor: pointer; }
  .nav-toggle i { width: 17px; height: 1px; display: block; background: currentColor; transition: transform .18s ease; }
  .nav-toggle[aria-expanded="true"] i:first-of-type { transform: translateY(3.5px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] i:last-of-type { transform: translateY(-3.5px) rotate(-45deg); }
  .site-nav { position: fixed; inset: 68px 0 auto; display: grid; gap: 0; padding: 1rem 1.5rem 1.5rem; border-bottom: 1px solid var(--line); background: rgba(3,5,7,.98); box-shadow: 0 18px 35px rgba(0,0,0,.3); transform: translateY(-130%); transition: transform .2s ease; }
  .site-nav.open { transform: none; }
  .site-nav a { padding: .9rem 0; border-bottom: 1px solid var(--line); font-size: .82rem; }
  .site-nav a::after, .nav-actions { display: none; }
  .hero { padding-top: 130px; }
  .hero-layout { grid-template-columns: 1fr; }
  .hero-copy { max-width: 720px; }
  .hero h1 { font-size: clamp(3.5rem, 10vw, 5.3rem); }
  .product-stage { width: min(680px, 100%); margin: 2rem auto 0; }
  .dashboard-window { transform: none; }
  .before-after { grid-template-columns: 1fr; gap: 0; }
  .transition-mark { margin: -1px auto; transform: rotate(90deg); }
  .agent-layout, .security-layout { grid-template-columns: 1fr; }
  .agent-copy, .security-copy { max-width: 680px; }
  .pilot-card { grid-template-columns: 1fr; }
  .pilot-action { justify-items: start; }
}

@media (max-width: 620px) {
  .container, .nav-shell { width: min(100% - 2rem, 1180px); }
  .section-pad { padding: 4.5rem 0; }
  .hero { padding: 112px 0 75px; }
  .announcement { max-width: 100%; }
  .hero h1 { font-size: clamp(3rem, 14vw, 4.25rem); }
  .hero-lede { font-size: .9rem; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .hero-notes { gap: .7rem 1rem; }
  .product-stage { margin-top: 1rem; padding-bottom: 3.5rem; }
  .dashboard-body { min-height: 385px; grid-template-columns: 36px minmax(0,1fr); }
  .preview-sidebar { gap: .8rem; }
  .preview-main { padding: .75rem; }
  .change-card { grid-template-columns: 30px minmax(0,1fr); }
  .breaking-chip { display: none; }
  .preview-summary { grid-template-columns: 1fr 1fr; }
  .repo-row { grid-template-columns: 1.3fr .55fr; }
  .repo-row > span:last-child { display: none; }
  .source-card { top: -8px; right: -4px; transform: scale(.85); transform-origin: right center; }
  .test-card { right: 8px; bottom: 0; }
  .proof-grid { grid-template-columns: 1fr 1fr; }
  .proof-grid > div, .proof-grid > div:nth-child(4), .proof-grid > div:nth-child(5) { border-top: 1px solid var(--line); }
  .proof-grid > div:first-child, .proof-grid > div:nth-child(2) { border-top: 0; }
  .proof-grid > div:last-child { grid-column: 1 / -1; }
  .section-heading h2, .agent-copy h2, .security-copy h2 { font-size: clamp(2.25rem, 12vw, 3.3rem); }
  .workflow-grid, .security-grid { grid-template-columns: 1fr; }
  .workflow-card { min-height: auto; }
  .workflow-visual { height: 150px; }
  .comparison-card { overflow-x: auto; }
  .comparison-head, .comparison-row { min-width: 540px; }
  .pilot-card { padding: 2rem 1.35rem; }
  .pilot-copy h2 { font-size: 2.3rem; }
  .pilot-action, .pilot-action .button { width: 100%; }
  .pilot-action { justify-items: center; }
  .pilot-fields { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-links { grid-template-columns: 1fr 1fr; }
  .footer-bottom { display: grid; gap: .5rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* Error page */
.error-page { min-height: 100vh; display: grid; place-items: center; padding: 2rem; background: var(--paper); color: var(--ink); }
.error-page main { width: min(520px, 100%); display: grid; justify-items: start; }
.error-page main > img { margin-bottom: 2rem; }
.error-logo { width: 164px; height: 48px; object-fit: cover; object-position: center; }
.error-page main > span { color: #958dff; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .72rem; font-weight: 700; letter-spacing: .12em; }
.error-page h1 { margin: .75rem 0 0; font-size: clamp(2.5rem, 9vw, 4.5rem); line-height: 1; letter-spacing: -.06em; }
.error-page p { margin: 1.2rem 0 1.8rem; color: var(--muted); }