/* CONTENT INTO CASH, the registration page.
   Grammar: split stage (see _build/BRIEF.md). Two lanes held in tension, resolved by scroll:
   what waits on you, and what has been paid for. The hero establishes the split, the close
   collapses it. Tokens come from sot.css; the engine's own tokens are pointed at them. */
:root{
  --sc-canvas:#080a0c; --sc-surface:#0d1013; --sc-ink:#f2f1ee; --sc-ink-soft:#9097a0;
  --sc-accent:#e3001b; --sc-accent-ink:#ffffff;
  --sc-font-display:"Inter Tight",Inter,sans-serif; --sc-font-text:Inter,system-ui,sans-serif;
  --sc-font-mono:"JetBrains Mono",ui-monospace,monospace;
  --pad:clamp(20px,5vw,72px);
}
.home main{max-width:none;margin:0;padding:0}
.home header.site{max-width:none;padding-inline:var(--pad)}
.home .foot{max-width:none;padding-inline:var(--pad)}
.wrapx{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--pad)}

/* ---------- HERO ---------------------------------------------------------- */
.hero{position:relative}
.hero-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;padding-block:28px 40px}
.hero-copy{min-width:0}
.hero .eye{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 22px;color:var(--muted);font:500 11px/1.4 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase}
.hero .eye i{width:8px;height:8px;background:var(--accent);flex:none}
.hero h1{font-family:"Inter Tight",Inter,sans-serif;font-weight:600;letter-spacing:-.035em;line-height:.98;font-size:clamp(2.6rem,10.4vw,3.4rem);margin:0;text-wrap:balance}
.hero h1 .accent{color:var(--accent)}
.hero .sub{margin:22px 0 0;color:#c9ccd1;font-size:clamp(1.05rem,1.2vw + .7rem,1.3rem);line-height:1.55;max-width:44ch;text-wrap:pretty}
.hero .sub b{color:var(--text);font-weight:600}
.hero .act{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:30px;max-width:420px}
.hero .act .cta{min-height:62px;font-size:16px}
.hero .act small{color:var(--muted);font-size:.9rem}
.hero .cred{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font:500 11px/1.5 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.hero .cred b{color:var(--text);font-weight:600}

/* the lanes: the signature. Cards cross the divider as you scroll. */
.lanes{position:relative;min-width:0;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0))}
.lanes-head{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.lanes-head div{padding:12px 14px;font:500 11px/1.3 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:8px}
.lanes-head div + div{border-left:1px solid var(--line)}
.lanes-head .won{color:var(--text)}
.lanes-head .dots{display:flex;gap:4px}
.lanes-head .dots i{width:7px;height:7px;background:var(--accent);transition:opacity .3s}
.lanes-body{position:relative;display:grid;grid-template-columns:1fr 1fr}
.lanes-body::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line)}
.lanes-body .split-glow{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--accent);transform-origin:top;transform:scaleY(var(--glow,0));opacity:.85}
.lane{display:grid;gap:10px;padding:12px;min-width:0}
.lane.right{visibility:hidden}
.msg{--m:0;position:relative;z-index:1;min-width:0;padding:12px 12px 11px;border:1px solid var(--lineStrong);background:#0f1317;transform:translateX(calc(var(--m) * (100% + 24px)));transition:border-color .3s,background .3s}
.msg .src{display:block;font:500 10px/1.3 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.msg p{margin:6px 0 0;color:var(--text);font-size:14px;line-height:1.35}
.msg .st{display:flex;align-items:center;gap:6px;margin-top:8px;font:500 10.5px/1.2 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.msg .st::before{content:"";width:6px;height:6px;border-radius:50%;background:#5f666e}
.msg .st .done{display:none}
.msg.crossed{border-color:var(--accent);background:rgba(227,0,27,.07)}
.msg.crossed .st{color:var(--text)}
.msg.crossed .st::before{background:var(--accent)}
.msg.crossed .st .wait{display:none} .msg.crossed .st .done{display:inline}
.lanes-foot{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.lanes-foot span{padding:10px 14px;color:var(--muted);font:500 10.5px/1.4 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.lanes-foot .clear{opacity:var(--clear,0);color:var(--text);transition:opacity .3s}
.lanes .note{position:absolute;right:10px;bottom:-24px;color:var(--dim);font:500 10px/1 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase}

@media (min-width:980px){
  .hero{height:230vh}
  .hero-stage{position:sticky;top:0;min-height:100vh;min-height:100svh;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(40px,5vw,96px);align-items:center;padding-block:90px 40px}
  .hero h1{font-size:clamp(3.6rem,5.6vw,6.2rem)}
}

/* ---------- MARQUEE: the real tools, full width -------------------------- */
.tools{border-block:1px solid var(--line);overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tools-track{display:flex;width:max-content;animation:toolsrun 48s linear infinite}
.tools ul{display:flex;gap:0;margin:0;padding:0;list-style:none;flex:none}
.tools li{display:flex;align-items:center;gap:12px;padding:20px 34px;white-space:nowrap;border-right:1px solid var(--line)}
.tools b{font-family:"Inter Tight",Inter,sans-serif;font-weight:600;font-size:1.15rem;letter-spacing:-.01em;color:var(--text)}
.tools span{font:500 10.5px/1 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tools-cap{display:flex;justify-content:space-between;gap:12px;padding-block:14px 0;color:var(--dim);font:500 10.5px/1.4 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.tools .lg{display:inline-block;flex:none;width:24px;height:24px;background:var(--text);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
@keyframes toolsrun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .tools{-webkit-mask-image:none;mask-image:none}
  .tools-track{animation:none;width:auto}
  .tools ul{flex-wrap:wrap;justify-content:center}
  .tools ul[aria-hidden]{display:none}
}

/* ---------- TENSION: pinned argument ------------------------------------- */
.argue{display:grid;align-content:center;height:100%;padding-inline:var(--pad);max-width:1440px;margin-inline:auto}
.argue p{grid-area:1/1;margin:0;font-family:"Inter Tight",Inter,sans-serif;font-weight:600;letter-spacing:-.03em;line-height:1.02;font-size:clamp(2.2rem,6.4vw,5.6rem);max-width:16ch;text-wrap:balance}
.argue p em{font-style:normal;color:var(--accent)}
.argue p.r{justify-self:end;text-align:right}

/* ---------- PROOF ---------------------------------------------------------- */
.proof{padding-block:clamp(72px,10vw,140px)}
.proof-grid{display:grid;gap:40px;grid-template-columns:minmax(0,1fr)}
.proof h2,.close h2,.ways h2,.agendax h2{font-family:"Inter Tight",Inter,sans-serif;font-weight:600;letter-spacing:-.03em;line-height:1.02;font-size:clamp(2rem,4.4vw,3.8rem);margin:0;text-wrap:balance}
.proof .lead{color:#c9ccd1;font-size:1.1rem;line-height:1.6;max-width:52ch;margin:18px 0 0}
@media (min-width:980px){.proof-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}.proof-copy{position:sticky;top:110px}}
.proof .mk{margin-top:0}

/* ---------- WAYS IN + AGENDA ---------------------------------------------- */
.ways,.agendax{padding-block:clamp(64px,9vw,120px);border-top:1px solid var(--line)}
.ways .cards4{margin-top:28px}
.agendax-grid{display:grid;gap:0;margin-top:28px;border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr)}
@media (min-width:980px){.agendax-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.agendax-grid article{border-right:1px solid var(--line);padding-inline:18px}.agendax-grid article:last-child{border-right:0}}
.agendax-grid article{padding-block:22px;border-bottom:1px solid var(--line)}
.agendax-grid .mono{color:var(--accent);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.agendax-grid h3{font-size:1.1rem;margin:8px 0 8px;line-height:1.25}
.agendax-grid ul{margin:0;padding-left:1.1em;color:var(--muted);font-size:.95rem}
.agendax-grid li{margin:5px 0}

/* ---------- CLOSE: the split collapses ------------------------------------ */
.close-stage{display:grid;grid-template-columns:calc((1 - var(--sc-p,0)) * 34%) minmax(0,1fr);align-items:stretch}
.close-left{border-right:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center;opacity:calc(1 - var(--sc-p,0))}
.close-left span{writing-mode:vertical-rl;transform:rotate(180deg);color:var(--dim);font:500 11px/1 "JetBrains Mono",monospace;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
.close-right{display:grid;align-content:center;padding:var(--pad);gap:22px;max-width:980px}
.close-right .eye{color:var(--accent);font:500 11px/1 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase}
.close-right p{color:#c9ccd1;font-size:1.1rem;margin:0;max-width:48ch}
.close-right .cta{justify-self:start;min-height:62px;padding-inline:40px;font-size:16px}
.close-right .fine{margin:0;color:var(--dim);font-size:.85rem}

/* ---------- MOBILE: built for the click ---------------------------------- */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:15;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(8,10,12,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .3s}
.dock.on{transform:none}
.dock .cta{display:flex;width:100%;min-height:54px}
@media (min-width:980px){.dock{display:none}}
@media (max-width:979px){
  .home header.site{padding-top:14px}
  .home .mark{font-size:17px}
  .lanes .note{position:static;display:block;padding:8px 12px;border-top:1px solid var(--line)}
  .msg{padding:10px}
  .msg p{font-size:13.5px}
  .close-stage{grid-template-columns:minmax(0,1fr)}
  .close-left{display:none}
  .argue p.r{justify-self:start;text-align:left}
}
@media (prefers-reduced-motion:reduce){.msg{transition:none}.dock{transition:none}}

.home section{margin-top:0}
.home .mech{margin-top:0;padding-block:clamp(64px,9vw,120px)}
.home .mech.live{height:calc(var(--n) * 60vh + 20vh)}
.lanes-head .sm{display:none}
@media (max-width:979px){.lanes-head .lg{display:none}.lanes-head .sm{display:inline}.msg .src{font-size:9.5px;letter-spacing:.06em}}
.close-right{max-width:1240px}
.close-right h2{font-size:clamp(2.4rem,6vw,6rem);max-width:15ch}
@media (max-width:979px){.home{padding-bottom:84px}}
.home .foot{display:none}
.minifoot{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:var(--dim);font:500 10.5px/1.6 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.minifoot b{color:var(--text);font:600 14px/1 "Inter Tight",Inter,sans-serif;letter-spacing:-.01em;text-transform:none}
.minifoot a{color:var(--muted);text-decoration:none}.minifoot a:hover{color:var(--text)}
.argue p{color:var(--text)}
@media (prefers-reduced-motion:reduce){.tools ul{flex:1 1 auto;flex-wrap:wrap;justify-content:center}.tools-track{width:100%}}