/* NextPlay site tokens — The Cage (night) world. Shared by index/order/terms. */
/* self hosted Barlow faces (inlined so every page declares them) */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/BarlowCondensed-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/BarlowCondensed-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/BarlowCondensed-800.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/Barlow-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/Barlow-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/Barlow-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  /* night register: the cage after dark */
  --night:#0c0f0d;          /* rubber floor / netting dark */
  --night-2:#121613;        /* raised plate */
  --pipe:#2a332d;           /* hairlines, cage pipe */
  --steel:#8d9a93;          /* galvanized, secondary text on night */
  --chalk:#f4f6f3;          /* foul-line white, light sections */
  --chalk-2:#e9ede8;
  --ink:#151a17;            /* text on chalk */
  --ink-dim:#4e5a53;
  --turf:#1e7a44;           /* committed turf field */
  --turf-deep:#155c33;
  --green:#3ce06c;          /* action, skeleton */
  --green-ink:#0b3a1d;
  --amber:#ffb020;          /* foam-pad highlight */
  --cond:'Barlow Condensed',sans-serif;
  --body:'Barlow',-apple-system,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:86px}
:root{--ease:cubic-bezier(.16,1,.3,1)}
body{background:var(--night);color:var(--chalk);font:400 17px/1.6 var(--body);
     -webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
img{max-width:100%;display:block}
a{color:inherit}
::selection{background:var(--green);color:var(--green-ink)}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px}
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:var(--night)}
::-webkit-scrollbar-thumb{background:var(--pipe);border-radius:99px;border:2px solid var(--night)}
::-webkit-scrollbar-thumb:hover{background:var(--steel)}

.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.display{font-family:var(--cond);font-weight:800;text-transform:uppercase;
         letter-spacing:.005em;line-height:.94}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
     font:700 17px var(--body);border:0;border-radius:10px;cursor:pointer;
     padding:16px 28px;text-decoration:none;
     transition:transform .18s var(--ease),box-shadow .18s ease,border-color .15s ease}
.btn-go{background:var(--green);color:var(--green-ink);box-shadow:0 6px 18px rgba(0,0,0,.42)}
.btn-go:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.5)}
.btn-go:active{transform:translateY(0) scale(.985);box-shadow:0 2px 8px rgba(0,0,0,.4);transition-duration:.08s}
.btn-line{background:transparent;color:var(--chalk);border:1.5px solid var(--pipe)}
.btn-line:hover{border-color:var(--steel);transform:translateY(-2px)}
.btn-line:active{transform:translateY(0) scale(.985);transition-duration:.08s}
.est-badge{display:inline-block;font:700 11px/1 var(--body);letter-spacing:.08em;
     color:var(--amber);border:1px solid var(--amber);border-radius:4px;padding:2px 6px}

/* the drawn chain-link: two diagonal line families, steel on transparent */
.linkbg{position:absolute;inset:0;pointer-events:none;opacity:.06;
  background-image:
    repeating-linear-gradient(63deg,transparent 0 21px,var(--steel) 21px 22.5px),
    repeating-linear-gradient(-63deg,transparent 0 21px,var(--steel) 21px 22.5px)}
