/* ============================================================
   NextGen PlayTech — nxtgenplaytech.com
   Typography-led corporate one-pager. One motion weight.
   ============================================================ */

@font-face{
  font-family:'Archivo';
  src:url('/fonts/archivo-latin.woff2') format('woff2-variations');
  font-weight:400 800;
  font-stretch:62% 125%;
  font-style:normal;
  font-display:swap;
}

:root{
  --ink:#0A0B0D;
  --ink-2:#131519;
  --paper:#F4F3EF;
  --paper-2:#EAE8E2;
  --white:#FFFFFF;

  --on-ink:#F2F2F0;
  --on-ink-dim:#9BA0A8;
  --on-paper:#14161A;
  --on-paper-dim:#5C626B;

  --accent:#FF4A1C;

  --rule-ink:rgba(255,255,255,.13);
  --rule-paper:rgba(20,22,26,.14);

  --shell:1280px;
  --gutter:clamp(20px,4.4vw,64px);
  --sec-pad:clamp(72px,9vw,148px);

  --fs-display:clamp(2.9rem,8.2vw,7rem);
  --fs-h2:clamp(1.9rem,3.9vw,3.35rem);
  --fs-h3:clamp(1.12rem,1.55vw,1.35rem);
  --fs-lead:clamp(1.02rem,1.28vw,1.24rem);
  --fs-body:clamp(.95rem,1.02vw,1.02rem);
  --fs-small:.795rem;

  --ease:cubic-bezier(.22,.61,.36,1);
  --dur:.72s;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background:var(--ink);
  color:var(--on-ink);
  font-family:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:var(--fs-body);
  line-height:1.62;
  font-variation-settings:'wdth' 100,'wght' 400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:400;letter-spacing:-.022em;line-height:1.05}
p{margin:0}
ul,ol,dl,dd{margin:0;padding:0;list-style:none}

.shell{max-width:var(--shell);margin:0 auto;padding-inline:var(--gutter);width:100%}

.skip{
  position:absolute;left:-9999px;top:0;z-index:200;
  background:var(--accent);color:#fff;padding:10px 16px;font-size:var(--fs-small);
  letter-spacing:.08em;text-transform:uppercase;text-decoration:none;
}
.skip:focus{left:12px;top:12px}

:where(a,button,summary):focus-visible{
  outline:2px solid var(--accent);outline-offset:3px;border-radius:1px;
}

/* ─── surfaces ─────────────────────────────────────────── */
.surface-ink{background:var(--ink);color:var(--on-ink)}
.surface-paper{background:var(--paper);color:var(--on-paper)}
.surface-paper .index,.surface-paper .eyebrow{color:var(--on-paper-dim)}

/* ─── header ───────────────────────────────────────────── */
.site-head{
  position:fixed;inset:0 0 auto 0;z-index:100;
  border-bottom:1px solid transparent;
  transition:background-color .35s var(--ease),border-color .35s var(--ease),backdrop-filter .35s var(--ease);
}
.site-head.is-stuck{
  background:rgba(10,11,13,.82);
  backdrop-filter:saturate(150%) blur(14px);
  -webkit-backdrop-filter:saturate(150%) blur(14px);
  border-bottom-color:var(--rule-ink);
}
.head-in{display:flex;align-items:center;gap:clamp(16px,3vw,48px);height:74px}

/* ─── wordmark (text-only logo) ────────────────────────── */
.wordmark{
  text-decoration:none;display:inline-flex;align-items:baseline;gap:.34em;
  font-size:clamp(.94rem,1.16vw,1.08rem);
  line-height:1;white-space:nowrap;color:var(--on-ink);
}
.wm-a{font-variation-settings:'wdth' 118,'wght' 800;letter-spacing:-.012em}
.wm-b{font-variation-settings:'wdth' 118,'wght' 500;letter-spacing:.055em;color:var(--on-ink-dim)}
.wordmark:hover .wm-b{color:var(--accent)}
.wm-b,.wm-a{transition:color .3s var(--ease)}

