/* Self-hosted variable fonts (Google Fonts latin + latin-ext subsets). */
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono-latin.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:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin.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:'Unbounded';font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/unbounded-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/unbounded-latin.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}

/* Casino Referencing v4 — neon casino palette (token names keep the cr- prefix for the components). */
:root{
/* Ground: near-black with a green cast (casino-globe.com uses #04050A) */
--cr-felt:#07140E;
--cr-felt-deep:#030806;
--cr-felt-light:#0E3B26;
--cr-felt-raised:#0A1A12;
/* Neon red: primary action */
--cr-burgundy:#FF2B5A;
--cr-burgundy-hover:#FF4D75;
--cr-burgundy-deep:#B3123A;
--cr-crimson:#FF2B5A;
/* Neon gold: wordmark, prices */
--cr-gold:#FFD36B;
--cr-gold-soft:#FFE8A8;
--cr-gold-deep:#8A6A1F;
/* Text */
--cr-cream:#ECEEF6;
--cr-ivory:#FFFFFF;
--cr-ink:#04050A;
--cr-sage:#9DA9B3;
--cr-line:#1D3A2B;
--cr-line-cream:#2A3A32;
--cr-success:#39FF14;
--cr-warning:#FFB020;
--cr-responsible:#3DFFA2;
/* Neon accents */
--neon-green:#39FF14;--neon-red:#FF2B5A;--neon-cyan:#00F0FF;--neon-pink:#FF2BD6;--neon-gold:#FFD36B;
--glow-green:0 0 10px rgba(57,255,20,.6),0 0 30px rgba(57,255,20,.28);
--glow-red:0 0 10px rgba(255,43,90,.6),0 0 30px rgba(255,43,90,.3);
--glow-gold:0 0 10px rgba(255,211,107,.55),0 0 28px rgba(255,211,107,.25);
--glow-cyan:0 0 10px rgba(0,240,255,.55),0 0 28px rgba(0,240,255,.25);
/* Semantic aliases kept for base.css */
--surface-page:var(--cr-felt);--surface-page-edge:var(--cr-felt-deep);--surface-card:var(--cr-felt-raised);--surface-feature:var(--cr-burgundy);--surface-feature-deep:var(--cr-burgundy-deep);--surface-paper:var(--cr-ivory);--surface-paper-alt:var(--cr-cream);
--text-body:var(--cr-cream);--text-muted:var(--cr-sage);--text-accent:var(--cr-gold);--text-figure:var(--cr-gold-soft);--text-on-paper:var(--cr-ink);--text-accent-on-paper:var(--cr-gold-deep);--text-on-gold:var(--cr-ink);
--rule-gold:var(--cr-gold);--rule-hairline:var(--cr-line);--rule-paper:var(--cr-line-cream);
--action-primary:var(--cr-burgundy);--action-primary-hover:var(--cr-burgundy-hover);--action-primary-press:var(--cr-burgundy-deep);--action-outline:var(--cr-gold);--focus-ring:var(--neon-cyan);
--marquee-dot-a:var(--cr-gold);--marquee-dot-b:var(--cr-cream);
}

:root{
--font-display:"Unbounded",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--font-text:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;
/* Scale — size / line-height / tracking (screen px; print pt in DESIGN.md) */
--type-display-size:96px;--type-display-lh:0.98;--type-display-track:-0.02em;
--type-h1-size:64px;--type-h1-lh:1.04;--type-h1-track:-0.015em;
--type-h2-size:44px;--type-h2-lh:1.08;--type-h2-track:-0.01em;
--type-h3-size:28px;--type-h3-lh:1.18;--type-h3-track:-0.005em;
--type-h4-size:19px;--type-h4-lh:1.3;--type-h4-track:0;
--type-lead-size:21px;--type-lead-lh:1.45;--type-lead-track:0;
--type-body-size:16px;--type-body-lh:1.6;--type-body-track:0.005em;
--type-label-size:14px;--type-label-lh:1.3;--type-label-track:0.01em;
--type-eyebrow-size:12px;--type-eyebrow-lh:1.2;--type-eyebrow-track:0.22em;
--type-price-size:56px;--type-price-lh:1;--type-price-track:-0.02em;
--type-price-sm-size:36px;
--type-caption-size:13px;--type-caption-lh:1.45;--type-caption-track:0.01em;
--type-legal-size:11px;--type-legal-lh:1.45;--type-legal-track:0.02em;
--measure-body:64ch;--measure-lead:46ch;
}

