/* ═══════════════════════════════════════════════════════════
   INVERZA — Covesto Premium Template v1
   Variation picks: ink hero → porcelain body → ink footer
   Accent: aqua-teal (saturated) · Brass reserved for tier/credential only
   Type: Satoshi (single family) + JetBrains Mono (data only)
   ═══════════════════════════════════════════════════════════ */
:root{
  /* ground */
  --porcelain:#F6F7F8;
  --porcelain-hi:#FFFFFF;
  --ink:#0A1220;
  --ink-2:#101B2D;
  --ink-3:#17263D;
  /* accent — ONE saturated */
  --aqua:#0FA9A4;
  --aqua-hi:#3FD6CF;
  --aqua-dp:#0A7D79;
  /* secondary — credentials / tier markers ONLY */
  --brass:#B08A4A;
  --brass-hi:#DCB979;
  /* text */
  --t1:#0A1220;
  --t2:#4B5A6E;
  --t3:#8794A5;
  --on-ink:#E4EAF2;
  --on-ink-2:#94A5BC;
  --on-ink-3:#5D6E86;
  /* lines */
  --ln:rgba(10,18,32,.09);
  --ln-d:rgba(255,255,255,.10);
  --ln-d2:rgba(255,255,255,.18);
  /* system */
  --ease:cubic-bezier(0.16,1,0.3,1);
  --micro:160ms;
  --base:540ms;
  --orch:1200ms;
  --f:'Satoshi',system-ui,-apple-system,sans-serif;
  --m:'JetBrains Mono',ui-monospace,monospace;
  --gut:clamp(20px,4.6vw,64px);
  --pad:clamp(64px,8vw,88px);
  --fs:1;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--porcelain);color:var(--t1);
  font-family:var(--f);font-weight:400;
  font-size:calc(16px*var(--fs));line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
h1,h2,h3{margin:0;font-weight:900;letter-spacing:-.035em;line-height:1.02}
p{margin:0}
a{color:inherit;text-decoration:none}
.wrap{max-width:1260px;margin:0 auto;padding:0 var(--gut)}
.mono{font-family:var(--m);font-size:calc(10.5px*var(--fs));letter-spacing:.2em;text-transform:uppercase;font-weight:500}
.skip{position:absolute;left:-9999px;background:var(--ink);color:#fff;padding:12px 18px;z-index:999}
.skip:focus{left:10px;top:10px}
:focus-visible{outline:2px solid var(--aqua-hi);outline-offset:3px;border-radius:2px}

/* ── NAV (glass use 1 of 5) ───────────────────────────────── */
.nav{position:fixed;inset:0 0 auto 0;z-index:200;transition:background var(--base) var(--ease),backdrop-filter var(--base) var(--ease),border-color var(--base) var(--ease);border-bottom:1px solid transparent}
.nav.stuck{background:rgba(10,18,32,.62);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom-color:var(--ln-d)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:22px;height:76px;max-width:1260px;margin:0 auto;padding:0 var(--gut)}
.logo{display:flex;align-items:center;gap:11px}
.logo svg{width:30px;height:30px;flex:none}
.logo b{font-size:calc(19.5px*var(--fs));font-weight:700;letter-spacing:-.02em;color:var(--on-ink)}
.logo i{font-style:normal;font-family:var(--m);font-size:calc(8.5px*var(--fs));letter-spacing:.2em;color:var(--brass-hi);text-transform:uppercase;padding-left:9px;margin-left:2px;border-left:1px solid var(--ln-d2)}
.links{display:flex;gap:30px;align-items:center}
.links a{font-size:calc(14px*var(--fs));font-weight:500;color:var(--on-ink-2);transition:color var(--micro) var(--ease);position:relative}
.links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1.5px;background:var(--aqua-hi);transition:width var(--base) var(--ease)}
.links a:hover{color:var(--on-ink)}
.links a:hover::after{width:100%}
.cta{display:inline-flex;align-items:center;gap:9px;font-size:calc(14px*var(--fs));font-weight:700;padding:12px 22px;border-radius:10px;background:var(--aqua);color:#03211F;transition:transform var(--micro) var(--ease),box-shadow var(--base) var(--ease),background var(--micro) var(--ease);box-shadow:0 4px 20px rgba(15,169,164,.28);cursor:pointer;border:none;font-family:var(--f)}
.cta:hover{background:var(--aqua-hi);transform:translateY(-2px);box-shadow:0 10px 30px rgba(15,169,164,.42)}
.cta svg{width:14px;height:14px}
.cta-ghost{background:transparent;color:var(--on-ink);border:1px solid var(--ln-d2);box-shadow:none}
.cta-ghost:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.35);box-shadow:none}
.burger{display:none;background:none;border:1px solid var(--ln-d2);border-radius:9px;color:var(--on-ink);width:42px;height:42px;cursor:pointer;font-size:16px}
@media(max-width:1000px){
  .links{position:fixed;inset:76px 0 auto 0;flex-direction:column;align-items:flex-start;gap:0;background:rgba(10,18,32,.96);backdrop-filter:blur(20px);max-height:0;overflow:hidden;transition:max-height var(--base) var(--ease);padding:0 var(--gut);border-bottom:1px solid var(--ln-d)}
  .links.open{max-height:340px;padding:12px var(--gut) 24px}
  .links a{padding:13px 0;font-size:calc(16px*var(--fs))}
  .nav .cta{display:none}.burger{display:block}
}

/* ── HERO ─────────────────────────────────────────────────── */
.hero{position:relative;background:var(--ink);color:var(--on-ink);padding:calc(76px + var(--pad)) 0 calc(var(--pad) + 12px);overflow:hidden;isolation:isolate}
/* aurora field */
.aurora{position:absolute;inset:-25%;z-index:0;filter:blur(90px);opacity:.72;pointer-events:none}
.aurora i{position:absolute;display:block;border-radius:50%}
.a1{width:46vw;height:46vw;background:radial-gradient(circle,rgba(15,169,164,.55),transparent 66%);top:2%;left:44%}
.a2{width:38vw;height:38vw;background:radial-gradient(circle,rgba(58,96,214,.42),transparent 66%);top:34%;left:12%}
.a3{width:30vw;height:30vw;background:radial-gradient(circle,rgba(176,138,74,.32),transparent 66%);top:52%;left:62%}
/* precision grid */
.grid-bg{position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:linear-gradient(var(--ln-d) 1px,transparent 1px),linear-gradient(90deg,var(--ln-d) 1px,transparent 1px);
  background-size:76px 76px;
  -webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,#000 10%,transparent 78%);
          mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,#000 10%,transparent 78%)}
/* film grain */
.grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.22;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
/* cursor glow */
.glow{position:absolute;width:620px;height:620px;border-radius:50%;z-index:3;pointer-events:none;opacity:0;transition:opacity 600ms var(--ease);mix-blend-mode:screen;
  background:radial-gradient(circle,rgba(15,169,164,.20),rgba(15,169,164,.06) 42%,transparent 68%)}
.hero-in{position:relative;z-index:5;display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(32px,5vw,72px);align-items:center}
@media(max-width:1000px){.hero-in{grid-template-columns:1fr;gap:56px}}

.badge{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border-radius:100px;border:1px solid var(--ln-d2);background:rgba(255,255,255,.05);backdrop-filter:blur(10px);margin-bottom:28px}
.badge b{display:block;width:6px;height:6px;border-radius:50%;background:var(--aqua-hi);box-shadow:0 0 10px var(--aqua-hi);animation:bp 2.6s var(--ease) infinite;margin-left:5px}
@keyframes bp{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
.badge span{font-family:var(--m);font-size:calc(10px*var(--fs));letter-spacing:.18em;text-transform:uppercase;color:var(--on-ink-2)}
h1{font-size:clamp(40px,5.9vw,78px);max-width:13ch}
h1 .gr{background:linear-gradient(102deg,var(--aqua-hi) 0%,var(--aqua) 46%,var(--brass-hi) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.lede{margin-top:26px;max-width:50ch;font-size:calc(17.5px*var(--fs));line-height:1.68;color:var(--on-ink-2);font-weight:300}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.proof{display:flex;flex-wrap:wrap;gap:0;margin-top:44px;border-top:1px solid var(--ln-d);padding-top:24px}
.proof div{padding-right:clamp(20px,3vw,40px);margin-right:clamp(20px,3vw,40px);border-right:1px solid var(--ln-d)}
.proof div:last-child{border-right:none;margin-right:0;padding-right:0}
.proof b{display:block;font-size:calc(25px*var(--fs));font-weight:900;letter-spacing:-.03em;color:var(--on-ink);font-variant-numeric:tabular-nums}
.proof span{font-family:var(--m);font-size:calc(9.5px*var(--fs));letter-spacing:.16em;text-transform:uppercase;color:var(--on-ink-3);display:block;margin-top:5px}

/* ── HERO GLASS TERMINAL (glass use 2 of 5) ───────────────── */
.stage{position:relative;perspective:1400px}
.card{
  position:relative;border-radius:22px;padding:24px;transform-style:preserve-3d;
  background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,.04) 46%,rgba(255,255,255,.07));
  backdrop-filter:blur(26px) saturate(1.7);-webkit-backdrop-filter:blur(26px) saturate(1.7);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 32px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.24);
  will-change:transform;
}
.card::after{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;
  background:linear-gradient(140deg,rgba(255,255,255,.24),transparent 34%)}
.c-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.11);transform:translateZ(28px)}
.c-pair{display:flex;align-items:baseline;gap:10px}
.c-pair b{font-size:calc(17px*var(--fs));font-weight:700;letter-spacing:-.01em}
.c-pair em{font-style:normal;font-family:var(--m);font-size:calc(10px*var(--fs));letter-spacing:.14em;color:var(--aqua-hi);border:1px solid rgba(63,214,207,.4);border-radius:5px;padding:2px 6px}
.c-live{display:flex;align-items:center;gap:7px;font-family:var(--m);font-size:calc(9.5px*var(--fs));letter-spacing:.16em;text-transform:uppercase;color:var(--on-ink-2)}
.c-live b{width:5px;height:5px;border-radius:50%;background:var(--aqua-hi);animation:bp 2.2s infinite}
.chart{position:relative;margin:20px 0 8px;transform:translateZ(40px)}
.chart svg{width:100%;height:158px;display:block;overflow:visible}
#line{fill:none;stroke:url(#lg);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#fill{fill:url(#fg);opacity:0}
#dot{fill:var(--aqua-hi);filter:drop-shadow(0 0 8px rgba(63,214,207,.95))}
#halo{fill:none;stroke:rgba(63,214,207,.5);stroke-width:1.4}
.c-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transform:translateZ(24px);margin-top:14px}
.c-metrics div{background:rgba(10,18,32,.42);padding:13px 14px}
.c-metrics span{display:block;font-family:var(--m);font-size:calc(8.5px*var(--fs));letter-spacing:.15em;text-transform:uppercase;color:var(--on-ink-3)}
.c-metrics b{display:block;margin-top:5px;font-size:calc(14.5px*var(--fs));font-weight:700;font-variant-numeric:tabular-nums}

/* floating chips (glass use 3 of 5) */
.chip{position:absolute;z-index:9;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;
  background:rgba(255,255,255,.10);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.19);box-shadow:0 12px 34px rgba(0,0,0,.4);
  font-family:var(--m);font-size:calc(10px*var(--fs));letter-spacing:.13em;text-transform:uppercase;color:var(--on-ink);white-space:nowrap;will-change:transform}
.chip i{width:6px;height:6px;border-radius:50%;background:var(--aqua-hi);display:block;flex:none}
.chip.brass{border-color:rgba(220,185,121,.34);color:var(--brass-hi)}
.chip.brass i{background:var(--brass-hi)}
.chip-1{top:-22px;left:-26px}
.chip-2{bottom:64px;right:-30px}
.chip-3{bottom:-20px;left:34px}
@media(max-width:1000px){.chip-1{left:0}.chip-2{right:0}}
@media(max-width:560px){.chip{display:none}}

/* ── SESSION STRIP (glass use 4 of 5) ─────────────────────── */
.strip{position:relative;z-index:5;margin-top:clamp(40px,5vw,64px);border-radius:16px;padding:20px 22px;
  background:rgba(255,255,255,.055);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.11)}
.strip-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.strip-top .mono{color:var(--on-ink-3)}
#utc{font-family:var(--m);font-size:calc(11.5px*var(--fs));letter-spacing:.14em;color:var(--aqua-hi);font-variant-numeric:tabular-nums}
.sess{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.sess div{position:relative;border-radius:10px;padding:11px 13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:background var(--base) var(--ease),border-color var(--base) var(--ease)}
.sess div.on{background:rgba(15,169,164,.16);border-color:rgba(63,214,207,.42)}
.sess span{display:block;font-family:var(--m);font-size:calc(9.5px*var(--fs));letter-spacing:.16em;text-transform:uppercase;color:var(--on-ink-2)}
.sess b{display:block;margin-top:4px;font-family:var(--m);font-size:calc(10.5px*var(--fs));color:var(--on-ink-3);font-variant-numeric:tabular-nums}
.sess div.on span{color:var(--on-ink)}
.sess div.on b{color:var(--aqua-hi)}
@media(max-width:700px){.sess{grid-template-columns:repeat(2,1fr)}}

/* ── TICKER (glass use 5 of 5) ────────────────────────────── */
.tick{position:relative;z-index:5;background:var(--ink-2);border-top:1px solid var(--ln-d);border-bottom:1px solid var(--ln-d);overflow:hidden;padding:14px 0}
.tick-run{display:flex;width:max-content;animation:run 52s linear infinite}
@keyframes run{to{transform:translateX(-50%)}}
.tick-set{display:flex}
.tick-set span{font-family:var(--m);font-size:calc(11px*var(--fs));letter-spacing:.19em;color:var(--on-ink-3);padding:0 24px;border-right:1px solid var(--ln-d);white-space:nowrap}
.tick-set span.hi{color:var(--aqua-hi)}
.tick-set span.br{color:var(--brass-hi)}


/* ═══ SEGMENT 2 — APPROACH + COVERAGE (porcelain body) ═══ */
.sec{position:relative;padding:var(--pad) 0}
.sec-alt{background:var(--porcelain-hi)}
.sec-alt::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 50% at 12% 0%,rgba(15,169,164,.045),transparent 62%),
             radial-gradient(ellipse 50% 44% at 92% 100%,rgba(176,138,74,.04),transparent 62%)}
