/* gambo waitlist lander (G-140). Brand kit v2: Night #07080B, Gambo Blue #2F6BFF, Blue Light #5C8DFF, lime #C8F25A (sparing),
   Nunito 900 lowercase display + Inter body. Main button = Option D (flat solid Gambo Blue, white 700, r11, 1px highlight). */
@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(/_w/fonts/nunito-900-latin.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_w/fonts/inter-latin-var.woff2) format("woff2")}
:root{--bg:#07080B;--bg2:#0D0F14;--card:#111319;--sheet:#101218;--field:#0A0C10;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);
  --tx:#F4F6FA;--mut:#A3AAB8;--dim:#7C8494;--acc:#5C8DFF;--blue:#2F6BFF;--blue-press:#2B62EB;--navy:#0A1640;--lime:#C8F25A;--gold:#FFD55C;
  --disp:Nunito,"Arial Rounded MT Bold",system-ui,sans-serif;--body:Inter,system-ui,-apple-system,sans-serif;
  --pad:20px;--maxw:1240px;--ease:cubic-bezier(.2,.8,.3,1);--sec:clamp(88px,11vw,168px)}
*,*:before,*:after{box-sizing:border-box}
[hidden]{display:none!important}
html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--tx);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
.wrap{width:100%;max-width:calc(var(--maxw) + var(--pad)*2);margin-inline:auto;padding-inline:var(--pad)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--tx);color:#0B0D12;padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}
.blue{color:var(--acc)}
.pop{color:var(--lime)}