/* ─── nav ──────────────────────────────────────────────── */
.nav{display:flex;gap:clamp(14px,2.1vw,30px);margin-left:auto}
.nav a{
  text-decoration:none;font-size:var(--fs-small);letter-spacing:.02em;
  color:var(--on-ink-dim);padding:6px 0;position:relative;
  transition:color .3s var(--ease);
}
.nav a::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--accent);transform:scaleX(0);transform-origin:left;
  transition:transform .35s var(--ease);
}
.nav a:hover{color:var(--on-ink)}
.nav a:hover::after,.nav a.is-active::after{transform:scaleX(1)}
.nav a.is-active{color:var(--on-ink)}

.head-actions{display:flex;align-items:center;gap:12px;margin-left:clamp(8px,2vw,24px)}

/* ─── buttons / links ──────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--accent);color:#fff;text-decoration:none;
  font-size:var(--fs-small);letter-spacing:.06em;text-transform:uppercase;
  font-variation-settings:'wdth' 106,'wght' 600;
  padding:14px 24px;border:1px solid var(--accent);
  transition:background-color .3s var(--ease),color .3s var(--ease);
}
.btn:hover{background:transparent;color:var(--accent)}
.btn-sm{padding:9px 16px}
.surface-paper .btn:hover{color:var(--accent)}

.link-arrow{
  display:inline-flex;align-items:center;gap:.6em;text-decoration:none;
  font-size:var(--fs-small);letter-spacing:.06em;text-transform:uppercase;
  font-variation-settings:'wdth' 104,'wght' 600;
  padding-bottom:4px;border-bottom:1px solid currentColor;
}
.link-arrow::after{content:'→';transition:transform .35s var(--ease)}
.link-arrow:hover::after{transform:translateX(5px)}
.link-arrow:hover{color:var(--accent)}

/* ─── mobile nav ───────────────────────────────────────── */
.menu-btn{
  display:none;width:40px;height:40px;background:none;border:1px solid var(--rule-ink);
  padding:0;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;
}
.menu-btn span{display:block;width:16px;height:1px;background:var(--on-ink);transition:transform .3s var(--ease),opacity .3s var(--ease)}
.menu-btn[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}
.mobile-nav{
  position:fixed;inset:74px 0 auto 0;z-index:99;background:var(--ink);
  border-bottom:1px solid var(--rule-ink);padding:8px var(--gutter) 28px;
}
.mobile-nav[hidden]{display:none}
.mobile-nav a{
  display:flex;gap:16px;align-items:baseline;text-decoration:none;
  padding:14px 0;border-bottom:1px solid var(--rule-ink);
  font-size:1.05rem;font-variation-settings:'wdth' 100,'wght' 500;
}
.mobile-nav a em{font-style:normal;font-size:var(--fs-small);color:var(--accent);letter-spacing:.08em}

/* ─── section chrome ───────────────────────────────────── */
.section{padding-block:var(--sec-pad);scroll-margin-top:74px}
.pad-top-0{padding-top:0}
.sec-head{max-width:66ch;margin-bottom:clamp(44px,5.6vw,84px)}
.index,.eyebrow{
  font-size:var(--fs-small);letter-spacing:.16em;text-transform:uppercase;
  color:var(--on-ink-dim);margin-bottom:clamp(20px,2.4vw,32px);
  font-variation-settings:'wdth' 100,'wght' 600;
}
.section h2{font-size:var(--fs-h2);font-variation-settings:'wdth' 96,'wght' 500}
.sec-lead{
  font-size:var(--fs-lead);line-height:1.55;margin-top:24px;
  color:var(--on-ink-dim);max-width:60ch;
}
.surface-paper .sec-lead{color:var(--on-paper-dim)}

