/* =========================================================
   Saccade — site-v5.css
   Tightens the long landing page. Click-to-expand details,
   "Why now" 4-shift block, sharper Why-us claims, clickable
   paper cards.
   ========================================================= */

/* ---- Inline meta line under hero h1, optional ---- */
.hero-sub-tight{
  max-width:54ch;color:rgba(242,235,224,.78);font-size:18px;line-height:1.5;
  margin:0;text-wrap:pretty;
}
.hero-sub-tight strong{color:var(--hero-fg);font-weight:500;}

/* =========================================================
   WHY NOW · four-shift convergence
   ========================================================= */
.whynow{padding:120px 0;background:var(--bg);border-top:1px solid var(--rule);}
.whynow .wide{max-width:1240px;}
.whynow .lede{margin-bottom:48px;max-width:54ch;}
.whynow-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--ink);
}
.whynow-cell{
  padding:32px 28px 32px 0;
  border-right:1px solid var(--rule);
  display:flex;flex-direction:column;gap:14px;
  position:relative;
}
.whynow-cell:not(:first-child){padding-left:28px;}
.whynow-cell:last-child{border-right:none;}
.whynow-cell.now{background:var(--accent-tint);padding-left:28px;padding-right:28px;border-right:none;}
.whynow-cell.now:first-child{padding-left:28px;}
.whynow-cell .y{
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:0.16em;
  color:var(--muted);text-transform:uppercase;
}
.whynow-cell.now .y{color:var(--accent);}
.whynow-cell .t{
  font-family:"Source Serif 4",serif;font-weight:600;
  font-size:22px;line-height:1.15;letter-spacing:-0.012em;color:var(--ink);
  text-wrap:balance;
}
.whynow-cell .d{font-size:13.5px;color:var(--ink-soft);line-height:1.55;margin:0;}
.whynow-cell .d strong{color:var(--ink);font-weight:600;}
.whynow-cell .ix{
  font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:0.14em;
  color:var(--muted-2);text-transform:uppercase;margin-top:auto;padding-top:24px;
}
.whynow-cell.now .ix{color:var(--accent-deep);}
.whynow-bottom{
  margin-top:32px;
  font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:0.04em;
  color:var(--muted);max-width:60ch;line-height:1.6;
}

/* =========================================================
   STAKES — tightened
   ========================================================= */
.stakes-tight .lede{margin-bottom:48px;}
.stakes-tight .stakes-grid{align-items:start;}
.stakes-tight .stakes-side{display:flex;flex-direction:column;gap:24px;}
.stakes-tight .stakes-side h2{margin:0;}
.stakes-tight .stakes-side .lede{margin:0;max-width:44ch;}
.stakes-tight .stakes-side .src-line{
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:0.04em;
  color:var(--muted);margin-top:8px;
}

/* =========================================================
   CLAIMS · replaces bento (Why us)
   ========================================================= */
.claims{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);
  margin-top:8px;
}
.claim{
  padding:36px 32px 28px 0;
  border-right:1px solid var(--rule);
  display:flex;flex-direction:column;gap:14px;
  position:relative;
}
.claim:not(:first-child){padding-left:32px;}
.claim:last-child{border-right:none;}
.claim .num{
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:0.16em;
  color:var(--accent);text-transform:uppercase;
}
.claim h3{
  font-family:"Source Serif 4",serif;font-weight:600;
  font-size:clamp(22px,1.9vw,28px);line-height:1.1;letter-spacing:-0.014em;
  color:var(--ink);margin:0;text-wrap:balance;
}
.claim .body{font-size:15px;color:var(--ink-soft);line-height:1.55;margin:0;max-width:34ch;}
.claim .tag{
  font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:0.12em;
  color:var(--muted);text-transform:uppercase;margin-top:8px;
}
.claim details{
  margin-top:8px;border-top:1px solid var(--rule);padding-top:14px;
}
.claim details summary{
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:0.1em;
  color:var(--accent);text-transform:uppercase;cursor:pointer;
  list-style:none;display:flex;align-items:center;gap:8px;
  transition:color .15s;
}
.claim details summary::-webkit-details-marker{display:none;}
.claim details summary::after{
  content:"+";font-family:"IBM Plex Mono",monospace;font-size:14px;
  color:var(--accent);margin-left:auto;transition:transform .2s;
}
.claim details[open] summary::after{content:"−";}
.claim details summary:hover{color:var(--accent-deep);}
.claim details .more{
  margin-top:12px;font-size:13.5px;color:var(--muted);line-height:1.55;
}
.claim details .more p{margin:0 0 8px;}
.claim details .more p:last-child{margin-bottom:0;}

