:root {
  --ink:#14110e; --paper:#f7f1e7; --cream:#fffaf1; --orange:#ff641f;
  --orange-dark:#e94908; --muted:#786c5f; --line:rgba(20,17,14,.16);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0; color:var(--ink); background:var(--paper);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.45;
}
a,button { font:inherit; }
.shell { width:min(1280px,calc(100% - 40px)); margin:0 auto; }
.eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 18px; font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.eyebrow::before { content:""; width:9px; height:9px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 6px rgba(255,100,31,.14); }

.topbar { position:relative; z-index:5; color:#fff; background:var(--ink); border-bottom:1px solid rgba(255,255,255,.14); }
.topbar-inner { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:inline-flex; align-items:center; color:#fff; text-decoration:none; font-size:25px; font-weight:900; letter-spacing:-.05em; }
.brand-wordmark { display:inline-block; color:inherit; font:inherit; letter-spacing:inherit; line-height:1; }
/* Reuse the favicon geometry at text size so the bowl keeps its full donut sector. */
.brand-letter-b { display:inline-block; width:.59em; height:.76em; margin-right:.02em; vertical-align:-.01em; }
.brand-letter-b svg { display:block; width:100%; height:100%; overflow:visible; }
nav { display:flex; align-items:center; gap:26px; }
nav a { color:rgba(255,255,255,.66); text-decoration:none; font-size:13px; font-weight:750; }
nav a:hover { color:#fff; }
nav .nav-unlock { padding:10px 15px; border-radius:999px; color:#fff; border:1px solid rgba(255,255,255,.3); }

.hero { position:relative; overflow:hidden; padding:60px 0 76px; }
.hero::before {
  content:""; position:absolute; top:-200px; left:-120px; width:620px; height:620px;
  border-radius:50%; border:110px solid rgba(255,100,31,.07); pointer-events:none;
}
.hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr); gap:74px; align-items:center; }
.hero h1 { max-width:870px; margin:0; font-size:clamp(52px,5.5vw,82px); line-height:.98; letter-spacing:-.075em; font-weight:950; }
.hero h1 [data-ai-share-headline] { display:inline-block; color:var(--orange); white-space:nowrap; }
.pivot { margin:28px 0 0; font-size:clamp(25px,3vw,40px); font-weight:850; letter-spacing:-.045em; }
.explainer { max-width:700px; margin:20px 0 0; color:rgba(20,17,14,.85); font-size:19px; font-weight:500; line-height:1.5; }
.actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.hero-status { display:flex; flex:1 0 100%; width:100%; flex-wrap:wrap; align-items:center; gap:10px 14px; margin:0 0 12px; color:var(--muted); font-size:13px; font-weight:700; }
.evidence-badge { display:inline-flex; align-items:center; min-height:28px; padding:0 11px; border-radius:999px; color:#fff; background:var(--ink); font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.evidence-badge::before { content:""; width:7px; height:7px; margin-right:7px; border-radius:50%; background:rgba(255,255,255,.45); }
.evidence-badge[data-state="mixed"],.evidence-badge[data-state="provisional"] { color:var(--ink); background:var(--orange); }
.evidence-badge[data-state="mixed"]::before,.evidence-badge[data-state="provisional"]::before { background:var(--ink); }
.evidence-badge[data-state="run-linked"],.evidence-badge[data-state="published"] { color:#263100; background:#c9ff45; }
.evidence-badge[data-state="run-linked"]::before,.evidence-badge[data-state="published"]::before { background:#547000; }
.evidence-badge[data-state="pending"] { color:var(--muted); background:rgba(20,17,14,.08); }
.evidence-badge[data-state="pending"]::before { background:var(--muted); }
.btn { color:inherit; display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 20px; border:1px solid var(--ink); border-radius:999px; text-decoration:none; font-size:14px; font-weight:850; }
.btn-dark { color:#fff; background:var(--ink); }
.btn-dark:hover { background:var(--orange); border-color:var(--orange); }
.btn-outline:hover { color:#fff; background:var(--ink); }
.btn-light { color:var(--ink); background:#fff; border-color:#fff; }
.btn-light:hover { color:#fff; background:transparent; }

.split-card {
  position:relative; overflow:hidden; min-height:550px; padding:26px; color:#fff;
  border-radius:30px; background:var(--ink); box-shadow:0 34px 100px rgba(20,17,14,.2);
}
.split-card::after {
  content:""; position:absolute; right:-120px; bottom:-140px; width:370px; height:370px;
  border:70px solid rgba(255,255,255,.045); border-radius:50%;
}
.split-top { position:relative; z-index:2; display:flex; justify-content:space-between; gap:20px; color:rgba(255,255,255,.47); font-size:10px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.split-visual { position:relative; z-index:2; display:flex; height:210px; margin:60px 0 34px; overflow:hidden; border-radius:20px; background:rgba(255,255,255,.08); }
.split-ai,.split-human { position:relative; display:flex; align-items:end; width:0; padding:18px; transition:width 1.4s cubic-bezier(.2,.8,.2,1); }
.split-ai { color:var(--ink); background:var(--orange); }
.split-human { background:rgba(255,255,255,.09); }
.split-ai span,.split-human span { font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.scan-line { position:absolute; top:0; bottom:0; left:-20%; width:25%; transform:skewX(-20deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent); animation:scan 3.5s infinite 1.2s; }
@keyframes scan { from { left:-30%; } to { left:120%; } }
.split-numbers { position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; }
.split-numbers div { padding:0 18px; border-left:1px solid rgba(255,255,255,.18); }
.split-numbers strong { display:block; font-size:54px; line-height:1; letter-spacing:-.07em; }
.split-numbers strong.is-measuring { font-size:22px; line-height:1.1; letter-spacing:-.03em; overflow-wrap:anywhere; }
.split-numbers span { display:block; margin-top:8px; color:rgba(255,255,255,.53); font-size:12px; }
.split-note { position:relative; z-index:2; margin:35px 0 0; padding-top:20px; border-top:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.58); font-size:13px; }

.frontier-shell { position:relative; margin-top:70px; }
.frontier-card { padding:38px; overflow:hidden; border:1px solid var(--line); border-radius:30px; background:var(--cream); box-shadow:0 24px 75px rgba(20,17,14,.1); }
.frontier-card>.eyebrow { margin-bottom:16px; }
.frontier-card>h2 { max-width:850px; margin:0; font-size:clamp(42px,5.5vw,74px); line-height:.92; letter-spacing:-.065em; }
.frontier-chart-scroll { margin-top:30px; overflow-x:auto; overscroll-behavior-inline:contain; border:1px solid var(--line); border-radius:22px; background:#f3eadc; scrollbar-color:rgba(20,17,14,.28) transparent; scrollbar-width:thin; }
.frontier-chart-scroll:focus-visible { outline:3px solid rgba(255,100,31,.4); outline-offset:3px; }
.frontier-chart-frame { min-width:980px; }
.frontier-chart { display:block; width:100%; height:auto; overflow:visible; }
.frontier-chart--desktop { aspect-ratio:1320/480; }
.frontier-mobile-chart-shell { display:none; position:relative; }
.frontier-chart--mobile { aspect-ratio:300/220; }
.frontier-mobile-detail { position:relative; z-index:2; display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:7px; align-items:center; min-height:82px; margin:10px 10px 0; padding:9px; border:1px solid rgba(20,17,14,.14); border-radius:14px; background:rgba(255,250,241,.95); box-shadow:0 10px 28px rgba(20,17,14,.1); }
.frontier-mobile-detail-copy { min-width:0; text-align:center; }
.frontier-mobile-detail-copy span,.frontier-mobile-detail-copy strong { display:block; }
.frontier-mobile-detail-date { color:var(--muted); font-size:9px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.frontier-mobile-detail-model { margin-top:2px; font-size:11px; line-height:1.12; letter-spacing:-.025em; overflow-wrap:anywhere; }
.frontier-mobile-detail-score { margin-top:3px; color:var(--muted); font-size:10px; font-weight:750; }
.frontier-mobile-detail-nav { display:inline-flex; width:44px; height:44px; align-items:center; justify-content:center; padding:0; color:var(--ink); border:1px solid rgba(20,17,14,.2); border-radius:50%; background:var(--cream); font-size:17px; font-weight:900; cursor:pointer; }
.frontier-mobile-detail-nav:hover:not(:disabled),.frontier-mobile-detail-nav:focus-visible { color:#fff; border-color:var(--ink); outline:none; background:var(--ink); }
.frontier-mobile-detail-nav:disabled { cursor:default; opacity:.24; }
.frontier-mobile-axis-label { fill:var(--muted); font-size:11px; font-weight:800; }
.frontier-mobile-marker { cursor:pointer; touch-action:manipulation; }
.frontier-mobile-marker:focus { outline:none; }
.frontier-mobile-marker-hit { fill:transparent; pointer-events:all; }
.frontier-mobile-marker.is-selected .frontier-marker-halo,.frontier-mobile-marker:focus-visible .frontier-marker-halo { stroke:var(--orange); stroke-width:4; }
.frontier-svg-empty { fill:var(--muted); font-size:15px; font-weight:750; }
.frontier-grid-line { stroke:rgba(20,17,14,.12); stroke-width:1; vector-effect:non-scaling-stroke; }
.frontier-axis-label { fill:var(--muted); font-size:11px; font-weight:750; }
.frontier-area { fill:url(#frontier-area-gradient); }
.frontier-chart--mobile .frontier-area { fill:url(#frontier-mobile-area-gradient); }
.frontier-line { fill:none; stroke:var(--ink); stroke-width:3.5; stroke-linejoin:round; stroke-linecap:round; vector-effect:non-scaling-stroke; }
.frontier-label-connector { fill:none; stroke:rgba(20,17,14,.42); stroke-width:1.25; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.frontier-marker-halo { fill:#f3eadc; stroke:var(--ink); stroke-width:2.5; vector-effect:non-scaling-stroke; }
.frontier-marker-core { fill:var(--orange); }
.frontier-marker.is-flat .frontier-marker-core { fill:#f3eadc; stroke:var(--orange); stroke-width:2.5; vector-effect:non-scaling-stroke; }
.frontier-marker.is-baseline .frontier-marker-core { fill:var(--ink); }
.frontier-marker-label { fill:var(--ink); font-size:10px; font-weight:850; letter-spacing:-.01em; paint-order:stroke; stroke:#f3eadc; stroke-width:5px; stroke-linejoin:round; }

.process { padding:92px 0; color:#fff; background:var(--ink); }
.section-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,410px); gap:60px; align-items:end; }
.section-head .eyebrow { grid-column:1/-1; margin-bottom:-28px; }
.section-head h2 { max-width:880px; margin:0; font-size:clamp(44px,5.7vw,80px); line-height:.94; letter-spacing:-.065em; }
.section-head>p:last-child { margin:0; color:rgba(255,255,255,.59); font-size:17px; }
.process-ribbon { display:grid; grid-template-columns:repeat(7,minmax(148px,1fr)); margin-top:54px; overflow-x:auto; border-top:1px solid rgba(255,255,255,.17); border-left:1px solid rgba(255,255,255,.17); }
.process-step { position:relative; min-height:355px; padding:20px 17px; overflow:hidden; border-right:1px solid rgba(255,255,255,.17); border-bottom:1px solid rgba(255,255,255,.17); }
.process-step::after { content:""; position:absolute; right:-35px; bottom:-70px; width:130px; height:130px; border:24px solid rgba(255,255,255,.03); border-radius:50%; }
.step-head { display:block; color:rgba(255,255,255,.42); font-size:10px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.step-head strong { display:block; margin-top:16px; color:var(--orange); font-size:clamp(38px,3.4vw,50px); line-height:1; letter-spacing:-.05em; text-transform:none; }
.process-step h3 { margin:28px 0 0; font-size:23px; letter-spacing:-.045em; }
.process-step p { min-height:54px; margin:8px 0 21px; color:rgba(255,255,255,.5); font-size:13px; }
.stage-evidence { position:absolute; z-index:2; left:17px; right:17px; bottom:42px; color:rgba(255,255,255,.62); font-size:10px; font-weight:800; line-height:1.25; }
.step-meter { position:absolute; left:17px; right:17px; bottom:20px; height:7px; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.12); }
.step-meter span { display:block; width:0; height:100%; border-radius:inherit; background:var(--orange); box-shadow:0 0 20px rgba(255,100,31,.6); transition:width 1.15s ease; }
.ribbon-takeaway { max-width:820px; margin:34px 0 26px; color:rgba(255,255,255,.72); font-size:18px; line-height:1.5; }
.ribbon-takeaway strong { color:var(--orange); }
.process-step.is-missing .step-head strong { color:rgba(255,255,255,.46); }
.process-step.is-missing .stage-evidence { color:rgba(255,255,255,.42); }
.process-step.is-missing .step-meter { background:repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 4px,transparent 4px 8px); }
.process-step.is-missing .step-meter span { display:none; }

.method { padding:88px 0; background:#eae0d2; }
.method-card { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; padding:48px; border:1px solid var(--line); border-radius:28px; background:var(--cream); box-shadow:0 20px 60px rgba(20,17,14,.08); }
.method-card h2 { margin:0; font-size:clamp(38px,4.7vw,66px); line-height:.95; letter-spacing:-.06em; }
.method-card>div>p:last-child { max-width:490px; color:var(--muted); }
.method-card ol { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.method-card li { display:grid; grid-template-columns:46px 1fr; gap:14px; padding:16px 0; border-bottom:1px solid var(--line); }
.method-card li strong { font-weight:750; }
.method-card li span { color:var(--orange); font-weight:900; }
.who-card { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; margin-top:14px; padding:30px 48px; border:1px solid var(--line); border-radius:28px; background:var(--cream); }
.who-copy p + p { margin-top:16px; }
.who-card h3 { margin:0; font-size:26px; letter-spacing:-.04em; }
.who-copy p { max-width:560px; margin:0; color:var(--muted); font-size:16px; line-height:1.55; }

.inside { padding:96px 0 104px; }
.inside .section-head>p:last-child { color:var(--muted); }
.inside-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:50px; }
.inside-grid article { padding:26px; border:1px solid var(--line); border-radius:23px; background:var(--cream); }
.inside-grid article>span { color:var(--orange); font-size:12px; font-weight:900; }
.inside-grid h3 { margin:14px 0 10px; font-size:24px; line-height:1.05; letter-spacing:-.04em; }
.inside-grid p { margin:0; color:var(--muted); font-size:15px; }
.inside-teaser { max-width:820px; margin:26px 0 0; padding:18px 22px; border-left:4px solid var(--orange); border-radius:0 14px 14px 0; background:var(--cream); font-size:17px; font-weight:750; letter-spacing:-.01em; }
.footer-band { padding:28px 0; color:#fff; background:var(--orange); }
.footer-note { padding-top:20px; border-top:1px solid rgba(255,255,255,.28); color:rgba(255,255,255,.65); font-size:11px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }

@media (max-width:1000px) {
  .hero-grid,.section-head,.method-card,.who-card,.inside-grid { grid-template-columns:1fr; }
  .frontier-card { padding:30px; }
  .who-card { gap:18px; }
  .section-head .eyebrow { margin-bottom:-30px; }
  .process-ribbon { grid-template-columns:1fr; margin-top:44px; overflow-x:visible; border-left:0; }
  .process-step { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:18px; align-items:center; min-height:0; padding:18px 2px 20px; overflow:visible; border-right:0; }
  .process-step::after { display:none; }
  .step-head { display:contents; }
  .step-head span { grid-column:1; grid-row:1; }
  .step-head strong { grid-column:2; grid-row:1/4; margin:0; font-size:clamp(36px,9vw,46px); text-align:right; }
  .process-step h3 { grid-column:1; grid-row:2; margin:8px 0 0; }
  .process-step p { grid-column:1; grid-row:3; min-height:0; margin:4px 0 0; }
  .stage-evidence { position:static; grid-column:1/-1; grid-row:4; margin-top:12px; }
  .step-meter { position:static; grid-column:1/-1; grid-row:5; margin-top:8px; }
}
@media (max-width:760px) {
  .shell { width:min(100% - 24px,1280px); }
  .topbar-inner { min-height:62px; } nav a:not(.nav-unlock) { display:none; }
  .hero { padding:40px 0 48px; } .hero-grid { gap:44px; }
  .hero h1 { font-size:clamp(44px,12vw,62px); }
  .explainer { font-size:16px; } .actions .btn { width:100%; }
  .split-card { min-height:470px; padding:20px; } .split-visual { height:170px; margin-top:45px; }
  .hero-status { align-items:flex-start; flex-direction:column; }
  .split-numbers strong { font-size:43px; }
  .split-numbers strong.is-measuring { font-size:18px; }
  .frontier-shell { margin-top:44px; }
  .frontier-card { margin-inline:-2px; padding:24px 18px; border-radius:24px; }
  .frontier-card>h2 { font-size:clamp(40px,13vw,58px); }
  .frontier-chart-scroll { overflow-x:clip; overscroll-behavior-inline:auto; border-radius:16px; scrollbar-width:none; }
  .frontier-chart-scroll::-webkit-scrollbar { display:none; }
  .frontier-chart-frame { min-width:0; }
  .frontier-chart--desktop { display:none; }
  .frontier-mobile-chart-shell { display:block; width:min(100%,400px); margin-inline:auto; }
  .process { padding:68px 0; }
  .section-head { gap:20px; } .section-head .eyebrow { margin-bottom:0; }
  .process-ribbon { margin-top:34px; }
  .ribbon-takeaway { font-size:16px; }
  .method { padding:58px 0; } .method-card { gap:36px; padding:29px 20px; }
  .who-card { padding:24px 20px; }
  .inside { padding:58px 0 64px; } .inside-teaser { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}

/* A clear path into the benchmark. */
.benchmark-action { display: grid; gap: 10px; }
.access-note { color: var(--muted); font-size: 13px; line-height: 1.5; }
.quiet-link { font-size: 14px; text-underline-offset: 4px; padding: 12px 0; }
.hero-copy .actions { align-items: start; }
.hero-status { order: 3; margin-bottom: 0; margin-top: 8px; }
.quiet-link { color: var(--ink); }
@media (max-width: 760px) {
  .benchmark-action { width: 100%; }
}

.history-context { margin: 12px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }