/* ==========================================================================
   Fortune Snake — site stylesheet
   Built on the Fortune Gems Guide design system tokens (emerald + gold),
   retuned to a dark-premium casino theme. Self-contained: no build step.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');

/* ---- Design-system tokens ---- */
:root {
  --emerald-50:#ecfbf3; --emerald-100:#d2f4e1; --emerald-200:#a6e8c5; --emerald-300:#6fd6a4;
  --emerald-400:#34bd82; --emerald-500:#1fa971; --emerald-600:#15875b; --emerald-700:#126b4a;
  --emerald-800:#0f4f38; --emerald-900:#0b3a2a; --emerald-950:#04231c;
  --gold-50:#fdf6e3; --gold-100:#fae9b8; --gold-200:#f4d585; --gold-300:#efc257;
  --gold-400:#ecb13a; --gold-500:#e0a92e; --gold-600:#c2871c; --gold-700:#976414;
  --ruby-300:#f08aa3; --ruby-500:#e0245e; --ruby-600:#c41d4d; --ruby-700:#9c1740;
  --sapphire-300:#7fa8ee; --sapphire-500:#2d6fe0;

  --font-display:'Sora','Segoe UI',system-ui,sans-serif;
  --font-body:'Manrope','Segoe UI',system-ui,sans-serif;
  --w-regular:400; --w-medium:500; --w-semibold:600; --w-bold:700; --w-black:800;

  --text-xs:.75rem; --text-sm:.875rem; --text-base:1rem; --text-md:1.125rem;
  --text-lg:1.375rem; --text-xl:1.75rem; --text-2xl:2.25rem; --text-3xl:3rem; --text-4xl:3.75rem;
  --lead-tight:1.12; --lead-snug:1.28; --lead-normal:1.55; --lead-relaxed:1.7;
  --tr-tight:-.02em; --tr-snug:-.01em; --tr-wide:.04em; --tr-caps:.12em;

  --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.5rem; --s6:2rem;
  --s7:2.5rem; --s8:3rem; --s9:4rem; --s10:5.5rem;
  --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;
  --container:1180px; --prose:760px; --header-h:72px;
  --ease:cubic-bezier(.22,1,.36,1); --dur:240ms;

  --grad-gold:linear-gradient(135deg,#f4d585 0%,#e0a92e 55%,#c2871c 100%);
  --grad-emerald:linear-gradient(135deg,#34bd82 0%,#15875b 100%);
  --grad-hero:radial-gradient(120% 130% at 82% -10%,#0e5b40 0%,#073229 46%,#04231c 100%);

  /* dark-premium surfaces */
  --bg:#04231c;
  --surface-1:#08322642;            /* translucent panel */
  --surface-card:#0a3a2c;
  --surface-card-2:#0c4334;
  --surface-muted:#072a21;
  --border:rgba(255,255,255,.10);
  --border-strong:rgba(255,255,255,.18);
  --gold-glow:0 10px 30px rgba(224,169,46,.34);
  --shadow-md:0 12px 34px rgba(0,0,0,.36);
  --shadow-lg:0 22px 60px rgba(0,0,0,.46);
  --ring-glow:0 0 0 1px rgba(31,169,113,.30),0 0 46px rgba(31,169,113,.34);

  --ink:#eaf5ee;            /* body text on dark */
  --ink-strong:#ffffff;
  --ink-muted:#9bc4b3;
  --brand:#34bd82;
  --gold:#efc257;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0; font-family:var(--font-body); font-size:var(--text-base);
  line-height:var(--lead-normal); color:var(--ink); background:var(--bg);
  background-image:
    radial-gradient(70% 50% at 88% -6%,rgba(31,169,113,.18),transparent 60%),
    radial-gradient(60% 40% at 6% 108%,rgba(224,169,46,.10),transparent 60%);
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink-strong);margin:0;
  line-height:var(--lead-tight);letter-spacing:var(--tr-tight);font-weight:var(--w-bold);text-wrap:balance;}
p{margin:0;text-wrap:pretty;}
a{color:var(--brand);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;display:block;}
ul,ol{margin:0;padding:0;}

.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--s5);}
.prose{max-width:var(--prose);}
.eyebrow{font-family:var(--font-body);font-weight:var(--w-bold);font-size:var(--text-sm);
  letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--brand);}