/* ─── hero ─────────────────────────────────────────────── */
.hero{padding-top:clamp(126px,17vh,190px);padding-bottom:clamp(56px,7vw,96px)}
.hero-eyebrow{display:flex;align-items:center;gap:.8em;margin-bottom:clamp(28px,3.4vw,44px)}
.dot{width:4px;height:4px;background:var(--accent);border-radius:50%;display:inline-block}
.display{
  font-size:var(--fs-display);
  font-variation-settings:'wdth' 92,'wght' 600;
  letter-spacing:-.038em;line-height:.96;max-width:16ch;
}
.line{display:block;overflow:hidden}
.line>span{display:block;will-change:transform}
.hero-grid{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  gap:clamp(28px,4vw,72px);align-items:end;
  margin-top:clamp(38px,4.6vw,64px);
}
.lead{font-size:var(--fs-lead);line-height:1.58;color:var(--on-ink-dim);max-width:56ch}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(16px,2vw,28px)}
.hero-strip{
  display:grid;grid-template-columns:repeat(4,1fr);
  margin-top:clamp(56px,7vw,104px);border-top:1px solid var(--rule-ink);
}
.hero-strip li{
  padding:22px 20px 0 0;font-size:var(--fs-small);letter-spacing:.03em;
  color:var(--on-ink-dim);display:flex;gap:.9em;
}
.hero-strip em{font-style:normal;color:var(--accent);font-variation-settings:'wght' 600}

/* ─── 4-up grid of cells ───────────────────────────────── */
.grid-4{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--rule-ink);
}
.surface-paper .grid-4{border-top-color:var(--rule-paper)}
.cell{
  padding:clamp(28px,2.6vw,40px) clamp(20px,2vw,34px) clamp(34px,3.4vw,52px) 0;
  border-right:1px solid var(--rule-ink);
  position:relative;
}
.surface-paper .cell{border-right-color:var(--rule-paper)}
.cell:last-child{border-right:0;padding-right:0}
.cell .num{
  display:block;font-size:var(--fs-small);letter-spacing:.1em;
  color:var(--accent);margin-bottom:clamp(28px,3vw,44px);
  font-variation-settings:'wght' 600;
}
.cell h3{font-size:var(--fs-h3);margin-bottom:14px;font-variation-settings:'wdth' 100,'wght' 600}
.cell p{color:var(--on-ink-dim);max-width:40ch}
.surface-paper .cell p{color:var(--on-paper-dim)}
.grid-4.tight .cell{padding-bottom:clamp(24px,2.4vw,36px)}

/* ─── platforms ────────────────────────────────────────── */
.platforms{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  border-top:1px solid var(--rule-paper);
}
.platform{
  padding:clamp(32px,3.4vw,52px) clamp(24px,3vw,56px) clamp(36px,4vw,60px) 0;
  border-right:1px solid var(--rule-paper);
}
.platform:last-child{border-right:0;padding-right:0;padding-left:clamp(24px,3vw,56px)}
.platform h3{
  font-size:clamp(1.9rem,3.1vw,2.7rem);
  font-variation-settings:'wdth' 108,'wght' 700;letter-spacing:-.028em;
}
.platform-kicker{
  font-size:var(--fs-small);letter-spacing:.13em;text-transform:uppercase;
  color:var(--accent);margin-top:12px;font-variation-settings:'wght' 600;
}
.platform>p{margin-top:clamp(22px,2.2vw,30px);color:var(--on-paper-dim);max-width:46ch}
.platform em{font-style:italic;color:var(--on-paper)}
.meta{margin-top:clamp(26px,2.6vw,36px);border-top:1px solid var(--rule-paper)}
.meta>div{
  display:grid;grid-template-columns:minmax(110px,.5fr) 1fr;gap:16px;
  padding:12px 0;border-bottom:1px solid var(--rule-paper);
}
.meta dt{font-size:var(--fs-small);letter-spacing:.11em;text-transform:uppercase;color:var(--on-paper-dim)}
.meta dd{font-size:var(--fs-small);letter-spacing:.02em;font-variation-settings:'wght' 600}
.platform .link-arrow{margin-top:clamp(24px,2.4vw,32px)}