.pipe-rule{height:3px;background:var(--pipe);border-radius:2px}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* ── shared funnel components (2026-09-02 rebuild) ─────────────────────── */
.brand{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .25s ease,box-shadow .25s ease}
.brand .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:18px;padding-bottom:14px}
.brand.scrolled{background:rgba(12,15,13,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--pipe)}
.brand .home{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--chalk)}
.brand .home img{height:38px;width:auto}
.wordmark{font:800 italic 22px var(--cond);text-transform:uppercase;letter-spacing:.01em}
.wordmark b{color:var(--green)}
.navlinks{display:flex;gap:22px;align-items:center}
.navlinks a{font:600 15px var(--body);color:var(--steel);text-decoration:none;transition:color .15s ease}
.navlinks a:hover{color:var(--chalk)}
.navlinks a.go{color:var(--green-ink);background:var(--green);border-radius:8px;padding:9px 14px;font-weight:700}
.navlinks a.go:hover{color:var(--green-ink);transform:translateY(-1px)}
@media(max-width:760px){.navlinks a:not(.go){display:none}}
.ico{width:22px;height:22px;flex:none;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.stack{list-style:none;margin:22px 0 0;padding:18px 20px;border:1.5px solid var(--pipe);border-radius:14px;background:rgba(18,22,19,.7);max-width:560px}
.stack li{display:flex;gap:12px;align-items:flex-start;padding:7px 0;font-size:15px;color:var(--steel);line-height:1.45}
.stack li b{color:var(--chalk);font-weight:600}
.stack li .ico{color:var(--green);margin-top:1px}
.chalk .stack{background:#fff;border-color:#d8ded8}
.chalk .stack li{color:var(--ink-dim)}
.chalk .stack li b{color:var(--ink)}
.chalk .stack li .ico{color:var(--turf)}
.faq{max-width:820px}
.faq details{border-top:1.5px solid var(--pipe);padding:6px 0}
.faq details:last-child{border-bottom:1.5px solid var(--pipe)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;font:600 18px var(--body);padding:14px 0;color:var(--chalk)}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ico{color:var(--green);transition:transform .25s var(--ease)}
.faq details[open] summary .ico{transform:rotate(180deg)}
.faq p{color:var(--steel);padding:0 0 16px;max-width:44em;font-size:16px}
.chalk .faq details{border-color:#d8ded8}
.chalk .faq summary{color:var(--ink)}
.chalk .faq summary .ico{color:var(--turf)}
.chalk .faq p{color:var(--ink-dim)}
.coachblk{display:grid;grid-template-columns:340px minmax(0,1fr);gap:48px;align-items:center}
.coachblk img{width:100%;border-radius:16px;border:3px solid var(--pipe);aspect-ratio:4/5;object-fit:cover}
.coachblk .q{border-left:4px solid var(--green);padding:6px 0 6px 22px;margin-top:22px}
.coachblk .q p{font:600 21px/1.45 var(--body);color:var(--chalk)}
.coachblk .who{margin-top:10px;color:var(--steel);font-size:15px}
.coachblk .who b{color:var(--green)}
@media(max-width:820px){.coachblk{grid-template-columns:1fr}.coachblk img{max-width:360px}}
.ctaband{position:relative;overflow:hidden;background:var(--turf-deep);color:var(--chalk)}
.ctaband::before{content:"";position:absolute;inset:0;opacity:.12;background-image:repeating-linear-gradient(63deg,transparent 0 21px,#fff 21px 22.5px),repeating-linear-gradient(-63deg,transparent 0 21px,#fff 21px 22.5px)}
.ctaband::after{content:"";position:absolute;right:-8%;top:-30%;width:52%;height:160%;background:radial-gradient(closest-side,rgba(60,224,108,.28),transparent 70%);pointer-events:none}
.ctaband .wrap{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.ctaband h2{font:800 clamp(32px,4vw,52px)/.96 var(--cond);text-transform:uppercase;margin-bottom:14px}
.ctaband .stack{background:rgba(12,15,13,.35);border-color:rgba(255,255,255,.18)}
.ctaband .stack li{color:#d9f3e0}.ctaband .stack li b{color:#fff}.ctaband .stack li .ico{color:var(--green)}
@media(max-width:900px){.ctaband .wrap{grid-template-columns:1fr}}
.foot{border-top:1.5px solid var(--pipe);padding:48px 0 28px;color:var(--steel);font-size:15px}
.foot .grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:44px;align-items:start}
.foot img{height:104px;width:auto;margin-left:-6px}
.foot .col{display:flex;flex-direction:column;gap:9px}
.foot .col b{font:700 15px var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--chalk)}
.foot a{color:var(--steel);text-decoration:none}
.foot a:hover{color:var(--chalk)}
.foot .legal{margin-top:34px;padding-top:18px;border-top:1.5px solid var(--pipe);font-size:12.5px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media(max-width:820px){.foot .grid{grid-template-columns:1fr;gap:26px}}
.reveal{opacity:1}
@media(prefers-reduced-motion:no-preference){
  @supports (animation-timeline: view()){
    .reveal{animation:np-rise linear both;animation-timeline:view();animation-range:entry 0% entry 26%}
    .reveal:nth-child(2){animation-range:entry 0% entry 34%}
    .reveal:nth-child(3){animation-range:entry 0% entry 42%}
    .reveal:nth-child(n+4){animation-range:entry 0% entry 50%}
  }
}
@keyframes np-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}