:root{
/* 4-point grid */
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;
--card-pad:var(--space-8);--section-gap:var(--space-20);--frame-inset:var(--space-6);
/* Radius */
--radius-xs:3px;--radius-sm:6px;--radius-card:12px;--radius-frame:16px;--radius-pill:999px;
/* Borders */
--border-hair:1px;--border-rule:1.5px;--border-frame:3px;--border-tab:5px;
--border-card:var(--border-rule) solid var(--rule-gold);
--border-hairline:var(--border-hair) solid var(--rule-hairline);
/* Elevation — felt doesn't cast heavy shadows */
--elev-0:none;
--elev-1:0 1px 0 rgba(0,0,0,.25);
--elev-2:0 12px 32px -16px rgba(0,0,0,.55);
--elev-focus:0 0 0 3px var(--cr-felt-deep),0 0 0 5px var(--focus-ring);
/* Marquee */
--marquee-dot:6px;--marquee-gap:18px;
/* Motion */
--ease-felt:cubic-bezier(.22,.61,.36,1);
--ease-stamp:cubic-bezier(.2,1.4,.4,1);
--dur-fast:160ms;
--dur-base:280ms;
--dur-slow:700ms;
--dur-stamp:520ms;
}

/* Glass layer v3: dark panels with fluorescent edges. Keyframes shared with the backdrop. */
:root{
--backdrop-base:#030806;
--glass-fill:rgba(255,255,255,.045);
--glass-fill-strong:rgba(255,255,255,.09);
--glass-tint-felt:rgba(57,255,20,.06);
--glass-tint-burgundy:rgba(255,43,90,.10);
--glass-tint-gold:rgba(255,211,107,.08);
--glass-tint-ink:rgba(4,5,10,.6);
--glass-edge:rgba(255,255,255,.12);
--glass-edge-strong:rgba(255,255,255,.22);
--glass-edge-gold:rgba(255,211,107,.6);
--glass-sheen:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,0) 40%);
--glass-blur:18px;
--glass-blur-heavy:30px;
--glass-saturate:140%;
--glass-highlight:inset 0 1px 0 rgba(255,255,255,.12);
--glass-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 60px -30px rgba(0,0,0,.8);
--glass-glow-gold:0 0 0 1px rgba(255,211,107,.3),0 0 36px -8px rgba(255,211,107,.5);
--radius-glass:18px;
--radius-glass-sm:12px;
}
@keyframes cr-drift-a{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(12vw,8vh,0) scale(1.18)}}
@keyframes cr-drift-b{0%{transform:translate3d(0,0,0) scale(1.1)}100%{transform:translate3d(-14vw,10vh,0) scale(.92)}}
@keyframes cr-drift-c{0%{transform:translate3d(0,0,0) scale(.95)}100%{transform:translate3d(8vw,-12vh,0) scale(1.2)}}
@keyframes cr-pulse{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes cr-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (prefers-reduced-motion:reduce){[data-cr-motion]{animation:none!important}}

/* Minimal base + motion keyframes shared by components */
.cr-surface{background-color:var(--surface-page);background-image:radial-gradient(120% 90% at 50% 40%,var(--cr-felt) 0%,var(--cr-felt) 35%,var(--cr-felt-deep) 100%);color:var(--text-body);font-family:var(--font-text)}
.cr-surface--burgundy{background-color:var(--cr-burgundy-deep);background-image:radial-gradient(110% 100% at 75% 45%,var(--cr-burgundy) 0%,var(--cr-burgundy-deep) 80%)}
.cr-surface--paper{background:var(--surface-paper);color:var(--text-on-paper)}
.cr-num{font-variant-numeric:lining-nums tabular-nums}
@keyframes cr-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes cr-stamp{0%{opacity:0;transform:scale(1.35)}60%{opacity:1}100%{opacity:1;transform:scale(1)}}
.cr-fade{animation:cr-fade var(--dur-slow) var(--ease-felt) both}
.cr-stamp{animation:cr-stamp var(--dur-stamp) var(--ease-stamp) both}
@media (prefers-reduced-motion:reduce){.cr-fade,.cr-stamp{animation:none}}
.cr-focusable:focus-visible{outline:none;box-shadow:var(--elev-focus)}

/* ==========================================================================
   Casino Referencing v4 — neon casino look (near-black ground, fluorescent green / red / gold,
   Unbounded + Manrope + JetBrains Mono), aligned with casino-globe.com. Single-frame pages.
   ========================================================================== */
html{scroll-behavior:smooth;background:var(--backdrop-base)}
body{margin:0;background:var(--backdrop-base);color:var(--cr-cream);font-family:var(--font-text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--neon-gold)}a:hover{color:#fff}
::selection{background:rgba(57,255,20,.35)}
button{font-family:inherit}
address{font-style:normal}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.page{position:relative;min-height:100vh;overflow-x:clip}
.page__content{position:relative;z-index:1}

/* ---------- Backdrop: black ground, neon haze, faint grid ---------- */
.backdrop{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none;background:var(--backdrop-base)}
.backdrop__blob{position:absolute;border-radius:50%;will-change:transform}
.backdrop__blob--1{left:-22%;top:-28%;width:72vmax;height:72vmax;background:radial-gradient(circle,rgba(57,255,20,.20) 0%,rgba(57,255,20,0) 60%);animation:cr-drift-a 38s ease-in-out infinite alternate}
.backdrop__blob--2{left:58%;top:-14%;width:66vmax;height:66vmax;background:radial-gradient(circle,rgba(255,43,90,.22) 0%,rgba(255,43,90,0) 60%);animation:cr-drift-b 44s ease-in-out infinite alternate}
.backdrop__blob--3{left:34%;top:58%;width:52vmax;height:52vmax;background:radial-gradient(circle,rgba(0,240,255,.11) 0%,rgba(0,240,255,0) 60%);animation:cr-drift-c 52s ease-in-out infinite alternate}
.backdrop__blob--4{left:-16%;top:62%;width:60vmax;height:60vmax;background:radial-gradient(circle,rgba(14,59,38,.85) 0%,rgba(14,59,38,0) 60%);animation:cr-drift-b 60s ease-in-out infinite alternate}
.backdrop__vignette{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 112%,rgba(0,0,0,.85),rgba(0,0,0,0) 60%),radial-gradient(100% 60% at 50% -10%,rgba(0,0,0,.5),rgba(0,0,0,0) 70%)}
.backdrop__grain{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(90% 70% at 50% 30%,#000 10%,transparent 100%);mask-image:radial-gradient(90% 70% at 50% 30%,#000 10%,transparent 100%)}

/* ---------- Glass panels ---------- */
.glass{position:relative;isolation:isolate;padding:28px;color:var(--cr-cream);--glass-tint:var(--glass-fill);--glass-b:18px;--glass-r:var(--radius-glass);--glass-e:var(--glass-edge);--glass-glow:0 0 0 rgba(0,0,0,0);
  background:var(--glass-sheen),var(--glass-tint);-webkit-backdrop-filter:blur(var(--glass-b)) saturate(140%);backdrop-filter:blur(var(--glass-b)) saturate(140%);
  border:1px solid var(--glass-e);border-radius:var(--glass-r);box-shadow:var(--glass-shadow),var(--glass-glow)}
.glass--clear{--glass-tint:var(--glass-fill)}
.glass--strong{--glass-tint:var(--glass-fill-strong)}
.glass--ink{--glass-tint:var(--glass-tint-ink)}
.glass--felt{--glass-tint:var(--glass-tint-felt);--glass-e:rgba(57,255,20,.32);--glass-glow:0 0 30px -8px rgba(57,255,20,.45)}
.glass--burgundy{--glass-tint:var(--glass-tint-burgundy);--glass-e:rgba(255,43,90,.42);--glass-glow:0 0 30px -8px rgba(255,43,90,.5)}
.glass--gold{--glass-tint:var(--glass-tint-gold);--glass-e:rgba(255,211,107,.5);--glass-glow:0 0 30px -8px rgba(255,211,107,.45)}
.glass--cyan{--glass-e:rgba(0,240,255,.42);--glass-glow:0 0 30px -8px rgba(0,240,255,.45)}
.glass--edge-strong{--glass-e:var(--glass-edge-strong)}
.glass--edge-gold{--glass-e:var(--glass-edge-gold)}
.glass--glow{--glass-glow:var(--glass-glow-gold)}
.glass--pill{--glass-r:999px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 24px;border-radius:12px;font-family:var(--font-text);font-weight:800;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;border:1px solid transparent;transition:transform .16s,box-shadow .2s,background-color .2s,border-color .2s,color .2s}
.btn--sm{height:36px;padding:0 16px;font-size:11.5px}
.btn--lg{height:56px;padding:0 32px;font-size:14.5px}
.btn--primary{background:var(--neon-green);color:#04050A;border-color:rgba(200,255,190,.8);box-shadow:0 0 0 1px rgba(57,255,20,.35),0 0 18px rgba(57,255,20,.5),0 0 48px rgba(57,255,20,.22),inset 0 1px 0 rgba(255,255,255,.5)}
.btn--primary:hover{background:#6CFF4E;color:#04050A;box-shadow:0 0 0 1px rgba(57,255,20,.5),0 0 26px rgba(57,255,20,.75),0 0 64px rgba(57,255,20,.32),inset 0 1px 0 rgba(255,255,255,.55)}
.btn--primary:active{transform:translateY(1px)}
.btn--glass{background:rgba(57,255,20,.06);color:var(--cr-cream);border-color:rgba(57,255,20,.45);box-shadow:0 0 16px -4px rgba(57,255,20,.5),inset 0 1px 0 rgba(255,255,255,.08)}
.btn--glass:hover{background:rgba(57,255,20,.14);border-color:var(--neon-green);color:#fff;box-shadow:0 0 22px -2px rgba(57,255,20,.65)}
.btn--glass:active{transform:translateY(1px)}
.btn:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}
.link-btn{background:none;border:none;padding:0;color:var(--neon-green);font:700 14px var(--font-text);letter-spacing:.04em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;cursor:pointer}

/* ---------- Type atoms ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--neon-green);text-shadow:0 0 10px rgba(57,255,20,.6)}
.h2{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3.8vw,52px);line-height:1.1;letter-spacing:-.01em;color:#fff;text-shadow:0 0 26px rgba(255,255,255,.14);text-wrap:balance}
.h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(21px,2.4vw,30px);line-height:1.18;color:#fff;text-wrap:balance}
.h2 em,.h3 em,.hero__title em{font-style:normal;color:var(--neon-green);text-shadow:var(--glow-green)}
.lead{margin:0;font-size:18px;line-height:1.6;color:var(--cr-sage);max-width:50ch;text-wrap:pretty}
.muted{color:var(--cr-sage)}
.dot{color:var(--neon-gold)}
.bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.5}
.bullets li{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:baseline}
.bullets li::before{content:"";width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:var(--neon-green);box-shadow:0 0 8px var(--neon-green)}
.pricing-note{margin:18px 0 0;font-size:13px;color:var(--cr-sage)}

/* ---------- Chip monogram + wordmark ---------- */
.mark{display:block;flex:none;overflow:visible;filter:drop-shadow(0 0 6px rgba(57,255,20,.55))}
.mark__disc{fill:#04050A;stroke:rgba(57,255,20,.6);stroke-width:2.5}
.mark__globe{fill:none;stroke:rgba(57,255,20,.5);stroke-width:2.4;stroke-linecap:round}
.mark__star{fill:var(--neon-green);stroke:#04050A;stroke-width:2.6;stroke-linejoin:round}
.mark--hero{filter:drop-shadow(0 0 14px rgba(57,255,20,.5))}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.wordmark{display:inline-block;margin:0;font-family:var(--font-display);font-weight:800;font-size:13.5px;line-height:1;letter-spacing:.07em;text-transform:uppercase;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.35);white-space:nowrap}
.wordmark em{font-style:normal;color:var(--neon-green);text-shadow:var(--glow-green)}
.logo--footer{gap:12px;flex-wrap:wrap;row-gap:8px}
.logo--footer .wordmark{font-size:17px}
.logo__rule{display:none}
.logo__descriptor{flex-basis:100%;padding-left:46px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--cr-sage)}

/* ---------- Layout ---------- */
.section{max-width:1180px;margin:0 auto;padding:clamp(56px,8vw,96px) clamp(20px,5vw,48px) 40px}
.section--first{padding-top:clamp(40px,6vw,72px)}
.section--tight{padding-top:20px;padding-bottom:40px}
.section__head{display:flex;flex-direction:column;gap:16px;max-width:780px}
.section__head--center{align-items:center;text-align:center;max-width:none}
.section__head--center .lead{max-width:60ch}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:16px}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
section[id],header[id]{scroll-margin-top:84px}

/* ---------- Nav ---------- */
.skip-link{position:absolute;left:-999px;top:8px;z-index:60;padding:8px 14px;background:var(--neon-green);color:#04050A;border-radius:8px;font-weight:800;text-decoration:none}
.skip-link:focus{left:16px}
.lang-bar{position:relative;z-index:21;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px;background:rgba(4,5,10,.92);border-bottom:1px solid rgba(57,255,20,.2);font-size:14px}
.lang-bar a{color:var(--neon-green);font-weight:700}
.lang-bar button{background:none;border:1px solid rgba(255,255,255,.2);color:var(--cr-sage);border-radius:8px;padding:4px 10px;font:600 12px var(--font-text);cursor:pointer}
.nav-wrap{position:sticky;top:12px;z-index:20;padding:0 clamp(12px,3vw,40px)}
.nav{max-width:1180px;margin:0 auto;padding:8px 8px 8px 18px;--glass-r:16px;--glass-b:22px;--glass-tint:rgba(4,5,10,.74);--glass-e:rgba(57,255,20,.24);--glass-glow:0 0 32px -10px rgba(57,255,20,.4)}
.nav__row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav__links{display:flex;align-items:center;gap:2px}
.nav__link{color:var(--cr-cream);text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.04em;padding:9px 12px;border-radius:10px;transition:background-color .2s,color .2s;white-space:nowrap}
.nav__link:hover{background:rgba(255,255,255,.06);color:#fff}
.nav__link.is-active{background:rgba(57,255,20,.12);color:var(--neon-green);text-shadow:0 0 8px rgba(57,255,20,.6)}
.nav__actions{display:flex;align-items:center;gap:8px}
.nav__burger{display:none;width:40px;height:40px;border-radius:10px;border:1px solid rgba(57,255,20,.4);background:rgba(57,255,20,.07);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.nav__menu{display:none;flex-direction:column;padding:6px 4px 10px 0}
.nav__menu a{min-height:48px;display:flex;align-items:center;color:var(--cr-cream);text-decoration:none;font-size:16px;font-weight:700;padding:0 8px;border-top:1px solid rgba(255,255,255,.08)}
.nav__menu a:first-child{border-top:0}
.nav__menu-foot{display:none}
.lang-select{appearance:none;-webkit-appearance:none;height:36px;padding:0 28px 0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23ECEEF6' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--cr-cream);font:700 12px var(--font-text);letter-spacing:.04em;cursor:pointer;outline:none}
.lang-select:hover{border-color:rgba(57,255,20,.45)}
.lang-select:focus-visible{outline:2px solid var(--neon-cyan)}
.lang-select option{background:#0a1a12;color:#fff}
@media (max-width:1100px){.nav__link{padding:9px 9px;font-size:12.5px}}
@media (max-width:979px){
  .nav__links{display:none}
  .nav__burger{display:block}
  .nav.is-open .nav__menu{display:flex}
  .nav__menu-foot{display:flex;gap:10px;padding:14px 4px 4px 0}
  .nav__menu-foot .btn{flex:1;min-height:48px}
  body.menu-open .sticky-bar{display:none}
}

/* ---------- Hero (home) ---------- */
.hero{position:relative;max-width:1180px;margin:0 auto;padding:clamp(56px,9vw,120px) clamp(20px,5vw,48px) 20px}
.hero__copy{display:flex;flex-direction:column;gap:24px;align-items:flex-start;max-width:900px;position:relative;z-index:1}
.hero__title{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(34px,5.6vw,76px);line-height:1.04;letter-spacing:-.015em;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.16);text-wrap:balance}
.hero__lead{margin:0;max-width:56ch;font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:var(--cr-sage)}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.hero__chip{position:absolute;right:clamp(24px,6vw,96px);top:clamp(64px,8vw,116px);animation:cr-float 11s ease-in-out -3s infinite;filter:drop-shadow(0 0 18px rgba(57,255,20,.4))}
.why{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:18px}

/* ---------- Offers ---------- */
.ocards{margin-top:36px}
.ocard{padding:24px;display:flex;flex-direction:column;gap:12px}
.ocard__tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--neon-gold);text-shadow:0 0 8px rgba(255,211,107,.5)}
.ocard__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.22;color:#fff}
.ocard__price{font-family:var(--font-display);font-weight:800;font-size:27px;line-height:1;letter-spacing:-.01em;color:var(--neon-gold);text-shadow:var(--glow-gold)}
.ocard__price small,.pack__price small{display:block;margin-top:6px;font-family:var(--font-text);font-weight:700;font-size:12px;letter-spacing:.04em;color:var(--cr-sage);text-shadow:none}
.ocard .bullets{font-size:14.5px;gap:8px}
.ocard__foot{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.ocard__note{margin:0;font-size:12.5px;color:var(--cr-sage)}
.packs-h2{margin-top:40px}
.packs{margin-top:16px}
.pack{padding:24px;display:flex;flex-direction:column;gap:10px}
.pack__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:22px;color:#fff}
.pack__title span{display:block;margin-top:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cr-sage)}
.pack__price{font-family:var(--font-display);font-weight:800;font-size:34px;line-height:1;color:var(--neon-gold);text-shadow:var(--glow-gold)}
.perf{margin-top:40px;padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;gap:14px}
.perf p{margin:0;font-size:16px;line-height:1.65;max-width:80ch}

/* ---------- Globe ---------- */
.globe-frame{margin-top:32px;padding:8px;--glass-r:20px;overflow:hidden;--glass-e:rgba(0,240,255,.38);--glass-glow:0 0 44px -10px rgba(0,240,255,.5)}
.globe-frame__stage{position:relative;height:clamp(420px,62vh,680px);border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#07140e 0%,#04050a 70%)}
.globe-frame__stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.globe-frame__bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 10px 4px}
.globe-legend{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:12.5px}
.globe-legend i{display:inline-block;width:10px;height:10px;transform:rotate(45deg);border-radius:2px;margin-right:8px;vertical-align:-1px}
.globe-tip{position:absolute;pointer-events:none;background:rgba(4,5,10,.92);border:1px solid rgba(0,240,255,.4);border-radius:10px;padding:10px 12px;font-size:13px;min-width:150px}
.globe-tip b{display:block;font-size:14px;margin-bottom:2px}
.globe-tip span{color:var(--cr-sage);font-size:12px}

/* ---------- Streamers roster ---------- */
.roster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;margin-top:36px}
.roster{padding:22px;display:flex;flex-direction:column;gap:14px}
.roster__head{display:flex;align-items:center;gap:12px}
.roster__avatar{width:56px;height:56px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:22px;color:#04050A;background:linear-gradient(135deg,var(--neon-gold),var(--neon-red));box-shadow:0 0 18px rgba(255,43,90,.45)}
.roster__name{font-family:var(--font-display);font-weight:700;font-size:16px;color:#fff}
.roster__meta{font-size:13px;color:var(--cr-sage)}
.roster__stats{display:flex;gap:18px;font-size:12px;color:var(--cr-sage)}
.roster__stats b{display:block;font-family:var(--font-display);font-size:18px;color:#fff}
.pills{display:flex;flex-wrap:wrap;gap:6px}
.pill{border:1px solid rgba(0,240,255,.5);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;text-decoration:none;color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,240,255,.5)}
.pill.off{opacity:.35;border-style:dashed;border-color:rgba(255,255,255,.5);color:var(--cr-cream);text-shadow:none}
.example-tag{position:absolute;top:12px;right:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,211,107,.5);color:var(--neon-gold)}

/* ---------- Contact ---------- */
.trust{padding:clamp(22px,3vw,34px)}
.trust__inner{display:flex;flex-direction:column;gap:18px}
.contact__lead{margin:0;font-size:16.5px;line-height:1.6;color:var(--cr-sage)}
.contact__lines{display:flex;flex-direction:column;gap:8px;font-size:15px}
.contact__k{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--neon-green);margin-right:10px}

/* ---------- Multi-step form ---------- */
.msform{margin:36px auto 0;padding:clamp(22px,3vw,40px);max-width:860px;min-height:360px;display:flex;flex-direction:column;scroll-margin-top:92px;--glass-e:rgba(57,255,20,.3);--glass-glow:0 0 40px -12px rgba(57,255,20,.4)}
.msform__progress{height:4px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-bottom:22px}
.msform__progress i{display:block;height:100%;background:var(--neon-green);box-shadow:0 0 10px var(--neon-green);width:0;transition:width .3s}
.msform__step{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--neon-green);text-shadow:0 0 8px rgba(57,255,20,.5)}
.msform__q{margin:10px 0 6px;font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2.6vw,32px);line-height:1.15;color:#fff}
.msform__hint{font-size:14px;color:var(--cr-sage);margin:0 0 18px}
.msform__field input,.msform__field textarea,.msform__field select{width:100%;box-sizing:border-box;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;font:500 18px var(--font-text);outline:none;transition:border-color .2s,box-shadow .2s}
.msform__field textarea{min-height:130px;resize:vertical}
.msform__field input:focus,.msform__field textarea:focus,.msform__field select:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 3px rgba(0,240,255,.2),0 0 18px rgba(0,240,255,.3)}
.msform__field select option{background:#0a1a12}
.msform__options{display:flex;gap:10px;flex-wrap:wrap}
.chip-btn{height:42px;padding:0 16px;border-radius:10px;cursor:pointer;font:700 14px var(--font-text);color:var(--cr-cream);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.18);transition:all .2s}
.chip-btn:hover{border-color:rgba(57,255,20,.5)}
.chip-btn[aria-pressed="true"]{color:#04050A;background:var(--neon-green);border-color:var(--neon-green);box-shadow:0 0 14px rgba(57,255,20,.6)}
.msform__check{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.5;cursor:pointer}
.msform__check input{width:22px;height:22px;margin-top:3px;accent-color:#39FF14;flex:none}
.msform__error{color:#FF6B8A;font-size:14px;margin:10px 0 0;min-height:20px}
.msform__nav{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:24px;flex-wrap:wrap}
.msform__nav small{color:var(--cr-sage);font-size:12.5px}
.msform__nav .link-btn{margin-right:auto}
.msform__review{display:flex;flex-direction:column;gap:8px;margin:14px 0 6px}
.msform__review div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font-size:14.5px}
.msform__review span{color:var(--cr-sage);display:block;font-size:12px;margin-bottom:2px}
.msform__review button{background:none;border:none;color:var(--neon-green);font:700 13px var(--font-text);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.msform__done{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.sent__title{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.1;color:#fff}
.sent__text{font-size:16px;line-height:1.6;max-width:44ch;color:var(--cr-sage)}
.msform__hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}

/* ---------- FAQ ---------- */
.faq-list{display:flex;flex-direction:column;gap:10px;margin:36px auto 0;max-width:900px}
.faq-item{padding:0;--glass-r:14px}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-weight:700;font-size:16px;color:#fff}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-family:var(--font-display);font-size:22px;color:var(--neon-green);text-shadow:0 0 8px rgba(57,255,20,.6);flex:none;transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item__a{padding:0 22px 20px;font-size:15.5px;line-height:1.6;color:var(--cr-sage);max-width:70ch}

/* ---------- Legal ---------- */
.legal .legal__body{margin-top:32px;padding:clamp(24px,3vw,44px);max-width:860px}
.legal__body h2{margin:26px 0 10px;font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.2;color:#fff}
.legal__body h2:first-child{margin-top:0}
.legal__body p{margin:0 0 12px;font-size:15.5px;line-height:1.65;color:var(--cr-cream);opacity:.9;max-width:72ch}
.legal__body ul{margin:0 0 12px;padding-left:20px;font-size:15px;line-height:1.6}
.legal__body li{margin:4px 0}
.age{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--cr-responsible);color:var(--cr-responsible);font-weight:800;font-size:16px;box-shadow:0 0 18px -4px rgba(61,255,162,.7)}
.warn{margin-top:18px;padding:18px 24px;display:flex;align-items:center;gap:16px;font-size:15px}
.warn .age{flex:none}

/* ---------- Footer + sticky bar ---------- */
.footer-wrap{max-width:1180px;margin:0 auto;padding:24px clamp(20px,5vw,48px) 48px}
.footer-panel{padding:clamp(22px,3vw,34px);--glass-tint:rgba(4,5,10,.6)}
.footer{display:flex;flex-direction:column;gap:26px}
.footer__grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.footer__label{font-family:var(--font-mono);font-weight:600;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--neon-green);text-shadow:0 0 8px rgba(57,255,20,.5);margin-bottom:8px}
.footer__col{font-size:14px;line-height:1.7}
.footer__col b{color:#fff}
.footer__rule{height:1px;background:linear-gradient(90deg,rgba(57,255,20,.6),rgba(255,43,90,.5),rgba(0,240,255,.4));box-shadow:0 0 12px rgba(57,255,20,.25)}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.footer__legal{font-size:11px;color:var(--cr-sage)}
.footer__legal-links{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px}
.footer__legal-links a{color:var(--neon-gold)}
.responsible{margin:0;display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.45;letter-spacing:.02em;color:var(--cr-sage)}
.responsible__age{flex:none;min-width:30px;height:30px;border-radius:50%;border:1.5px solid var(--cr-responsible);color:var(--cr-responsible);display:grid;place-items:center;font-weight:800;font-size:10.5px;box-shadow:0 0 12px -2px rgba(61,255,162,.6)}
@media (max-width:900px){.footer__grid{grid-template-columns:1fr 1fr}}
.sticky-bar{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:30;gap:10px;padding:10px;border-radius:14px;background:rgba(4,5,10,.9);border:1px solid rgba(57,255,20,.3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 0 30px -8px rgba(57,255,20,.45),0 20px 40px -20px rgba(0,0,0,.9)}
.sticky-bar .btn{flex:1}
@media (max-width:760px){.sticky-bar{display:flex}.footer-wrap{padding-bottom:96px}}

@media (prefers-reduced-motion:reduce){.backdrop__blob,.hero__chip{animation:none!important}}
@view-transition{navigation:auto}

/* ==========================================================================
   Phone (≤ 760 / 560 / 420)
   ========================================================================== */
@media (max-width:760px){
  .section{padding-top:clamp(40px,9vw,64px);padding-bottom:28px}
  .section--first{padding-top:32px}
  .section--tight{padding-top:12px}
  .section__head{gap:12px}
  .h2{font-size:clamp(26px,8vw,38px)}
  .h3{font-size:clamp(20px,6vw,26px)}
  .lead{font-size:16.5px}
  .hero{padding:44px clamp(16px,5vw,32px) 12px}
  .hero__copy{gap:18px}
  .hero__title{font-size:clamp(30px,9.2vw,44px)}
  .hero__lead{font-size:17px}
  .hero__cta{flex-direction:column;align-items:stretch;width:100%}
  .hero__cta .btn{width:100%;box-sizing:border-box}
  .hero__chip{display:none}
  .why,.trust,.perf,.pack,.ocard,.roster{padding:20px}
  .grid-4,.grid-3,.grid-2{gap:12px}
  .ocards{margin-top:24px}
  .ocard__price{font-size:24px}
  .pack__price{font-size:28px}
  .globe-frame{padding:6px}
  .globe-frame__stage{height:min(78vw,420px)}
  .globe-frame__bar{padding:10px 6px 4px}
  .globe-legend{gap:8px 14px;font-size:12px}
  .roster-grid{margin-top:24px}
  .faq-item summary{padding:16px 18px;font-size:15px}
  .msform{padding:20px;min-height:0;margin-top:24px}
  .msform__q{font-size:clamp(20px,6vw,26px)}
  .msform__field input,.msform__field textarea,.msform__field select{font-size:16px;padding:13px 14px}
  .msform__nav{gap:10px}
  .msform__nav .btn{flex:1;min-height:48px}
  .msform__nav small{flex-basis:100%;text-align:center}
  .msform__review div{grid-template-columns:1fr;gap:4px}
  .legal .legal__body{padding:20px;margin-top:22px}
  .legal__body h2{font-size:17px}
  .legal__body p,.legal__body ul{font-size:15px}
  .footer-panel{padding:20px}
  .footer__grid{gap:18px}
  .lang-bar{font-size:13px;gap:10px}
}
@media (max-width:560px){
  .nav{padding:7px 7px 7px 14px}
  .nav__row{gap:10px}
  .nav__actions .btn{display:none}
  .lang-select{padding:0 26px 0 10px;font-size:11.5px;background-position:right 10px center}
  .footer__grid{grid-template-columns:1fr}
  .logo--footer .logo__descriptor{padding-left:40px}
}
@media (max-width:420px){
  .h2{font-size:clamp(24px,8.5vw,32px)}
  .hero__title{font-size:clamp(28px,8.8vw,38px)}
  .nav .wordmark{font-size:12px;letter-spacing:.08em}
  .nav .logo{gap:6px}
  .nav .logo svg{width:24px;height:24px}
  .lang-select{height:34px;font-size:11px;padding:0 24px 0 9px}
  .btn--lg{height:52px;font-size:13.5px}
}

/* phone nav: keep logo, language select and burger inside the pill */
@media (max-width:560px){
  .nav{padding:6px 6px 6px 12px}
  .nav__row{gap:8px}
  .nav__actions{gap:6px}
  .nav__burger{width:36px;height:36px;flex:none}
  .lang-select{height:34px;padding:0 24px 0 9px;font-size:11px;background-position:right 9px center;flex:none}
  .nav .wordmark{font-size:12px;letter-spacing:.07em}
  .nav .logo svg{width:22px;height:22px}
}
@media (max-width:420px){
  .nav .logo svg{display:none}
  .nav .wordmark{font-size:11.5px;letter-spacing:.06em}
}
@media (max-width:560px){.nav__menu-foot{flex-direction:column}.nav__menu-foot .btn{width:100%;box-sizing:border-box}}

/* home: the four cards (casting, live, content, results) */
.hcard{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px}
.hcard__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:18px;line-height:1.2;color:#fff}
.hcard p{margin:0;font-size:14.5px;line-height:1.55;color:var(--cr-sage)}
/* pack discount badge */
.pack{position:relative}
.pack__badge{position:absolute;top:16px;right:16px;font-family:var(--font-display);font-weight:800;font-size:13px;padding:6px 10px;border-radius:8px;background:var(--neon-red);color:#fff;box-shadow:0 0 14px rgba(255,43,90,.65)}
#partnerForm{scroll-margin-top:96px}

/* full-page form (/book/) */
.book{min-height:calc(100vh - 150px);display:flex;flex-direction:column;justify-content:center}
.msform--page{max-width:980px;min-height:460px;margin-top:28px}
body[data-page="book"] .sticky-bar,body[data-page="book"] .nav__actions .btn{display:none}
@media (max-width:760px){.book{min-height:0}.msform--page{margin-top:20px}}
.msform--page{width:100%;box-sizing:border-box}

/* Offer cards: two per row on tablets so four cards never wrap 3 + 1 */
@media (min-width:561px) and (max-width:1100px){.ocards{grid-template-columns:repeat(2,1fr)}}
/* Globe legend: one star per listing tier, sized and coloured like the stars on the globe */
.globe-legend span{display:inline-flex;align-items:center;gap:8px}.globe-legend svg{flex:none;overflow:visible}

.footer__col a{display:inline-block;padding:4px 0}.footer__legal-links a{display:inline-block;padding:4px 0}
.roster-grid:empty{display:none}
.steps{margin:0;padding-left:22px;display:grid;gap:10px}.steps li{padding-left:6px}.steps li::marker{color:var(--neon-green);font-family:var(--font-mono);font-weight:600}
.notfound__langs{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.notfound__langs a{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.18);color:var(--cr-cream);text-decoration:none}.notfound__langs a:hover{border-color:var(--neon-green);color:var(--neon-green)}