/* Other claim sub-strip below */
.claim-extras{
  margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border-top:1px solid var(--rule);padding-top:24px;
}
.claim-extra{
  padding-right:32px;border-right:1px solid var(--rule);
}
.claim-extra:not(:first-child){padding-left:32px;}
.claim-extra:last-child{border-right:none;}
.claim-extra .k{
  font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:0.14em;
  color:var(--muted);text-transform:uppercase;margin-bottom:6px;
}
.claim-extra .v{
  font-family:"Source Serif 4",serif;font-weight:600;
  font-size:17px;line-height:1.25;letter-spacing:-0.008em;color:var(--ink);
}

/* =========================================================
   HOW · tighten (drop process bar, keep tasks)
   ========================================================= */
.how-tight .sub{max-width:50ch;margin-bottom:40px;}

/* Eye figure simplified */
.eye-figure-tight{
  margin-top:56px;
  display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;
}
.eye-figure-tight p{font-size:16px;line-height:1.55;color:var(--ink-soft);margin:0;}
.eye-figure-tight p strong{color:var(--ink);font-weight:600;}
.eye-figure-tight details{margin-top:16px;}
.eye-figure-tight details summary{
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:0.1em;
  color:var(--accent);text-transform:uppercase;cursor:pointer;list-style:none;
  display:inline-flex;align-items:center;gap:6px;
}
.eye-figure-tight details summary::-webkit-details-marker{display:none;}
.eye-figure-tight details summary::after{content:" +";color:var(--accent);}
.eye-figure-tight details[open] summary::after{content:" −";}
.eye-figure-tight details .more{
  margin-top:12px;font-size:14px;color:var(--muted);line-height:1.55;max-width:44ch;
}

/* =========================================================
   PAPERS · clickable cards
   ========================================================= */
a.paper{
  display:block;color:inherit;text-decoration:none;cursor:pointer;
  border:1px solid var(--rule);padding:24px 22px;
  background:var(--paper);
  transition:border-color .15s, transform .15s, background .15s;
  position:relative;
}
a.paper:hover{
  border-color:var(--accent);
  transform:translateY(-1px);
}
a.paper::after{
  content:"↗";position:absolute;top:18px;right:18px;
  font-size:13px;color:var(--muted-2);
  transition:color .15s, transform .15s;
}
a.paper:hover::after{color:var(--accent);transform:translate(2px,-2px);}
a.paper .src{
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:0.06em;
  color:var(--ink);text-transform:uppercase;
  margin-bottom:12px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
  padding-right:24px;
}
a.paper .src .yr{color:var(--muted);font-weight:400;}
a.paper .src .ref-num{color:var(--accent);font-weight:500;margin-left:auto;}
a.paper .desc{
  font-family:"Source Serif 4",serif;font-weight:500;font-size:15px;
  line-height:1.35;letter-spacing:-0.005em;color:var(--ink);
  margin:0 0 12px;text-wrap:pretty;
}
a.paper .stat{
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:0.06em;
  color:var(--accent);text-transform:uppercase;
}

/* =========================================================
   REG · click-to-expand detail
   ========================================================= */
.reg-tight .reg-row details{margin-top:8px;}
.reg-tight .reg-row details summary{
  font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:0.12em;
  color:var(--accent);text-transform:uppercase;cursor:pointer;list-style:none;
}
.reg-tight .reg-row details summary::-webkit-details-marker{display:none;}
.reg-tight .reg-row details summary::after{content:" +";}
.reg-tight .reg-row details[open] summary::after{content:" −";}
.reg-tight .reg-row details em{
  display:block;margin-top:8px;font-style:normal;font-size:13px;color:var(--muted);
  line-height:1.55;font-family:"Instrument Sans",sans-serif;
}

/* =========================================================
   TEAM · collapse advisors
   ========================================================= */
.team-toggle{
  margin-top:32px;text-align:center;
}
.team-toggle button{
  background:transparent;border:1px solid var(--ink);color:var(--ink);
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:0.14em;
  text-transform:uppercase;padding:11px 20px;cursor:pointer;
  transition:background .15s, color .15s;
}
.team-toggle button:hover{background:var(--ink);color:var(--bg);}
.bench .b.advisor{display:none;}
.bench.expanded .b.advisor{display:flex;}

/* =========================================================
   SECTION SPACING TIGHTEN (override base 120px)
   ========================================================= */
section.tight{padding:96px 0;}
section.tight .eyebrow{margin-bottom:40px;}

/* =========================================================
   HEAD-TO-HEAD tighten
   ========================================================= */
.h2h-tight .h2h-grid p{max-width:48ch;}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:960px){
  .whynow-grid{grid-template-columns:1fr 1fr;}
  .whynow-cell{border-right:none;border-bottom:1px solid var(--rule);}
  .claims{grid-template-columns:1fr;}
  .claim{border-right:none;border-bottom:1px solid var(--rule);padding-left:0 !important;padding-right:0;}
  .claim-extras{grid-template-columns:1fr;gap:16px;}
  .claim-extra{border-right:none;padding-left:0 !important;}
  .eye-figure-tight{grid-template-columns:1fr;}
}