/* TekkaBuzz88 — pure static stylesheet. Dark gold identity.
   Tokens: bg #0a0a0a / #141414, panels #2a2a2a, gold #e0b73e, deep gold #cf8217.
   Fonts: Outfit (body) + Space Grotesk (display), loaded via Google Fonts. */
:root{
  --bg:#0a0a0a; --bg2:#141414; --panel:#1d1d1d; --panel2:#2a2a2a;
  --gold:#e0b73e; --gold2:#cf8217; --ink:#f5efdd; --muted:#b8b09a; --line:#333026;
  --radius:14px; --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;font-size:16px}
h1,h2,h3,h4,.display{font-family:"Space Grotesk","Outfit",system-ui,sans-serif;line-height:1.25;color:#fff}
h1{font-size:clamp(1.7rem,4.5vw,2.6rem);margin:.2em 0 .5em}
h2{font-size:clamp(1.25rem,3vw,1.7rem);margin:1.4em 0 .5em;color:var(--gold)}
h3{font-size:1.1rem;margin:1.1em 0 .4em}
p{margin:.6em 0}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
.lead{font-size:1.08rem;color:var(--muted)}
strong{color:#fff}
/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.96);border-bottom:1px solid var(--line)}
.header-in{display:flex;align-items:center;gap:14px;max-width:var(--max);margin:0 auto;padding:8px 16px}
.logo-link{display:flex;align-items:center;flex:0 0 auto}
.logo-img{height:44px;width:auto;display:block}
.main-nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.main-nav a{color:var(--ink);padding:8px 10px;border-radius:8px;font-weight:500;font-size:.95rem}
.main-nav a:hover{background:var(--panel2);text-decoration:none;color:var(--gold)}
.header-cta{display:flex;gap:8px;margin-left:8px}
.btn{display:inline-block;padding:10px 18px;border-radius:10px;font-weight:700;border:1px solid var(--gold);color:var(--gold);text-align:center}
.btn:hover{text-decoration:none;background:rgba(224,183,62,.12)}
.btn-gold{background:linear-gradient(180deg,var(--gold),var(--gold2));color:#141414;border-color:var(--gold2)}
.btn-gold:hover{background:linear-gradient(180deg,#f0cd62,var(--gold));color:#000}
.btn-sm{padding:7px 14px;font-size:.9rem}
.menu-toggle{display:none}
.menu-btn{display:none;margin-left:auto;cursor:pointer;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--gold);font-weight:700}
/* Hero */
.hero{background:radial-gradient(900px 420px at 50% -80px,rgba(224,183,62,.20),transparent 65%),var(--bg2);border-bottom:1px solid var(--line);padding:38px 0 30px;text-align:center}
.hero .logo-hero{height:92px;width:auto;margin:0 auto 10px}
.hero p{max-width:760px;margin:.6em auto;color:var(--muted)}
.hero-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.stats{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 20px;min-width:120px}
.stat b{display:block;color:var(--gold);font-size:1.35rem;font-family:"Space Grotesk",sans-serif}
.stat span{color:var(--muted);font-size:.85rem}
/* Layout */
main{display:block}
.page-head{padding:30px 0 6px}
.breadcrumb{font-size:.85rem;color:var(--muted);padding-top:16px}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.breadcrumb li+li::before{content:"›";margin-right:6px;color:var(--gold2)}
.breadcrumb a{color:var(--muted)}
article{padding-bottom:10px}
article p{color:#ddd6c2}
article ul,article ol{color:#ddd6c2;padding-left:1.3em}
article li{margin:.35em 0}
article table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.92rem;display:block;overflow-x:auto}
article th,article td{border:1px solid var(--line);padding:8px 10px;text-align:left}
article th{background:var(--panel2);color:var(--gold)}
.note,.callout{background:var(--panel);border-left:3px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;padding:12px 16px;margin:1em 0}
/* Cards / grids */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:18px 0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.card h3{margin-top:0;color:var(--gold)}
.card p{color:var(--muted);font-size:.94rem}
.card a{font-weight:600}
a.card{display:block;color:var(--ink)}
a.card:hover{text-decoration:none;border-color:var(--gold2)}
/* FAQ */
.faq{margin:26px 0}
details{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin:8px 0}
summary{cursor:pointer;font-weight:600;color:#fff}
details p{color:var(--muted)}
/* CTA band */
.cta-band{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-align:center;margin:28px 0}
/* Footer */
.site-footer{background:var(--bg2);border-top:1px solid var(--line);margin-top:36px;padding:30px 0 18px;color:var(--muted);font-size:.92rem}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.site-footer h3{color:var(--gold);font-size:1rem;margin:.2em 0 .6em}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:.35em 0}
.site-footer a{color:var(--muted)}
.site-footer a:hover{color:var(--gold)}
.footer-base{border-top:1px solid var(--line);margin-top:22px;padding-top:14px;text-align:center}
.age{display:inline-block;border:2px solid #c0392b;color:#e74c3c;border-radius:50%;width:40px;height:40px;line-height:36px;font-weight:800;text-align:center;margin-bottom:8px}
/* Mobile nav: CSS-only checkbox hack */
@media (max-width:860px){
  .menu-btn{display:block}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg2);flex-direction:column;padding:10px 16px;border-bottom:1px solid var(--line)}
  .menu-toggle:checked~.main-nav{display:flex}
  .header-cta{margin-left:auto}
  .header-in{flex-wrap:wrap}
  .logo-img{height:36px}
  .hero .logo-hero{height:64px}
}