/* ---------- buttons (Option D) ---------- */
.btn{appearance:none;border:0;cursor:pointer;font:700 16px/1 var(--body);border-radius:11px;height:54px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;text-decoration:none;transition:background-color .12s ease,opacity .12s ease,transform .12s ease;-webkit-tap-highlight-color:transparent}
.btn-primary{color:#fff;background:var(--blue);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.btn-primary:hover{background:#3874FF}
.btn-primary:active{background:var(--blue-press);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transform:scale(.99)}
.btn-primary:disabled{opacity:.5;cursor:default;transform:none}
.btn-ghost{background:rgba(255,255,255,.07);color:var(--tx);border:1px solid var(--line2);height:44px;padding:0 16px;font-size:14px;border-radius:11px}
.btn-sm{height:40px;padding:0 18px;font-size:14px}

/* ---------- header ---------- */
.bar{position:sticky;top:0;z-index:40;background:rgba(7,8,11,.72);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.bar-in{height:64px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;margin-right:auto}
.wm{height:22px;width:auto;display:block}
.bar-nav{display:none;gap:28px}
.bar-nav a{font-size:14.5px;font-weight:600;color:var(--mut);text-decoration:none;transition:color .15s}
.bar-nav a:hover{color:var(--tx)}

/* ---------- type ---------- */
.mega{font:900 clamp(56px,7.4vw,108px)/.9 var(--disp);letter-spacing:-.045em}
.big{font:900 clamp(46px,5.8vw,86px)/.92 var(--disp);letter-spacing:-.045em}
.lede{font-size:clamp(18px,1.45vw,20.5px);line-height:1.5;color:var(--mut);max-width:34em}
.kicker{display:flex;align-items:center;gap:12px;font:800 13px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--acc);margin-bottom:22px}
.kicker .idx{font-variant-numeric:tabular-nums;color:var(--dim);letter-spacing:.06em}
.kicker .idx:after{content:"";display:inline-block;width:28px;height:1px;background:var(--line2);vertical-align:middle;margin-left:12px}
.stamp{display:inline-flex;align-items:center;gap:10px;font:800 14px/1 var(--body);letter-spacing:.02em;color:#fff;margin-bottom:26px;padding:9px 14px 9px 12px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.03)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--acc);flex:none}
.dot.lime{background:var(--lime);box-shadow:0 0 0 0 rgba(200,242,90,.6);animation:pulsel 2.4s infinite}
@keyframes pulsel{0%{box-shadow:0 0 0 0 rgba(200,242,90,.55)}70%{box-shadow:0 0 0 9px rgba(200,242,90,0)}100%{box-shadow:0 0 0 0 rgba(200,242,90,0)}}
.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.tags li{font-size:14px;font-weight:600;color:var(--tx);border:1px solid var(--line2);border-radius:999px;padding:7px 13px;background:rgba(255,255,255,.03)}

/* ---------- join form ---------- */
.join{position:relative;margin-top:34px;max-width:540px}
.join-row{display:flex;flex-direction:column;gap:10px}
.field{flex:1;min-width:0}
.field input,.ref-box input{width:100%;height:54px;border-radius:11px;border:1px solid var(--line2);background:var(--field);color:var(--tx);font:500 16px var(--body);padding:0 18px;outline:none;transition:border-color .2s,box-shadow .2s}
.field input::placeholder{color:#6B7280}
.field input:focus{border-color:var(--acc);box-shadow:0 0 0 4px rgba(92,141,255,.18)}
.join .btn{width:100%}
.ts{margin:12px 0 0;display:flex;justify-content:flex-start}
.ts:empty{display:none}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.err{margin-top:12px;font-size:14px;line-height:1.4;color:#FF8A8A;background:rgba(255,90,90,.08);border:1px solid rgba(255,90,90,.22);border-radius:10px;padding:10px 12px}
.fine{font-size:13.5px;line-height:1.5;color:var(--dim);margin-top:14px}
.fine .perk{color:var(--mut);display:block;margin-top:2px}
.fine b{color:var(--mut);font-weight:500;word-break:break-all}
.ref-chip{margin-top:20px;display:inline-flex;align-items:center;gap:10px;font-size:15px;line-height:1.35;color:var(--tx);background:#10141F;border:1px solid rgba(92,141,255,.35);padding:7px 14px 7px 7px;border-radius:999px;max-width:100%}
.ref-chip b{flex:none;font:900 13px/1 var(--disp);letter-spacing:.02em;color:#0B0D12;background:var(--lime);border-radius:999px;padding:7px 10px 8px}

/* ---------- figures ---------- */
.fig{position:relative;width:min(100%,var(--w))}
.fig-media{position:relative;aspect-ratio:var(--ar)}
.fig-media img{width:100%;height:100%;object-fit:cover}
.fig-phone .fig-media{border-radius:clamp(18px,11%,34px)/clamp(18px,5.1%,34px);overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 1px 0 1px rgba(255,255,255,.06) inset,0 40px 80px -24px rgba(0,0,0,.85),0 18px 40px -20px rgba(47,107,255,.25);background:#000}
.fig-desktop .fig-media{border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 40px 90px -30px rgba(0,0,0,.9);background:#000}
.fig-card .fig-media{border-radius:5.2%/4.2%;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 60px -24px rgba(0,0,0,.85)}
.fig-card .fig-media img{border-radius:inherit}
.fig-tile .fig-media{border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--rc,rgba(255,255,255,.1)),0 20px 40px -24px rgba(0,0,0,.9);background:#000}
.fig-sticker .fig-media{filter:drop-shadow(0 18px 24px rgba(0,0,0,.55))}
.fig figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:14px}
.fig figcaption b{font:900 19px/1.1 var(--disp);letter-spacing:-.02em;color:var(--tx)}
.fig figcaption span{font-size:13.5px;color:var(--dim);flex-basis:100%}
.fig-tile figcaption{flex-direction:column;align-items:flex-start;gap:7px;margin-top:12px}
.fig-tile figcaption b{font-size:17px}
.fig figcaption .rar{flex-basis:auto;font-size:10.5px;color:var(--rcol,#B5BCC8)}
.ex-chip{position:absolute;z-index:2;top:0;left:14px;transform:translateY(-50%);font:800 10.5px/1 var(--body);letter-spacing:.14em;color:#1A1300;background:var(--gold);border-radius:6px;padding:6px 8px 5px;box-shadow:0 4px 14px -4px rgba(0,0,0,.6)}
.rar{color:var(--rcol,#B5BCC8);display:inline-flex;font:800 10.5px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:5px 8px;border:1px solid currentColor;white-space:nowrap}
.rar-core{--rcol:#5C8DFF}.rar-common{--rcol:#B5BCC8}.rar-uncommon{--rcol:#3DDC84}.rar-rare{--rcol:#7FA6FF}.rar-ultra-rare{--rcol:#A98BFF}.rar-epic{--rcol:#F062C0}.rar-legendary{--rcol:var(--gold)}

/* ---------- hero ---------- */
.hero{position:relative;display:grid;gap:56px;padding-top:40px;padding-bottom:clamp(72px,8vw,120px)}
.hero:before{content:"";position:absolute;top:-120px;left:calc(50% - 50vw);right:calc(50% - 50vw);height:900px;z-index:-1;pointer-events:none;
  background:radial-gradient(48% 46% at 72% 38%,rgba(47,107,255,.26),transparent 70%),radial-gradient(30% 30% at 18% 18%,rgba(92,141,255,.10),transparent 70%)}
.hero-copy{position:relative;z-index:2}
.hero .lede{margin-top:26px;max-width:30em}
.hero-art{position:relative}
.collage{width:100%;max-width:660px;margin-inline:auto;aspect-ratio:10/10.6}
.cl{position:absolute;--px:0px;--py:0px;transition:transform .5s var(--ease)}
.cl .fig{width:100%}
.cl-center{width:48%;left:26%;top:1%;z-index:3;transform:translate(var(--px),var(--py))}
.cl-left{width:37%;left:1%;top:15%;z-index:2;transform:translate(var(--px),var(--py)) rotate(-7deg)}
.cl-right{width:37%;right:1%;top:11%;z-index:2;transform:translate(var(--px),var(--py)) rotate(7deg)}
.cl-left .fig-media,.cl-right .fig-media{filter:brightness(.82) saturate(.95)}
.cl-float-a{width:31%;right:-1%;bottom:1%;z-index:4;transform:translate(var(--px),var(--py)) rotate(8deg)}
.cl-float-b{width:25%;left:-1%;bottom:2%;z-index:4;transform:translate(var(--px),var(--py)) rotate(-12deg)}
.cl-float-a .fig,.cl-float-b .fig{animation:bob 7s ease-in-out infinite}
.cl-float-b .fig{animation-delay:-3.5s}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
.hero-art.has-slot .fig{margin-inline:auto}

/* ---------- showcase sections ---------- */
.show{position:relative;padding-block:var(--sec)}
.show:before{content:"";position:absolute;top:0;left:var(--pad);right:var(--pad);height:1px;background:linear-gradient(90deg,transparent,var(--line2) 20%,var(--line2) 80%,transparent)}
.show-top{display:grid;gap:56px;align-items:center}
.show-copy .lede{margin-top:26px}
.show-below{margin-top:clamp(72px,8vw,120px)}
.grp-head{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}
.grp-head h3{font:900 clamp(28px,2.6vw,38px)/1 var(--disp);letter-spacing:-.035em}
.grp-head p{color:var(--mut);font-size:16px}
.grp-items{position:relative}

/* phones next to the copy */
.grp-phones .grp-items{display:flex;justify-content:center;align-items:flex-start;gap:0;padding-block:12px}
.grp-phones .gi{flex:0 1 auto;width:min(52%,var(--pw,270px))}
.grp-phones .gi .fig{width:100%}
.grp-phones .gi:nth-child(2){margin-left:3%;margin-top:64px;z-index:2}
.grp-phones .gi:nth-child(1){transform:rotate(-3deg)}
.grp-phones .gi:nth-child(2){transform:rotate(3deg)}
.grp-phones[style*="--n:1"] .gi{width:min(70%,300px);transform:none}
.show-aside{position:relative}
.show-aside:before{content:"";position:absolute;inset:6% 4%;z-index:-1;background:radial-gradient(50% 50% at 50% 50%,rgba(47,107,255,.22),transparent 72%);pointer-events:none}

/* horizontally scrolling rows on phones; grids on desktop */
.grp-cards .grp-items,.grp-tiles .grp-items,.grp-rail .grp-items{display:grid;grid-auto-flow:column;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;
  margin-inline:calc(var(--pad)*-1);padding:18px var(--pad) 8px;scroll-padding-inline:var(--pad)}
.grp-cards .grp-items::-webkit-scrollbar,.grp-tiles .grp-items::-webkit-scrollbar,.grp-rail .grp-items::-webkit-scrollbar{display:none}
.grp-cards .grp-items{grid-auto-columns:72vw}
.grp-tiles .grp-items{grid-auto-columns:40vw;gap:12px}
.grp-rail .grp-items{grid-auto-columns:46vw;gap:14px}
.gi{scroll-snap-align:start}
.grp-cards .fig,.grp-tiles .fig,.grp-rail .fig{width:100%}
.grp-cards .fig-media,.grp-rail .fig-media{transition:transform .4s var(--ease)}

/* legendary feature */
.grp-feature .grp-head{margin-bottom:8px}
.grp-feature .grp-items{position:relative;aspect-ratio:1/1;max-width:560px;margin-inline:auto}
.grp-feature .grp-items:before{content:"";position:absolute;inset:4%;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,213,92,.28),rgba(255,213,92,.06) 55%,transparent 72%);z-index:0}
.grp-feature .gi{position:absolute;z-index:1}
.grp-feature .gi:nth-child(1){width:43%;left:7%;top:4%;transform:rotate(-9deg)}
.grp-feature .gi:nth-child(2){width:43%;right:7%;top:1%;transform:rotate(8deg)}
.grp-feature .gi:nth-child(3){width:30%;left:35%;top:54%;z-index:3}
.grp-feature .gi .fig{width:100%}
.grp-feature .gi:nth-child(3) figcaption{align-items:center;text-align:center}
.grp-feature .fig-tile .fig-media{--rc:rgba(255,213,92,.55);box-shadow:0 0 0 1.5px rgba(255,213,92,.6),0 24px 50px -16px rgba(0,0,0,.9),0 0 60px -10px rgba(255,213,92,.35)}
.grp-feature.grp-slot .grp-items{aspect-ratio:auto}
.grp-feature.grp-slot .gi,.grp-slot .fig{position:relative;margin-inline:auto}

/* desktop screens */
.grp-screens .grp-items{display:grid;gap:20px}
.grp-screens .fig{width:100%}
.grp-screens .gi:nth-child(2) .fig-desktop .fig-media{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 50px 100px -30px rgba(0,0,0,.95),0 0 0 10px rgba(7,8,11,.9)}

/* empty slots (only visible with ?slots=1) */
.slot-outline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:220px;margin-top:20px;border:1.5px dashed rgba(200,242,90,.55);border-radius:18px;color:var(--lime);font:700 13px/1.4 var(--body);text-align:center;background:rgba(200,242,90,.04);padding:16px}
.slot-outline code{font:500 12px ui-monospace,Menlo,monospace;color:var(--mut)}
.collage .slot-outline{position:absolute;inset:0;z-index:9;margin:0;background:rgba(7,8,11,.55)}

/* ---------- CTA band ---------- */
.cta{position:relative;background:var(--blue);overflow:hidden;color:#fff}
.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 85% 20%,rgba(255,255,255,.16),transparent 60%),radial-gradient(70% 90% at 0% 100%,rgba(10,22,64,.55),transparent 65%);pointer-events:none}
.cta-in{position:relative;display:grid;gap:48px;padding-block:var(--sec);align-items:center}
.kicker.ink{color:var(--navy)}
.cta .big .blue{color:#fff}
.cta-sub{font-size:clamp(18px,1.45vw,20.5px);line-height:1.5;color:rgba(255,255,255,.88);margin-top:24px;max-width:30em}
.chain{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:32px;max-width:560px;container-type:inline-size}
.chain li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16.5px;font-weight:600;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:13px 20px;background:rgba(10,22,64,.18);white-space:nowrap}
.chain li:not(:last-child):after{content:"↓";opacity:.8}
.chain li:last-child{background:#fff;color:#0B0D12;border-color:#fff}
.cta-side{position:relative;margin-top:44px;background:var(--sheet);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:30px 22px 24px;box-shadow:0 50px 100px -30px rgba(4,12,48,.75);color:var(--tx)}
.cta-side .join{margin-top:8px;max-width:none}
.tilt{--rx:0deg;--ry:0deg;transform:perspective(800px) rotateX(var(--rx)) rotateY(var(--ry)) rotate(-3deg);transition:transform .35s var(--ease);will-change:transform;width:132px;margin:-74px auto 18px}
.cta-badge{filter:drop-shadow(0 18px 24px rgba(4,12,48,.55))}
.sb{container-type:inline-size;width:100%}
.sb svg{display:block;width:100%;height:auto}
.sb-mark{display:none!important}
@container (max-width:139.98px){.sb-full{display:none!important}.sb-mark{display:block!important}}

/* ---------- footer ---------- */
.foot{display:flex;align-items:center;gap:18px;padding-block:36px 44px}
.foot-c{font-size:13.5px;color:var(--dim);margin-right:auto}
.team-link{font-size:13.5px;color:var(--dim);text-decoration:none}
.team-link:hover{color:var(--tx)}

/* ---------- success sheet ---------- */
.modal{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
.modal-backdrop{position:absolute;inset:0;background:rgba(3,4,7,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fade .2s}
.sheet{position:relative;width:100%;max-width:440px;max-height:calc(100dvh - 24px);overflow:auto;background:var(--sheet);border:1px solid var(--line2);border-radius:28px;padding:30px 22px 22px;text-align:center;box-shadow:0 40px 80px -20px rgba(0,0,0,.8);animation:up .28s var(--ease)}
@keyframes fade{from{opacity:0}}@keyframes up{from{opacity:0;transform:translateY(24px)}}
.x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.06);color:var(--mut);font-size:22px;line-height:1;cursor:pointer}
.sheet-badge{width:72px;margin:0 auto 16px;filter:drop-shadow(0 10px 18px rgba(47,107,255,.3))}
.sheet-badge.big{width:112px}
.sheet h3{font:900 30px/1.05 var(--disp);letter-spacing:-.03em}
.sheet-sub{color:var(--mut);font-size:15px;margin:10px auto 20px;max-width:330px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.stats div{border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:2px}
.stat-k{font-size:11.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.stat-v{font-family:var(--disp);font-weight:900;font-size:26px;letter-spacing:-.02em}
.ref-box{display:flex;gap:8px;align-items:center;border:1px solid var(--line2);border-radius:14px;padding:5px 5px 5px 0;background:var(--field)}
.ref-box input{border:0;background:transparent;height:44px;font-size:14px;color:#cfdcff;min-width:0}
.mock-tag{display:inline-block;font:600 11px/1 ui-monospace,Menlo,monospace;color:#FFD38A;border:1px dashed rgba(255,190,80,.5);padding:7px 10px;border-radius:8px;margin-bottom:16px}

/* ---------- reveal motion (JS adds .rv on <html> only when motion is allowed) ---------- */
.rv [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv [data-reveal].in{opacity:1;transform:none}
.rv .show-top [data-reveal]:nth-child(2){transition-delay:.08s}

/* ---------- breakpoints ---------- */
@media (min-width:560px){
  .join-row{flex-direction:row}
  .join .btn{width:auto;flex:none}
  .grp-cards .grp-items{grid-auto-columns:300px}
  .grp-rail .grp-items{grid-auto-columns:200px}
  .grp-tiles .grp-items{grid-auto-columns:160px}
}
@media (min-width:720px){
  :root{--pad:32px}
  .modal{align-items:center}
  .sheet{padding:36px 32px 28px}
  .chain{flex-direction:row}
  .chain li{flex:1 1 0;justify-content:center;padding:12px 14px;font-size:15.5px}
  .chain li:not(:last-child):after{content:"→"}
  .grp-screens .grp-items{display:block;padding-bottom:12%}
  .grp-screens .gi:nth-child(1){width:78%}
  .grp-screens .gi:nth-child(2){position:absolute;right:0;top:36%;width:50%;z-index:2}
  .grp-screens .gi:nth-child(n+3){width:78%;margin-top:20px}
}
@media (min-width:1000px){
  :root{--pad:48px}
  .bar-in{height:72px}
  .wm{height:24px}
  .bar-nav{display:flex}
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:center;gap:40px;padding-top:56px;min-height:min(860px,calc(100vh - 72px))}
  .show-top{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:72px}
  .show-packs .show-copy{order:2}
  .grp-cards .grp-items,.grp-tiles .grp-items,.grp-rail .grp-items{overflow:visible;margin-inline:0;padding:18px 0 0;grid-auto-flow:row}
  .grp-cards .grp-items{grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:28px}
  .grp-tiles .grp-items{grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:18px}
  .grp-rail .grp-items{grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:22px}
  .grp-cards .gi:nth-child(odd) .fig-media{transform:rotate(-1.6deg)}
  .grp-cards .gi:nth-child(even) .fig-media{transform:rotate(1.6deg) translateY(18px)}
  .grp-cards .gi:hover .fig-media,.grp-rail .gi:hover .fig-media{transform:translateY(-8px) rotate(0)}
  .cta-in{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:80px}
  .cta-side{padding:34px 34px 30px;margin-top:0}
  .cta-side .join-row{flex-direction:column}
  .cta-side .join .btn{width:100%}
}
@media (max-width:380px){
  :root{--pad:16px}
  .mega{font-size:52px}
  .big{font-size:44px}
  .chain li{font-size:15.5px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
}

/* ---------- G-139 / G-147: wide hero collage + full-width strips (transparent PNG art on Night) ---------- */
.fig-strip,.fig-hero{width:100%;max-width:var(--w);margin-inline:auto}
.fig-strip .fig-media,.fig-hero .fig-media{aspect-ratio:var(--ar)}
.fig-strip .fig-media img,.fig-hero .fig-media img,.fig picture img{object-fit:contain}
.fig picture{display:contents}
@media (max-width:767.98px){.fig.has-mobile .fig-media{aspect-ratio:var(--ar-m,var(--ar))}}
/* G-152 packs legendary pull: transparent 4:3 art (desktop 2400x1800, mobile 1080x810), never cropped */
.fig-pull{width:100%;max-width:var(--w);margin-inline:auto}
.fig-pull .fig-media{aspect-ratio:4/3}
.fig-pull .fig-media img{width:100%;height:100%;object-fit:contain}
.grp-feature.grp-slot .grp-items:before{display:none}
.ex-note{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;line-height:1.4;color:var(--dim)}
.ex-note .ex-chip{position:static;transform:none;flex:none;box-shadow:none}
.grp-strip .grp-items{display:block}
.grp-strip .gi{width:100%}
.hero.is-wide{display:block;padding-bottom:clamp(64px,7vw,104px)}
.hero.is-wide .hero-art{margin-top:clamp(36px,5vw,64px)}
.hero.is-wide .hero-art:before{content:"";position:absolute;inset:8% 10% 0;z-index:-1;background:radial-gradient(50% 55% at 50% 50%,rgba(47,107,255,.24),transparent 72%);pointer-events:none}
.hero.is-wide .fig-hero .ex-note{justify-content:center}
@media (min-width:1000px){
  .hero.is-wide{min-height:0;padding-top:64px}
  .hero.is-wide .hero-copy{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:72px;align-items:end}
  .hero.is-wide .stamp{grid-column:1/-1;justify-self:start}
  .hero.is-wide .hero-side .lede{margin-top:0}
  .hero.is-wide .join{margin-top:26px}
}