.sec>.wrap{position:relative;z-index:2}

/* section head */
.sh{display:grid;grid-template-columns:190px 1fr;gap:clamp(18px,3.4vw,48px);
  border-top:1px solid var(--ln);padding-top:22px;margin-bottom:clamp(40px,5vw,62px)}
.sh-tag{display:flex;align-items:baseline;gap:9px;padding-top:7px}
.sh-tag em{font-style:normal;font-family:var(--m);font-size:calc(10.5px*var(--fs));font-weight:500;color:var(--aqua-dp);letter-spacing:.12em}
.sh-tag span{font-family:var(--m);font-size:calc(10.5px*var(--fs));letter-spacing:.2em;text-transform:uppercase;color:var(--t3)}
.sh h2{font-size:clamp(30px,4.3vw,52px);max-width:19ch}
.sh p{margin-top:20px;max-width:58ch;font-size:calc(16.5px*var(--fs));line-height:1.68;color:var(--t2);font-weight:300}
@media(max-width:820px){.sh{grid-template-columns:1fr;gap:14px}.sh-tag{padding-top:0}}

/* ── approach: precedence rail ── */
.rail{position:relative;margin-top:14px}
.rail-line{position:absolute;top:23px;left:0;right:0;height:1px;background:var(--ln);overflow:hidden}
.rail-line i{position:absolute;inset:0;background:linear-gradient(90deg,var(--aqua),var(--brass));transform:scaleX(0);transform-origin:left}
.prin{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px);position:relative;z-index:2}
.pnode{width:46px;height:46px;border-radius:50%;background:var(--porcelain-hi);border:1px solid var(--ln);
  display:flex;align-items:center;justify-content:center;font-family:var(--m);font-size:calc(11px*var(--fs));
  font-weight:500;color:var(--t3);letter-spacing:.06em;transition:all var(--base) var(--ease)}
.prin>div.lit .pnode{border-color:var(--aqua);color:var(--aqua-dp);background:rgba(15,169,164,.07);
  box-shadow:0 0 0 6px rgba(15,169,164,.07)}
.pseq{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:26px 0 16px}
.pseq b{font-size:clamp(21px,2.3vw,29px);font-weight:900;letter-spacing:-.035em;line-height:1.08}
.pseq i{font-style:normal;font-family:var(--m);font-size:calc(9.5px*var(--fs));letter-spacing:.18em;
  text-transform:uppercase;color:var(--aqua-dp);border:1px solid rgba(15,169,164,.3);border-radius:5px;padding:3px 8px;
  background:rgba(15,169,164,.06)}
.pseq b.dim{color:var(--t3);font-weight:700}
.prin p{font-size:calc(15px*var(--fs));line-height:1.72;color:var(--t2);font-weight:300}
@media(max-width:900px){
  .prin{grid-template-columns:1fr;gap:34px}
  .rail-line{top:0;bottom:0;left:23px;right:auto;width:1px;height:auto}
  .rail-line i{background:linear-gradient(180deg,var(--aqua),var(--brass));transform-origin:top;transform:scaleY(0)}
}

/* ── coverage grid ── */
.cov{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,20px)}
@media(max-width:980px){.cov{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.cov{grid-template-columns:1fr}}
.ccard{position:relative;background:var(--porcelain-hi);border:1px solid var(--ln);border-radius:16px;
  padding:clamp(22px,2.3vw,30px);overflow:hidden;
  transition:transform var(--base) var(--ease),box-shadow var(--base) var(--ease),border-color var(--base) var(--ease)}
.ccard::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  transition:opacity var(--base) var(--ease);
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(15,169,164,.10),transparent 46%)}
.ccard:hover{transform:translateY(-5px);border-color:rgba(15,169,164,.28);box-shadow:0 18px 44px rgba(10,18,32,.10)}
.ccard:hover::before{opacity:1}
.tile{position:relative;width:56px;height:56px;border-radius:15px;background:rgba(15,169,164,.09);
  border:1px solid rgba(15,169,164,.17);display:flex;align-items:center;justify-content:center;
  transition:background var(--base) var(--ease),border-color var(--base) var(--ease),transform var(--base) var(--ease)}
.tile svg{width:26px;height:26px;stroke:var(--aqua-dp);fill:none;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--base) var(--ease)}
.ccard:hover .tile{background:var(--aqua);border-color:var(--aqua);transform:rotate(-6deg) scale(1.05)}
.ccard:hover .tile svg{stroke:#fff}
.ccard .lbl{display:block;margin:24px 0 9px;font-family:var(--m);font-size:calc(9.5px*var(--fs));
  letter-spacing:.18em;text-transform:uppercase;color:var(--aqua-dp)}
.ccard h3{font-size:calc(20px*var(--fs));font-weight:700;letter-spacing:-.022em;line-height:1.26}
.ccard p{margin-top:12px;font-size:calc(14.5px*var(--fs));line-height:1.7;color:var(--t2);font-weight:300}

/* ── subscription band ── */
.band{margin-top:clamp(16px,1.8vw,22px);border-radius:18px;background:var(--ink);color:var(--on-ink);
  padding:clamp(28px,3.4vw,44px);position:relative;overflow:hidden;
  display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(24px,3.4vw,52px);align-items:center}
.band::before{content:"";position:absolute;inset:-40%;pointer-events:none;filter:blur(80px);opacity:.6;
  background:radial-gradient(circle at 78% 44%,rgba(15,169,164,.42),transparent 56%),
             radial-gradient(circle at 20% 80%,rgba(176,138,74,.24),transparent 58%)}
.band>*{position:relative;z-index:2}
.band .lbl{display:block;font-family:var(--m);font-size:calc(9.5px*var(--fs));letter-spacing:.19em;
  text-transform:uppercase;color:var(--brass-hi);margin-bottom:15px}
.band h3{font-size:clamp(23px,2.7vw,33px);font-weight:900;letter-spacing:-.03em;line-height:1.12}
.band p{margin-top:15px;font-size:calc(15.5px*var(--fs));line-height:1.7;color:var(--on-ink-2);font-weight:300;max-width:48ch}
.cadence{display:grid;gap:1px;background:var(--ln-d);border:1px solid var(--ln-d);border-radius:13px;overflow:hidden}
.cadence div{background:rgba(10,18,32,.5);padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.cadence span{font-size:calc(14px*var(--fs));font-weight:500}
.cadence em{font-style:normal;font-family:var(--m);font-size:calc(9.5px*var(--fs));letter-spacing:.15em;
  text-transform:uppercase;color:var(--aqua-hi)}
@media(max-width:900px){.band{grid-template-columns:1fr}}

/* ═══ SEGMENT 4 — METHOD (convergence schematic) ═══ */
.meth{position:relative;margin-top:8px}
.mgrid{display:grid;grid-template-columns:1fr minmax(190px,220px) 1fr;
  gap:clamp(14px,2.2vw,34px);align-items:center;position:relative;z-index:2}
.mcol{display:flex;flex-direction:column;gap:clamp(9px,1.1vw,14px)}
.mcol-l{align-items:flex-end}
.mcol-r{align-items:flex-start}

.minput{display:flex;align-items:center;gap:11px;background:var(--porcelain-hi);
  border:1px solid var(--ln);border-radius:11px;padding:11px 15px;width:100%;max-width:295px;
  font-size:calc(14px*var(--fs));font-weight:500;letter-spacing:-.008em;color:var(--t1);
  transition:border-color var(--base) var(--ease),transform var(--base) var(--ease),box-shadow var(--base) var(--ease);
  cursor:default}
.mcol-l .minput{flex-direction:row-reverse;text-align:right}
.minput i{width:6px;height:6px;background:var(--aqua);flex:none;transform:rotate(45deg);
  transition:background var(--base) var(--ease),transform var(--base) var(--ease)}
.minput:hover{border-color:rgba(15,169,164,.45);box-shadow:0 10px 26px rgba(10,18,32,.09)}
.mcol-l .minput:hover{transform:translateX(-6px)}
.mcol-r .minput:hover{transform:translateX(6px)}
.minput:hover i{background:var(--brass);transform:rotate(135deg)}

/* core node */
.mcore{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;aspect-ratio:1;border-radius:50%;background:var(--ink);color:var(--on-ink);
  padding:22px;box-shadow:0 26px 70px rgba(10,18,32,.34);z-index:4;overflow:hidden}
.mcore::before{content:"";position:absolute;inset:-30%;filter:blur(46px);opacity:.85;
  background:radial-gradient(circle at 50% 42%,rgba(15,169,164,.62),transparent 58%),
             radial-gradient(circle at 60% 88%,rgba(176,138,74,.34),transparent 60%)}
.mcore>*{position:relative;z-index:2}
.mcore em{font-style:normal;font-family:var(--m);font-size:calc(9px*var(--fs));letter-spacing:.2em;
  text-transform:uppercase;color:var(--brass-hi)}
.mcore b{display:block;margin-top:9px;font-size:calc(17px*var(--fs));font-weight:900;
  letter-spacing:-.028em;line-height:1.18}
.mcore span{display:block;margin-top:9px;font-family:var(--m);font-size:calc(9.5px*var(--fs));
  letter-spacing:.15em;color:var(--on-ink-2)}
.pulse{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(63,214,207,.55);z-index:3;pointer-events:none}
.pulse.p2{border-color:rgba(63,214,207,.3)}

/* connector layer */
.mlines{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:visible}
.mlines path{fill:none;stroke:rgba(15,169,164,.38);stroke-width:1.2;transition:stroke var(--micro) var(--ease),stroke-width var(--micro) var(--ease)}
.mlines path.hot{stroke:var(--aqua);stroke-width:2.2}

@media(max-width:960px){
  .mgrid{grid-template-columns:1fr;gap:14px}
  .mlines{display:none}
  .mcore{aspect-ratio:auto;border-radius:18px;padding:26px;order:-1;margin-bottom:8px}
  .mcol{gap:9px}
  .mcol-l,.mcol-r{align-items:stretch}
  .mcol-l .minput{flex-direction:row;text-align:left}
  .minput{max-width:none}
  .mcol-l .minput:hover,.mcol-r .minput:hover{transform:translateX(5px)}
}

/* ── human oversight ── */
.over{margin-top:clamp(52px,6vw,84px);border:1px solid var(--ln);border-radius:20px;
  background:var(--porcelain-hi);padding:clamp(30px,3.8vw,52px);position:relative;overflow:hidden}
.over::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;
  background:linear-gradient(180deg,var(--aqua),var(--brass))}
.over-q{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,2.4vw,30px);align-items:start}
.qmark{font-size:clamp(54px,6vw,84px);line-height:.72;font-weight:900;color:var(--brass);opacity:.34;
  letter-spacing:-.05em;user-select:none}
.over-q blockquote{margin:0;font-size:clamp(21px,2.7vw,33px);font-weight:900;letter-spacing:-.032em;
  line-height:1.2;max-width:22ch}
.over-q blockquote span{color:var(--aqua-dp)}
.over-body{margin-top:26px;padding-top:26px;border-top:1px solid var(--ln);
  display:grid;grid-template-columns:1.45fr 1fr;gap:clamp(22px,3.4vw,46px);align-items:start}
