/* R3 · Ridge, instrument-forward. Axis moved: the core.
   Bigger core in the fold, sticky beside the leak section only (the cards light its ports),
   the instrument cards get a full band, the founder statement pins beside the proof.
   Still one signature moment per fold. */

/* the fold: the core takes more of it */
@media (min-width:961px){ .hero .wrap{grid-template-columns:1fr 1fr} .chamber{min-height:clamp(440px,72vh,700px)} }
.hero-h1{font-size:clamp(3rem,7.4vw,6.8rem)}

/* leak: copy left, the orb rides a sticky stage on the right */
.leak-grid{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:clamp(24px,4vw,56px)}
.leak-grid .seq{grid-template-columns:1fr 1fr}
.leak-grid .seq-card,.leak-grid .seq-card:nth-child(4){grid-column:auto}
.leak-grid .seq-card:last-child{grid-column:1 / -1}
.orb-stage-col{position:relative}
.orb-stage{position:sticky; top:calc(var(--nav-h) + 6vh); height:min(64vh,520px)}
.stage-lbl{position:sticky; top:calc(var(--nav-h) + 6vh + min(64vh,520px) + 8px); font-family:var(--mono); font-size:.62rem;
  letter-spacing:.18em; text-transform:uppercase; color:var(--dim); text-align:center; max-width:none}
.seq-card[data-port]{cursor:crosshair}

/* instrument: a full band */
#instrument{background:linear-gradient(180deg,rgba(15,18,23,.96),rgba(10,13,17,.96)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); z-index:2}
#instrument .instr{gap:0; border:1px solid var(--line)}
#instrument .icard{border:0; border-right:1px solid var(--line); border-radius:0; padding:40px 34px 32px; background:transparent}
#instrument .icard:last-child{border-right:0}
#instrument .icard.on{background:rgba(var(--ace-rgb),.045)}
#instrument .icard .hd b{font-size:clamp(3rem,5vw,4.6rem)}
#instrument .spark{height:110px}
#check{padding-top:var(--cut)!important}

/* proof: the founder statement pins while the facts scroll */
.proof.pinned{grid-template-columns:.9fr 1.1fr}
.pin{position:relative}
.pin .qband{position:sticky; top:calc(var(--nav-h) + 40px); border:0; padding:0; background:none}
.pin .qband blockquote p{font-size:clamp(1.4rem,2.5vw,2.2rem)}
.pin .qband .who{font-size:.66rem; max-width:none}
.proof-body .facts{margin-top:36px}

@media (max-width:960px){
  .leak-grid{grid-template-columns:1fr}
  .orb-stage-col{display:none}
  .proof.pinned{grid-template-columns:1fr}
  .pin .qband{position:static}
}
@media (max-width:900px){
  #instrument .icard{border-right:0; border-bottom:1px solid var(--line)}
  #instrument .icard:last-child{border-bottom:0}
}
@media (max-width:560px){ .leak-grid .seq{grid-template-columns:1fr} }

/* ── 2026-10-22 edit pass (A–I) ── */
/* A. lockup: ~8px clear air between the wordmark and A.C.E. (header and footer) */
.ace{flex-direction:row; align-items:center; gap:11px}
.ace-mk{width:34px; height:34px; flex:none; color:var(--text)}
@media (max-width:860px){ .ace-mk{width:38px; height:38px} }

/* C. custom vertical: a quiet block under the card grid, one thin rule, no card */
.vert{margin-top:clamp(36px,5vw,56px); padding-top:28px; border-top:1px solid var(--line); max-width:64ch}
.vert h3{margin:14px 0 10px}
.vert p:not(.eyebrow){color:var(--dim); font-size:.98rem; margin:0 0 18px}

/* D. intake flow on each ICP card; the choke point in green, no animation */
.flow{display:flex; flex-wrap:wrap; gap:4px 0; list-style:none; margin:12px 0 0; padding:0; font-size:.72rem; line-height:1.5; color:var(--dim)}
.flow li+li::before{content:"\203A"; content:"\203A" / ""; display:inline-block; margin:0 .5em; color:var(--dim)}
.flow .choke{color:var(--ace); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px}

/* F. the check: the label wraps to two lines on narrow screens, one line on desktop */
.check-row .k{line-height:1.35}
@media (min-width:961px){ .check-row .k{width:150px} }
.check p+p{margin-top:16px}
.check-note{margin:14px 0 0; font-size:.88rem; color:var(--dim); max-width:none}

/* H. facts: room for 40–60 hrs and 6,832 */
.facts li{grid-template-columns:132px 1fr}
@media (max-width:520px){ .facts li{grid-template-columns:104px 1fr} }

