/* AttentionHub landing — cinematic, focused, not-listy. */
@font-face { font-family:"Inter"; src:url("/static/fonts/inter-var.woff2") format("woff2"); font-weight:100 900; font-display:swap; }
@font-face { font-family:"JetBrains Mono"; src:url("/static/fonts/jbmono-var.woff2") format("woff2"); font-weight:100 800; font-display:swap; }

:root{
  --bg:#080b11; --ink:#eef2f8; --ink2:#aeb9cc; --muted:#71809a;
  --blue:#53a8ff; --violet:#a78bfa; --green:#3fcf6e; --gold:#6ee7a0;
  --line:#1b2433; --panel:#0f1622;
  --sans:"Inter",-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:var(--bg); color:var(--ink); font:16px/1.6 var(--sans);
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body::before{ /* cinematic glow */
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(900px 500px at 50% -12%, rgba(83,168,255,.16), transparent 70%),
    radial-gradient(700px 460px at 12% 8%, rgba(167,139,250,.10), transparent 65%),
    radial-gradient(700px 460px at 92% 14%, rgba(63,207,110,.08), transparent 65%);
}
a{color:inherit;text-decoration:none;}
.muted{color:var(--muted);}
main{max-width:1080px;margin:0 auto;padding:0 24px;}

/* topbar */
.topbar{display:flex;align-items:center;justify-content:space-between;max-width:1080px;margin:0 auto;padding:20px 24px;}
.brand{display:flex;align-items:center;gap:9px;font-weight:750;font-size:1.1em;letter-spacing:-.01em;}
.brand span{color:var(--blue);}
.topnav{display:flex;gap:6px;align-items:center;}
.topnav a{color:var(--ink2);padding:8px 13px;border-radius:9px;font-size:.95em;transition:.15s;}
.topnav a:hover{color:var(--ink);background:#141c2a;}
.topnav a.ghost{border:1px solid var(--line);color:var(--ink);}
.topnav a.ghost:hover{border-color:var(--blue);}
@media(max-width:560px){
  .topbar{padding:14px 16px;}
  .topnav{gap:2px;}
  .topnav a{padding:7px 9px;font-size:.9em;}
  .topnav a.hide-sm{display:none;}
}

/* hero — split: copy + fork on the left, the live re-run terminal on the right */
.hero{padding:54px 0 30px;position:relative;}
#orbit{position:absolute;inset:-70px 0 auto 0;height:620px;width:100%;z-index:-1;pointer-events:none;opacity:.45;
  -webkit-mask-image:radial-gradient(70% 78% at 64% 32%,#000 60%,transparent 100%);
  mask-image:radial-gradient(70% 78% at 64% 32%,#000 60%,transparent 100%);}
.hero-grid{display:grid;grid-template-columns:1.02fr 1.12fr;gap:46px;align-items:center;position:relative;}
.hero-copy{position:relative;}
.hero-copy .eyebrow,.hero-copy h1,.hero-copy .lede{position:relative;text-align:left;}
.hero-copy h1{font-size:clamp(2.5rem,4.6vw,3.7rem);margin:0 0 .3em;}
.hero-copy .lede{margin:0;max-width:520px;}

/* hero fork — the two doors, front and center */
.hero-fork{display:flex;flex-direction:column;gap:11px;margin:30px 0 0;max-width:440px;}
.hf-card{display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:14px;
  border:1px solid var(--line);background:rgba(15,22,34,.55);transition:transform .15s,border-color .15s,background .15s;}
.hf-card:hover{transform:translateY(-2px);background:rgba(18,26,40,.85);}
.hf-card.human:hover{border-color:rgba(83,168,255,.55);}
.hf-card.agent:hover{border-color:rgba(167,139,250,.55);}
.hf-ic{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;background:#0e1726;}
.hf-ic svg{width:21px;height:21px;}
.hf-tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25;}
.hf-tx b{font-size:1.02rem;color:var(--ink);font-weight:680;}
.hf-tx i{font-style:normal;font-size:.82rem;color:var(--muted);}
.hf-go{flex:none;color:var(--muted);font-size:1.3rem;transition:transform .15s,color .15s;}
.hf-card.human:hover .hf-go{color:var(--blue);transform:translateX(3px);}
.hf-card.agent:hover .hf-go{color:var(--violet);transform:translateX(3px);}
.hero-stat{display:block;margin-top:22px;font-size:.92rem;color:var(--ink2);max-width:440px;line-height:1.5;}
.hero-stat b{font-family:var(--mono);color:var(--green);font-weight:800;font-size:1.05rem;}
.hero-stat i{font-style:normal;color:var(--blue);}
.hero-stat:hover i{text-decoration:underline;}

/* hero terminal column */
.hero-term{position:relative;}
.ht-label{font-family:var(--mono);font-size:.74rem;color:var(--muted);margin-bottom:9px;letter-spacing:.02em;}
.ht-actions{margin-top:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
@media(max-width:860px){
  .hero{padding:22px 0 26px;}
  .hero-grid{grid-template-columns:1fr;gap:22px;}
  .hero-copy h1{font-size:clamp(2.2rem,8.5vw,3rem);margin:0 0 .25em;}
  .hero-copy{text-align:left;}
  .hero-copy .lede{font-size:1.05rem;max-width:none;}
  .hero-fork{margin-top:20px;max-width:none;}
  .hero-stat{margin-top:16px;max-width:none;}
  .vterm{min-height:0;}
  .vt-body{min-height:150px;}
}

/* live verification ticker */
.ticker{margin:46px 0 4px;border-block:1px solid var(--line);padding:11px 0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.ticker-track{display:flex;gap:34px;width:max-content;animation:tickscroll 38s linear infinite;}
.ticker:hover .ticker-track{animation-play-state:paused;}
@keyframes tickscroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.tick{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:var(--ink2);font-size:.9rem;}
.tick:hover{color:var(--ink);}
.tick .tk{font-family:var(--mono);font-size:.72rem;color:var(--green);border:1px solid rgba(63,207,110,.3);
  border-radius:999px;padding:2px 9px;}
.eyebrow{font-family:var(--mono);font-size:.8em;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:22px;}
.hero h1{font-size:clamp(2.6rem,7vw,5rem);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:0 0 .35em;}
.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--blue),var(--violet) 55%,var(--green));-webkit-background-clip:text;background-clip:text;color:transparent;}
.lede{max-width:680px;margin:0 auto;color:var(--ink2);font-size:clamp(1.05rem,1.6vw,1.28rem);}
.lede strong{color:var(--ink);font-weight:650;}

/* live hero search */
.herosearch{position:relative;max-width:600px;margin:36px auto 0;text-align:left;}
.herosearch .hs-icon{position:absolute;left:18px;top:16px;width:20px;height:20px;color:var(--muted);pointer-events:none;}
#hsearch{width:100%;padding:15px 18px 15px 50px;font:1.05rem var(--sans);color:var(--ink);
  background:rgba(15,22,34,.85);border:1px solid var(--line);border-radius:14px;outline:none;
  transition:border-color .15s,box-shadow .15s;backdrop-filter:blur(6px);}
#hsearch:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(83,168,255,.14);}
#hsearch::placeholder{color:var(--muted);}
.hs-hint{margin-top:9px;font-size:.8rem;color:var(--muted);text-align:center;}
.hs-hint code{font-family:var(--mono);color:var(--ink2);}
.hs-pop{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;background:var(--bg);
  border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.55);overflow:hidden;max-height:360px;overflow-y:auto;}
.hsp-item{display:flex;align-items:center;gap:11px;padding:12px 15px;border-bottom:1px solid var(--line);color:var(--ink2);}
.hsp-item:last-child{border-bottom:0;}
.hsp-item:hover,.hsp-item.sel{background:#131c2a;color:var(--ink);}
.hsp-v{width:20px;height:20px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:.78rem;background:#131c2a;}
.hsp-v.v-pass{color:var(--green);background:rgba(63,207,110,.14);}
.hsp-v.v-attested,.hsp-v.v-unverified{color:var(--muted);}
.hsp-txt{flex:1;min-width:0;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hsp-lv{font-family:var(--mono);font-size:.72rem;color:var(--muted);flex:none;}
.hsp-all,.hsp-empty{display:block;padding:11px 15px;font-size:.85rem;color:var(--blue);}
.hsp-empty{color:var(--muted);} .hsp-empty a{color:var(--blue);}

/* the hook stat */
.hook{display:flex;align-items:center;gap:26px;justify-content:center;max-width:720px;margin:48px auto 0;
  padding:26px 30px;border:1px solid var(--line);border-radius:20px;
  background:linear-gradient(180deg,rgba(20,28,42,.7),rgba(12,18,28,.7));
  backdrop-filter:blur(6px); text-align:left;}
.hook-num{font-family:var(--mono);font-weight:800;font-size:clamp(3rem,9vw,5.2rem);line-height:.9;letter-spacing:-.04em;
  background:linear-gradient(180deg,#fff,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;}
.hook-num span{font-size:.45em;vertical-align:super;-webkit-text-fill-color:var(--blue);}
.hook-cap{font-size:1.02rem;color:var(--ink2);}
.hook-cap b{color:var(--ink);}
.hook-cap a{color:var(--blue);}
@media(max-width:560px){.hook{flex-direction:column;text-align:center;gap:8px;}}

/* scroll-reveal */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);}
.rv.in{opacity:1;transform:none;}

/* watch-it-verify */
.verifyshow{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center;padding:54px 0 10px;}
@media(max-width:780px){.verifyshow{grid-template-columns:1fr;gap:20px;}}
.vs-copy h2{font-size:clamp(1.5rem,3.2vw,2.1rem);letter-spacing:-.02em;margin:0 0 12px;}
.vs-copy p{color:var(--ink2);font-size:1.04rem;margin:0 0 14px;}
.vs-copy strong{color:var(--ink);}
.vs-replay{font-family:var(--mono);font-size:.78rem;color:var(--muted);}
.vterm{border:1px solid var(--line);border-radius:14px;background:#07090e;overflow:hidden;cursor:pointer;
  box-shadow:0 24px 60px rgba(0,0,0,.5);min-height:268px;}
.vt-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line);background:#0b0f16;}
.vt-bar span{width:11px;height:11px;border-radius:50%;background:#2a3344;}
.vt-bar span:first-child{background:#ec6a5e;} .vt-bar span:nth-child(2){background:#f3bd4e;} .vt-bar span:nth-child(3){background:#61c554;}
.vt-bar em{margin-left:8px;font-family:var(--mono);font-size:.72rem;color:var(--muted);font-style:normal;}
.vt-body{padding:16px 18px;font-family:var(--mono);font-size:.84rem;line-height:1.85;color:#c7d2e2;min-height:200px;max-height:260px;overflow:auto;}
.vt-line{animation:vtin .25s ease both;overflow-wrap:anywhere;}
@media(max-width:480px){.vt-body{padding:13px 13px;font-size:.74rem;line-height:1.7;}.vt-bar em{font-size:.66rem;}}
@keyframes vtin{from{opacity:0;transform:translateY(3px);}to{opacity:1;transform:none;}}
.vt-p{color:var(--green);} .vt-a{color:var(--blue);} .vt-d{color:var(--violet);}
.vt-ok{color:var(--green);} .vt-m{color:var(--muted);} .vt-g{color:var(--green);}
.vt-verdict{display:inline-block;margin-top:8px;color:var(--gold);font-weight:700;}
.vt-final{padding-top:6px;}

/* the fork — the centerpiece */
.fork{position:relative;padding:72px 34px 56px;margin:30px 0;border-radius:28px;
  border:1px solid var(--line);background:
    radial-gradient(600px 300px at 25% 0%,rgba(83,168,255,.10),transparent 70%),
    radial-gradient(600px 300px at 75% 100%,rgba(167,139,250,.10),transparent 70%),
    linear-gradient(180deg,#0b1220,#0a0f1a);}
.fork-head{text-align:center;font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:750;letter-spacing:-.02em;color:var(--ink);margin-bottom:6px;}
.fork-sub{text-align:center;color:var(--muted);font-size:1rem;margin-bottom:30px;}
.fork-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:820px;margin:0 auto;}
@media(max-width:740px){.fork-grid{grid-template-columns:1fr;}}
.fork-card{position:relative;padding:38px 32px 32px;border-radius:20px;border:1px solid var(--line);
  background:rgba(10,15,24,.7);overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s;backdrop-filter:blur(4px);}
.fork-card::before{content:"";position:absolute;inset:0;opacity:.0;transition:opacity .2s;
  background:radial-gradient(420px 240px at 30% 0%,var(--g),transparent 70%);}
.fork-card.human{--g:rgba(83,168,255,.18);}
.fork-card.agent{--g:rgba(167,139,250,.18);}
.fork-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(0,0,0,.5);}
.fork-card.human:hover{border-color:var(--blue);}
.fork-card.agent:hover{border-color:var(--violet);}
.fork-card:hover::before{opacity:1;}
.fc-icon{width:56px;height:56px;margin-bottom:16px;display:grid;place-items:center;border-radius:16px;
  border:1px solid var(--line);background:#0b1018;}
.fork-card.human .fc-icon{box-shadow:0 0 26px rgba(83,168,255,.18);}
.fork-card.agent .fc-icon{box-shadow:0 0 26px rgba(167,139,250,.18);}
.fc-icon svg{width:30px;height:30px;}
.fork-card h3{font-size:1.6rem;margin:.1em 0 .35em;letter-spacing:-.02em;}
.fork-card p{color:var(--ink2);margin:0 0 18px;font-size:1rem;}
.fc-go{font-family:var(--mono);font-size:.9em;color:var(--ink);display:inline-flex;align-items:center;gap:8px;}
.fork-card.human .fc-go i{color:var(--blue);} .fork-card.agent .fc-go i{color:var(--violet);}
.fc-go i{font-style:normal;transition:transform .18s;}
.fork-card:hover .fc-go i{transform:translateX(5px);}

/* proof */
.proof{padding:70px 0 10px;}
.proof-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;}
.proof-head h2{font-size:1.6rem;letter-spacing:-.02em;margin:0;}
.seeall{font-family:var(--mono);font-size:.85em;color:var(--blue);}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media(max-width:860px){.proof-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.proof-grid{grid-template-columns:1fr;}}
.vcard{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:.16s;display:block;}
.vcard:hover{border-color:#2f3b50;transform:translateY(-3px);}
.vcard-top{display:flex;align-items:center;gap:8px;margin-bottom:9px;}
.vtick{width:20px;height:20px;border-radius:50%;background:rgba(63,207,110,.15);color:var(--green);display:grid;place-items:center;font-size:.8em;}
.vlevel{font-family:var(--mono);font-size:.72em;color:var(--green);}
.vtitle{font-weight:620;font-size:.96rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.vmeta{color:var(--muted);font-size:.8em;margin-top:9px;}

/* the one idea: posted vs re-run */
.contrast{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:18px;
  max-width:880px;margin:74px auto 0;}
.con-side{position:relative;padding:30px 26px;border-radius:20px;border:1px solid var(--line);text-align:center;}
.con-side.dim{background:linear-gradient(180deg,#0c1018,#0a0d14);}
.con-side.lit{background:
    radial-gradient(420px 200px at 50% 0%,rgba(63,207,110,.12),transparent 70%),
    linear-gradient(180deg,#0b1410,#0a0f0c);border-color:rgba(63,207,110,.34);
  box-shadow:0 22px 60px rgba(63,207,110,.10);}
.con-tag{display:inline-block;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);margin-bottom:16px;}
.con-side.lit .con-tag{color:var(--green);}
.con-art{width:52px;height:52px;margin:0 auto 16px;}
.con-art svg{width:100%;height:100%;}
.con-side h3{font-size:1.18rem;letter-spacing:-.01em;margin:0 0 8px;color:var(--ink2);}
.con-side.lit h3{color:var(--ink);}
.con-side p{color:var(--muted);font-size:.95rem;line-height:1.5;margin:0;}
.con-arrow{align-self:center;color:#3a4658;width:48px;}
.con-arrow svg{width:100%;height:24px;}
.contrast-note{text-align:center;color:var(--muted);margin:22px auto 30px;font-size:.95em;}
.contrast-note a{color:var(--ink2);}.contrast-note a:hover{color:var(--green);}
@media(max-width:620px){.contrast{grid-template-columns:1fr;gap:12px;max-width:380px;}
  .con-arrow{transform:rotate(90deg);justify-self:center;width:36px;margin:-2px 0;}}

/* closing CTA */
.closer{position:relative;text-align:center;padding:84px 24px 88px;margin:50px 0 0;border-radius:28px;overflow:hidden;
  border:1px solid var(--line);background:
    radial-gradient(700px 340px at 30% 0%,rgba(83,168,255,.16),transparent 70%),
    radial-gradient(700px 340px at 70% 100%,rgba(167,139,250,.16),transparent 70%),
    linear-gradient(180deg,#0b1322,#090d16);}
.closer h2,.closer p,.closer-cta,.closer-mini{position:relative;z-index:1;}
.closer h2{font-size:clamp(1.9rem,4.5vw,3rem);letter-spacing:-.03em;margin:0 0 12px;font-weight:800;}
.closer p{color:var(--ink2);font-size:1.1rem;max-width:560px;margin:0 auto 28px;}
.closer-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn-lg{padding:15px 28px;border-radius:14px;font-weight:700;font-size:1.05rem;transition:transform .15s,box-shadow .15s;}
.btn-lg:hover{transform:translateY(-2px);}
.btn-lg.human{background:var(--blue);color:#061224;box-shadow:0 12px 34px rgba(83,168,255,.3);}
.btn-lg.agent{background:var(--violet);color:#0b0820;box-shadow:0 12px 34px rgba(167,139,250,.3);}
.closer-mini{margin-top:22px;font-size:.9rem;color:var(--muted);}
.closer-mini a{color:var(--ink2);}.closer-mini a:hover{color:var(--blue);}

/* footer */
.lfoot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);
  margin-top:40px;padding:22px 0 50px;color:var(--ink2);font-size:.85em;}
.lfoot a{color:var(--blue);}

@media (prefers-reduced-motion: no-preference){
  main,.auth-wrap,.guide,.dash,.study{animation:pageIn .5s cubic-bezier(.22,.61,.36,1) both;}
  @keyframes pageIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
}

/* proof cards — lead with a trust ring */
.vcard{position:relative;padding:18px 18px 16px;}
.vcard-ring{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);
  font-weight:800;font-size:.78rem;border:2px solid;margin-bottom:11px;}
.vcard.green .vcard-ring{color:var(--green);border-color:var(--green);box-shadow:0 0 14px rgba(63,207,110,.25);}
.vcard.gold .vcard-ring{color:#04140a;background:var(--gold);border-color:var(--gold);box-shadow:0 0 16px rgba(110,231,160,.35);}
.vcard .vcard-top{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;}
.vcard.green .vcard-top{color:var(--green);} .vcard.gold .vcard-top{color:var(--gold);}

/* live re-run button + fail color */
.vrun{display:inline-block;margin:4px 0 8px;background:var(--green);color:#04140a;border:0;border-radius:11px;
  padding:11px 20px;font:650 .98rem var(--sans);cursor:pointer;box-shadow:0 8px 26px rgba(63,207,110,.28);transition:transform .14s,filter .14s;}
.vrun:hover{transform:translateY(-2px);filter:brightness(1.07);}
.vrun:disabled{opacity:.7;cursor:default;transform:none;background:var(--muted);box-shadow:none;}
.vt-no{color:var(--bad);}