.over-body p{font-size:calc(15.5px*var(--fs));line-height:1.74;color:var(--t2);font-weight:300;max-width:56ch}
.chain{display:grid;gap:1px;background:var(--ln);border:1px solid var(--ln);border-radius:12px;overflow:hidden}
.chain div{background:var(--porcelain-hi);padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.chain span{font-size:calc(14px*var(--fs));font-weight:500}
.chain em{font-style:normal;font-family:var(--m);font-size:calc(9px*var(--fs));letter-spacing:.15em;
  text-transform:uppercase;padding:3px 8px;border-radius:5px}
.chain em.auto{color:var(--aqua-dp);background:rgba(15,169,164,.09);border:1px solid rgba(15,169,164,.24)}
.chain em.human{color:var(--brass);background:rgba(176,138,74,.09);border:1px solid rgba(176,138,74,.28)}
@media(max-width:820px){.over-body{grid-template-columns:1fr}.over-q{grid-template-columns:1fr}.qmark{display:none}}

/* ═══ SEGMENT 5 — CLIENTS (audience ladder) ═══ */
.spec{display:flex;align-items:center;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.spec-bar{flex:1;min-width:180px;height:3px;border-radius:2px;
  background:linear-gradient(90deg,#5FD8D2,var(--aqua),#7FA06B,var(--brass))}
.spec span{font-family:var(--m);font-size:calc(9.5px*var(--fs));letter-spacing:.18em;
  text-transform:uppercase;color:var(--t3);white-space:nowrap}

.ladder{border-top:1px solid var(--ln)}
.rung{position:relative;display:grid;grid-template-columns:158px 1fr auto;align-items:center;
  gap:clamp(14px,2.4vw,32px);padding:clamp(18px,2vw,24px) clamp(14px,1.8vw,22px);
  border-bottom:1px solid var(--ln);background:transparent;
  transition:background var(--base) var(--ease)}
.rung::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,var(--aqua),var(--brass));
  transform:scaleY(0);transform-origin:center;transition:transform var(--base) var(--ease)}
.rung:hover{background:var(--porcelain-hi)}
.rung:hover::before{transform:scaleY(1)}

.tier{display:inline-flex;align-items:center;gap:8px;font-family:var(--m);
  font-size:calc(9px*var(--fs));letter-spacing:.16em;text-transform:uppercase;
  padding:5px 10px;border-radius:6px;border:1px solid;white-space:nowrap}
.tier b{width:5px;height:5px;border-radius:50%;background:currentColor;display:block;flex:none}
.t-ind{color:#2FA9A4;border-color:rgba(47,169,164,.32);background:rgba(47,169,164,.07)}
.t-pro{color:#0A7D79;border-color:rgba(10,125,121,.32);background:rgba(10,125,121,.07)}
.t-cor{color:#6F8B52;border-color:rgba(111,139,82,.32);background:rgba(111,139,82,.07)}
.t-ins{color:#9C7739;border-color:rgba(156,119,57,.34);background:rgba(156,119,57,.07)}

.rung h3{font-size:clamp(17px,1.9vw,22px);font-weight:700;letter-spacing:-.026em;line-height:1.24;
  transition:transform var(--base) var(--ease)}
.rung:hover h3{transform:translateX(5px)}
.use{display:flex;align-items:center;gap:10px;font-family:var(--m);font-size:calc(10.5px*var(--fs));
  letter-spacing:.09em;color:var(--t3);text-align:right;max-width:34ch;
  transition:color var(--base) var(--ease)}
.use svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.7;flex:none;
  opacity:0;transform:translateX(-6px);transition:opacity var(--base) var(--ease),transform var(--base) var(--ease)}
.rung:hover .use{color:var(--aqua-dp)}
.rung:hover .use svg{opacity:1;transform:translateX(0)}

@media(max-width:900px){
  .rung{grid-template-columns:1fr;gap:11px;padding-left:16px}
  .use{text-align:left;max-width:none}
  .use svg{opacity:1;transform:none}
  .rung:hover h3{transform:none}
  .rung::before{transform:scaleY(1);opacity:.35}
  .rung:hover::before{opacity:1}
}

/* closing statement */
.stmt{margin-top:clamp(36px,4.4vw,56px);display:grid;grid-template-columns:auto 1fr;
  gap:clamp(16px,2.4vw,30px);align-items:center;padding:clamp(24px,3vw,34px);
  border:1px solid var(--ln);border-radius:16px;background:var(--porcelain)}
.stmt-mark{width:44px;height:44px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;
  background:rgba(176,138,74,.10);border:1px solid rgba(176,138,74,.26)}
.stmt-mark svg{width:21px;height:21px;stroke:var(--brass);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.stmt p{font-size:calc(16px*var(--fs));line-height:1.7;color:var(--t2);font-weight:300;max-width:78ch}
.stmt p b{font-weight:700;color:var(--t1)}
@media(max-width:640px){.stmt{grid-template-columns:1fr}}

/* ═══ SEGMENT 6 — ACCESS (ink) ═══ */
.sec-ink{background:var(--ink);color:var(--on-ink);position:relative;overflow:hidden;isolation:isolate}
.sec-ink .sh{border-top-color:var(--ln-d)}
.sec-ink .sh-tag em{color:var(--aqua-hi)}
.sec-ink .sh-tag span{color:var(--on-ink-3)}
.sec-ink .sh p{color:var(--on-ink-2)}
.ink-fx{position:absolute;inset:0;z-index:0;pointer-events:none}
.ink-fx .b{position:absolute;border-radius:50%;filter:blur(96px);opacity:.55}
.ink-fx .b1{width:44vw;height:44vw;background:radial-gradient(circle,rgba(15,169,164,.5),transparent 66%);top:-14%;left:-8%}
.ink-fx .b2{width:36vw;height:36vw;background:radial-gradient(circle,rgba(176,138,74,.34),transparent 66%);bottom:-16%;right:-6%}
.ink-fx .dots{position:absolute;inset:0;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:26px 26px;
  -webkit-mask-image:radial-gradient(ellipse 82% 74% at 50% 42%,#000 6%,transparent 76%);
          mask-image:radial-gradient(ellipse 82% 74% at 50% 42%,#000 6%,transparent 76%)}
.ink-fx .gn{position:absolute;inset:0;opacity:.2;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n2)' opacity='.5'/%3E%3C/svg%3E")}

/* included-at-every-term panel */
.incl{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,3.6vw,54px);align-items:center;
  border:1px solid var(--ln-d);border-radius:20px;padding:clamp(26px,3.4vw,42px);
  background:rgba(255,255,255,.035);margin-bottom:clamp(26px,3vw,40px)}
.incl-l em{font-style:normal;font-family:var(--m);font-size:calc(9.5px*var(--fs));letter-spacing:.19em;
  text-transform:uppercase;color:var(--brass-hi)}
.incl-l h3{margin-top:14px;font-size:clamp(22px,2.5vw,31px);font-weight:900;letter-spacing:-.032em;line-height:1.14}
.incl-l p{margin-top:14px;font-size:calc(15px*var(--fs));line-height:1.7;color:var(--on-ink-2);font-weight:300;max-width:42ch}
.incl-g{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.incl-g div{display:flex;align-items:flex-start;gap:11px;font-size:calc(14px*var(--fs));
  line-height:1.5;color:var(--on-ink);font-weight:400}
.incl-g svg{width:17px;height:17px;flex:none;margin-top:2px;stroke:var(--aqua-hi);fill:none;
  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.incl{grid-template-columns:1fr}}
@media(max-width:560px){.incl-g{grid-template-columns:1fr}}

/* term cards */
.terms{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,18px)}
@media(max-width:1040px){.terms{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.terms{grid-template-columns:1fr}}
.term{position:relative;padding:1.5px;border-radius:18px;background:var(--ln-d);overflow:hidden;
  transition:transform var(--base) var(--ease)}
.term:hover{transform:translateY(-6px)}
.term-in{position:relative;z-index:2;background:var(--ink-2);border-radius:16.5px;
  padding:clamp(22px,2.3vw,28px);display:flex;flex-direction:column;height:100%}
.term.feat::before{content:"";position:absolute;top:50%;left:50%;width:170%;aspect-ratio:1;
  transform:translate(-50%,-50%);z-index:1;
  background:conic-gradient(from 0deg,transparent 0 52%,var(--aqua-hi) 68%,var(--brass-hi) 80%,transparent 90%);
  animation:spin 7s linear infinite}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.term.feat .term-in{background:linear-gradient(168deg,#152736,var(--ink-2) 55%)}
.flag{position:absolute;top:14px;right:14px;z-index:3;font-family:var(--m);font-size:calc(8.5px*var(--fs));
  letter-spacing:.15em;text-transform:uppercase;background:var(--brass);color:#1A1206;
  padding:4px 9px;border-radius:5px;font-weight:500}
.term .tlabel{font-family:var(--m);font-size:calc(10px*var(--fs));letter-spacing:.18em;
  text-transform:uppercase;color:var(--on-ink-2)}
.term .price{display:flex;align-items:baseline;gap:6px;margin:18px 0 4px}
.term .price sup{font-family:var(--m);font-size:calc(11px*var(--fs));color:var(--on-ink-3);letter-spacing:.1em}
.term .price b{font-size:clamp(29px,3.1vw,38px);font-weight:900;letter-spacing:-.04em;
  color:var(--on-ink);font-variant-numeric:tabular-nums;line-height:1}
.term.feat .price b{color:var(--brass-hi)}
.term .per{font-family:var(--m);font-size:calc(10px*var(--fs));letter-spacing:.14em;
  text-transform:uppercase;color:var(--on-ink-3)}
/* commitment bar — encodes term length against 12 months */
.commit{margin:22px 0 20px;padding-top:18px;border-top:1px solid var(--ln-d)}
.commit-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:9px}
.commit-top span{font-family:var(--m);font-size:calc(8.5px*var(--fs));letter-spacing:.15em;
  text-transform:uppercase;color:var(--on-ink-3)}
.commit-top b{font-family:var(--m);font-size:calc(10px*var(--fs));color:var(--aqua-hi);font-variant-numeric:tabular-nums}
.commit-track{height:4px;border-radius:3px;background:rgba(255,255,255,.09);overflow:hidden}
.commit-fill{height:100%;border-radius:3px;width:0;
  background:linear-gradient(90deg,var(--aqua),var(--brass-hi))}
.term ul{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:9px}
.term li{display:flex;align-items:flex-start;gap:9px;font-size:calc(13px*var(--fs));
  line-height:1.5;color:var(--on-ink-2);font-weight:300}
.term li::before{content:"";width:5px;height:5px;background:var(--aqua);flex:none;margin-top:7px;transform:rotate(45deg)}
.term .cta{margin-top:auto;justify-content:center;width:100%}
.term:not(.feat) .cta{background:transparent;color:var(--on-ink);border:1px solid var(--ln-d2);box-shadow:none}
.term:not(.feat) .cta:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}

/* terms of access note */
.tnote{margin-top:clamp(24px,2.8vw,34px);border:1px solid var(--ln-d);border-radius:16px;
  background:rgba(255,255,255,.03);padding:clamp(22px,2.6vw,30px);
  display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,2.2vw,26px);align-items:start}
.tnote-i{width:40px;height:40px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center;
  background:rgba(176,138,74,.13);border:1px solid rgba(176,138,74,.3)}
.tnote-i svg{width:19px;height:19px;stroke:var(--brass-hi);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tnote-g{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}
.tnote-g p{font-size:calc(13.5px*var(--fs));line-height:1.66;color:var(--on-ink-2);font-weight:300}
.tnote-g p b{color:var(--on-ink);font-weight:600;display:block;margin-bottom:3px;font-size:calc(13px*var(--fs))}
@media(max-width:760px){.tnote{grid-template-columns:1fr}.tnote-g{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.term.feat::before{animation:none}}

/* ═══ SEGMENT 7 — STANDARDS ═══ */
.sh-seal{display:grid;grid-template-columns:190px 1fr auto;gap:clamp(18px,3.4vw,48px);
  border-top:1px solid var(--ln);padding-top:22px;margin-bottom:clamp(38px,4.6vw,56px);align-items:center}
@media(max-width:1000px){.sh-seal{grid-template-columns:190px 1fr}.seal{display:none}}
@media(max-width:820px){.sh-seal{grid-template-columns:1fr;gap:14px}.sh-seal .sh-tag{padding-top:0}}
.sh-seal h2{font-size:clamp(30px,4.3vw,52px);max-width:18ch}
.sh-seal p{margin-top:20px;max-width:56ch;font-size:calc(16.5px*var(--fs));line-height:1.68;color:var(--t2);font-weight:300}

/* rotating seal */
.seal{width:clamp(140px,13vw,178px);height:clamp(140px,13vw,178px);flex:none}
.seal svg{width:100%;height:100%;overflow:visible}
.seal-rot{transform-box:view-box;transform-origin:100px 100px;animation:sealspin 34s linear infinite}
@keyframes sealspin{to{transform:rotate(360deg)}}
.seal text{font-family:var(--m);font-size:11.2px;letter-spacing:.26em;fill:var(--t3);
  text-transform:uppercase;font-weight:500}
.seal .ring{fill:none;stroke:var(--ln);stroke-width:1}
.seal .ring-i{fill:none;stroke:rgba(176,138,74,.42);stroke-width:1}
.seal .mark{fill:none;stroke:var(--brass);stroke-width:2.4;stroke-linecap:round}
.seal .tick{stroke:rgba(15,169,164,.5);stroke-width:1.4;stroke-linecap:round}
@media(prefers-reduced-motion:reduce){.seal-rot{animation:none}}

/* paired ledger */
.led-head{display:grid;grid-template-columns:1fr 46px 1fr;gap:0;align-items:center;
  padding-bottom:13px;border-bottom:1px solid var(--ln)}
.led-head span{font-family:var(--m);font-size:calc(9.5px*var(--fs));letter-spacing:.19em;text-transform:uppercase}
.led-head .h-do{color:var(--aqua-dp)}
.led-head .h-no{color:var(--t3)}
.led{border-bottom:1px solid var(--ln)}
.pair{display:grid;grid-template-columns:1fr 46px 1fr;align-items:stretch;
  border-bottom:1px solid var(--ln);transition:background var(--base) var(--ease)}
.pair:last-child{border-bottom:none}
.pair:hover{background:var(--porcelain)}
.pair>div{padding:clamp(17px,1.9vw,23px) clamp(4px,1.4vw,20px);display:flex;align-items:flex-start;gap:12px}
.p-do{font-size:calc(15.5px*var(--fs));line-height:1.6;font-weight:500;color:var(--t1)}
.p-no{font-size:calc(14.5px*var(--fs));line-height:1.6;font-weight:300;color:var(--t3)}
.pmk{width:22px;height:22px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;
  margin-top:1px;transition:background var(--base) var(--ease),border-color var(--base) var(--ease)}
.pmk svg{width:12px;height:12px;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pmk-do{background:rgba(15,169,164,.10);border:1px solid rgba(15,169,164,.3)}
.pmk-do svg{stroke:var(--aqua-dp)}
.pmk-no{background:rgba(10,18,32,.045);border:1px solid var(--ln)}
.pmk-no svg{stroke:var(--t3)}
.pair:hover .pmk-do{background:var(--aqua);border-color:var(--aqua)}
.pair:hover .pmk-do svg{stroke:#fff}
/* centre spine */
.spine{position:relative;padding:0!important}
.spine::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--ln);transform:translateX(-50%)}
.spine::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;
  background:var(--porcelain-hi);border:1px solid var(--ln);transform:translate(-50%,-50%);
  transition:border-color var(--base) var(--ease),background var(--base) var(--ease)}
.pair:hover .spine::after{border-color:var(--aqua);background:var(--aqua)}

@media(max-width:820px){
  .led-head{display:none}
  .pair{grid-template-columns:1fr;padding:6px 0}
  .pair>div{padding:11px 4px}
  .spine{display:none}
  .p-no{padding-top:0!important;padding-left:34px!important}
  .p-no .pmk{margin-left:-34px}
}

/* ═══ SEGMENT 8 — RISK · FOOTER · A11Y ═══ */
.risk{position:relative;background:var(--ink-3);color:#CCDAE2;padding:clamp(56px,6.4vw,80px) 0;overflow:hidden}
.risk::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--brass),var(--aqua) 55%,transparent)}
.risk::after{content:"";position:absolute;inset:-40%;pointer-events:none;filter:blur(100px);opacity:.4;
  background:radial-gradient(circle at 84% 22%,rgba(176,138,74,.34),transparent 56%)}
.risk>.wrap{position:relative;z-index:2}
.risk-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.risk-mk{width:38px;height:38px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center;
  background:rgba(176,138,74,.16);border:1px solid rgba(176,138,74,.4)}
.risk-mk svg{width:19px;height:19px;stroke:var(--brass-hi);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.risk-head .mono{color:var(--brass-hi)}
.risk h2{font-size:clamp(24px,3vw,38px);font-weight:900;letter-spacing:-.032em;max-width:24ch;color:#EAF1F5}
.rpull{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.5vw,18px);margin:clamp(28px,3.2vw,40px) 0}
.rpull div{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:clamp(18px,2vw,24px);
  background:rgba(0,0,0,.18)}
.rpull em{font-style:normal;font-family:var(--m);font-size:calc(9.5px*var(--fs));letter-spacing:.17em;
  text-transform:uppercase;color:var(--brass-hi);display:block;margin-bottom:11px}
.rpull b{display:block;font-size:calc(16px*var(--fs));font-weight:700;letter-spacing:-.02em;
  line-height:1.34;color:#EAF1F5}
.rpull p{margin-top:9px;font-size:calc(13.5px*var(--fs));line-height:1.65;color:#9DB2BF;font-weight:300}
@media(max-width:820px){.rpull{grid-template-columns:1fr}}
.rbody{display:grid;grid-template-columns:1fr auto;gap:clamp(20px,3vw,44px);align-items:end;
  padding-top:26px;border-top:1px solid rgba(255,255,255,.13)}
.rbody p{font-size:calc(13.8px*var(--fs));line-height:1.76;color:#9DB2BF;font-weight:300;max-width:82ch}
.rbody p+p{margin-top:13px}
.rlink{display:inline-flex;align-items:center;gap:9px;font-family:var(--m);font-size:calc(10.5px*var(--fs));
  letter-spacing:.15em;text-transform:uppercase;color:var(--aqua-hi);white-space:nowrap;
  border-bottom:1px solid rgba(63,214,207,.4);padding-bottom:5px;transition:color var(--micro) var(--ease),border-color var(--micro) var(--ease)}
.rlink:hover{color:#fff;border-color:#fff}
.rlink svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.rbody{grid-template-columns:1fr;align-items:start}}

/* ── FOOTER ── */
.ft{position:relative;background:var(--ink);color:var(--on-ink-2);padding:clamp(56px,6.4vw,84px) 0 0;overflow:hidden}
.ft-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.15fr;gap:clamp(24px,3.6vw,52px);
  padding-bottom:44px;border-bottom:1px solid var(--ln-d);position:relative;z-index:2}
@media(max-width:900px){.ft-top{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ft-top{grid-template-columns:1fr}}
.ft-brand .logo{margin-bottom:16px}
.ft-brand p{font-size:calc(13.6px*var(--fs));line-height:1.72;font-weight:300;max-width:38ch;color:var(--on-ink-3)}
.ft-reg{margin-top:18px;display:inline-flex;align-items:center;gap:9px;font-family:var(--m);
  font-size:calc(9px*var(--fs));letter-spacing:.15em;text-transform:uppercase;color:var(--brass-hi);
  border:1px solid rgba(176,138,74,.3);background:rgba(176,138,74,.07);border-radius:6px;padding:6px 11px}
.ft h4{font-family:var(--m);font-size:calc(9.5px*var(--fs));letter-spacing:.19em;text-transform:uppercase;
  color:var(--aqua-hi);margin:0 0 18px;font-weight:500}
.ft-col a,.ft-col span{display:block;padding:6px 0;font-size:calc(13.8px*var(--fs));color:var(--on-ink-2);
  transition:color var(--micro) var(--ease),transform var(--micro) var(--ease)}
.ft-col a:hover{color:var(--aqua-hi);transform:translateX(3px)}
.ft-note{position:relative;z-index:2;padding:22px 0;border-bottom:1px solid var(--ln-d);
  font-size:calc(12.6px*var(--fs));line-height:1.7;color:var(--on-ink-3);font-weight:300;max-width:92ch}
.ft-bot{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:space-between;
  align-items:center;gap:14px;padding:22px 0 26px}
.ft-bot span{font-family:var(--m);font-size:calc(9.5px*var(--fs));letter-spacing:.13em;
  text-transform:uppercase;color:#4E627A}
.totop{display:inline-flex;align-items:center;gap:9px;font-family:var(--m);font-size:calc(9.5px*var(--fs));
  letter-spacing:.15em;text-transform:uppercase;color:var(--on-ink-2);border:1px solid var(--ln-d2);
  border-radius:8px;padding:9px 14px;background:none;cursor:pointer;
  transition:border-color var(--micro) var(--ease),color var(--micro) var(--ease)}
.totop:hover{border-color:var(--aqua);color:var(--aqua-hi)}
.totop svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* oversized wordmark */
.ft-mark{position:relative;z-index:1;line-height:.78;text-align:center;pointer-events:none;user-select:none;
  font-size:clamp(58px,15.5vw,214px);font-weight:900;letter-spacing:-.05em;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.11);
  padding-bottom:clamp(6px,1.4vw,16px);
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 86%);
          mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 86%)}

/* ── A11Y DOCK (glass 5 of 5) ── */
.a11y{position:fixed;right:0;bottom:26px;z-index:180;display:flex;align-items:flex-end}
.a11y-btn{background:rgba(10,18,32,.78);backdrop-filter:blur(16px) saturate(1.5);
  -webkit-backdrop-filter:blur(16px) saturate(1.5);
  color:var(--aqua-hi);border:1px solid rgba(63,214,207,.34);border-right:none;
  border-radius:11px 0 0 11px;padding:15px 11px;cursor:pointer;font-family:var(--m);
  font-size:calc(9.5px*var(--fs));letter-spacing:.16em;writing-mode:vertical-rl;text-transform:uppercase;
  transition:background var(--micro) var(--ease)}
.a11y-btn:hover{background:rgba(15,169,164,.24)}
.a11y-panel{width:0;overflow:hidden;transition:width var(--base) var(--ease);
  background:rgba(10,18,32,.82);backdrop-filter:blur(24px) saturate(1.6);
  -webkit-backdrop-filter:blur(24px) saturate(1.6);
  border:1px solid rgba(255,255,255,.16);border-right:none;border-radius:14px 0 0 14px;
  box-shadow:0 22px 60px rgba(0,0,0,.5)}
.a11y-panel.open{width:246px}
.a11y-inner{width:246px;padding:20px}
.a11y-panel h5{font-family:var(--m);font-size:calc(9.5px*var(--fs));letter-spacing:.17em;
  text-transform:uppercase;color:var(--aqua-hi);margin:0 0 15px;font-weight:500}
.a11y-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;
  border-top:1px solid var(--ln-d);color:var(--on-ink);font-size:calc(13px*var(--fs))}
.a11y-row div{display:flex;gap:6px}
.a11y-row button{background:rgba(255,255,255,.05);border:1px solid var(--ln-d2);border-radius:7px;
  color:var(--on-ink);min-width:30px;height:28px;cursor:pointer;font-family:var(--m);font-size:12px;
  transition:all var(--micro) var(--ease)}
.a11y-row button:hover{border-color:var(--aqua);color:var(--aqua-hi);background:rgba(15,169,164,.16)}
.a11y-row button[aria-pressed="true"]{background:var(--aqua);border-color:var(--aqua);color:#03211F}
@media(max-width:620px){.a11y{bottom:14px}.a11y-panel.open{width:214px}.a11y-inner{width:214px}}

/* a11y states */
body.contrast{--t2:#22343E;--t3:#3B4F5C;--on-ink-2:#C8D6E2;--on-ink-3:#93A6B8;
  --ln:rgba(10,18,32,.3);--ln-d:rgba(255,255,255,.3);--ln-d2:rgba(255,255,255,.45)}
body.reduce *,body.reduce *::before,body.reduce *::after{
  animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}


/* ═══ POLISH PASS — chrome, rail, progress, grain ═══ */
::selection{background:var(--aqua);color:#03211F}
::-moz-selection{background:var(--aqua);color:#03211F}
html{scrollbar-color:var(--aqua-dp) rgba(10,18,32,.07);scrollbar-width:thin}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:rgba(10,18,32,.06)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--aqua),var(--aqua-dp));
  border-radius:9px;border:3px solid var(--porcelain)}
::-webkit-scrollbar-thumb:hover{background:var(--aqua-dp)}
section[id],footer[id]{scroll-margin-top:92px}

/* ticker pauses under the pointer */
.tick:hover .tick-run{animation-play-state:paused}

/* living gradient on the hero accent word */
h1 .gr{background:linear-gradient(102deg,var(--aqua-hi) 0%,var(--aqua) 34%,var(--brass-hi) 62%,var(--aqua-hi) 100%);
  background-size:230% 100%;animation:grshift 9s ease-in-out infinite}
@keyframes grshift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* word-mask reveal on the headline */
h1 .w{display:inline-block;overflow:hidden;vertical-align:bottom;
  padding-bottom:.09em;margin-bottom:-.09em}
h1 .w i{display:inline-block;font-style:normal}

/* scroll progress */
.prog{position:fixed;top:0;left:0;height:3px;width:0;z-index:210;pointer-events:none;
  background:linear-gradient(90deg,var(--aqua),var(--brass-hi));
  box-shadow:0 0 12px rgba(63,214,207,.55)}

/* section index rail */
.idx{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:150;
  display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;
  transition:opacity var(--base) var(--ease),visibility var(--base) var(--ease)}
.idx.show{opacity:1;visibility:visible}
.idx::before{content:"";position:absolute;left:12px;top:6px;bottom:6px;width:1px;background:var(--ln)}
.idx.dark::before{background:var(--ln-d)}
.idx a{position:relative;display:flex;align-items:center;gap:11px;padding:7px 0;text-decoration:none}
.idx b{position:relative;z-index:2;width:25px;font-family:var(--m);font-size:calc(9.5px*var(--fs));
  font-weight:500;letter-spacing:.06em;color:var(--t3);text-align:center;
  background:var(--porcelain);transition:color var(--base) var(--ease),transform var(--base) var(--ease)}
.idx.dark b{background:var(--ink);color:var(--on-ink-3)}
.idx span{font-family:var(--m);font-size:calc(9.5px*var(--fs));letter-spacing:.16em;
  text-transform:uppercase;color:var(--t3);opacity:0;transform:translateX(-8px);white-space:nowrap;
  transition:opacity var(--base) var(--ease),transform var(--base) var(--ease),color var(--base) var(--ease)}
.idx.dark span{color:var(--on-ink-2)}
.idx a:hover span,.idx a.on span{opacity:1;transform:translateX(0)}
.idx a:hover b,.idx a.on b{color:var(--aqua-dp);transform:scale(1.16)}
.idx.dark a:hover b,.idx.dark a.on b{color:var(--aqua-hi)}
.idx a.on::before{content:"";position:absolute;left:11px;top:50%;width:3px;height:3px;border-radius:50%;
  background:var(--aqua);transform:translate(-50%,-50%);z-index:3;box-shadow:0 0 8px var(--aqua)}
@media(max-width:1240px){.idx{display:none}}

/* nav link holds its underline on the active section */
.links a.on{color:var(--on-ink)}
.links a.on::after{width:100%}

/* cursor glow reused in the ink access section */
.glow-a{z-index:1}

/* film grain across the light sections */
.sec:not(.sec-ink)::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.04;
  mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n3'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n3)' opacity='.5'/%3E%3C/svg%3E")}
@media(prefers-reduced-motion:reduce){h1 .gr{animation:none}}
body.reduce h1 .gr{animation:none}

/* reveal + motion guards */
.rv{opacity:0}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1!important;transform:none!important}
  .tick-run,.badge b,.c-live b{animation:none}
  .chip{position:relative;display:inline-flex;inset:auto;margin:6px 6px 0 0}
}

/* ═══════════ PASS 1 — CINEMATIC HERO ═══════════
   Overrides the segment-1 hero. Appended last, so it wins on cascade.
   All hooks (.badge/h1/.lede/.hero-btns/.stage/#card/.chip/.proof/.strip)
   are preserved so existing motion blocks keep working untouched.
   ══════════════════════════════════════════════ */

/* fix: background shorthand in the polish pass reset background-clip */
h1 .gr{-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent}

/* ── stage lighting ── */
.hero{padding:calc(76px + clamp(56px,7vw,92px)) 0 clamp(52px,6vw,78px);
  min-height:min(1000px,100svh);display:flex;align-items:center}
.hero>.wrap{width:100%}
.hero::before{opacity:.26;background-size:88px 88px}
.aurora{filter:blur(104px);opacity:.78}
.a1{width:44vw;height:44vw;top:-6%;left:46%}
.a2{width:40vw;height:40vw;top:30%;left:2%}
.a3{width:30vw;height:30vw;top:56%;left:58%}
.a4{position:absolute;display:block;border-radius:50%;width:26vw;height:26vw;top:-12%;left:16%;
  background:radial-gradient(circle,rgba(63,214,207,.3),transparent 66%)}
/* soft overhead key light */
.rays{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    radial-gradient(120% 62% at 74% -12%,rgba(150,225,222,.16),transparent 62%),
    linear-gradient(190deg,rgba(255,255,255,.055),transparent 34%)}
/* vignette to seat the composition and blend into the ticker */
.vig{position:absolute;inset:0;z-index:4;pointer-events:none;
  background:
    radial-gradient(130% 96% at 50% 42%,transparent 52%,rgba(4,8,13,.5) 100%),
    linear-gradient(180deg,transparent 76%,rgba(6,11,17,.72) 100%)}

/* ── asymmetric composition ── */
.hero-in{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  gap:clamp(28px,3.4vw,44px);align-items:center}
.hero-copy{position:relative;z-index:3;max-width:44ch}
@media(max-width:1000px){.hero-in{grid-template-columns:1fr;gap:44px}.hero-copy{max-width:none}}

.badge{padding:8px 15px 8px 9px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15)}
h1{font-size:clamp(43px,7.3vw,101px);letter-spacing:-.045em;line-height:.96;max-width:11ch}
.lede{margin-top:clamp(22px,2.3vw,30px);font-size:calc(18px*var(--fs));max-width:46ch;line-height:1.66}

/* ── CTA hierarchy: one primary, one link ── */
.hero-btns{gap:clamp(14px,2vw,26px);align-items:center;margin-top:clamp(30px,3.4vw,42px)}
.cta-lg{padding:16px 28px;font-size:calc(14.5px*var(--fs));border-radius:12px;
  box-shadow:0 6px 26px rgba(15,169,164,.34),0 0 0 1px rgba(63,214,207,.28) inset}
.cta-lg:hover{box-shadow:0 14px 40px rgba(15,169,164,.5),0 0 0 1px rgba(63,214,207,.5) inset}
.tlink{display:inline-flex;align-items:center;gap:9px;font-size:calc(14px*var(--fs));font-weight:500;
  color:var(--on-ink);text-decoration:none;padding:6px 2px;position:relative}
.tlink svg{width:14px;height:14px;transition:transform var(--base) var(--ease)}
.tlink::after{content:"";position:absolute;left:2px;right:2px;bottom:0;height:1px;
  background:currentColor;opacity:.32;transform-origin:left;transition:opacity var(--micro) var(--ease)}
.tlink:hover{color:var(--aqua-hi)}
.tlink:hover::after{opacity:.8}
.tlink:hover svg{transform:translateX(4px)}

.proof{margin-top:clamp(34px,4vw,50px);padding-top:26px}
.proof b{font-size:calc(27px*var(--fs))}

/* ── layered stage ── */
.stage{position:relative;perspective:1500px;min-height:clamp(340px,40vw,470px)}
.globe-wrap{position:absolute;top:50%;left:50%;
  width:clamp(400px,46vw,600px);aspect-ratio:1;
  transform:translate(-38%,-54%);z-index:1;pointer-events:none;
  opacity:.96;filter:drop-shadow(0 30px 70px rgba(0,0,0,.5))}
.globe{width:100%;height:100%;display:block;overflow:visible}
.g-limb{fill:none;stroke:rgba(63,214,207,.34);stroke-width:1.1}
#glat path,#glon path{fill:none;stroke:rgba(140,200,205,.2);stroke-width:.85;stroke-linecap:round}
#glon path.back,#glat path.back{stroke:rgba(140,200,205,.075)}
#garcs path{fill:none;stroke:rgba(224,179,107,.42);stroke-width:1.1;stroke-linecap:round}
.gnode{fill:#3FD6CF;opacity:.32;transition:opacity .6s var(--ease)}
.gnode.live{opacity:1;filter:drop-shadow(0 0 7px rgba(63,214,207,.95))}
.gring{fill:none;stroke:#3FD6CF;stroke-width:1.1;opacity:0}
.glabel{font-family:var(--m);font-size:9.6px;letter-spacing:.16em;text-transform:uppercase;
  fill:rgba(180,205,208,.5);transition:fill .6s var(--ease)}
.glabel.live{fill:#7FE4DE}
@media(max-width:1000px){.globe-wrap{transform:translate(-50%,-50%);width:min(560px,90vw);opacity:.62}}
@media(max-width:620px){.globe-wrap{opacity:.4}}

/* ── liquid glass: painted refraction, no extra blur layers ── */
.card{position:relative;z-index:3;border-radius:24px;padding:26px;
  background:
    linear-gradient(158deg,rgba(255,255,255,.16),rgba(255,255,255,.035) 44%,rgba(255,255,255,.09)),
    linear-gradient(0deg,rgba(10,22,30,.34),rgba(10,22,30,.34));
  backdrop-filter:blur(30px) saturate(1.85);-webkit-backdrop-filter:blur(30px) saturate(1.85);
  border:1px solid transparent;
  box-shadow:
    0 2px 4px rgba(0,0,0,.28),
    0 14px 34px rgba(0,0,0,.36),
    0 44px 110px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(255,255,255,.07),
    inset 1px 0 0 rgba(255,255,255,.09);
  will-change:transform;
  margin-left:auto;width:min(100%,458px);
}
/* chromatic edge ring — aqua warming to brass around the border */
.card::before{content:"";position:absolute;inset:-1px;border-radius:25px;pointer-events:none;z-index:0;
  background:linear-gradient(145deg,rgba(63,214,207,.6),rgba(255,255,255,.16) 38%,
    rgba(220,185,121,.44) 72%,rgba(255,255,255,.06));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;padding:1px}
/* painted refraction — cheaper than a second blur layer, same read */
.card::after{content:"";position:absolute;inset:0;border-radius:24px;pointer-events:none;z-index:1;
  background:
    linear-gradient(142deg,rgba(255,255,255,.3),transparent 30%),
    repeating-linear-gradient(118deg,rgba(255,255,255,.032) 0 1.5px,transparent 1.5px 9px);
  opacity:.9;mix-blend-mode:screen}
.card>*{position:relative;z-index:2}
/* moving specular — driven by the same mousemove that drives the tilt */
.cspec{position:absolute;inset:0;border-radius:24px;pointer-events:none;z-index:1;
  background:radial-gradient(320px circle at var(--sx,30%) var(--sy,16%),
    rgba(255,255,255,.20),rgba(255,255,255,.05) 34%,transparent 62%);
  mix-blend-mode:screen;transition:opacity .5s var(--ease);opacity:.85}
.c-metrics div{background:rgba(8,16,23,.5)}

/* chips reflowed to the new composition */
.chip{z-index:4;border-radius:13px;padding:10px 15px;
  background:linear-gradient(150deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
  border-color:rgba(255,255,255,.22);
  box-shadow:0 10px 30px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.28)}
.chip-1{top:-6px;left:-4%}
.chip-2{bottom:96px;right:-5%}
.chip-3{bottom:-14px;left:16%}
@media(max-width:1000px){.chip-1{left:0}.chip-2{right:0}.chip-3{left:8%}}

/* session strip lifted to match the new glass language */
.strip{border-radius:18px;padding:22px 24px;
  background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
  border-color:rgba(255,255,255,.13);
  box-shadow:0 18px 50px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.14)}
.sess div{border-radius:11px}
.sess div.on{box-shadow:0 0 0 1px rgba(63,214,207,.22),0 6px 20px rgba(15,169,164,.16)}

/* ── rail overlap fix: anchor to the content column, not the viewport ── */
.idx{left:clamp(10px,calc((100vw - 1180px)/2 - 54px),58px)}
.idx span{display:none}
@media(max-width:1180px){.idx{display:none}}

@media(prefers-reduced-motion:reduce){.cspec{display:none}}
body.reduce .cspec{display:none}


/* ═══════════ PASS 2 — LIGHTING & MATERIAL SYSTEM ═══════════ */
:root{
  /* elevation ladder: contact shadow + mid + ambient, never one flat blur */
  --e0:0 1px 2px rgba(10,18,32,.045),0 3px 8px rgba(10,18,32,.035);
  --e1:0 1px 2px rgba(10,18,32,.05),0 6px 16px rgba(10,18,32,.05),0 14px 34px rgba(10,18,32,.045);
  --e2:0 2px 4px rgba(10,18,32,.06),0 12px 28px rgba(10,18,32,.08),0 30px 68px rgba(10,18,32,.09);
  --ed1:0 2px 4px rgba(0,0,0,.3),0 10px 26px rgba(0,0,0,.32);
  --ed2:0 2px 5px rgba(0,0,0,.34),0 18px 44px rgba(0,0,0,.42),0 46px 104px rgba(0,0,0,.5);
  --lit:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(15,169,164,.9),transparent 62%);
  --ringmask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
}
/* reusable cursor-tracked border ring */
.ring::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  z-index:3;opacity:0;background:var(--lit);
  -webkit-mask:var(--ringmask);mask:var(--ringmask);
  -webkit-mask-composite:xor;mask-composite:exclude;
  transition:opacity var(--base) var(--ease)}
.ring:hover::after{opacity:1}

/* ── coverage cards ── */
.ccard{box-shadow:var(--e0),inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform var(--base) var(--ease),box-shadow var(--base) var(--ease),border-color var(--base) var(--ease)}
.ccard:hover{transform:translateY(-7px);box-shadow:var(--e2),inset 0 1px 0 #fff;border-color:rgba(15,169,164,.2)}
.ccard::before{background:radial-gradient(460px circle at var(--mx,50%) var(--my,50%),rgba(15,169,164,.11),transparent 48%)}
.ccard:hover .tile{box-shadow:0 10px 26px rgba(15,169,164,.42),inset 0 1px 0 rgba(255,255,255,.42)}
.tile{box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}

/* ── method inputs ── */
.minput{box-shadow:var(--e0),inset 0 1px 0 rgba(255,255,255,.85)}
.minput:hover{box-shadow:var(--e1),inset 0 1px 0 #fff}
.mcore{box-shadow:var(--ed2),inset 0 1px 0 rgba(255,255,255,.16)}
.mcore::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:3;
  background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.22),transparent 52%);mix-blend-mode:screen}

/* ── client rungs: wash follows the pointer along the row ── */
.rung::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(620px circle at var(--mx,50%) 50%,rgba(15,169,164,.075),transparent 58%);
  transition:opacity var(--base) var(--ease)}
.rung:hover::after{opacity:1}
.rung>*{position:relative;z-index:2}

/* ── standards pairs ── */
.pair{position:relative}
.pair::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;z-index:0;
  background:radial-gradient(560px circle at var(--mx,50%) 50%,rgba(176,138,74,.08),transparent 58%);
  transition:opacity var(--base) var(--ease)}
.pair:hover::after{opacity:1}
.pair>div{position:relative;z-index:2}

/* ── panels get a real top highlight + layered depth ── */
.over,.stmt,.incl,.tnote{box-shadow:var(--e1),inset 0 1px 0 rgba(255,255,255,.9)}
.incl,.tnote{box-shadow:var(--ed1),inset 0 1px 0 rgba(255,255,255,.12)}
.band{box-shadow:var(--ed2),inset 0 1px 0 rgba(255,255,255,.13)}
.rpull div{box-shadow:var(--ed1),inset 0 1px 0 rgba(255,255,255,.09);
  transition:transform var(--base) var(--ease),box-shadow var(--base) var(--ease),border-color var(--base) var(--ease)}
.rpull div:hover{transform:translateY(-4px);border-color:rgba(220,185,121,.36)}

/* ── access term cards: seated in light, ring in brass ── */
.term-in{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(255,255,255,.045)}
.term{box-shadow:var(--ed1)}
.term:hover{box-shadow:var(--ed2)}
.term.feat{box-shadow:var(--ed2),0 0 46px rgba(15,169,164,.2)}
.term::after{content:"";position:absolute;inset:0;border-radius:18px;padding:1.5px;pointer-events:none;
  z-index:3;opacity:0;
  background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),rgba(63,214,207,.9),rgba(220,185,121,.4) 42%,transparent 66%);
  -webkit-mask:var(--ringmask);mask:var(--ringmask);
  -webkit-mask-composite:xor;mask-composite:exclude;
  transition:opacity var(--base) var(--ease)}