/* ─── programmes ───────────────────────────────────────── */
.programs{
  display:grid;grid-template-columns:1fr 1fr;
  border-top:1px solid var(--rule-ink);
}
.program{
  padding:clamp(30px,3.2vw,48px) clamp(24px,3vw,56px) clamp(20px,2vw,32px) 0;
  border-right:1px solid var(--rule-ink);
}
.program:last-child{border-right:0;padding-right:0;padding-left:clamp(24px,3vw,56px)}
.prog-title{font-size:clamp(1.5rem,2.3vw,2rem);font-variation-settings:'wdth' 104,'wght' 600}
.prog-lead{margin-top:16px;color:var(--on-ink-dim);max-width:44ch}
.steps{margin-top:clamp(28px,3vw,42px);counter-reset:s}
.steps li{
  counter-increment:s;padding:20px 0;border-top:1px solid var(--rule-ink);
  display:grid;grid-template-columns:auto 1fr;gap:4px 18px;align-items:baseline;
}
.steps li::before{
  content:counter(s,decimal-leading-zero);
  grid-row:1/3;font-size:var(--fs-small);color:var(--accent);
  letter-spacing:.08em;font-variation-settings:'wght' 600;padding-top:.3em;
}
.steps span{font-variation-settings:'wght' 600;letter-spacing:-.005em}
.steps p{color:var(--on-ink-dim);font-size:.94rem;max-width:42ch}
.prog-foot{
  margin-top:clamp(40px,4vw,60px);padding-top:26px;border-top:1px solid var(--rule-ink);
  color:var(--on-ink-dim);font-size:var(--fs-small);letter-spacing:.02em;
}
.prog-foot a{color:var(--on-ink);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:2px}
.prog-foot a:hover{color:var(--accent)}

/* ─── mission & vision ─────────────────────────────────── */
.mv{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--rule-ink)}
.mv-block{padding:clamp(32px,3.4vw,52px) clamp(28px,4vw,72px) 0 0;border-right:1px solid var(--rule-ink)}
.mv-block:last-child{border-right:0;padding-right:0;padding-left:clamp(28px,4vw,72px)}
.section .mv-label{
  font-size:var(--fs-small);letter-spacing:.16em;text-transform:uppercase;line-height:1;
  color:var(--accent);font-variation-settings:'wdth' 100,'wght' 600;
  margin-bottom:clamp(24px,2.6vw,36px);
}
.statement{
  font-size:clamp(1.28rem,2.15vw,1.95rem);line-height:1.32;letter-spacing:-.02em;
  font-variation-settings:'wdth' 98,'wght' 400;max-width:26ch;
}

/* ─── people ───────────────────────────────────────────── */
.people{border-top:1px solid var(--rule-paper)}
.person{
  display:grid;grid-template-columns:minmax(72px,.16fr) 1fr;
  gap:clamp(18px,3vw,48px);align-items:start;
  padding:clamp(26px,2.8vw,40px) 0;border-bottom:1px solid var(--rule-paper);
}
.p-mark{
  font-size:var(--fs-small);letter-spacing:.14em;color:var(--on-paper-dim);
  font-variation-settings:'wght' 600;padding-top:.55em;
}
.person h3{font-size:clamp(1.6rem,2.6vw,2.25rem);font-variation-settings:'wdth' 102,'wght' 600;letter-spacing:-.026em}
.person h3 a{text-decoration:none;display:inline-flex;align-items:baseline;gap:.28em;transition:color .3s var(--ease)}
.person h3 a:hover{color:var(--accent)}
.ext{
  display:inline-block;color:var(--accent);font-size:.52em;line-height:1;
  transition:transform .35s var(--ease);
}
.ext::before{content:'↗'}
.person h3 a:hover .ext{transform:translate(.12em,-.12em)}
.p-role{
  margin-top:10px;font-size:var(--fs-small);letter-spacing:.13em;text-transform:uppercase;
  color:var(--accent);font-variation-settings:'wght' 600;
}
.p-note{margin-top:14px;color:var(--on-paper-dim);max-width:52ch}

/* ─── faq ──────────────────────────────────────────────── */
.faq{border-top:1px solid var(--rule-paper)}
.faq details{border-bottom:1px solid var(--rule-paper)}
.faq summary{
  list-style:none;cursor:pointer;padding:clamp(20px,2.2vw,28px) 44px clamp(20px,2.2vw,28px) 0;
  font-size:clamp(1.02rem,1.45vw,1.22rem);font-variation-settings:'wdth' 100,'wght' 600;
  letter-spacing:-.012em;position:relative;transition:color .3s var(--ease);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--accent)}
.faq summary::after,.faq summary::before{
  content:'';position:absolute;right:6px;top:50%;background:var(--accent);
  transition:transform .35s var(--ease),opacity .3s var(--ease);
}
.faq summary::before{width:14px;height:1.5px;transform:translateY(-50%)}
.faq summary::after{width:1.5px;height:14px;right:12.25px;transform:translateY(-50%)}
.faq details[open] summary::after{transform:translateY(-50%) rotate(90deg);opacity:0}
.faq details>div{padding:0 clamp(40px,10vw,180px) clamp(24px,2.6vw,34px) 0}
.faq details>div p{color:var(--on-paper-dim);max-width:78ch}
.faq a{color:var(--on-paper);text-decoration:none;border-bottom:1px solid var(--accent)}
.faq a:hover{color:var(--accent)}

/* ─── contact ──────────────────────────────────────────── */
.contact-h{font-size:clamp(1.7rem,3.5vw,3rem);max-width:22ch}
.contact-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,3vw,48px);
  border-top:1px solid var(--rule-ink);padding-top:clamp(30px,3.2vw,44px);
}
.c-label{
  font-size:var(--fs-small);letter-spacing:.14em;text-transform:uppercase;
  color:var(--on-ink-dim);margin-bottom:16px;
}
.c-mail{
  font-size:clamp(1.05rem,2vw,1.65rem);text-decoration:none;letter-spacing:-.02em;
  font-variation-settings:'wdth' 100,'wght' 600;
  border-bottom:1px solid var(--rule-ink);padding-bottom:6px;display:inline-block;
  transition:color .3s var(--ease),border-color .3s var(--ease);word-break:break-word;
}
.c-mail:hover{color:var(--accent);border-bottom-color:var(--accent)}
.c-text{line-height:1.75}
.c-text a{text-decoration:none;border-bottom:1px solid var(--rule-ink);transition:color .3s var(--ease)}
.c-text a:hover{color:var(--accent)}
.muted{color:var(--on-ink-dim)}

