/* v2-solutions.css
   Solution/ICP + enterprise page components.

   Ported verbatim from team-july2026-multipager/css/solutions.css.
   Shared v2 foundation (tokens, typography, buttons, .reveal, page
   ground) lives in v2-base.css / v2-base.js and loads first.
*/
/* NOTE: `.phero` and `.icpbar` are prefixed body.v2 below. Both elements also
   carry .container in the ported markup, and global.css's
   `.container{padding:0 1.5rem}` (bundled after page CSS, equal specificity)
   would otherwise zero their padding-top / padding-block — which is what made
   the hero collide with the fixed nav on /pricing. */
/* ═══════════════════════════════════════════════════════════════
   Solutions (persona) pages — shared elevated component library.
   Loaded with base.css. Every persona page is content-only HTML that
   assembles these; behaviour lives in js/solutions.js (auto-init).
   ═══════════════════════════════════════════════════════════════ */

body.v2 .phero{padding-top:9.5rem;padding-bottom:0;text-align:left}

/* Product-UI panels below (.tnote, .pane2, .rm-board) carry hardcoded dark
   backgrounds — they read as app screenshots. Re-scope the palette to dark so
   their text + accents stay legible in light mode too (the "device stays dark"
   convention used across the site). */
.tnote,.pane2,.rm-board,.pledger{
  --bone:#efebe3;--bone-dim:rgba(239,235,227,.56);--bone-faint:rgba(239,235,227,.3);
  --line:rgba(239,235,227,.13);--line-2:rgba(239,235,227,.07);
  --ink-2:#161412;--ink-3:#1e1a15;--glass:rgba(22,20,18,.6);--accent:#d9fa87;--on-accent:#0d0c0b;
  color:var(--bone)}

/* ── equaliser motif (musician personality) ── */
.eq{position:absolute;bottom:.3rem;left:0;right:0;display:flex;gap:2px;justify-content:center;align-items:flex-end;height:.7rem;pointer-events:none}
/* animate transform (GPU-composited) not height (which reflows every frame) —
   there are ~55 of these bars per page, so height-animation caused real jank */
.eq i{width:2.5px;background:rgba(13,12,11,.6);border-radius:1px;height:95%;transform-origin:bottom;transform:scaleY(.23);animation:eq 900ms ease-in-out infinite}
.eq i:nth-child(2){animation-delay:.12s}.eq i:nth-child(3){animation-delay:.26s}
.eq i:nth-child(4){animation-delay:.4s}.eq i:nth-child(5){animation-delay:.18s}
@keyframes eq{0%,100%{transform:scaleY(.23)}50%{transform:scaleY(1)}}