.skip{position:absolute;left:-9999px;}
.skip:focus{left:var(--s4);top:var(--s4);z-index:200;background:var(--gold);color:#3a2806;
  padding:10px 16px;border-radius:var(--r-pill);font-weight:var(--w-bold);}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:var(--font-body);font-weight:var(--w-bold);font-size:var(--text-base);
  padding:13px 24px;border-radius:var(--r-pill);border:1px solid transparent;cursor:pointer;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur),color var(--dur),border-color var(--dur);
  text-decoration:none;line-height:1;white-space:nowrap;}
.btn:hover{text-decoration:none;transform:translateY(-1px);}
.btn:active{transform:translateY(1px) scale(.99);}
.btn--lg{padding:16px 30px;font-size:var(--text-md);}
.btn--sm{padding:10px 18px;font-size:var(--text-sm);}
.btn--primary{background:var(--grad-gold);color:#3a2806;box-shadow:var(--gold-glow);}
.btn--primary:hover{box-shadow:0 14px 36px rgba(224,169,46,.5);}
.btn--emerald{background:var(--grad-emerald);color:#04231c;box-shadow:0 10px 26px rgba(31,169,113,.34);}
.btn--outline{background:transparent;border-color:var(--border-strong);color:var(--ink-strong);}
.btn--outline:hover{border-color:var(--gold);color:var(--gold);}
.btn--ghost{background:rgba(255,255,255,.06);border-color:var(--border);color:var(--ink-strong);}
.btn--ghost:hover{background:rgba(255,255,255,.12);}
.btn--block{width:100%;}

/* ---------- Badges ---------- */
.badge{display:inline-flex;align-items:center;gap:.45em;font-family:var(--font-body);
  font-weight:var(--w-bold);font-size:var(--text-xs);letter-spacing:var(--tr-caps);
  text-transform:uppercase;padding:5px 12px;border-radius:var(--r-pill);border:1px solid var(--border);}
.badge--gold{background:rgba(224,169,46,.16);color:var(--gold-200);border-color:rgba(224,169,46,.4);}
.badge--emerald{background:rgba(31,169,113,.16);color:var(--emerald-200);border-color:rgba(31,169,113,.4);}
.badge--dot::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;}

/* ---------- Header ---------- */
.hdr{position:sticky;top:0;z-index:80;background:rgba(4,35,28,.78);
  backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--border);}
.hdr__bar{display:flex;align-items:center;gap:var(--s5);height:var(--header-h);}
.brand{display:flex;align-items:center;gap:10px;}
.brand img{height:56px;width:auto;display:block;}
.brand__wm{font-family:var(--font-display);font-weight:var(--w-black);font-size:1.18rem;
  letter-spacing:var(--tr-snug);color:#fff;line-height:1;}
.brand__wm span{color:var(--gold);}
.hdr__nav{display:flex;gap:2px;margin-left:auto;align-items:center;}
.hdr__nav a{font-family:var(--font-body);font-weight:var(--w-semibold);font-size:var(--text-sm);
  color:var(--ink);padding:8px 11px;border-radius:var(--r-pill);transition:color var(--dur),background var(--dur);white-space:nowrap;}
.hdr__nav a:hover,.hdr__nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.08);text-decoration:none;}
.hdr__cta{margin-left:var(--s2);}
/* language switcher */
.lang{position:relative;}
.lang__btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);
  font-weight:var(--w-bold);font-size:var(--text-sm);color:#fff;background:rgba(255,255,255,.06);
  border:1px solid var(--border);border-radius:var(--r-pill);padding:8px 13px;cursor:pointer;}
.lang__btn:hover{border-color:var(--gold);}
.lang__btn svg{width:14px;height:14px;}
.lang__menu{position:absolute;right:0;top:calc(100% + 8px);min-width:170px;background:#0a3a2c;
  border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);
  padding:6px;display:none;flex-direction:column;gap:2px;z-index:90;}
.lang[data-open="true"] .lang__menu{display:flex;}
.lang__menu a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--r-sm);
  color:var(--ink);font-weight:var(--w-semibold);font-size:var(--text-sm);}
.lang__menu a:hover{background:rgba(255,255,255,.07);color:#fff;text-decoration:none;}
.lang__menu a[aria-current="true"]{color:var(--gold);}
.flag{font-size:1.05rem;line-height:1;}
.hdr__burger{display:none;width:42px;height:42px;border-radius:var(--r-pill);border:1px solid var(--border);
  background:rgba(255,255,255,.06);color:#fff;align-items:center;justify-content:center;cursor:pointer;margin-left:var(--s2);}
.hdr__burger svg{width:20px;height:20px;}
@media(max-width:1024px){
  .hdr__nav{display:none;}
  .hdr__burger{display:inline-flex;}
}

/* Mobile drawer */
.drawer{position:fixed;inset:0;z-index:120;background:rgba(4,20,16,.66);display:none;}
.drawer[data-open="true"]{display:block;}
.drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(330px,88vw);background:#062a20;
  border-left:1px solid var(--border);padding:var(--s6) var(--s5);display:flex;flex-direction:column;gap:var(--s2);
  box-shadow:var(--shadow-lg);overflow-y:auto;}
.drawer__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s3);}
.drawer__top img{height:42px;width:auto;display:block;}
.drawer__close{width:42px;height:42px;border-radius:var(--r-pill);border:1px solid var(--border);
  background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font-size:1.4rem;line-height:1;}
.drawer__panel a{font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--text-md);
  color:#fff;padding:11px 0;border-bottom:1px solid var(--border);}
.drawer__panel a:hover{color:var(--gold);text-decoration:none;}
.drawer__langrow{display:flex;gap:var(--s2);margin-top:var(--s4);}
.drawer__langrow a{flex:1;text-align:center;border:1px solid var(--border);border-radius:var(--r-pill);
  padding:10px 0;font-size:var(--text-sm);border-bottom:1px solid var(--border);}

/* ---------- Breadcrumb ---------- */
.crumb{padding-block:var(--s4);}
.crumb ol{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:var(--text-sm);color:var(--ink-muted);list-style:none;}
.crumb li{display:flex;align-items:center;gap:8px;}
.crumb a{color:var(--ink-muted);font-weight:var(--w-semibold);}
.crumb a:hover{color:var(--gold);text-decoration:none;}
.crumb li[aria-current="page"]{color:var(--ink-strong);}
.crumb svg{width:13px;height:13px;opacity:.6;}

/* ---------- Sections ---------- */
.section{padding-block:clamp(2.75rem,5.5vw,4rem);}
.section--tight{padding-block:clamp(2rem,4vw,3rem);}
.section--muted{background:var(--surface-muted);border-block:1px solid var(--border);}
.section__head{max-width:720px;margin-bottom:var(--s6);}
.section__head--center{margin-inline:auto;text-align:center;}
.section__title{font-size:var(--text-2xl);margin-block:var(--s2) var(--s3);}
.section__lead{font-size:var(--text-md);color:var(--ink-muted);line-height:var(--lead-normal);}
.prose-block p{font-size:var(--text-md);color:var(--ink);line-height:var(--lead-relaxed);max-width:var(--prose);}
.prose-block p+p{margin-top:var(--s4);}
.prose-block h3{font-size:var(--text-xl);margin-top:var(--s7);margin-bottom:var(--s3);}
.prose-block ul{margin:var(--s4) 0;max-width:var(--prose);display:flex;flex-direction:column;gap:var(--s3);}
.prose-block li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;
  font-size:var(--text-md);color:var(--ink);line-height:var(--lead-snug);list-style:none;}
.prose-block li::before{content:"";width:9px;height:9px;margin-top:9px;border-radius:2px;
  background:var(--grad-gold);transform:rotate(45deg);flex:none;}
.lead{font-size:var(--text-md);color:var(--ink);line-height:var(--lead-relaxed);max-width:var(--prose);}