/* ─── footer ───────────────────────────────────────────── */
.foot{padding-bottom:clamp(28px,3vw,44px);overflow:hidden}
.foot-mark{
  font-size:clamp(2.7rem,13.4vw,11.9rem);line-height:.84;
  font-variation-settings:'wdth' 116,'wght' 800;letter-spacing:-.045em;
  color:#22262C;user-select:none;
  padding-top:clamp(20px,3vw,40px);
}
.foot-mark span{display:block;white-space:nowrap}
.foot-mark span:last-child{color:#1A1D22}
.foot-row{
  display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;
  border-top:1px solid var(--rule-ink);margin-top:clamp(26px,3vw,44px);padding-top:22px;
  font-size:var(--fs-small);color:var(--on-ink-dim);letter-spacing:.02em;
}

/* ─── motion (one weight, fails open) ──────────────────── */
html.js-anim .r{opacity:0;transform:translateY(18px)}
html.js-anim .r.in{
  opacity:1;transform:none;
  transition:opacity var(--dur) var(--ease) var(--d,0s),transform var(--dur) var(--ease) var(--d,0s);
}
html.js-anim .line>span{transform:translateY(105%)}
html.js-anim .line.in>span{
  transform:none;
  transition:transform .95s var(--ease) var(--d,0s);
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  html.js-anim .r,html.js-anim .line>span{opacity:1;transform:none;transition:none}
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ─── responsive ───────────────────────────────────────── */
@media (max-width:1080px){
  .grid-4{grid-template-columns:1fr 1fr}
  .cell{border-bottom:1px solid var(--rule-ink)}
  .surface-paper .cell{border-bottom-color:var(--rule-paper)}
  .cell:nth-child(2n){border-right:0;padding-right:0}
  .cell:nth-child(2n+1){padding-left:0}
  .cell:nth-last-child(-n+2){border-bottom:0}
  .hero-strip{grid-template-columns:1fr 1fr}
  .hero-strip li{padding-bottom:16px}
}
@media (max-width:900px){
  .nav{display:none}
  .menu-btn{display:flex}
  .head-actions .btn{display:none}
  .hero-grid{grid-template-columns:1fr;align-items:start}
  .platforms,.programs,.mv,.contact-grid{grid-template-columns:1fr}
  .platform,.program,.mv-block{
    border-right:0;padding-right:0;padding-left:0;
    border-bottom:1px solid var(--rule-ink);
  }
  .platform{border-bottom-color:var(--rule-paper)}
  .platform:last-child,.program:last-child,.mv-block:last-child{
    border-bottom:0;padding-left:0;padding-top:clamp(30px,4vw,44px);
  }
  .mv-block{padding-bottom:clamp(30px,4vw,44px)}
  .contact-grid{gap:32px}
  .display{max-width:none}
}
@media (max-width:600px){
  .grid-4{grid-template-columns:1fr}
  .cell{border-right:0;padding-right:0;padding-left:0}
  .cell:nth-last-child(-n+2){border-bottom:1px solid var(--rule-ink)}
  .surface-paper .cell:nth-last-child(-n+2){border-bottom-color:var(--rule-paper)}
  .cell:last-child{border-bottom:0}
  .hero-strip{grid-template-columns:1fr;border-top:0}
  .hero-strip li{border-top:1px solid var(--rule-ink);padding:14px 0}
  .person{grid-template-columns:1fr;gap:0}
  .p-mark{display:none}
  .steps li{grid-template-columns:auto 1fr}
}

/* ============================================================
   Interior pages (investors / sponsorship)
   ============================================================ */
.page-hero{padding-top:clamp(120px,15vh,168px);padding-bottom:clamp(44px,5vw,72px)}
.page-hero h1{
  font-size:clamp(2.3rem,5.6vw,4.6rem);
  font-variation-settings:'wdth' 94,'wght' 600;
  letter-spacing:-.034em;line-height:1;max-width:19ch;
}
.page-hero .lead{margin-top:clamp(26px,3vw,40px);max-width:58ch}
.crumb{
  font-size:var(--fs-small);letter-spacing:.14em;text-transform:uppercase;
  color:var(--on-ink-dim);margin-bottom:clamp(24px,3vw,38px);
  display:flex;gap:.75em;align-items:center;flex-wrap:wrap;
}
.crumb a{text-decoration:none}
.crumb a:hover{color:var(--accent)}
.crumb span{color:var(--accent)}

.pill-row{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(30px,3.4vw,44px);
}
.pill{
  font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase;
  border:1px solid var(--rule-ink);padding:9px 15px;color:var(--on-ink-dim);
  font-variation-settings:'wght' 600;
}
.surface-paper .pill{border-color:var(--rule-paper);color:var(--on-paper-dim)}

/* numbered argument rows */
.rows{border-top:1px solid var(--rule-ink)}
.surface-paper .rows{border-top-color:var(--rule-paper)}
.row-item{
  display:grid;grid-template-columns:minmax(64px,.1fr) minmax(0,.9fr) minmax(0,1.2fr);
  gap:clamp(16px,3vw,48px);align-items:start;
  padding:clamp(24px,2.8vw,38px) 0;border-bottom:1px solid var(--rule-ink);
}
.surface-paper .row-item{border-bottom-color:var(--rule-paper)}
.row-item .num{
  font-size:var(--fs-small);letter-spacing:.1em;color:var(--accent);
  font-variation-settings:'wght' 600;padding-top:.45em;
}
.row-item h3{font-size:clamp(1.2rem,1.85vw,1.6rem);font-variation-settings:'wdth' 100,'wght' 600}
.row-item p{color:var(--on-ink-dim);max-width:56ch}
.surface-paper .row-item p{color:var(--on-paper-dim)}

/* tier cards */
.tiers{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule-ink)}
.surface-paper .tiers{border-top-color:var(--rule-paper)}
.tier{
  padding:clamp(26px,2.6vw,36px) clamp(18px,1.9vw,30px) clamp(30px,3vw,44px) 0;
  border-right:1px solid var(--rule-ink);
}
.surface-paper .tier{border-right-color:var(--rule-paper)}
.tier:last-child{border-right:0;padding-right:0}
.tier-rank{
  font-size:var(--fs-small);letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent);font-variation-settings:'wght' 600;margin-bottom:clamp(22px,2.4vw,32px);
}
.tier h3{font-size:clamp(1.22rem,1.7vw,1.5rem);font-variation-settings:'wdth' 102,'wght' 700;margin-bottom:12px}
.tier>p{color:var(--on-ink-dim);margin-bottom:22px}
.surface-paper .tier>p{color:var(--on-paper-dim)}
.tier ul li{
  font-size:.9rem;padding:9px 0 9px 20px;position:relative;
  border-top:1px solid var(--rule-ink);color:var(--on-ink-dim);
}
.surface-paper .tier ul li{border-top-color:var(--rule-paper);color:var(--on-paper-dim)}
.tier ul li::before{content:'';position:absolute;left:0;top:1.05em;width:9px;height:1px;background:var(--accent)}