.term:not(.feat):hover::after{opacity:1}
.term-in::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(163deg,rgba(255,255,255,.07),transparent 42%)}
.term-in>*{position:relative;z-index:2}

/* ═══════════ PASS 3 — DOCK NAV · RAIL · SEAMS ═══════════ */

/* ── floating dock ── */
.nav{top:14px;background:none!important;border:none!important;backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;transition:top var(--base) var(--ease)}
.nav-in{width:fit-content;max-width:calc(100% - var(--gut)*2);margin:0 auto;height:62px;
  padding:0 10px 0 22px;border-radius:18px;gap:clamp(14px,2vw,30px);
  background:linear-gradient(158deg,rgba(255,255,255,.11),rgba(255,255,255,.035));
  backdrop-filter:blur(22px) saturate(1.7);-webkit-backdrop-filter:blur(22px) saturate(1.7);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 2px 5px rgba(0,0,0,.24),0 14px 40px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.24);
  transition:height var(--base) var(--ease),padding var(--base) var(--ease),
             background var(--base) var(--ease),box-shadow var(--base) var(--ease)}
.nav.stuck{top:10px}
.nav.stuck .nav-in{height:54px;padding:0 8px 0 18px;
  background:linear-gradient(158deg,rgba(12,24,34,.8),rgba(10,18,32,.72));
  box-shadow:0 2px 5px rgba(0,0,0,.3),0 18px 48px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.18)}