/* I. FAQ booking link: a text link, no button chrome */
.faq-book{color:var(--ace); font-size:.82rem; text-decoration:underline; text-underline-offset:3px; white-space:nowrap}
.faq-book:hover{color:#fff}
/* client marks: a slim band, same height and label column as the tool tickers */
.clients.tband{padding:0; border-bottom:1px solid var(--line)}
.clients.tband .clip{-webkit-mask:linear-gradient(90deg,transparent,#000 60px,#000 calc(100% - 120px),transparent);
  mask:linear-gradient(90deg,transparent,#000 60px,#000 calc(100% - 120px),transparent)}
.clients .lgo{height:58px; padding:0 30px; opacity:.62; border-right:1px solid rgba(35,43,54,.5)}
.clients .lgo svg{height:calc(var(--h,30px) * .7)}
@media (max-width:760px){ .clients .lgo{height:52px; padding:0 24px} }
.clients .ltick{animation-duration:104s}
/* footer: logo and links on top; the tagline with direct contact and social straight across one line;
   copyright and legal links on the very last line */
.foot-in{align-items:center}
.foot-mid{display:flex; justify-content:space-between; align-items:center; gap:16px 32px; margin-top:30px}
.foot-mid p.small{margin:0; max-width:none; flex:0 1 auto; min-width:0; font-size:.9rem; line-height:1.5}
.foot-mid a{color:var(--muted); text-decoration:none; transition:color .2s}
.foot-mid a:hover{color:var(--ace)}
.foot-contact{display:flex; align-items:center; flex:none; gap:12px 20px}
.foot-social{display:flex; align-items:center; gap:14px}
.foot-contact>a{font-family:var(--font); font-size:.9rem; letter-spacing:0; line-height:1.5; white-space:nowrap}
.foot-social a{display:grid; place-items:center; width:40px; height:40px; margin:-8px}
.foot-social svg{width:24px; height:24px; fill:currentColor}
.foot-base{display:flex; align-items:center; margin-top:34px}
.foot-base a{color:var(--muted); text-decoration:none; transition:color .2s}
.foot-base a:hover{color:var(--ace)}
.foot-legal{flex:1; display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; white-space:nowrap; padding-top:22px; border-top:1px solid rgba(35,43,54,.7)}
.foot-sep{margin:0 -2px}
@media (max-width:900px){
  .foot-mid{flex-direction:column; align-items:flex-start; gap:20px; margin-top:34px}
  .foot-contact{flex-wrap:wrap}
}
@media (max-width:600px){
  .foot-mid{margin-top:30px}
  .foot-base{margin-top:30px; font-family:var(--font); font-size:12px; letter-spacing:.02em}
  .foot-legal{flex-wrap:wrap; gap:9px; padding-top:20px}
}
/* legal + 404 pages */
.legal{max-width:76ch; padding-top:clamp(56px,9vh,96px); padding-bottom:clamp(64px,10vh,112px)}
.legal .crumb{font-family:var(--mono); font-size:.66rem; letter-spacing:.18em; text-transform:uppercase; color:var(--dim)}
.legal .crumb a{color:var(--muted); text-decoration:none}
.legal .crumb a:hover{color:var(--ace)}
.legal h1{font-size:clamp(2.2rem,4.6vw,3.4rem); margin-top:18px}
.legal .upd{margin-top:14px; font-family:var(--mono); font-size:.7rem; letter-spacing:.12em; color:var(--dim)}
.legal h2{font-size:1.2rem; letter-spacing:-.02em; margin-top:44px; color:var(--text)}
.legal h3{font-size:1rem; letter-spacing:-.01em; margin-top:30px; color:var(--text)}
.legal p,.legal li{color:var(--muted); line-height:1.7; margin-top:14px}
.legal ul{padding-left:1.2em}
.legal b{color:var(--text); font-weight:600}
.legal a{color:var(--text)}
.legal .actions{display:flex; gap:14px; flex-wrap:wrap; margin-top:36px}
.btn.ghost{background:transparent; color:var(--text); box-shadow:inset 0 0 0 1px var(--line-2)}
.btn.ghost:hover,.btn.ghost:focus-visible{color:#07080a}
.legal .btn{color:#07080a}
.legal .btn.ghost{color:var(--text)}
.legal .btn.ghost:hover,.legal .btn.ghost:focus-visible{color:#07080a}
.foot-legal a,.legal .crumb a{text-decoration:underline; text-decoration-color:rgba(244,246,248,.28); text-underline-offset:3px}
.foot-legal a:hover,.legal .crumb a:hover{text-decoration-color:var(--ace)}

/* v7-a spacing: section-sized gaps (var(--cut), the site's section padding) inside proof and FAQ */
.proof-body .quote + p{margin-top:40px!important}
.proof-body .facts{margin-top:64px}
@media (max-width:960px){
  .proof.pinned{gap:0}
  .pin .qband{padding-bottom:var(--cut); margin-bottom:var(--cut); border-bottom:1px solid var(--line)}
  .pin .qband .who{margin-top:28px; line-height:1.8}
  .proof-body .quote{margin-top:40px}
  .proof-body .quote + p{margin-top:72px!important}
  .proof-body .facts{margin-top:var(--cut)}
  .facts li{padding:24px 0; line-height:1.5}
  .faq-wrap{gap:var(--cut)}
  .faq-side h2 + p{margin-top:28px}
  .faq-side p + p{margin-top:12px}
  .faq-side-cta{margin-top:36px}
  .contact-grid{gap:72px}
  .contact-card{padding:32px 28px}
  .contact-card .small{margin-top:20px}
  .contact-card .btn{margin-top:30px}
}
.legal h2[id]{scroll-margin-top:120px}