/* ============================================================
   REWARD EDGE — design system  (v2: ink-navy + teal + amber)
   ============================================================ */
:root{
  /* surfaces */
  --navy:#0B1220;          /* ink navy — dominant dark surface */
  --navy-2:#0F1A2E;        /* raised navy panel */
  --navy-3:#13243C;        /* hairline-on-navy fill */
  --off:#F6F7F8;           /* off-white — dominant light surface */
  --surface:#FFFFFF;
  --tint:#ECEFF2;          /* cool light tint */
  --cool:#D9DEE3;
  /* signal + accent */
  --teal:#00B39F;          /* the signal */
  --teal-bright:#00E0B5;
  --teal-deep:#067E70;     /* teal that holds AA as text on white (4.6:1) */
  --teal-slate:#3C8F8A;
  --amber:#FFB020;         /* reserved: the single primary CTA */
  --amber-600:#E89A0A;
  --slate:#5B6B7C;
  /* text */
  --ink:#0B1220;
  --ink-2:#3A4654;         /* body on light */
  --muted:#6B7785;         /* caption on light (4.6:1) */
  --line:#E4E8EC;
  --line-2:#D5DBE1;
  /* on-navy */
  --on-navy:#F4F7FA;
  --on-navy-body:#C2CDD9;
  --on-navy-muted:#8492A1;
  --on-navy-line:rgba(255,255,255,.12);
  /* type */
  --font:"Manrope",-apple-system,system-ui,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  /* scale */
  --t-display:clamp(2.6rem,6vw,4.5rem);
  --t-h1:clamp(2.1rem,4.6vw,3.4rem);
  --t-h2:clamp(1.7rem,3.4vw,2.5rem);
  --t-h3:1.5rem;
  --t-h4:1.1875rem;
  --t-lead:clamp(1.125rem,1.6vw,1.3125rem);
  --t-body:1.0625rem;
  --t-small:0.9375rem;
  --t-xs:0.8125rem;
  --t-over:0.75rem;
  /* spacing 4/8 */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px;
  /* radius */
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px;
  /* elevation — navy-tinted */
  --sh1:0 1px 2px rgba(11,18,32,.07), 0 1px 1px rgba(11,18,32,.04);
  --sh2:0 8px 30px rgba(11,18,32,.10);
  --sh3:0 24px 60px rgba(11,18,32,.18);
  --max:1200px;
  --gutter:clamp(20px,5vw,56px);
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:var(--font);font-size:var(--t-body);line-height:1.62;color:var(--ink);background:var(--off);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-weight:800;line-height:1.04;letter-spacing:-.035em;color:var(--navy)}
h3{letter-spacing:-.025em}h4{letter-spacing:-.02em;font-weight:700}
p{text-wrap:pretty}
a{color:var(--teal-deep);text-decoration:none}
img,svg{display:block}
::selection{background:rgba(0,179,159,.22)}
.tnum,.fig{font-variant-numeric:tabular-nums lining-nums}

/* layout */
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}
.wrap-narrow{max-width:920px;margin:0 auto;padding-inline:var(--gutter)}
section{padding-block:var(--s9)}
section.tight{padding-block:var(--s8)}
.band-navy{background:var(--navy);color:var(--on-navy-body)}
.band-navy h1,.band-navy h2,.band-navy h3,.band-navy h4{color:var(--on-navy)}
.band-tint{background:var(--tint)}
.band-surface{background:var(--surface)}

/* eyebrow + signature accent rule */
.eyebrow{font-family:var(--mono);font-size:var(--t-over);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--slate);display:inline-flex;align-items:center;gap:var(--s3)}
.eyebrow::after{content:"";height:2px;width:0;background:var(--teal);transition:width 1s var(--ease) .1s}
.reveal.in .eyebrow::after,.eyebrow.drawn::after{width:48px}
.band-navy .eyebrow{color:var(--teal-bright)}
.band-navy .eyebrow::after{background:var(--teal-bright)}
.lead{font-size:var(--t-lead);color:var(--ink-2);font-weight:500;line-height:1.5}
.band-navy .lead{color:var(--on-navy-body)}
.teal{color:var(--teal-deep)}
.band-navy .teal{color:var(--teal-bright)}

/* reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal[data-d="1"]{transition-delay:.08s}.reveal[data-d="2"]{transition-delay:.16s}.reveal[data-d="3"]{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.eyebrow::after{transition:none;width:48px}}

/* ---------- NAV ---------- */
.nav{position:sticky;top:0;z-index:60;background:rgba(11,18,32,.0);transition:background .3s var(--ease),box-shadow .3s var(--ease),backdrop-filter .3s}
.nav.on-light{position:sticky}
.nav .inner{display:flex;align-items:center;gap:var(--s6);height:74px;transition:height .3s var(--ease)}
.nav.scrolled{background:rgba(246,247,248,.9);backdrop-filter:saturate(150%) blur(12px);box-shadow:var(--sh1)}
.nav.scrolled .inner{height:62px}
.nav.dark{background:rgba(11,18,32,.92)}
.nav.dark.scrolled{background:rgba(11,18,32,.96);box-shadow:0 1px 0 var(--on-navy-line)}
.nav .links{display:flex;align-items:center;gap:var(--s6);margin-left:auto}
.nav .links a.navlink{font-size:var(--t-small);font-weight:700;color:var(--ink-2);white-space:nowrap;position:relative;padding-block:6px}
.nav.dark .links a.navlink{color:var(--on-navy-body)}
.nav .links a.navlink::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--teal);transition:width .25s var(--ease)}
.nav .links a.navlink:hover{color:var(--navy)}
.nav.dark .links a.navlink:hover{color:#fff}
.nav .links a.navlink:hover::after,.nav .links a.navlink[aria-current]::after{width:100%}
.nav .menu-btn{display:none;margin-left:auto;background:none;border:0;cursor:pointer;padding:8px}
.mobile-drawer{display:none;border-top:1px solid var(--line)}
.nav.dark .mobile-drawer{border-top-color:var(--on-navy-line)}
.mobile-drawer[data-open]{display:block}
.mobile-drawer .md-inner{display:flex;flex-direction:column;gap:4px;padding:var(--s4) var(--gutter) var(--s5)}
.mobile-drawer a{font-size:1.0625rem;font-weight:700;color:var(--ink);padding:10px 0}
.nav.dark .mobile-drawer a{color:var(--on-navy-body)}
.nav.scrolled .mobile-drawer{background:var(--off)}
.nav.dark .mobile-drawer{background:var(--navy)}

/* ---------- WORDMARK / MARK ---------- */
.brand{display:inline-flex;align-items:center;gap:11px}
.brand svg{flex:0 0 auto}
.wm{font-weight:800;letter-spacing:-.03em;line-height:.86;color:var(--navy)}
.wm .e{color:var(--teal-deep)}
.brand.rev .wm{color:#fff}.brand.rev .wm .e{color:var(--teal-bright)}

/* ---------- BUTTONS ---------- */
.btn{font-family:var(--font);font-size:var(--t-small);font-weight:700;letter-spacing:-.01em;line-height:1;cursor:pointer;border:1.5px solid transparent;border-radius:var(--r-sm);padding:14px 22px;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;transition:transform .15s var(--ease),background .2s,border-color .2s,box-shadow .2s,color .2s}
.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--off),0 0 0 5px var(--teal)}
.btn .arr{transition:transform .2s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
/* primary = amber, single per surface */
.btn-primary{background:var(--amber);color:var(--navy);box-shadow:var(--sh1)}
.btn-primary:hover{background:var(--amber-600);transform:translateY(-1px);box-shadow:var(--sh2)}
.btn-secondary{background:transparent;color:var(--navy);border-color:var(--line-2)}
.btn-secondary:hover{border-color:var(--navy);transform:translateY(-1px)}
.band-navy .btn-secondary,.nav.dark .btn-secondary{color:#fff;border-color:var(--on-navy-line)}
.band-navy .btn-secondary:hover,.nav.dark .btn-secondary:hover{border-color:#fff}
/* dark containers that are navy but not .band-navy */
.hero .btn-secondary,.sol.wide .btn-secondary,.lane--bring .btn-secondary,.firm.design .btn-secondary{color:#fff;border-color:var(--on-navy-line)}
.hero .btn-secondary:hover,.sol.wide .btn-secondary:hover,.lane--bring .btn-secondary:hover,.firm.design .btn-secondary:hover{border-color:#fff}
.btn-teal{background:var(--teal);color:#04241F}
.btn-teal:hover{background:var(--teal-bright);transform:translateY(-1px);box-shadow:var(--sh2)}
.btn-ghost{background:transparent;color:var(--teal-deep);padding-inline:4px;border-radius:var(--r-xs)}
.band-navy .btn-ghost{color:var(--teal-bright)}
.btn-sm{padding:10px 15px;font-size:var(--t-xs)}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}

/* ---------- CARDS ---------- */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s6);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s}
.card.lift:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:var(--line-2)}
.card.on-navy{background:var(--navy-2);border-color:var(--navy-3);color:var(--on-navy-body)}

/* ---------- PILLS ---------- */
.pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:var(--t-over);font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:6px 11px;border-radius:var(--r-xs);border:1px solid;white-space:nowrap}
.pill-free{color:var(--teal-deep);border-color:rgba(0,179,159,.34);background:rgba(0,179,159,.08)}
.pill-free .d{width:6px;height:6px;border-radius:50%;background:var(--teal)}
.pill-amber{color:#7A5200;border-color:rgba(255,176,32,.5);background:rgba(255,176,32,.14)}
.pill-ghost{color:var(--muted);border-color:var(--line-2);background:var(--surface)}
.band-navy .pill-free{color:var(--teal-bright);border-color:rgba(0,224,181,.34);background:rgba(0,224,181,.1)}
.band-navy .pill-ghost{color:var(--on-navy-muted);border-color:var(--on-navy-line);background:transparent}

/* ---------- STATS ---------- */
.stat .num{font-weight:800;font-size:clamp(2.6rem,5vw,3.6rem);line-height:1;letter-spacing:-.04em;color:var(--navy);font-variant-numeric:tabular-nums lining-nums}
.stat .num .u{color:var(--teal-deep);font-size:.5em;margin-left:1px}
.band-navy .stat .num{color:#fff}.band-navy .stat .num .u{color:var(--teal-bright)}
.stat .srule{height:2px;width:30px;background:var(--amber);margin-top:var(--s3)}
.stat .lbl{font-family:var(--mono);font-size:var(--t-over);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:var(--s3)}
.band-navy .stat .lbl{color:var(--on-navy-muted)}

/* ---------- FORMS ---------- */
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:var(--s4)}
.field label{font-size:var(--t-small);font-weight:700;color:var(--navy)}
.field .help{font-size:var(--t-xs);color:var(--muted)}
.input,.select{font-family:var(--font);font-size:var(--t-body);color:var(--ink);background:var(--surface);border:1.5px solid var(--line-2);border-radius:var(--r-sm);padding:13px 15px;width:100%;transition:border-color .2s,box-shadow .2s}
.input::placeholder{color:#9aa6b2}
.input:focus,.select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,179,159,.16)}
.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235B6B7C' stroke-width='1.6'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:42px}
.field.err .input,.field.err .select{border-color:#B23A3A;box-shadow:0 0 0 3px rgba(178,58,58,.12)}
.field.err .help{color:#B23A3A}
.segmented{display:inline-flex;background:var(--tint);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:3px;gap:2px;flex-wrap:wrap}
.segmented input{position:absolute;opacity:0;pointer-events:none}
.segmented label{font-size:var(--t-xs);font-weight:700;color:var(--slate);padding:9px 15px;border-radius:7px;cursor:pointer;transition:all .18s var(--ease);white-space:nowrap}
.segmented input:checked + label{background:var(--surface);color:var(--navy);box-shadow:var(--sh1)}
.segmented label:hover{color:var(--navy)}
.segmented input:focus-visible + label{box-shadow:0 0 0 2px var(--teal)}

/* ---------- PULL QUOTE ---------- */
.pullquote{max-width:900px}
.pullquote .q{font-weight:800;font-size:clamp(1.5rem,3.4vw,2.4rem);line-height:1.22;letter-spacing:-.03em;color:var(--navy)}
.band-navy .pullquote .q{color:var(--on-navy)}
.pullquote .q em{font-style:normal;color:var(--teal-deep)}
.band-navy .pullquote .q em{color:var(--teal-bright)}
.pullquote cite{display:block;margin-top:var(--s5);font-style:normal;font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.04em;color:var(--muted)}
.pullquote cite b{color:var(--navy);font-weight:600}
.band-navy .pullquote cite b{color:#fff}

/* ---------- FOOTER ---------- */
.footer{background:var(--navy);color:var(--on-navy-body);padding-block:var(--s8) var(--s6)}
.footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--s6);padding-bottom:var(--s7);border-bottom:1px solid var(--on-navy-line)}
.footer h5{font-family:var(--mono);font-size:var(--t-over);letter-spacing:.16em;text-transform:uppercase;color:var(--on-navy-muted);margin-bottom:var(--s4);font-weight:500}
.footer ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.footer a{color:var(--on-navy-body);font-size:var(--t-small)}
.footer a:hover{color:#fff}
.footer .fine{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s3);padding-top:var(--s5);font-size:var(--t-xs);color:var(--on-navy-muted)}

/* ---------- decorative steps pattern ---------- */
.steps-deco{position:absolute;pointer-events:none;opacity:.9}

/* ---------- helpers ---------- */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5)}
.split{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--s8);align-items:center}
.label-tag{font-family:var(--mono);font-size:var(--t-over);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);font-weight:500}
.band-navy .label-tag{color:var(--teal-bright)}
.hr-rule{height:2px;width:48px;background:var(--teal);margin-block:var(--s4)}
.hr-rule.amber{background:var(--amber)}
.divider{height:1px;background:var(--line)}
.band-navy .divider{background:var(--on-navy-line)}
.tick{flex:0 0 auto;margin-top:3px}
.checklist{list-style:none;display:flex;flex-direction:column;gap:12px}
.checklist li{display:flex;gap:11px;font-size:var(--t-small);align-items:flex-start}