.nav .cta{padding:11px 19px;border-radius:12px}
.nav.stuck .logo i{opacity:0;width:0;padding:0;margin:0;border:none;overflow:hidden;
  transition:opacity var(--micro) var(--ease),width var(--base) var(--ease)}
.logo i{transition:opacity var(--base) var(--ease),width var(--base) var(--ease)}

/* sliding indicator behind the active link */
.links{position:relative}
.nav-ind{position:absolute;left:0;top:50%;height:31px;border-radius:9px;pointer-events:none;
  transform:translate3d(0,-50%,0) scaleX(0);transform-origin:left center;opacity:0;width:0;
  background:linear-gradient(150deg,rgba(15,169,164,.3),rgba(15,169,164,.14));
  border:1px solid rgba(63,214,207,.34);
  box-shadow:0 4px 14px rgba(15,169,164,.24),inset 0 1px 0 rgba(255,255,255,.16);
  transition:opacity var(--base) var(--ease)}
.links a{position:relative;z-index:2;padding:0 11px}
.links a::after{bottom:-4px;left:11px;right:11px;width:auto!important;transform:scaleX(0);
  transform-origin:left;transition:transform var(--base) var(--ease)}
.links a:hover::after{transform:scaleX(1)}
.links a.on::after{transform:scaleX(0)}

@media(max-width:1000px){
  .nav-in{width:auto;max-width:none;margin:0 var(--gut);padding:0 10px 0 18px}
  .nav-ind{display:none}
  .links{position:fixed;inset:auto var(--gut) auto var(--gut);top:84px;border-radius:18px;
    background:linear-gradient(158deg,rgba(12,24,34,.94),rgba(10,18,32,.92));
    backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 18px 52px rgba(0,0,0,.5);padding:0 20px}
  .links.open{max-height:360px;padding:10px 20px 20px}
  .links a{padding:13px 0}
  .links a::after{left:0;right:0}
}