/* ── cover gradients (reused across cards / rails / boards) ── */
.grad-a{background:linear-gradient(140deg,#e6ff9a,#a7c65a)}
.grad-b{background:linear-gradient(140deg,#e9d4ff,#8f7ab8)}
.grad-c{background:linear-gradient(140deg,#f7a86f,#f56002)}
.grad-d{background:linear-gradient(140deg,#9adfff,#4f9ec9)}
.grad-e{background:linear-gradient(140deg,#ffd27a,#d98f2e)}

/* ── product panel language (spotlight, etc.) ── */
.pane2{border:1px solid var(--line);border-radius:18px;text-align:left;
  background:linear-gradient(180deg,rgba(30,27,24,.94),rgba(20,18,16,.94));box-shadow:0 40px 90px rgba(0,0,0,.5);overflow:hidden}
.pane2__bar{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--line-2);
  font-family:var(--font-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-faint)}
.pane2__bar .mk{width:17px;height:17px;border-radius:5px;background:var(--ink-3);border:1px solid var(--line);display:grid;place-items:center}
.pane2__bar .mk img{width:9px}
.pane2__bar .live{margin-left:auto;display:flex;align-items:center;gap:.4rem;color:var(--accent)}
.pane2__bar .live i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime);animation:beat 1.8s ease-in-out infinite}
@keyframes beat{50%{opacity:.35}}
.pill2{font-family:var(--font-mono);font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;padding:.32em .6em;border-radius:99px;white-space:nowrap}
.pill2--ok{color:var(--accent);border:1px solid rgba(217,250,135,.4)}
.pill2--risk{color:var(--signal);border:1px solid rgba(245,96,2,.5);background:rgba(245,96,2,.07)}
.pill2--done{color:var(--bone-faint);border:1px solid var(--line)}
.rrow{display:grid;grid-template-columns:auto 1fr auto;gap:.85rem;align-items:center;padding:.72rem 1.1rem;border-bottom:1px solid var(--line-2)}
.rrow:last-child{border-bottom:0}
.rrow .av{width:1.95rem;height:1.95rem;border-radius:50%;display:grid;place-items:center;font-weight:640;font-size:.78rem;flex:none;background:rgba(217,250,135,.14);color:var(--accent);border:1px solid rgba(217,250,135,.3)}
.rrow.risk .av{background:rgba(245,96,2,.14);color:var(--signal);border-color:rgba(245,96,2,.4)}
.rrow .nm{display:block;font-weight:560;color:var(--bone);font-size:.9rem;line-height:1.2}
.rrow .nx{display:block;font-size:.72rem;color:var(--bone-faint);margin-top:.15rem}

/* ── HERO — copy + TeamMate notification stack ── */
.mhero{display:grid;gap:clamp(2.5rem,5vw,5rem);align-items:center;grid-template-columns:1fr;text-align:left;
  padding-block:clamp(1rem,3vw,2.5rem) clamp(3.5rem,8vw,7rem)}
@media(min-width:980px){.mhero{grid-template-columns:1.05fr .95fr}}
.mhero__copy{max-width:36rem}
.mhero__copy .h1{font-size:clamp(2.6rem,4.7vw,4rem);line-height:1.03;margin-bottom:1.5rem}
.mhero__copy .lede{margin:0;max-width:34rem}
.mhero .phero__cta{display:flex;gap:.8rem;justify-content:flex-start;margin-top:2.1rem;flex-wrap:wrap}
.mhero__panel{position:relative;width:100%;max-width:24rem;justify-self:center}
@media(min-width:980px){.mhero__panel{justify-self:end}}
.mhero__panel .halo{position:absolute;inset:-24% -20%;z-index:-1;background:radial-gradient(ellipse 62% 58% at 55% 42%,rgba(217,250,135,.16),transparent 70%)}
.tnote-stack{display:flex;flex-direction:column;gap:.7rem}
.tnote{border:1px solid rgba(239,235,227,.12);border-radius:16px;background:#141210;box-shadow:0 24px 60px rgba(0,0,0,.5);
  padding:.9rem 1rem;opacity:0;transform:translateY(14px) scale(.98)}
.tnote.in{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease)}
.tnote--risk{border-color:rgba(245,96,2,.32)}
.tnote__hd{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-faint)}
.tnote__mark{width:22px;height:22px;border-radius:7px;background:#1f1c19;border:1px solid rgba(239,235,227,.1);display:grid;place-items:center;flex:none}
.tnote__mark img{width:11px}
.tnote__st{margin-left:auto;padding:.28em .6em;border-radius:99px}
.tnote__st.ok{color:var(--accent);border:1px solid rgba(217,250,135,.4)}
.tnote__st.risk{color:var(--signal);border:1px solid rgba(245,96,2,.5)}
.tnote p{font-size:.88rem;color:var(--bone);line-height:1.45}
.tnote p b{color:var(--accent);font-weight:600}
.tnote--risk p b{color:var(--signal)}

/* ── ICP switcher ── */
body.v2 .icpbar{position:relative;z-index:2;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;
  padding-block:clamp(1.3rem,3vw,2rem);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.icpbar__lab{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-faint)}
.icpbar__row{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}
.icpbar__row a{font-size:.88rem;color:var(--bone-dim);padding:.44rem .95rem;border-radius:99px;border:1px solid transparent;transition:color .3s,border-color .3s,background .3s}
.icpbar__row a:hover{color:var(--bone);border-color:var(--line)}
.icpbar__row a.on{color:var(--on-accent);background:var(--lime);border-color:var(--lime);font-weight:560}

/* ── PAIN — before cards with personality ── */
.before{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:720px){.before{grid-template-columns:repeat(3,1fr)}}
.bcard{position:relative;border:1px solid var(--line);border-radius:18px;background:var(--ink-2);padding:1.35rem 1.35rem 1.45rem;overflow:hidden;transition:transform .45s var(--ease),border-color .45s}
.bcard:hover{transform:translateY(-4px);border-color:var(--bone-faint)}
.bcard__hd{display:flex;align-items:center;gap:.9rem;margin-bottom:1.15rem}
.bcard__cover{width:3.1rem;height:3.1rem;border-radius:12px;position:relative;overflow:hidden;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:1.35rem;color:rgba(13,12,11,.82)}
.bcard--flat .bcard__cover .eq i{animation:none;transform:scaleY(.2);opacity:.5}
.bcard__meta b{display:block;color:var(--bone);font-size:1rem;letter-spacing:-.01em}
.bcard__meta span{font-size:.7rem;color:var(--bone-faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.bcard__lab{display:block;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-faint);margin-bottom:.6rem}
.bcard__chips{display:flex;flex-wrap:wrap;gap:.4rem}
.bcard__chips span{font-size:.7rem;color:var(--bone-dim);border:1px solid var(--line);border-radius:7px;padding:.28em .55em;background:var(--glass)}
.bcard--risk{border-color:rgba(245,96,2,.4)}
.bcard--risk .bslip{margin-top:.95rem;padding-top:.85rem;border-top:1px solid rgba(245,96,2,.22);font-size:.78rem;color:var(--signal);display:flex;align-items:flex-start;gap:.45rem}
.bcard--risk .bslip::before{line-height:1.5}
.bcard--risk .bslip::before{content:'△'}
.before__tension{text-align:center;margin:2rem auto 0;max-width:46rem;font-size:clamp(1.05rem,1.5vw,1.28rem);color:var(--bone-dim);line-height:1.55}
.before__tension em{display:block;margin-top:.35em;font-style:italic;color:var(--accent);font-size:1.5em;line-height:1.1}

/* ── IMMERSIVE — full-width switcher (rail tabs ↔ boards) ── */
.rmotion{position:relative;z-index:2;margin-block:clamp(2.5rem,6vw,5rem);padding-block:clamp(3.5rem,8vw,6rem);border-block:1px solid var(--line)}
.rmotion__stage{display:grid;gap:clamp(1.2rem,2.5vw,1.8rem);grid-template-columns:1fr;margin-top:2.6rem}
@media(min-width:880px){.rmotion__stage{grid-template-columns:.62fr 1.38fr;align-items:stretch}}
.rmotion__rail{display:flex;flex-direction:column;gap:.6rem;min-width:0}
.rm-artist{display:flex;align-items:center;gap:.8rem;text-align:left;width:100%;padding:.75rem .85rem;border:1px solid var(--line);border-radius:14px;background:var(--ink-2);cursor:pointer;position:relative;overflow:hidden;transition:border-color .35s,transform .35s var(--ease);font-family:inherit;color:inherit}
.rm-artist:hover{transform:translateX(3px)}
.rm-artist.is-active{border-color:rgba(217,250,135,.55)}
.rm-cover{width:2.5rem;height:2.5rem;border-radius:10px;flex:none;display:grid;place-items:center;position:relative;overflow:hidden;font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:rgba(13,12,11,.82)}
.rm-artist__meta{flex:1;min-width:0}
.rm-artist__meta b{display:block;font-size:.9rem;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-artist__meta span{font-size:.66rem;color:var(--bone-faint);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.rm-artist .prog{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left;transform:scaleX(0);background:var(--lime)}
.rm-artist.is-active .prog{animation:rmprog var(--rmrot,4200ms) linear forwards}
@keyframes rmprog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.rmotion__board{position:relative;display:grid;min-width:0}
.rm-board{grid-area:1/1;border:1px solid var(--line);border-radius:20px;padding:clamp(1.5rem,3vw,2.1rem);
  background:linear-gradient(180deg,rgba(30,27,24,.92),rgba(19,17,15,.92));box-shadow:0 40px 90px rgba(0,0,0,.5);
  opacity:0;transform:translateY(14px) scale(.99);pointer-events:none;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.rm-board.is-active{opacity:1;transform:none;pointer-events:auto}
.rm-board__top{display:flex;align-items:center;gap:1.1rem;margin-bottom:2rem}
.rm-board__cover{width:3.6rem;height:3.6rem;border-radius:13px;flex:none;display:grid;place-items:center;position:relative;overflow:hidden;font-family:var(--font-display);font-weight:600;font-size:1.5rem;color:rgba(13,12,11,.82)}
.rm-board__title{flex:1;min-width:0}
.rm-board__title b{display:block;font-family:var(--font-display);font-size:1.35rem;color:var(--bone);letter-spacing:-.01em}
.rm-board__title span{font-size:.72rem;color:var(--bone-faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
/* board widget: horizontal milestone timeline */
.rm-tl{position:relative;display:flex;justify-content:space-between;margin:0 .2rem 2rem}
.rm-tl__line{position:absolute;left:.55rem;right:.55rem;top:.52rem;height:2px;background:rgba(239,235,227,.1)}
.rm-tl__line i{display:block;height:100%;background:var(--lime);width:0;transition:width 1s var(--ease) .25s}
.rm-tl__step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center;flex:1}
.rm-tl__dot{width:1.1rem;height:1.1rem;border-radius:50%;background:var(--ink-3);border:2px solid rgba(239,235,227,.2)}
.rm-tl__step.done .rm-tl__dot{background:var(--lime);border-color:var(--accent)}
.rm-tl__step.now .rm-tl__dot{background:var(--lime);border-color:var(--accent);box-shadow:0 0 0 4px rgba(217,250,135,.2)}
.rm-tl__step.risk .rm-tl__dot{background:var(--signal);border-color:var(--signal);box-shadow:0 0 0 4px rgba(245,96,2,.18)}
.rm-tl__lab{font-size:.64rem;color:var(--bone-faint);font-family:var(--font-mono);letter-spacing:.03em}
.rm-tl__step.now .rm-tl__lab,.rm-tl__step.risk .rm-tl__lab{color:var(--bone)}
/* board widget: next / callout */
.rm-board__next{display:flex;align-items:center;gap:.8rem;padding:.95rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:rgba(22,20,18,.5)}
.rm-board__next.is-risk{border-color:rgba(245,96,2,.4);background:rgba(245,96,2,.06)}
.rm-board__next .mk{width:1.8rem;height:1.8rem;border-radius:8px;background:var(--lime);display:grid;place-items:center;flex:none}
.rm-board__next.is-risk .mk{background:var(--signal)}
.rm-board__next .mk img{width:11px;filter:brightness(0)}
.rm-board__next p{font-size:.92rem;color:var(--bone);line-height:1.4}
/* board widget: cross-function status grid (labels) */
.rm-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1.6rem}
@media(max-width:560px){.rm-grid{grid-template-columns:1fr}}
.rm-fn{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-width:0;padding:.75rem .95rem;border:1px solid var(--line-2);border-radius:11px;background:rgba(22,20,18,.4)}
.rm-fn b{font-size:.84rem;color:var(--bone);font-weight:560}
.rm-fn .s{display:flex;align-items:center;gap:.4rem;font-size:.66rem;color:var(--bone-faint);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.rm-fn .dot{width:7px;height:7px;border-radius:50%;flex:none}
.rm-fn .dot.ok{background:var(--lime);box-shadow:0 0 8px var(--lime)}
.rm-fn .dot.risk{background:var(--signal);box-shadow:0 0 8px rgba(245,96,2,.6)}
.rm-fn .dot.wait{background:var(--bone-faint)}
/* board widget: task checklist (artists) */
.rm-tasks{display:flex;flex-direction:column;margin-bottom:1.6rem}
.rm-task{display:flex;align-items:center;gap:.75rem;padding:.65rem .1rem;border-bottom:1px solid var(--line-2);font-size:.9rem;color:var(--bone-dim)}
.rm-task:last-child{border-bottom:0}
.rm-task .bx{width:1.25rem;height:1.25rem;border-radius:6px;display:grid;place-items:center;font-size:.66rem;flex:none;border:1px solid var(--line)}
.rm-task .bx.done{background:var(--lime);color:var(--on-accent);border-color:var(--accent)}
.rm-task .bx.now{border-color:var(--accent);color:var(--accent)}
.rm-task .bx.wait{border-style:dashed;border-color:rgba(245,96,2,.5);color:var(--signal)}
.rm-task .by{margin-left:auto;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bone-faint)}
/* board widget: pre-flight (distributors) */
.pf-sum{display:flex;gap:1.6rem;margin-bottom:1.4rem;padding-bottom:1.3rem;border-bottom:1px solid var(--line-2)}
.pf-sum div{display:flex;flex-direction:column}
.pf-sum .n{font-family:var(--font-display);font-weight:330;font-size:1.9rem;color:var(--accent);line-height:1;letter-spacing:-.02em}
.pf-sum .n.risk{color:var(--signal)}
.pf-sum .l{font-size:.64rem;color:var(--bone-faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:.35rem}
.pf-row{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.62rem 0;border-bottom:1px solid var(--line-2);font-size:.85rem}
.pf-row:last-child{border-bottom:0}
.pf-row .tg{width:1.35rem;height:1.35rem;border-radius:6px;display:grid;place-items:center;font-size:.64rem;flex:none}
.pf-row .tg.ok{background:rgba(217,250,135,.14);color:var(--accent)}
.pf-row .tg.risk{background:rgba(245,96,2,.14);color:var(--signal);border:1px dashed rgba(245,96,2,.5)}
.pf-row .w{color:var(--bone);min-width:0}
.pf-row .w b{font-weight:600}

/* ── SPOTLIGHT ── */
.spot{display:grid;gap:clamp(1.4rem,3vw,2.4rem);grid-template-columns:1fr}
@media(min-width:940px){.spot{grid-template-columns:.82fr 1.18fr;align-items:center}}
.spot__cards{display:flex;flex-direction:column;gap:.7rem}
.spot__card{text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--ink-2);padding:1rem 1.1rem;cursor:pointer;position:relative;overflow:hidden;transition:border-color .35s,transform .35s var(--ease);font-family:inherit;color:inherit;width:100%}
.spot__card:hover{transform:translateX(3px)}
.spot__card.is-active{border-color:rgba(217,250,135,.5)}
.spot__card .t{display:flex;align-items:center;gap:.65rem;font-weight:560;color:var(--bone);font-size:1.02rem}
.spot__card .t .ic{width:1.9rem;height:1.9rem;border-radius:9px;background:var(--ink-3);border:1px solid var(--line);display:grid;place-items:center;color:var(--bone-faint);flex:none;transition:background .35s,color .35s}
.spot__card .t .ic svg{width:1rem;height:1rem}
.spot__card.is-active .t .ic{background:var(--lime);color:var(--on-accent);border-color:var(--lime)}
.spot__card p{margin:0;color:var(--bone-dim);font-size:.86rem;line-height:1.5;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s var(--ease),opacity .35s,margin .4s}
.spot__card.is-active p{max-height:6rem;opacity:1;margin-top:.55rem}
.spot__card .prog{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left;transform:scaleX(0);background:var(--lime)}
.spot__card.is-active .prog{animation:rmprog var(--rot,5s) linear forwards}
.spot__stage{display:grid}
.spot__panel{grid-area:1/1;opacity:0;transform:translateY(14px) scale(.985);pointer-events:none;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.spot__panel.is-active{opacity:1;transform:none;pointer-events:auto}
.spot__panel .pane2{min-height:16.5rem;display:flex;flex-direction:column}
.spot__panel .ask2,.spot__panel .av2{flex:1;display:flex;flex-direction:column;justify-content:center}
.radar__row{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.7rem 1.1rem;border-bottom:1px solid var(--line-2)}
.radar__row:last-of-type{border-bottom:0}
.radar__row .tg{width:1.4rem;height:1.4rem;border-radius:6px;display:grid;place-items:center;font-size:.68rem;flex:none}
.radar__row .tg.ok{background:rgba(217,250,135,.14);color:var(--accent)}
.radar__row .tg.risk{background:rgba(245,96,2,.14);color:var(--signal);border:1px dashed rgba(245,96,2,.5)}
.radar__row .w{font-size:.85rem;color:var(--bone);line-height:1.35}
.radar__row .w b{font-weight:600}
.radar__row .w u{text-decoration:none;color:var(--bone-faint);font-size:.9em}
.ask2{padding:1.2rem 1.2rem 1.3rem}
.ask2__q{display:flex;gap:.6rem;align-items:center;font-size:.92rem;color:var(--bone);font-weight:560;margin-bottom:.7rem}
.ask2__q .ic{width:1.6rem;height:1.6rem;border-radius:8px;background:var(--lime);color:var(--on-accent);display:grid;place-items:center;flex:none}
.ask2__q .ic svg{width:.9rem;height:.9rem}
.ask2__a{font-size:.9rem;color:var(--bone-dim);line-height:1.6}
.ask2__a b{color:var(--accent);font-weight:600}
.ask2__src{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}
.ask2__src span{font-family:var(--font-mono);font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-faint);border:1px solid var(--line-2);border-radius:99px;padding:.3em .7em}
.ask2__div{height:1px;background:var(--line-2);margin:1.1rem 0}
.av2{padding:1.15rem 1.2rem 1.3rem}
.av2__hd{font-family:var(--font-display);font-size:1.1rem;color:var(--bone);margin-bottom:.2rem}
.av2__hd em{font-style:italic;color:var(--accent)}
.av2__sub{font-size:.72rem;color:var(--bone-faint);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}
.av2__step{display:flex;align-items:center;gap:.7rem;padding:.55rem 0;border-bottom:1px solid var(--line-2);font-size:.86rem;color:var(--bone-dim)}
.av2__step:last-of-type{border-bottom:0}
.av2__step .bx{width:1.15rem;height:1.15rem;border-radius:5px;display:grid;place-items:center;font-size:.62rem;flex:none;border:1px solid var(--line)}
.av2__step .bx.done{background:var(--lime);color:var(--on-accent);border-color:var(--accent)}
.av2__step .bx.wait{border-style:dashed;border-color:rgba(245,96,2,.5);color:var(--signal)}
.av2__note{margin-top:1rem;font-size:.82rem;color:var(--accent)}

/* ── LEDGER (overnight work) ── */
.pledger__grid{display:grid;gap:clamp(2rem,5vw,4rem);align-items:center;grid-template-columns:1fr}
@media(min-width:920px){.pledger__grid{grid-template-columns:.92fr 1.08fr}}
.pledger__copy .h2{margin-bottom:1rem}
.pledger{border:1px solid var(--line);border-radius:20px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden}
.pledger__bar{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.2rem;border-bottom:1px solid var(--line);
  font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-faint)}
.pledger__bar .mk{width:16px;height:16px;border-radius:4px;background:var(--ink-3);border:1px solid var(--line);display:grid;place-items:center}
.pledger__bar .mk img{width:9px}
.pledger__bar .clock{margin-left:auto;color:var(--accent)}
.pled__row{display:flex;gap:.8rem;align-items:flex-start;padding:1rem 1.2rem;border-bottom:1px solid var(--line-2);
  opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.pled__row.in{opacity:1;transform:none}
.pled__row:last-of-type{border-bottom:0}
.pled__tag{flex:none;width:1.4rem;height:1.4rem;border-radius:6px;display:grid;place-items:center;font-size:.7rem;margin-top:.1rem}
.pled__tag--done{background:rgba(217,250,135,.14);color:var(--accent)}
.pled__tag--risk{background:rgba(245,96,2,.14);color:var(--signal);border:1px dashed rgba(245,96,2,.5)}
.pled__b{min-width:0}
.pled__b p{font-size:.9rem;color:var(--bone);line-height:1.5}
.pled__b p b{font-weight:600}
.pled__b .src{margin-top:.3rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-faint)}
.pled__brief{padding:1.1rem 1.2rem;background:rgba(239,235,227,.05);opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.pled__brief.in{opacity:1;transform:none}
.pled__brief p{font-size:.86rem;color:var(--bone-dim);line-height:1.55}
.pled__brief p b{color:var(--bone);font-weight:600}

/* ── OUTCOME — standout animated tiles ── */
.ostats{display:grid;gap:1rem;grid-template-columns:1fr;max-width:62rem;margin:2.8rem auto 0}
@media(min-width:720px){.ostats{grid-template-columns:repeat(3,1fr)}}
.ostat{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;padding:2rem 1.8rem;
  background:linear-gradient(180deg,var(--ink-3),var(--ink-2));transition:border-color .5s,transform .5s var(--ease)}
.ostat::before{content:'';position:absolute;left:1.8rem;right:1.8rem;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(217,250,135,.55),transparent)}
.ostat::after{content:'';position:absolute;left:50%;top:-35%;width:85%;height:65%;transform:translateX(-50%);background:radial-gradient(ellipse 60% 100% at 50% 0,rgba(217,250,135,.11),transparent 70%);pointer-events:none}
.ostat:hover{border-color:rgba(217,250,135,.45);transform:translateY(-6px)}
.ostat__viz{position:relative;height:4.2rem;margin-bottom:1.5rem;display:flex;align-items:flex-end;gap:.45rem}
.ostat__viz--bars span{flex:1;background:linear-gradient(180deg,var(--accent),transparent);border-radius:5px 5px 0 0;height:8%;transition:height .8s var(--ease)}
.ostats.go .ostat__viz--bars span:nth-child(1){height:34%}
.ostats.go .ostat__viz--bars span:nth-child(2){height:66%;transition-delay:.12s}
.ostats.go .ostat__viz--bars span:nth-child(3){height:100%;transition-delay:.24s}
.ostat__viz--ring{align-items:center}
.ostat__viz--ring svg{width:4.2rem;height:4.2rem;transform:rotate(-90deg)}
.ostat__viz--ring .track{fill:none;stroke:var(--line);stroke-width:5}
.ostat__viz--ring .fill{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:125.6;stroke-dashoffset:125.6;transition:stroke-dashoffset 1.1s var(--ease)}
.ostats.go .ostat__viz--ring .fill{stroke-dashoffset:var(--ring-to,75.4)}
.ostat__viz--ticks{align-items:center}
.ostat__viz--ticks i{width:1.8rem;height:1.8rem;border-radius:8px;background:var(--glass);border:1px solid var(--line);display:grid;place-items:center;opacity:0;transform:scale(.6);transition:opacity .4s,transform .4s var(--ease)}
.ostat__viz--ticks i::after{content:'✓';color:var(--accent);font-size:.85rem}
.ostats.go .ostat__viz--ticks i{opacity:1;transform:none}
.ostats.go .ostat__viz--ticks i:nth-child(2){transition-delay:.12s}
.ostats.go .ostat__viz--ticks i:nth-child(3){transition-delay:.24s}
.ostats.go .ostat__viz--ticks i:nth-child(4){transition-delay:.36s}
.ostat__n{display:block;font-family:var(--font-display);font-weight:330;font-size:clamp(2.9rem,5.5vw,3.7rem);letter-spacing:-.02em;color:var(--accent);line-height:1}
.ostat b{display:block;color:var(--bone);font-weight:560;margin:.7rem 0 .3rem;font-size:1rem}
.ostat__sub{color:var(--bone-dim);font-size:.86rem;line-height:1.5}

/* ── CLOSE — full-width founding CTA ── */
.close{position:relative;z-index:2;overflow:hidden;margin-top:clamp(3rem,7vw,6rem);border-top:1px solid var(--line);
  background:linear-gradient(180deg,var(--ink-2),var(--ink));padding:clamp(4rem,9vw,7rem) var(--pad)}
.close::before{content:'';position:absolute;left:50%;top:-25%;width:min(80rem,150%);height:135%;transform:translateX(-50%);
  background:radial-gradient(ellipse 42% 50% at 50% 0%,rgba(217,250,135,.17),transparent 64%);pointer-events:none}
.close__in{position:relative;max-width:46rem;margin:0 auto;text-align:center}
.close__mark{width:3.5rem;height:3.5rem;border-radius:15px;background:var(--lime);display:grid;place-items:center;margin:0 auto 1.6rem;box-shadow:0 0 54px rgba(217,250,135,.34)}
.close__mark img{width:1.75rem;filter:brightness(0)}
.close__tag{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}
.close__tag i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime);animation:beat 1.8s ease-in-out infinite}
.close h2{margin-bottom:1rem}
.close__sub{color:var(--bone-dim);max-width:44ch;margin:0 auto 2.2rem;font-size:1.05rem;line-height:1.55}