/* ---- Freedemo game widget section ---- */
.demo-widget-section{background:var(--surface-muted);border-block:1px solid var(--border);}
.demo-widget-wrap{max-width:880px;margin-inline:auto;}
.demo-widget-wrap .freedemo-game-widget{display:block;width:100%;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg),var(--ring-glow);}
.prose-figure{margin:0 0 var(--s5);max-width:var(--prose);}
.prose-figure img{width:100%;height:auto;border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);display:block;}
.prose-figure--center{margin-inline:auto;max-width:560px;margin-bottom:var(--s6);}
.prose-figure figcaption{margin-top:var(--s3);font-size:var(--text-sm);color:var(--ink-muted);text-align:center;line-height:var(--lead-normal);}

/* Hero character art (replaces the reel on homepages) */
.hero__art{display:flex;align-items:center;justify-content:center;}
.hero__art img{width:100%;max-width:480px;height:auto;display:block;
  filter:drop-shadow(0 18px 40px rgba(0,0,0,.5)) drop-shadow(0 0 60px rgba(31,169,113,.25));
  animation:hero-float 6s var(--ease) infinite;}
@keyframes hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(prefers-reduced-motion:reduce){.hero__art img{animation:none;}}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border);}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--s8);align-items:center;
  padding-block:var(--s10) var(--s9);position:relative;z-index:1;}
.hero__badges{display:flex;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s5);}
.hero__h1{font-size:var(--text-4xl);color:#fff;letter-spacing:var(--tr-tight);line-height:1.04;}
.hero__h1 .acc{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero__sub{font-size:var(--text-md);color:var(--ink);line-height:var(--lead-relaxed);margin-top:var(--s5);max-width:46ch;}
.hero__cta{display:flex;gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap;}
.hero__note{margin-top:var(--s4);font-size:var(--text-sm);color:var(--ink-muted);display:flex;gap:.5em;align-items:center;}
.hero__trust{margin-top:var(--s5);display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;}
.hero__trust span{font-family:var(--font-body);font-weight:var(--w-bold);font-size:var(--text-xs);letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink);background:rgba(255,255,255,.05);border:1px solid var(--border);
  border-radius:var(--r-pill);padding:6px 12px;}
.hero__trust span:first-child{color:var(--gold-200);border-color:rgba(224,169,46,.4);background:rgba(224,169,46,.12);}
.hero__note svg{width:15px;height:15px;flex:none;}
@media(max-width:880px){
  .hero__grid{grid-template-columns:1fr;gap:var(--s7);padding-block:var(--s9) var(--s8);}
  .hero__h1{font-size:var(--text-3xl);}
}

/* Hero reel visual */
.reel{position:relative;background:rgba(255,255,255,.04);border:1px solid var(--border);
  border-radius:var(--r-xl);padding:var(--s5);box-shadow:var(--shadow-lg),var(--ring-glow);backdrop-filter:blur(2px);}
.reel__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s4);}
.reel__title{font-family:var(--font-display);font-weight:var(--w-bold);color:#fff;font-size:var(--text-md);
  display:flex;align-items:center;gap:.5em;}
.reel__title img{width:26px;height:26px;}
.reel__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);}
.reel__cell{aspect-ratio:1;border-radius:var(--r-md);display:grid;place-items:center;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.10);}
.reel__cell img{width:60%;height:60%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));}
.reel__cell--win{border-color:var(--gold-400);box-shadow:0 0 0 1px var(--gold-400),0 0 24px rgba(224,169,46,.5);}
.reel__foot{display:flex;align-items:center;justify-content:space-between;margin-top:var(--s4);color:var(--ink-muted);font-size:var(--text-sm);}
.reel__chip{display:inline-flex;align-items:center;gap:.4em;background:rgba(224,169,46,.16);color:var(--gold-200);
  padding:5px 13px;border-radius:var(--r-pill);font-weight:var(--w-bold);font-size:var(--text-sm);}

/* ---------- Cards / grids ---------- */
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s5);}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5);}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4);}
@media(max-width:860px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr);}.grid-2{grid-template-columns:1fr;}}
@media(max-width:520px){.grid-3,.grid-4{grid-template-columns:1fr;}}
.card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--r-lg);
  padding:var(--s6);box-shadow:var(--shadow-md);}