/* fact strip */
.facts{
  display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--rule-ink);margin-top:clamp(40px,4vw,60px);
}
.surface-paper .facts{border-top-color:var(--rule-paper)}
.facts div{padding:26px clamp(18px,2vw,30px) 0 0;border-right:1px solid var(--rule-ink)}
.surface-paper .facts div{border-right-color:var(--rule-paper)}
.facts div:last-child{border-right:0}
.facts dt{
  font-size:var(--fs-small);letter-spacing:.13em;text-transform:uppercase;
  color:var(--accent);margin-bottom:12px;font-variation-settings:'wght' 600;
}
.facts dd{color:var(--on-ink-dim);max-width:36ch}
.surface-paper .facts dd{color:var(--on-paper-dim)}

/* call to action band */
.cta-band{
  border-top:1px solid var(--rule-ink);padding-top:clamp(34px,3.6vw,52px);
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:clamp(24px,3vw,56px);align-items:end;
}
.cta-band h2{font-size:clamp(1.6rem,3.1vw,2.6rem);max-width:20ch}
.cta-band .btn{margin-top:8px}
.legal-note{
  margin-top:clamp(34px,3.6vw,52px);padding-top:22px;border-top:1px solid var(--rule-ink);
  font-size:var(--fs-small);color:var(--on-ink-dim);max-width:88ch;line-height:1.7;
}
.surface-paper .legal-note{border-top-color:var(--rule-paper);color:var(--on-paper-dim)}

.nav .nav-sep{
  border-left:1px solid var(--rule-ink);padding-left:clamp(14px,2.1vw,26px);
  margin-left:-.2em;
}
.nav a.nav-page{color:var(--on-ink)}