/* ── index rail as a glass capsule with a sliding marker ── */
.idx{padding:10px 9px;border-radius:16px;gap:0;
  background:linear-gradient(158deg,rgba(255,255,255,.5),rgba(255,255,255,.26));
  backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);
  border:1px solid rgba(10,18,32,.08);box-shadow:var(--e1),inset 0 1px 0 rgba(255,255,255,.9)}
.idx.dark{background:linear-gradient(158deg,rgba(20,36,50,.62),rgba(10,18,32,.5));
  border-color:rgba(255,255,255,.13);box-shadow:var(--ed1),inset 0 1px 0 rgba(255,255,255,.14)}
.idx::before{left:50%;transform:translateX(-50%);top:14px;bottom:14px;opacity:.55}
.idx a{padding:8px 0;justify-content:center}
.idx b{background:none!important;width:24px}
.idx.dark b{background:none!important}
.idx span{position:absolute;left:calc(100% + 12px);padding:5px 10px;border-radius:8px;
  background:var(--ink);color:var(--on-ink)!important;box-shadow:var(--ed1);pointer-events:none}
.idx span::before{content:"";position:absolute;left:-4px;top:50%;width:8px;height:8px;
  background:var(--ink);transform:translateY(-50%) rotate(45deg)}
.idx a.on::before{display:none}
.idx-mk{position:absolute;left:7px;right:7px;height:30px;border-radius:9px;pointer-events:none;
  background:linear-gradient(150deg,rgba(15,169,164,.22),rgba(15,169,164,.1));
  border:1px solid rgba(15,169,164,.34);opacity:0;
  transform:translate3d(0,0,0);
  transition:transform var(--base) var(--ease),opacity var(--base) var(--ease)}
.idx.dark .idx-mk{background:linear-gradient(150deg,rgba(63,214,207,.24),rgba(63,214,207,.1));
  border-color:rgba(63,214,207,.4)}

/* ── section seams ── */
.sec-ink,.hero,.risk{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.sec-alt{box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}

@media(prefers-reduced-motion:reduce){
  .ring::after,.rung::after,.pair::after,.term::after{transition:none}
}


/* ═══════════ MARKETS SECTION ═══════════ */
.mkt{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,20px)}
@media(max-width:1000px){.mkt{grid-template-columns:1fr}}
.mpanel{position:relative;border-radius:20px;overflow:hidden;
  background:linear-gradient(158deg,rgba(255,255,255,.085),rgba(255,255,255,.03));
  backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:var(--ed2),inset 0 1px 0 rgba(255,255,255,.16)}
.mpanel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  padding:clamp(18px,2vw,24px) clamp(18px,2vw,24px) 15px;border-bottom:1px solid rgba(255,255,255,.1)}
.mpanel-head .mono{color:var(--aqua-hi);display:block;margin-bottom:8px}
.mpanel-head h3{font-size:calc(19px*var(--fs));font-weight:700;letter-spacing:-.024em;color:var(--on-ink)}
.mlive{display:inline-flex;align-items:center;gap:8px;flex:none;font-family:var(--m);
  font-size:calc(9px*var(--fs));letter-spacing:.16em;text-transform:uppercase;color:var(--on-ink-2);
  border:1px solid var(--ln-d2);border-radius:6px;padding:5px 10px;background:rgba(255,255,255,.04)}
.mlive b{width:5px;height:5px;border-radius:50%;background:var(--aqua-hi);display:block;
  animation:bp 2.4s var(--ease) infinite}
.mframe{position:relative;height:clamp(420px,44vw,560px);padding:6px 8px 8px}
.mframe .tradingview-widget-container{position:relative;z-index:2;height:100%}
.mframe .tradingview-widget-container__widget{height:100%}
.mframe iframe{border-radius:13px}
/* graceful degradation if the provider is blocked or slow */
.tv-fallback{position:absolute;inset:6px 8px 8px;z-index:1;display:flex;align-items:center;
  justify-content:center;text-align:center;padding:26px;border-radius:13px;
  background:rgba(0,0,0,.16);border:1px dashed rgba(255,255,255,.12);
  font-size:calc(13px*var(--fs));line-height:1.6;color:var(--on-ink-3);font-weight:300}
.mnote{margin-top:clamp(20px,2.2vw,28px);font-size:calc(12.4px*var(--fs));line-height:1.72;
  color:var(--on-ink-3);font-weight:300;max-width:92ch;
  padding-left:16px;border-left:2px solid rgba(176,138,74,.4)}
/* TradingView attribution stays visible — free tier requirement */
.mframe .tradingview-widget-copyright{font-family:var(--m)!important;font-size:9.5px!important;
  letter-spacing:.1em;padding-top:4px}
.mframe .tradingview-widget-copyright,
.mframe .tradingview-widget-copyright a{color:var(--on-ink-3)!important;text-decoration:none}
.mframe .tradingview-widget-copyright a:hover{color:var(--aqua-hi)!important}

/* hero ticker tape frame */
.tick{padding:0;background:var(--ink-2)}
.tick .tradingview-widget-container{max-width:1260px;margin:0 auto;padding:0 max(0px,calc(var(--gut) - 12px))}
.tick .tv-fallback{position:static;inset:auto;border:none;background:none;padding:16px;
  font-size:calc(11px*var(--fs));letter-spacing:.14em;text-transform:uppercase;font-family:var(--m)}

/* ═══════════ PASS 4 — MOTION TIMING ═══════════
   Anticipation, overshoot, follow-through. One easing vocabulary. */
:root{
  --ease:cubic-bezier(0.16,1,0.3,1);          /* settle — default */
  --ease-out:cubic-bezier(0.33,1,0.68,1);      /* exits */
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);/* overshoot */
  --micro:150ms;
  --base:520ms;
}
/* interactive elements overshoot slightly on the way in, settle on the way out */
.cta,.ccard .tile,.chip,.term,.pmk-do,.a11y-row button,.totop,.stmt-mark,.risk-mk,.tnote-i{
  transition-timing-function:var(--ease-spring)}
.cta:active{transform:translateY(1px) scale(.985);transition-duration:90ms}
.term:active,.ccard:active{transition-duration:120ms}
/* hover in fast, out slow — reads as weight rather than snap */
.ccard,.rung,.pair,.rpull div,.minput{transition-duration:var(--base)}
.ccard:hover,.rung:hover,.pair:hover,.rpull div:hover,.minput:hover{transition-duration:260ms}
/* nav indicator and rail marker travel with a hint of overshoot */
.nav-ind,.idx-mk{transition-timing-function:var(--ease-spring);transition-duration:560ms}
@media(prefers-reduced-motion:reduce){
  .cta,.ccard .tile,.chip,.term,.nav-ind,.idx-mk{transition-timing-function:linear}
}



/* ═══ SCALE PASS — global type + rhythm reduction ═══ */
body{font-size:calc(15px*var(--fs));line-height:1.58}
h1{font-size:clamp(37px,5.6vw,74px);line-height:.99;max-width:12ch}
.lede{font-size:calc(16px*var(--fs));max-width:48ch;margin-top:20px}
.sh h2,.sh-seal h2{font-size:clamp(26px,3.5vw,42px)}
.sh p,.sh-seal p{font-size:calc(15px*var(--fs));margin-top:16px}
:root{--pad:clamp(56px,6.6vw,76px)}
.hero{padding:calc(72px + clamp(40px,5vw,64px)) 0 clamp(40px,4.6vw,58px);min-height:0}
.ccard h3{font-size:calc(18px*var(--fs))}
.ccard p,.prin p,.rung .use{font-size:calc(13.6px*var(--fs))}
.pseq b{font-size:clamp(19px,2vw,25px)}
.rung h3{font-size:clamp(16px,1.6vw,19.5px)}
.minput{font-size:calc(13.4px*var(--fs));padding:10px 14px}
.mcore b{font-size:calc(15.5px*var(--fs))}
.over-q blockquote{font-size:clamp(19px,2.3vw,28px)}
.term .price b{font-size:clamp(26px,2.7vw,33px)}
.incl-l h3{font-size:clamp(20px,2.2vw,27px)}
.band h3{font-size:clamp(21px,2.4vw,29px)}
.risk h2{font-size:clamp(22px,2.6vw,33px)}
.rpull b{font-size:calc(15px*var(--fs))}
.p-do{font-size:calc(14.4px*var(--fs))}
.p-no{font-size:calc(13.6px*var(--fs))}
.seal{width:clamp(120px,10.5vw,150px);height:clamp(120px,10.5vw,150px)}
.nav-in{height:58px}
.nav.stuck .nav-in{height:51px}
.ft-mark{font-size:clamp(48px,13vw,178px)}
.card{width:min(100%,420px);padding:22px;border-radius:21px}
.tile{width:50px;height:50px;border-radius:13px}
.tile svg{width:23px;height:23px}

/* stats row — three columns, never wraps */
.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  margin-top:clamp(26px,3vw,38px);padding-top:20px}
.proof div{padding:0 clamp(10px,1.4vw,18px);margin:0;
  border-right:1px solid var(--ln-d);min-width:0}
.proof div:first-child{padding-left:0}
.proof div:last-child{border-right:none;padding-right:0}
.proof b{font-size:clamp(19px,1.9vw,24px);white-space:nowrap}
.proof span{font-size:calc(8.6px*var(--fs));letter-spacing:.1em;line-height:1.35;margin-top:6px}
@media(max-width:420px){.proof span{font-size:calc(8px*var(--fs));letter-spacing:.06em}}



/* ═══ SESSION STRIP — live state ═══ */
.strip-top{margin-bottom:14px}
.strip-right{display:flex;align-items:center;gap:12px}
.strip-state{font-family:var(--m);font-size:calc(9px*var(--fs));letter-spacing:.15em;
  text-transform:uppercase;color:var(--aqua-hi);border:1px solid rgba(63,214,207,.32);
  background:rgba(15,169,164,.12);border-radius:5px;padding:4px 9px}
.strip-state.shut{color:var(--on-ink-3);border-color:var(--ln-d);background:rgba(255,255,255,.04)}
.sess div{position:relative;overflow:hidden;padding:13px 14px 12px}
.sess div span{font-size:calc(10.5px*var(--fs));letter-spacing:.13em;color:var(--on-ink-2);font-weight:500}
.sess div b{font-size:calc(9.6px*var(--fs));color:var(--on-ink-3);margin-top:3px}
.sbar{display:block;height:2px;border-radius:2px;background:rgba(255,255,255,.1);margin:10px 0 8px;overflow:hidden}
.sbar u{display:block;height:100%;width:0;border-radius:2px;text-decoration:none;
  background:linear-gradient(90deg,var(--aqua),var(--brass-hi));
  transition:width 900ms var(--ease)}
.sstat{font-style:normal;font-family:var(--m);font-size:calc(8.6px*var(--fs));letter-spacing:.14em;
  text-transform:uppercase;color:var(--on-ink-3);display:block}
.sess div.on .sstat{color:var(--aqua-hi)}
.sess div.on::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--aqua),var(--brass-hi))}
.chart-live{height:150px;position:relative;margin:16px 0 6px}
.chart-live .tradingview-widget-container{height:100%}
.tv-fb-card{position:absolute;inset:0;font-size:calc(11px*var(--fs));border:none;background:none}


/* ═══ 09 · THE FIRM ═══ */
.figs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ln);
  border:1px solid var(--ln);margin-bottom:clamp(16px,1.8vw,22px)}
@media(max-width:900px){.figs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.figs{grid-template-columns:1fr}}
.fig{background:var(--porcelain-hi);padding:clamp(20px,2.2vw,28px);position:relative;overflow:hidden;
  transition:background var(--base) var(--ease)}
.fig::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(15,169,164,.1),transparent 55%);
  transition:opacity var(--base) var(--ease)}
.fig:hover::before{opacity:1}
.fig>*{position:relative;z-index:2}
.fig b{display:block;font-size:clamp(28px,3.2vw,40px);font-weight:900;letter-spacing:-.04em;
  line-height:1;color:var(--aqua-hi);font-variant-numeric:tabular-nums}
.fig span{display:block;margin-top:12px;font-size:calc(13.6px*var(--fs));font-weight:600;color:var(--t1)}
.fig em{display:block;margin-top:5px;font-style:normal;font-family:var(--m);
  font-size:calc(9.4px*var(--fs));letter-spacing:.12em;text-transform:uppercase;
  color:var(--t3);line-height:1.5}

.creds{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ln);border:1px solid var(--ln)}
@media(max-width:900px){.creds{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.creds{grid-template-columns:1fr}}
.cred{background:var(--porcelain-hi);padding:clamp(18px,2vw,24px)}
.cred .mono{display:block;color:var(--brass-hi);margin-bottom:11px}
.cred b{display:block;font-size:calc(15.5px*var(--fs));font-weight:700;letter-spacing:-.022em;
  line-height:1.3;color:var(--t1)}
.cred em{display:block;margin-top:7px;font-style:normal;font-size:calc(12.8px*var(--fs));
  line-height:1.6;color:var(--t2);font-weight:300}

.media{margin-top:clamp(28px,3.2vw,42px)}
.media-head{margin-bottom:20px}
.media-head .mono{display:block;color:var(--aqua-hi);margin-bottom:9px}
.media-head h3{font-size:clamp(20px,2.2vw,27px);font-weight:900;letter-spacing:-.03em}
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,16px)}
@media(max-width:820px){.media-grid{grid-template-columns:1fr}}
.mitem{display:block;padding:clamp(18px,2vw,24px);border:1px solid var(--ln);text-decoration:none;
  background:var(--porcelain-hi);position:relative;overflow:hidden;
  transition:border-color var(--base) var(--ease),transform var(--base) var(--ease)}
.mitem:hover{border-color:rgba(15,169,164,.34);transform:translateY(-4px)}
.mitem .mono{display:block;color:var(--brass-hi);margin-bottom:11px}
.mitem b{display:block;font-size:calc(15px*var(--fs));font-weight:600;line-height:1.42;color:var(--t1)}
.mitem em{display:block;margin-top:12px;font-style:normal;font-family:var(--m);
  font-size:calc(9.4px*var(--fs));letter-spacing:.13em;text-transform:uppercase;color:var(--aqua-dp)}