.card--hover{transition:transform var(--dur) var(--ease),box-shadow var(--dur),border-color var(--dur);}
.card--hover:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-lg);}
.feature__ic{width:54px;height:54px;border-radius:var(--r-md);display:grid;place-items:center;
  background:rgba(255,255,255,.05);border:1px solid var(--border);margin-bottom:var(--s4);}
.feature__ic img{width:30px;height:30px;}
.feature h3{font-size:var(--text-lg);margin-bottom:var(--s2);}
.feature p{color:var(--ink-muted);font-size:var(--text-base);line-height:var(--lead-normal);}

/* ---------- Steps ---------- */
.steps{display:grid;gap:var(--s4);counter-reset:step;}
@media(min-width:760px){.steps{grid-template-columns:1fr 1fr;}}
.step{display:grid;grid-template-columns:auto 1fr;gap:var(--s4);align-items:start;
  background:var(--surface-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);}
.step__num{counter-increment:step;width:42px;height:42px;border-radius:var(--r-pill);background:var(--grad-gold);
  color:#3a2806;font-family:var(--font-display);font-weight:var(--w-black);display:grid;place-items:center;box-shadow:var(--gold-glow);}
.step__num::before{content:counter(step);}
.step h3{font-size:var(--text-md);margin-bottom:4px;}
.step p{color:var(--ink-muted);font-size:var(--text-base);line-height:var(--lead-snug);}

/* ---------- Tables ---------- */
.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-card);}
table{width:100%;border-collapse:collapse;font-size:var(--text-base);min-width:420px;}
caption{text-align:left;padding:var(--s4) var(--s5) 0;color:var(--ink-muted);font-size:var(--text-sm);}
th,td{text-align:left;padding:14px var(--s5);border-bottom:1px solid var(--border);vertical-align:top;}
thead th{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:var(--tr-wide);
  text-transform:uppercase;color:var(--gold-200);background:rgba(255,255,255,.03);}
tbody tr:last-child td{border-bottom:none;}
td:first-child,th:first-child{font-weight:var(--w-semibold);color:var(--ink-strong);}
.t-yes{color:var(--emerald-300);font-weight:var(--w-bold);}
.t-no{color:var(--ruby-300);font-weight:var(--w-bold);}

/* ---------- Pros & Cons ---------- */
.pc{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);}
@media(max-width:760px){.pc{grid-template-columns:1fr;}}
.pc__col{border-radius:var(--r-lg);padding:var(--s6);border:1px solid;}
.pc__col--pro{background:rgba(31,169,113,.10);border-color:rgba(31,169,113,.35);}
.pc__col--con{background:rgba(224,36,94,.08);border-color:rgba(224,36,94,.3);}
.pc__h{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:var(--w-bold);
  font-size:var(--text-lg);margin-bottom:var(--s4);}
.pc__h svg{width:24px;height:24px;flex:none;}
.pc__h--pro{color:var(--emerald-300);}
.pc__h--con{color:var(--ruby-300);}
.pc__list{display:flex;flex-direction:column;gap:var(--s3);}
.pc__item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;font-size:var(--text-base);
  color:var(--ink);line-height:var(--lead-snug);}