@media (max-width:1080px){
  .tiers{grid-template-columns:1fr 1fr}
  .tier{border-bottom:1px solid var(--rule-ink)}
  .surface-paper .tier{border-bottom-color:var(--rule-paper)}
  .tier:nth-child(2n){border-right:0;padding-right:0}
  .tier:nth-last-child(-n+2){border-bottom:0}
  .row-item{grid-template-columns:minmax(48px,.1fr) 1fr}
  .row-item h3{grid-column:2}
  .row-item p{grid-column:2;margin-top:10px}
}
@media (max-width:900px){
  .facts{grid-template-columns:1fr}
  .facts div{border-right:0;padding-right:0;border-bottom:1px solid var(--rule-ink);padding-bottom:22px}
  .facts div:last-child{border-bottom:0}
  .cta-band{grid-template-columns:1fr}
}
@media (max-width:600px){
  .tiers{grid-template-columns:1fr}
  .tier{border-right:0;padding-right:0;border-bottom:1px solid var(--rule-ink)}
  .tier:last-child{border-bottom:0}
}

/* ── initiative blocks ─────────────────────────────────── */
.init{padding-block:clamp(34px,3.8vw,58px);border-top:1px solid var(--rule-ink)}
.surface-paper .init{border-top-color:var(--rule-paper)}
.init-head{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  gap:clamp(14px,2vw,32px);align-items:baseline;
}
.init-head .num{
  font-size:var(--fs-small);letter-spacing:.1em;color:var(--accent);
  font-variation-settings:'wght' 600;
}
.init-head h3{
  font-size:clamp(1.4rem,2.5vw,2.15rem);letter-spacing:-.026em;
  font-variation-settings:'wdth' 102,'wght' 600;
}
.init-kicker{
  margin-top:10px;font-size:var(--fs-small);letter-spacing:.05em;
  color:var(--on-ink-dim);
}
.surface-paper .init-kicker{color:var(--on-paper-dim)}
.status{
  font-size:var(--fs-small);letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--accent);color:var(--accent);padding:6px 12px;
  white-space:nowrap;font-variation-settings:'wght' 600;
}
.init-lead{
  margin-top:clamp(18px,2vw,26px);font-size:var(--fs-lead);line-height:1.55;
  max-width:72ch;color:var(--on-ink-dim);
}
.surface-paper .init-lead{color:var(--on-paper-dim)}
.init-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(22px,3.4vw,64px);margin-top:clamp(24px,2.8vw,38px);
}
.col-label{
  font-size:var(--fs-small);letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent);font-variation-settings:'wght' 600;margin-bottom:6px;
}
.init-grid .steps{margin-top:12px}
.impact{margin-top:12px}
.impact>div{
  display:grid;grid-template-columns:minmax(120px,.44fr) 1fr;gap:8px 18px;
  padding:14px 0;border-top:1px solid var(--rule-paper);
}
.surface-ink .impact>div{border-top-color:var(--rule-ink)}
.impact dt{
  font-size:var(--fs-small);letter-spacing:.11em;text-transform:uppercase;
  color:var(--on-paper-dim);
}
.surface-ink .impact dt{color:var(--on-ink-dim)}
.impact dd{font-size:.94rem;max-width:44ch}
.surface-paper .init .steps li{border-top-color:var(--rule-paper)}
.surface-paper .init .steps p{color:var(--on-paper-dim)}
.facts dd a{color:inherit;border-bottom:1px solid var(--accent);text-decoration:none}
.facts dd a:hover{color:var(--accent)}
.c-text a{text-decoration:none;border-bottom:1px solid var(--accent)}
.foot-note a{text-decoration:none;border-bottom:1px solid var(--rule-ink)}
.foot-note a:hover{color:var(--accent)}
.sec-lead em{font-style:italic;color:inherit}

@media (max-width:900px){
  .init-head{grid-template-columns:auto 1fr}
  .init-head .status{grid-column:2;justify-self:start;margin-top:14px}
  .init-grid{grid-template-columns:1fr;gap:32px}
}
@media (max-width:600px){
  .impact>div{grid-template-columns:1fr;gap:4px}
}

/* desktop nav needs more room now that pages are linked */
@media (max-width:1080px){
  .nav{display:none}
  .menu-btn{display:flex}
  .head-actions .btn{display:none}
}