.mitem:hover em{color:var(--aqua-hi)}

/* ═══════════════════════════════════════════════════════════
   INVERZA — NOCTURNE VARIANT
   Every section on ink. Alternating ink/ink-2 replaces the
   porcelain/white rhythm. Appended last; overrides only colour,
   never layout, so all motion and structure is untouched.
   ═══════════════════════════════════════════════════════════ */
:root{
  --porcelain:#0A1220;
  --porcelain-hi:#101B2D;
  /* text inverts — kept above WCAG AA on ink */
  --t1:#E8EEF6;
  --t2:#9FB0C6;
  --t3:#7B8DA5;
  --ln:rgba(255,255,255,.10);
}
body{background:var(--ink);color:var(--t1)}
html{scrollbar-color:var(--aqua-dp) rgba(255,255,255,.06)}
::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}
::-webkit-scrollbar-thumb{border-color:var(--ink)}

/* section rhythm: ink → ink-2 instead of porcelain → white */
.sec{background:var(--ink)}
.sec-alt{background:var(--ink-2)}
.sec-alt::before{background:
  radial-gradient(ellipse 60% 50% at 12% 0%,rgba(15,169,164,.09),transparent 62%),
  radial-gradient(ellipse 50% 44% at 92% 100%,rgba(176,138,74,.07),transparent 62%)}
/* grain must screen on dark, not multiply */
.sec:not(.sec-ink)::after{mix-blend-mode:screen;opacity:.055}
.sec-ink,.hero,.risk,.sec-alt{box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}

/* section heads */
.sh{border-top-color:var(--ln)}
.sh-tag em{color:var(--aqua-hi)}
.sh-tag span{color:var(--t3)}
.sh p,.sh-seal p{color:var(--t2)}

/* ── 03 approach ── */
.rail-line{background:var(--ln)}
.pnode{background:var(--ink-2);border-color:var(--ln);color:var(--t3)}
.prin>div.lit .pnode{background:rgba(15,169,164,.14);box-shadow:0 0 0 6px rgba(15,169,164,.09)}
.pseq i{color:var(--aqua-hi);border-color:rgba(63,214,207,.3);background:rgba(15,169,164,.1)}
.pseq b.dim{color:var(--t3)}
.prin p{color:var(--t2)}