.pc__mark{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:13px;font-weight:800;color:#04231c;}
.pc__mark svg{width:14px;height:14px;}
.pc__mark--pro{background:var(--emerald-400);}
.pc__mark--con{background:var(--ruby-500);color:#fff;}

/* ---------- CTA band ---------- */
.ctaband{background:var(--grad-hero);border:1px solid var(--border);border-radius:var(--r-xl);
  padding:var(--s8) var(--s7);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-md);}
.ctaband::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 120%,rgba(224,169,46,.2),transparent 70%);pointer-events:none;}
.ctaband h2{font-size:var(--text-2xl);color:#fff;position:relative;}
.ctaband p{color:var(--ink-muted);margin-top:var(--s3);max-width:54ch;margin-inline:auto;position:relative;}
.ctaband .hero__cta{justify-content:center;margin-top:var(--s6);position:relative;}

/* ---------- Notice ---------- */
.notice{display:flex;gap:var(--s4);background:rgba(224,169,46,.08);border:1px solid rgba(224,169,46,.32);
  border-radius:var(--r-lg);padding:var(--s5) var(--s6);}
.notice__ic{width:24px;height:24px;flex:none;color:var(--gold);}
.notice h3{font-size:var(--text-md);color:var(--gold-200);margin-bottom:6px;}
.notice p{color:var(--ink);font-size:var(--text-base);line-height:var(--lead-normal);}
.notice--info{background:rgba(45,111,224,.1);border-color:rgba(127,168,238,.34);}
.notice--info .notice__ic{color:var(--sapphire-300);}
.notice--info h3{color:var(--sapphire-300);}

/* ---------- FAQ ---------- */
.faq{display:flex;flex-direction:column;gap:var(--s3);max-width:840px;}
.faq details{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;}
.faq details[open]{border-color:var(--border-strong);}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);cursor:pointer;
  padding:var(--s5);font-family:var(--font-display);font-weight:var(--w-semibold);font-size:var(--text-md);color:#fff;list-style:none;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary .chev{width:22px;height:22px;flex:none;transition:transform var(--dur) var(--ease);color:var(--gold);}
.faq details[open] summary .chev{transform:rotate(45deg);}
.faq__a{padding:0 var(--s5) var(--s5);color:var(--ink-muted);font-size:var(--text-base);line-height:var(--lead-relaxed);}
.faq__a p+p{margin-top:var(--s3);}

/* ---------- Quick links / chips ---------- */
.chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s5);}
.chip{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:var(--r-pill);
  border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--ink);font-size:var(--text-sm);font-weight:var(--w-semibold);}
.chip:hover{border-color:var(--gold);color:var(--gold);text-decoration:none;}

/* ---------- Footer ---------- */
.ftr{background:#031a14;border-top:1px solid var(--border);padding-block:var(--s9) var(--s6);margin-top:var(--s6);}
.ftr__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--s7);}
@media(max-width:860px){.ftr__grid{grid-template-columns:1fr 1fr;gap:var(--s6);}}
@media(max-width:520px){.ftr__grid{grid-template-columns:1fr;}}
.ftr__brand{display:flex;align-items:center;gap:10px;margin-bottom:var(--s4);}
.ftr__brand img{height:54px;width:auto;display:block;}
.ftr__about{color:var(--ink-muted);font-size:var(--text-sm);line-height:var(--lead-relaxed);max-width:40ch;}
.ftr__badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s5);}
.ftr__badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--w-bold);
  letter-spacing:.03em;color:var(--ink-muted);border:1px solid var(--border);border-radius:var(--r-pill);padding:6px 11px;}
.ftr__badge svg{width:13px;height:13px;color:var(--emerald-300);}
.ftr__h{font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--text-sm);
  letter-spacing:var(--tr-wide);text-transform:uppercase;color:#fff;margin-bottom:var(--s4);}
.ftr__links{display:flex;flex-direction:column;gap:10px;list-style:none;}
.ftr__links a{color:var(--ink-muted);font-size:var(--text-base);}
.ftr__links a:hover{color:var(--brand);text-decoration:none;}
.ftr__age{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  border:2px solid var(--ruby-500);color:var(--ruby-300);font-weight:var(--w-black);font-size:var(--text-sm);flex:none;}
.ftr__bottom{border-top:1px solid var(--border);margin-top:var(--s7);padding-top:var(--s5);display:flex;flex-direction:column;gap:var(--s3);}
.ftr__disc{color:var(--ink-muted);font-size:var(--text-xs);line-height:var(--lead-normal);max-width:none;}
.ftr__copy{color:var(--ink-muted);font-size:var(--text-xs);}
.ftr__copy a{color:var(--ink-muted);}

/* ---------- Misc ---------- */
.center{text-align:center;}
.mt-6{margin-top:var(--s6);}
.mt-7{margin-top:var(--s7);}
.divider{height:1px;background:var(--border);border:none;margin-block:var(--s8);}
.kw{color:var(--gold-200);font-weight:var(--w-semibold);}

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