@media (max-width:900px){
  .grid-3,.grid-4{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr;gap:var(--s6)}
  .footer .cols{grid-template-columns:1fr 1fr}
  .nav .links{display:none}
  .nav .menu-btn{display:block}
  .nav.dark .menu-btn svg{stroke:#fff}
}
@media (max-width:560px){
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .footer .cols{grid-template-columns:1fr}
}

/* ============================================================
   v1 SITE COMPONENTS — capture form, magnets, thank-you,
   objection/reframe, scheduler, editorial sequences
   ============================================================ */

/* footer talking-point (quiet, body-size, never a heading) */
.footer .fine .talking-point{font-style:italic;color:var(--on-navy-muted)}

/* sticky mobile CTA — keeps the one primary action reachable < 900px */
.mobile-cta{display:none}
@media (max-width:900px){
  .mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(246,247,248,.92);backdrop-filter:saturate(150%) blur(12px);border-top:1px solid var(--line-2)}
  .mobile-cta .btn{width:100%;justify-content:center}
  body{padding-bottom:72px}
}

/* ---------- REUSABLE CAPTURE FORM (email + ONE question) ---------- */
.capture-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh3);overflow:hidden;color:var(--ink)}
.capture-form .cf-preview{background:linear-gradient(180deg,#fff,var(--off));border-bottom:1px solid var(--line);padding:var(--s5) var(--s6);display:flex;gap:var(--s5);align-items:center}
.capture-form .cf-doc{flex:0 0 78px;height:104px;border-radius:8px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh2);position:relative;overflow:hidden}
.capture-form .cf-doc::before{content:"";position:absolute;inset:0;height:24px;background:var(--navy)}
.capture-form .cf-doc i{position:absolute;left:8px;height:5px;border-radius:3px;background:var(--tint)}
.capture-form .cf-body{padding:var(--s6)}
.capture-form .cf-q{font-weight:700;color:var(--navy);font-size:var(--t-small);margin-bottom:9px;display:block}
.capture-form .radio-stack{display:flex;flex-direction:column;gap:8px}
.capture-form .radio-stack label{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1.5px solid var(--line-2);border-radius:var(--r-sm);font-size:var(--t-small);font-weight:600;color:var(--ink-2);cursor:pointer;transition:border-color .18s var(--ease),background .18s,color .18s}
.capture-form .radio-stack label::before{content:"";flex:0 0 auto;width:18px;height:18px;border-radius:50%;border:2px solid var(--line-2);transition:border-color .18s,box-shadow .18s}
.capture-form .radio-stack label:hover{border-color:var(--cool);color:var(--navy)}
.capture-form .radio-stack input{position:absolute;opacity:0;pointer-events:none}
.capture-form .radio-stack input:checked + label{border-color:var(--teal);background:rgba(0,179,159,.06);color:var(--navy)}
.capture-form .radio-stack input:checked + label::before{border-color:var(--teal);box-shadow:inset 0 0 0 4px var(--teal)}
.capture-form .radio-stack input:focus-visible + label{box-shadow:0 0 0 3px rgba(0,179,159,.28)}
.cf-trust{font-family:var(--mono);font-size:var(--t-over);color:var(--muted);margin-top:var(--s4);text-align:center;letter-spacing:.02em}

/* ---------- THANK-YOU / SUCCESS STATE (reusable, parameterised) ---------- */
.cf-thanks{display:none;padding:var(--s7) var(--s6);text-align:center}
.cf-thanks.show{display:block;animation:cfin .4s var(--ease)}
@keyframes cfin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cf-thanks.show{animation:none}}
.cf-thanks .tick-badge{width:54px;height:54px;margin:0 auto var(--s4)}
.cf-thanks h3{font-size:var(--t-h3)}
.cf-thanks .up{background:var(--off);border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:var(--r-sm);padding:14px 16px;margin:var(--s5) 0;text-align:left}
.cf-thanks .up .label-tag{display:block;margin-bottom:4px}
.cf-thanks .up p{font-size:var(--t-small);color:var(--ink-2)}