/* ── 04 coverage ── */
.ccard{background:linear-gradient(158deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
  border-color:rgba(255,255,255,.09);
  box-shadow:var(--ed1),inset 0 1px 0 rgba(255,255,255,.10)}
.ccard:hover{background:linear-gradient(158deg,rgba(255,255,255,.085),rgba(255,255,255,.035));
  border-color:rgba(15,169,164,.34);box-shadow:var(--ed2),inset 0 1px 0 rgba(255,255,255,.16)}
.ccard p{color:var(--t2)}
.ccard .lbl{color:var(--aqua-hi)}
.tile{background:rgba(15,169,164,.14);border-color:rgba(15,169,164,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.tile svg{stroke:var(--aqua-hi)}
.band{background:var(--ink-3)}

/* ── 05 method ── */
.minput{background:linear-gradient(158deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  border-color:rgba(255,255,255,.09);color:var(--t1);
  box-shadow:var(--ed1),inset 0 1px 0 rgba(255,255,255,.1)}
.minput:hover{border-color:rgba(15,169,164,.45)}
.mlines path{stroke:rgba(15,169,164,.34)}
.over{background:linear-gradient(158deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  border-color:rgba(255,255,255,.09);box-shadow:var(--ed1),inset 0 1px 0 rgba(255,255,255,.1)}
.over-body{border-top-color:var(--ln)}
.over-body p{color:var(--t2)}
.qmark{color:var(--brass-hi);opacity:.4}
.over-q blockquote span{color:var(--aqua-hi)}
.chain{background:var(--ln);border-color:var(--ln)}
.chain div{background:rgba(255,255,255,.035)}
.chain em.auto{color:var(--aqua-hi);background:rgba(15,169,164,.13);border-color:rgba(15,169,164,.3)}
.chain em.human{color:var(--brass-hi);background:rgba(176,138,74,.13);border-color:rgba(176,138,74,.34)}

/* ── 06 clients ── */
.spec span{color:var(--t3)}
.ladder,.rung{border-color:var(--ln)}
.rung:hover{background:rgba(255,255,255,.035)}
.t-ind{color:#4FD8D2;border-color:rgba(79,216,210,.34);background:rgba(79,216,210,.10)}
.t-pro{color:#3FC5C0;border-color:rgba(63,197,192,.34);background:rgba(63,197,192,.10)}
.t-cor{color:#A8C083;border-color:rgba(168,192,131,.34);background:rgba(168,192,131,.10)}
.t-ins{color:#DCB979;border-color:rgba(220,185,121,.36);background:rgba(220,185,121,.10)}
.use{color:var(--t3)}
.rung:hover .use{color:var(--aqua-hi)}
.stmt{background:linear-gradient(158deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  border-color:rgba(255,255,255,.09);box-shadow:var(--ed1),inset 0 1px 0 rgba(255,255,255,.1)}
.stmt p{color:var(--t2)}
.stmt p b{color:var(--t1)}
.stmt-mark{background:rgba(176,138,74,.15);border-color:rgba(176,138,74,.32)}
.stmt-mark svg{stroke:var(--brass-hi)}

/* ── 08 standards ── */
.seal .ring{stroke:var(--ln)}
.seal .ring-i{stroke:rgba(220,185,121,.34)}
.seal text{fill:var(--t3)}
.seal .mark{stroke:var(--brass-hi)}
.seal .tick{stroke:rgba(63,214,207,.42)}
.led-head,.led,.pair{border-color:var(--ln)}
.led-head .h-do{color:var(--aqua-hi)}
.led-head .h-no{color:var(--t3)}
.pair:hover{background:rgba(255,255,255,.032)}
.p-do{color:var(--t1)}
.p-no{color:var(--t3)}
.pmk-do{background:rgba(15,169,164,.14);border-color:rgba(15,169,164,.32)}
.pmk-do svg{stroke:var(--aqua-hi)}
.pmk-no{background:rgba(255,255,255,.04);border-color:var(--ln)}
.pmk-no svg{stroke:var(--t3)}
.spine::before{background:var(--ln)}
.spine::after{background:var(--ink-2);border-color:var(--ln)}

.fig,.cred,.mitem{background:linear-gradient(158deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.figs,.creds{background:var(--ln);border-color:var(--ln)}
.mitem:hover{background:linear-gradient(158deg,rgba(255,255,255,.08),rgba(255,255,255,.03))}

/* ── chrome ── */
.idx{background:linear-gradient(158deg,rgba(20,36,50,.66),rgba(10,18,32,.52));
  border-color:rgba(255,255,255,.12);
  box-shadow:var(--ed1),inset 0 1px 0 rgba(255,255,255,.13)}
.idx b{color:var(--t3)}
.idx a:hover b,.idx a.on b{color:var(--aqua-hi)}
.idx-mk{background:linear-gradient(150deg,rgba(63,214,207,.24),rgba(63,214,207,.1));
  border-color:rgba(63,214,207,.4)}
.idx::before{background:var(--ln)}

/* high-contrast mode re-derived for the dark ground */
body.contrast{--t1:#FFFFFF;--t2:#CFDCE9;--t3:#AFC0D2;
  --on-ink-2:#D6E2ED;--on-ink-3:#A8B9CB;
  --ln:rgba(255,255,255,.3);--ln-d:rgba(255,255,255,.34);--ln-d2:rgba(255,255,255,.5)}


/* ═══ NEWS PANEL + SOURCES ═══ */
.mpanel-wide{grid-column:1/-1}
.mframe-news{height:clamp(360px,34vw,440px)}

.srcs{margin-top:clamp(30px,3.4vw,44px);border:1px solid var(--ln);
  background:linear-gradient(158deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  border-radius:20px;padding:clamp(24px,2.8vw,36px)}
.srcs-head{max-width:60ch;margin-bottom:clamp(20px,2.2vw,28px)}
.srcs-head .mono{display:block;color:var(--brass-hi);margin-bottom:10px}
.srcs-head h3{font-size:clamp(20px,2.2vw,27px);font-weight:900;letter-spacing:-.03em}
.srcs-head p{margin-top:12px;font-size:calc(14.4px*var(--fs));line-height:1.68;color:var(--t2);font-weight:300}
.srcs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ln);
  border:1px solid var(--ln)}
@media(max-width:1000px){.srcs-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.srcs-grid{grid-template-columns:1fr}}
.src{background:var(--ink-2);padding:clamp(16px,1.8vw,21px);position:relative;overflow:hidden;
  transition:background var(--base) var(--ease)}
.src:hover{background:var(--ink-3)}
.src .mono{display:block;font-size:calc(8.6px*var(--fs));color:var(--aqua-hi);margin-bottom:10px}
.src b{display:block;font-size:calc(14.4px*var(--fs));font-weight:700;letter-spacing:-.02em;
  line-height:1.32;color:var(--t1)}
.src em{display:block;margin-top:7px;font-style:normal;font-size:calc(12.2px*var(--fs));
  line-height:1.55;color:var(--t3);font-weight:300}



/* ═══ WIDGET BREATHING ROOM ═══ */
.mkt{gap:clamp(20px,2.2vw,30px)}
.mpanel{border-radius:22px}
.mpanel-head{padding:clamp(22px,2.4vw,30px) clamp(22px,2.4vw,30px) clamp(18px,2vw,22px)}
.mpanel-head .mono{margin-bottom:10px}
.mpanel-sub{font-size:calc(13.4px*var(--fs));line-height:1.5;color:var(--t2);font-weight:300;max-width:46ch}
/* generous inner padding so widget chrome never touches the panel edge */
.mframe{padding:clamp(14px,1.6vw,20px) clamp(14px,1.6vw,20px) clamp(16px,1.8vw,22px)}
/* taller frames — the matrix and calendar were being clipped */
.mframe{height:clamp(500px,50vw,640px)}
.mframe-news{height:clamp(430px,40vw,520px)}
.mframe iframe{border-radius:14px}
.tv-fallback{inset:clamp(14px,1.6vw,20px)}
/* the newswire has its own internal heading — pull our panel header tighter to it */
.mpanel-wide .mpanel-head{padding-bottom:clamp(14px,1.6vw,18px)}
.mnote{margin-top:clamp(26px,3vw,36px)}
.srcs{margin-top:clamp(34px,3.8vw,50px)}
@media(max-width:1000px){
  .mframe{height:clamp(460px,80vw,560px)}
  .mframe-news{height:clamp(400px,74vw,480px)}
}
@media(max-width:560px){
  .mframe{height:440px;padding:12px 12px 14px}
  .mframe-news{height:420px}
}
/* hero card chart also needed air */
.chart-live{height:168px;margin:18px 0 8px}



/* ═══ MARKETS RELAYOUT + NEWSWIRE SECTION ═══ */
/* the 8x8 cross-rate grid needs the full column or it scrolls horizontally */
.mkt-stack{grid-template-columns:1fr;gap:clamp(20px,2.4vw,32px)}
#markets .mpanel:first-child .mframe{height:clamp(420px,34vw,500px)}
#markets .mpanel:last-child .mframe{height:clamp(440px,36vw,520px)}
#newswire .mframe,#newswire .mframe-news{height:clamp(520px,44vw,620px)}
#newswire .mpanel{max-width:none}
@media(max-width:1000px){
  #markets .mpanel:first-child .mframe,
  #markets .mpanel:last-child .mframe{height:clamp(420px,70vw,500px)}
  #newswire .mframe,#newswire .mframe-news{height:clamp(480px,90vw,580px)}
}
@media(max-width:560px){
  #markets .mpanel .mframe{height:400px}
  #newswire .mframe,#newswire .mframe-news{height:520px}
}


/* ═══ NAV DENSITY ═══ */
.links{gap:clamp(4px,1vw,14px)}
.links a{padding:0 clamp(10px,1.1vw,15px)}
@media(max-width:1000px){.links{gap:0}.links a{padding:13px 0}}

/* ═══ ABOUT + WHY ═══ */
.abt{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(22px,3vw,44px);align-items:start;
  margin-bottom:clamp(30px,3.4vw,44px)}
@media(max-width:900px){.abt{grid-template-columns:1fr}}
.abt-main p{font-size:calc(15.4px*var(--fs));line-height:1.78;color:var(--t2);font-weight:300;margin-bottom:16px}
.abt-main p:first-child{font-size:calc(17px*var(--fs));color:var(--t1);font-weight:400;line-height:1.66}
.abt-side{display:grid;gap:clamp(12px,1.4vw,16px)}
.abt-card{border:1px solid var(--ln);border-radius:16px;padding:clamp(20px,2.2vw,26px);
  background:linear-gradient(158deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.abt-card .mono{display:block;color:var(--brass-hi);margin-bottom:12px}
.abt-card p{font-size:calc(14px*var(--fs));line-height:1.7;color:var(--t2);font-weight:300}
.vals{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--ln);border:1px solid var(--ln)}
@media(max-width:1000px){.vals{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.vals{grid-template-columns:1fr}}
.val{background:var(--ink-2);padding:clamp(18px,2vw,24px);transition:background var(--base) var(--ease)}
.val:hover{background:var(--ink-3)}
.val .mono{display:block;color:var(--aqua-hi);margin-bottom:12px}
.val b{display:block;font-size:calc(14.6px*var(--fs));font-weight:700;letter-spacing:-.02em;line-height:1.3}
.val em{display:block;margin-top:8px;font-style:normal;font-size:calc(12.6px*var(--fs));
  line-height:1.6;color:var(--t3);font-weight:300}
.whys{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,20px)}
@media(max-width:940px){.whys{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.whys{grid-template-columns:1fr}}
.why{border:1px solid var(--ln);border-radius:16px;padding:clamp(22px,2.4vw,30px);
  background:linear-gradient(158deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  transition:transform var(--base) var(--ease),border-color var(--base) var(--ease)}
.why:hover{transform:translateY(-5px);border-color:rgba(15,169,164,.3)}
.why-i{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:rgba(15,169,164,.12);border:1px solid rgba(15,169,164,.24);margin-bottom:18px}
.why-i svg{width:21px;height:21px;stroke:var(--aqua-hi);fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.why b{display:block;font-size:calc(16px*var(--fs));font-weight:700;letter-spacing:-.024em;line-height:1.32}
.why em{display:block;margin-top:11px;font-style:normal;font-size:calc(13.6px*var(--fs));
  line-height:1.7;color:var(--t2);font-weight:300}


/* ═══ 13 · LEGAL (single-page, tabbed) ═══ */
.ltabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(24px,2.8vw,34px);
  border-bottom:1px solid var(--ln);padding-bottom:clamp(20px,2.4vw,28px)}
.ltab{font-family:var(--m);font-size:calc(10.5px*var(--fs));letter-spacing:.13em;text-transform:uppercase;
  padding:11px 18px;border:1px solid var(--ln);border-radius:10px;background:none;color:var(--t2);
  cursor:pointer;transition:border-color var(--micro) var(--ease),color var(--micro) var(--ease),
  background var(--micro) var(--ease)}
.ltab:hover{border-color:rgba(15,169,164,.4);color:var(--t1)}
.ltab.on{background:var(--aqua);border-color:var(--aqua);color:#03211F;font-weight:500}
.lpanel{display:none}
.lpanel.on{display:block}
.lpanel h2{font-size:clamp(18px,2vw,23px);font-weight:900;letter-spacing:-.03em;
  margin:clamp(26px,3vw,36px) 0 12px;scroll-margin-top:180px;line-height:1.22}
.lpanel h2:first-child{margin-top:0}
.lpanel h3{font-size:calc(15px*var(--fs));font-weight:700;letter-spacing:-.02em;margin:22px 0 9px;color:var(--t1)}
.lpanel p{font-size:calc(13.8px*var(--fs));line-height:1.76;color:var(--t2);font-weight:300;margin:0 0 12px}
.lpanel ul{margin:0 0 14px;padding:0;list-style:none}
.lpanel li{position:relative;padding-left:19px;margin-bottom:8px;
  font-size:calc(13.6px*var(--fs));line-height:1.68;color:var(--t2);font-weight:300}
.lpanel li::before{content:"";position:absolute;left:2px;top:10px;width:5px;height:5px;
  background:var(--aqua);transform:rotate(45deg)}
.lpanel .lnum{display:none} /* numbering not needed inline — tabs already segment the docs */
.lmeta-row{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:clamp(20px,2.4vw,28px);
  font-family:var(--m);font-size:calc(9.4px*var(--fs));letter-spacing:.13em;text-transform:uppercase;color:var(--t3)}
.lmeta-row b{color:var(--aqua-hi);font-weight:500}
.lbody-wrap{max-width:76ch}



/* ═══ REAL LOGO MARK ═══ */
.logo-mark{height:26px;width:auto;flex:none;display:block;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.f-mark .logo-mark{height:32px;margin-bottom:16px}


/* ═══ 14 · CONTACT ═══ */
.cwrap{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(24px,3vw,44px);align-items:start}
@media(max-width:900px){.cwrap{grid-template-columns:1fr}}
.cform{border:1px solid var(--ln);border-radius:20px;padding:clamp(24px,3vw,36px);
  background:linear-gradient(158deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  box-shadow:var(--ed2),inset 0 1px 0 rgba(255,255,255,.14)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.crow{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,20px)}
@media(max-width:560px){.crow{grid-template-columns:1fr}}
.cfield{display:flex;flex-direction:column;gap:8px;margin-bottom:clamp(14px,1.8vw,20px)}
.cfield label{font-family:var(--m);font-size:calc(9.6px*var(--fs));letter-spacing:.15em;
  text-transform:uppercase;color:var(--on-ink-2)}
.cfield input,.cfield textarea{
  font-family:var(--f);font-size:calc(14.5px*var(--fs));color:var(--on-ink);
  background:rgba(0,0,0,.22);border:1px solid var(--ln-d2);border-radius:11px;
  padding:12px 14px;transition:border-color var(--micro) var(--ease),background var(--micro) var(--ease);
  width:100%}
.cfield textarea{resize:vertical;min-height:120px;font-family:var(--f);line-height:1.55}
.cfield input:focus,.cfield textarea:focus{outline:none;border-color:var(--aqua);
  background:rgba(0,0,0,.32);box-shadow:0 0 0 3px rgba(15,169,164,.16)}
.cfield input:invalid:not(:placeholder-shown){border-color:rgba(255,90,90,.5)}
.csubmit{display:flex;align-items:center;gap:16px;margin-top:6px;flex-wrap:wrap}
.csubmit .cta{padding:14px 26px}
.csubmit .cta:disabled{opacity:.55;cursor:not-allowed;transform:none!important}
.cstatus{font-family:var(--m);font-size:calc(11px*var(--fs));letter-spacing:.08em}
.cstatus.ok{color:var(--aqua-hi)}
.cstatus.err{color:#FF9B7A}

.cside{display:grid;gap:clamp(12px,1.4vw,16px)}
.cside-card{border:1px solid var(--ln);border-radius:16px;padding:clamp(18px,2vw,22px);
  background:linear-gradient(158deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.cside-card .mono{display:block;color:var(--brass-hi);margin-bottom:10px}
.cside-card a{font-size:calc(14.5px*var(--fs));color:var(--aqua-hi);text-decoration:none;
  font-weight:500;word-break:break-word}
.cside-card a:hover{text-decoration:underline}
.cside-card p{font-size:calc(13.6px*var(--fs));line-height:1.65;color:var(--t2);font-weight:300;margin:0}

/* ── MULTI-PAGE NAVIGATION ACTIVE STATE ─────────────────── */
.links a.active{color:var(--on-ink);font-weight:700}
.links a.active::after{width:100%}

/* ── PAYONEER CHECKOUT MODAL ────────────────────────────── */
.pay-modal-overlay{
  position:fixed;inset:0;background:rgba(10,18,32,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;pointer-events:none;transition:opacity 300ms cubic-bezier(0.16,1,0.3,1);
}
.pay-modal-overlay.open{opacity:1;pointer-events:auto}
.pay-modal{
  background:var(--ink-2);border:1px solid var(--ln-d2);border-radius:20px;
  max-width:540px;width:100%;padding:32px;color:var(--on-ink);position:relative;
  box-shadow:0 24px 80px rgba(0,0,0,.6);transform:translateY(20px);transition:transform 300ms cubic-bezier(0.16,1,0.3,1);
}
.pay-modal-overlay.open .pay-modal{transform:none}
.pay-modal-close{
  position:absolute;top:20px;right:20px;background:none;border:none;color:var(--on-ink-2);
  font-size:24px;cursor:pointer;line-height:1;padding:4px 8px;border-radius:6px;transition:color 160ms;
}
.pay-modal-close:hover{color:#fff}
.pay-header{margin-bottom:24px;border-bottom:1px solid var(--ln-d);padding-bottom:16px}
.pay-header .mono{color:var(--aqua-hi);font-size:11px}
.pay-header h3{font-size:22px;margin:6px 0 4px;font-weight:700}
.pay-tier-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(15,169,164,.15);border:1px solid rgba(63,214,207,.3);border-radius:8px;font-size:14px;color:var(--aqua-hi);margin-top:8px}
.pay-form{display:flex;flex-direction:column;gap:16px}
.pay-group{display:flex;flex-direction:column;gap:6px}
.pay-group label{font-size:12px;font-family:var(--m);text-transform:uppercase;letter-spacing:.1em;color:var(--on-ink-2)}
.pay-input{
  background:rgba(10,18,32,.6);border:1px solid var(--ln-d2);border-radius:8px;padding:12px 14px;
  color:#fff;font-family:var(--f);font-size:15px;outline:none;transition:border-color 160ms;
}
.pay-input:focus{border-color:var(--aqua-hi)}
.pay-btn{
  background:var(--aqua);color:#03211F;border:none;border-radius:10px;padding:14px 20px;font-weight:700;
  font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;
  margin-top:8px;box-shadow:0 4px 20px rgba(15,169,164,.35);transition:all 160ms;
}
.pay-btn:hover{background:var(--aqua-hi);transform:translateY(-1px);box-shadow:0 8px 30px rgba(15,169,164,.5)}
.pay-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
.pay-note{font-size:12px;color:var(--on-ink-3);text-align:center;line-height:1.5;margin-top:8px}


/* ── LOGO IMAGE ENHANCEMENT ──────────────────────────────── */
.logo img, .logo-img {
  height: 36px;
  width: auto;
  max-width: 90px;
  object-fit: contain;
  flex: none;
  display: block;
}

/* ── LEFT-ALIGNED SECTION HEADINGS (REMOVED SIDEBAR NUMBER TAGS) ── */
.sh {
  display: block !important;
  max-width: 860px !important;
  margin-bottom: clamp(28px, 4vw, 48px) !important;
  border-top: 1px solid var(--ln) !important;
  padding-top: 24px !important;
}
.sec-ink .sh {
  border-top-color: var(--ln-d) !important;
}
.sh h2 {
  font-size: clamp(30px, 4.3vw, 48px) !important;
  max-width: 100% !important;
  letter-spacing: -.03em !important;
  line-height: 1.08 !important;
  margin: 0 !important;
}
.sh p {
  margin-top: 16px !important;
  max-width: 72ch !important;
  font-size: calc(16.5px*var(--fs)) !important;
  line-height: 1.68 !important;
  color: var(--t2) !important;
  font-weight: 300 !important;
}
.sec-ink .sh p {
  color: var(--on-ink-2) !important;
}

.sh-seal {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 32px !important;
  margin-bottom: clamp(28px, 4vw, 48px) !important;
  border-top: 1px solid var(--ln) !important;
  padding-top: 24px !important;
}
.sh-seal h2 {
  font-size: clamp(30px, 4.3vw, 48px) !important;
  max-width: 100% !important;
  line-height: 1.08 !important;
}
.sh-seal p {
  margin-top: 16px !important;
  max-width: 72ch !important;
  font-size: calc(16.5px*var(--fs)) !important;
  line-height: 1.68 !important;
  color: var(--t2) !important;
  font-weight: 300 !important;
}
@media (max-width: 900px) {
  .sh-seal { flex-direction: column !important; }
  .sh-seal .seal { display: none !important; }
}


/* ── PRICING CARD BUTTON HOVER TRANSFORMATION (MATCHES 4TH CARD) ── */
.term:not(.feat) .cta {
  background: transparent;
  color: var(--on-ink);
  border: 1px solid var(--ln-d2);
  box-shadow: none;
  transition: all 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 350ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.term:not(.feat) .cta:hover {
  background: var(--aqua) !important;
  color: #03211F !important;
  border-color: var(--aqua) !important;
  box-shadow: 0 8px 25px rgba(15, 169, 164, 0.45) !important;
  transform: translateY(-2px) !important;
}


/* ── DISABLE ALL TRADINGVIEW CLICKS / REDIRECTS ── */
.tradingview-widget-container,
.tradingview-widget-container *,
.tradingview-widget-container iframe,
.chart-live,
.stage .card .chart,
.mframe .tradingview-widget-container {
  pointer-events: none !important;
  cursor: default !important;
  user-select: none !important;
}

.tradingview-widget-copyright,
.tradingview-widget-copyright * {
  display: none !important;
  pointer-events: none !important;
}


/* ── LEGAL STANDALONE PAGES (TIGHT, SLEEK SPACING MATCHING OTHER PAGES) ── */
.legal-sec {
  position: relative;
  background: var(--ink-2);
  padding: calc(76px + clamp(24px, 3.2vw, 40px)) 0 clamp(48px, 5vw, 72px) !important;
  min-height: 75vh;
}
.legal-sec .sh {
  border-top: none !important;
  padding-top: 0 !important;
  margin-bottom: 24px !important;
}
.legal-sec .sh h2 {
  font-size: clamp(28px, 3.8vw, 44px) !important;
  margin: 0 0 10px 0 !important;
}
.legal-sec .sh p {
  margin-top: 6px !important;
  font-size: calc(15px * var(--fs)) !important;
  color: var(--on-ink-3) !important;
}
.legal-single-content {
  background: var(--ink);
  border: 1px solid var(--ln-d2);
  border-radius: 18px;
  padding: clamp(24px, 4vw, 48px);
  margin-top: 0 !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  color: var(--on-ink-2);
}
.legal-single-content .lmeta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 28px;
  border-bottom: 1px solid var(--ln-d);
  padding-bottom: 18px;
  margin-bottom: 28px;
  font-family: var(--m);
  font-size: calc(10.5px * var(--fs));
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--on-ink-3);
}
.legal-single-content .lmeta-row b {
  color: var(--aqua-hi);
  font-weight: 600;
  margin-left: 6px;
}
.legal-single-content h2 {
  font-size: clamp(19px, 2.2vw, 24px);
  color: var(--on-ink);
  margin: 32px 0 12px;
  font-weight: 700;
  letter-spacing: -0.02em;
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.legal-single-content h2:first-of-type {
  margin-top: 0;
}
.legal-single-content h2 .lnum {
  font-family: var(--m);
  font-size: calc(11.5px * var(--fs));
  color: var(--aqua-hi);
  border: 1px solid rgba(63, 214, 207, 0.35);
  background: rgba(15, 169, 164, 0.12);
  border-radius: 6px;
  padding: 2px 7px;
  font-weight: 500;
}
.legal-single-content h3 {
  font-size: clamp(15px, 1.7vw, 18px);
  color: var(--on-ink);
  margin: 20px 0 8px;
  font-weight: 600;
}
.legal-single-content p {
  color: var(--on-ink-2);
  font-size: calc(14.5px * var(--fs));
  line-height: 1.72;
  font-weight: 300;
  margin: 0 0 14px;
}
.legal-single-content ul, .legal-single-content ol {
  color: var(--on-ink-2);
  font-size: calc(14.5px * var(--fs));
  line-height: 1.72;
  font-weight: 300;
  margin: 0 0 18px;
  padding-left: 22px;
}
.legal-single-content li {
  margin-bottom: 6px;
}
.legal-single-content a {
  color: var(--aqua-hi);
  text-decoration: underline;
}