/* ---------- LEAD-MAGNET LIBRARY CARDS (differentiated, not uniform) ---------- */
.magnet{position:relative;display:flex;flex-direction:column;gap:var(--s3);align-items:flex-start;scroll-margin-top:96px}
.magnet .ic{width:46px;height:46px;border-radius:11px;background:rgba(0,179,159,.1);border:1px solid rgba(0,179,159,.2);display:flex;align-items:center;justify-content:center}
.magnet .ic svg{stroke:var(--teal-deep);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.magnet.primary{background:var(--navy);border-color:var(--navy);color:var(--on-navy-body)}
.magnet.primary h3,.magnet.primary h4{color:#fff}
.magnet.primary .ic{background:rgba(0,224,181,.12);border-color:rgba(0,224,181,.28)}
.magnet.primary .ic svg{stroke:var(--teal-bright)}
.magnet .foot{margin-top:auto;padding-top:var(--s4)}

/* ---------- OBJECTION / REFRAME (editorial, not an accordion) ---------- */
.objection{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--s6);padding-block:var(--s6);border-top:1px solid var(--line);align-items:start}
.objection:last-child{border-bottom:1px solid var(--line)}
.objection .obj{font-weight:800;font-size:clamp(1.3rem,2.4vw,1.75rem);letter-spacing:-.03em;color:var(--navy);position:relative;padding-left:30px}
.objection .obj::before{content:"";position:absolute;left:0;top:.55em;width:18px;height:2px;background:var(--slate)}
.objection .reframe{position:relative;padding-left:30px}
.objection .reframe::before{content:"\2192";position:absolute;left:0;top:-2px;font-size:1.25rem;color:var(--teal-deep);font-weight:700}
.objection .reframe p{color:var(--ink-2)}
.band-navy .objection{border-color:var(--on-navy-line)}
.band-navy .objection .obj{color:#fff}
.band-navy .objection .reframe::before{color:var(--teal-bright)}
.band-navy .objection .reframe p{color:var(--on-navy-body)}
@media (max-width:760px){.objection{grid-template-columns:1fr;gap:var(--s3)}}

/* ---------- NUMBERED EDITORIAL SEQUENCE (stat-style lines, not cards) ---------- */
.seq{counter-reset:seq;border-top:1px solid var(--line)}
.band-navy .seq{border-color:var(--on-navy-line)}
.seq .row{display:grid;grid-template-columns:auto 1fr;gap:var(--s6);padding-block:var(--s6);border-bottom:1px solid var(--line);align-items:baseline}
.band-navy .seq .row{border-color:var(--on-navy-line)}
.seq .row .idx{counter-increment:seq;font-family:var(--mono);font-size:var(--t-small);font-weight:500;color:var(--teal-deep);letter-spacing:.06em}
.seq .row .idx::before{content:counter(seq,decimal-leading-zero)}
.band-navy .seq .row .idx{color:var(--teal-bright)}
.seq .row p{font-size:clamp(1.05rem,1.7vw,1.3rem);font-weight:600;color:var(--navy);line-height:1.4;letter-spacing:-.01em;max-width:60ch}
.band-navy .seq .row p{color:var(--on-navy)}
.seq .row p .muted{color:var(--ink-2);font-weight:500}
.band-navy .seq .row p .muted{color:var(--on-navy-body)}

/* ---------- EDGE POINTS (asymmetric 2x2, differentiated) ---------- */
.edge-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.edge{background:var(--surface);padding:var(--s7) var(--s6)}
.edge.lead-cell{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;background:var(--navy);color:var(--on-navy-body)}
.edge.lead-cell h3{color:#fff;font-size:clamp(1.6rem,2.8vw,2.2rem)}
.edge .et{font-weight:800;font-size:var(--t-h4);letter-spacing:-.02em;color:var(--navy);margin-bottom:8px}
.edge .et .k{color:var(--teal-deep)}
.edge p{font-size:var(--t-small);color:var(--ink-2)}
@media (max-width:760px){.edge-grid{grid-template-columns:1fr}.edge.lead-cell{grid-row:auto}}

/* ---------- SCHEDULER PLACEHOLDER (Cal.com drop-in) ---------- */
.scheduler{background:var(--surface);border:1.5px dashed var(--line-2);border-radius:var(--r-md);min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);padding:var(--s7);text-align:center}
.scheduler .ph-mark{opacity:.5}
.scheduler .ph-label{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.scheduler .ph-note{font-size:var(--t-small);color:var(--ink-2);max-width:34ch}

/* ---------- IDENTITY SELF-SORT BLOCKS ---------- */
.identity{display:grid;gap:var(--s5)}
.id-block{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s5);align-items:center;padding:var(--s6);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}
.id-block:hover{border-color:var(--line-2);box-shadow:var(--sh2);transform:translateY(-2px)}
.id-block .role{font-family:var(--mono);font-size:var(--t-over);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);font-weight:500;writing-mode:vertical-rl;transform:rotate(180deg);align-self:stretch;border-right:2px solid var(--teal);padding-right:14px}
.id-block h3{font-size:clamp(1.25rem,2vw,1.6rem)}
.id-block p{color:var(--ink-2);font-size:var(--t-small);margin-top:6px;max-width:56ch}
.id-block .go{flex:0 0 auto}
@media (max-width:760px){
  .id-block{grid-template-columns:1fr;gap:var(--s4)}
  .id-block .role{writing-mode:horizontal-tb;transform:none;border-right:0;border-left:2px solid var(--teal);padding:0 0 0 12px}
  .id-block .go{justify-self:start}
}