*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button{cursor:pointer;border:none;background:none;font-family:inherit}
ul,ol{list-style:none}

:root{
  /* dark is the default theme */
  --bg:#0f0f12;--surface:#16161a;--card:#1a1a1f;--card-alt:#222228;
  --border:#2b2b33;--border-lg:#3a3a45;
  --accent:#f4af09;--accent-lt:#ffc93c;--accent-dk:#c98a00;
  --blue:#3fa9ff;--blue-lt:#6fc0ff;
  --cyan:#3fa9ff;--cyan-lt:#6fc0ff;--amber:#f4af09;--pink:#ff5d7d;
  --green:#19c47c;--white:#f4f2ef;--white-70:rgba(244,242,239,.72);
  --white-40:rgba(244,242,239,.44);--white-20:rgba(244,242,239,.2);--white-10:rgba(244,242,239,.08);
  --gray:#8b8479;--gray-lt:#aaa398;
  --on-accent:#1a1a1a;
  --accent-rgb:244,175,9;--cyan-rgb:63,169,255;--blue-rgb:63,169,255;
  --bg-rgb:15,15,18;--text-rgb:244,242,239;--pink-rgb:255,93,125;--green-rgb:25,196,124;
  --font-head:'Rajdhani',sans-serif;--font-body:'DM Sans',sans-serif;
  --px:clamp(1rem,4vw,3rem);--r-sm:8px;--r-md:14px;--r-lg:20px;
  --shadow-card:0 10px 32px rgba(0,0,0,.5);--shadow-glow:0 6px 24px rgba(244,175,9,.34);
  --t-fast:.15s ease;--t-mid:.25s ease;--t-slow:.4s ease;
}
html[data-theme="light"]{
  --bg:#f9f6f4;--surface:#ffffff;--card:#ffffff;--card-alt:#f3efea;
  --border:#e7e0d8;--border-lg:#d6cec3;
  --accent:#e8a200;--accent-lt:#ffbe1f;--accent-dk:#b87f00;
  --blue:#0a63c4;--blue-lt:#0d7ce6;
  --cyan:#0a63c4;--cyan-lt:#0d7ce6;--amber:#e8a200;--pink:#d92a55;
  --green:#0a9c5c;--white:#1a1a1a;--white-70:rgba(26,26,26,.7);
  --white-40:rgba(26,26,26,.46);--white-20:rgba(26,26,26,.15);--white-10:rgba(26,26,26,.055);
  --gray:#7a736b;--gray-lt:#5c564f;
  --on-accent:#1a1a1a;
  --accent-rgb:232,162,0;--cyan-rgb:10,99,196;--blue-rgb:10,99,196;
  --bg-rgb:249,246,244;--text-rgb:26,26,26;--pink-rgb:217,42,85;--green-rgb:10,156,92;
  --shadow-card:0 10px 30px rgba(60,45,25,.10);--shadow-glow:0 6px 22px rgba(232,162,0,.38);
}

body{background:var(--bg);color:var(--white);font-family:var(--font-body);font-size:1rem;line-height:1.6;min-height:100vh;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.022;pointer-events:none;z-index:0;}

::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}

.page{display:none}.page.active{display:block}#page-home.active{display:block}

.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:.5rem 1rem;z-index:9999;border-radius:0 0 8px 0;transition:top var(--t-fast);}
.skip-link:focus{top:0}

/* ── NAV ── */
#navbar{position:sticky;top:0;z-index:200;background:rgba(var(--bg-rgb),.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:0 var(--px);height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem;}

/* SVG Logo styles */
.nav-logo-link{display:flex;align-items:center;text-decoration:none;cursor:pointer;flex-shrink:0;}
.nav-logo-link:hover .logo-svg{filter:drop-shadow(0 0 10px rgba(var(--accent-rgb),.7)) drop-shadow(0 0 20px rgba(var(--cyan-rgb),.4));}
.logo-svg{filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.45)) drop-shadow(0 0 14px rgba(var(--cyan-rgb),.25));transition:filter .3s ease;}
.footer-logo-link{display:flex;align-items:center;text-decoration:none;cursor:pointer;}
.footer-logo-link:hover .footer-logo-svg{filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.6)) drop-shadow(0 0 16px rgba(var(--cyan-rgb),.3));}
.footer-logo-svg{filter:drop-shadow(0 0 4px rgba(var(--accent-rgb),.3));transition:filter .3s ease;}

.nav-links{display:flex;align-items:center;gap:.25rem;}
.nav-links a{font-size:.82rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-lt);padding:.45rem .85rem;border-radius:8px;transition:color var(--t-fast),background var(--t-fast);white-space:nowrap;}
.nav-links a:hover,.nav-links a.active{color:var(--white);background:var(--white-10);}

.nav-cta{display:flex;align-items:center;gap:.75rem;flex-shrink:0;}
.btn-nav-play{font-family:var(--font-head);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-dk));padding:.48rem 1.1rem;border-radius:8px;transition:box-shadow var(--t-mid),transform var(--t-fast);white-space:nowrap;}
.btn-nav-play:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px);}

.hamburger{display:none;flex-direction:column;gap:5px;padding:6px;cursor:pointer;border-radius:8px;transition:background var(--t-fast);}
.hamburger:hover{background:var(--white-10)}
.hamburger span{display:block;width:22px;height:2px;background:var(--white);border-radius:2px;transition:all var(--t-mid);}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

#mobile-nav{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:rgba(var(--bg-rgb),.97);z-index:190;flex-direction:column;padding:2rem var(--px);gap:.5rem;overflow-y:auto;backdrop-filter:blur(20px);}
#mobile-nav.open{display:flex}
#mobile-nav a{font-family:var(--font-head);font-size:1.3rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--white-70);padding:1rem;border-bottom:1px solid var(--border);transition:color var(--t-fast),padding-left var(--t-fast);}
#mobile-nav a:hover{color:var(--white);padding-left:1.5rem}


/* ── BRAND LOCKUP (new logo) ── */
.nav-logo-link,.footer-logo-link{display:flex;align-items:center;gap:.6rem;text-decoration:none;cursor:pointer;flex-shrink:0;}
.brand-tile{width:40px;height:40px;flex-shrink:0;border-radius:11px;background-image:url("data:image/jpeg;base64,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");background-size:cover;background-position:center;box-shadow:0 2px 10px rgba(0,0,0,.14);border:1px solid var(--border);transition:transform var(--t-fast),box-shadow var(--t-fast);}
.brand-tile-lg{width:54px;height:54px;border-radius:14px;}
.nav-logo-link:hover .brand-tile,.footer-logo-link:hover .brand-tile{transform:translateY(-1px) scale(1.04);box-shadow:0 4px 16px rgba(var(--accent-rgb),.4);}
.brand-text{display:flex;flex-direction:column;justify-content:center;gap:2px;line-height:1;}
.bt-name{font-family:var(--font-head);font-size:1.16rem;font-weight:700;letter-spacing:.17em;color:var(--white);}
.brand-text-lg .bt-name{font-size:1.5rem;}
.bt-sub{display:flex;gap:.5em;font-family:var(--font-head);font-size:.56rem;font-weight:700;letter-spacing:.3em;font-style:normal;}
.brand-text-lg .bt-sub{font-size:.68rem;}
.bt-fun{color:var(--accent);font-style:normal;}
.bt-studio{color:var(--blue);font-style:normal;}


/* ── THEME TOGGLE ── */
.theme-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border-lg);background:var(--surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast);}
.theme-btn:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);transform:translateY(-1px);}
.theme-btn svg{width:18px;height:18px;fill:var(--white);}
.theme-btn .ico-sun{display:none}
html[data-theme="light"] .theme-btn .ico-sun{display:block}
html[data-theme="light"] .theme-btn .ico-moon{display:none}

/* ── UTILITIES ── */
.section-wrap{padding:5rem var(--px)}.section-wrap-sm{padding:3.5rem var(--px)}
.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;}
.section-header-left{flex:1}
.section-header-left h2{font-family:var(--font-head);font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700;letter-spacing:.05em;line-height:1.1;}
.section-header-left p{color:var(--gray-lt);font-size:.9rem;margin-top:.3rem;}
.section-line{flex:1;height:1px;background:linear-gradient(90deg,var(--border-lg),transparent);}
.section-count{font-size:.78rem;color:var(--gray);font-weight:600;letter-spacing:.08em;white-space:nowrap;}

.badge{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.22rem .6rem;border-radius:999px;line-height:1;}
.badge-new{background:var(--green);color:#000}.badge-hot{background:var(--pink);color:#fff}
.badge-top{background:var(--amber);color:#000}.badge-free{background:rgba(var(--blue-rgb),.12);color:var(--blue);border:1px solid rgba(var(--blue-rgb),.35)}

.tag{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-lt);background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.25);padding:.3rem .8rem;border-radius:999px;}

.glow-divider{height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.4;margin:0 var(--px);}

/* ── BUTTONS ── */
.btn-primary{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-head);font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-dk));padding:.8rem 1.8rem;border-radius:10px;transition:box-shadow var(--t-mid),transform var(--t-fast);}
.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px);}
.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-head);font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white);background:transparent;border:1.5px solid var(--border-lg);padding:.8rem 1.8rem;border-radius:10px;transition:border-color var(--t-mid),background var(--t-mid),transform var(--t-fast);}
.btn-secondary:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);transform:translateY(-2px);}
.btn-play{display:inline-flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-accent);background:var(--accent);padding:.4rem .9rem;border-radius:7px;transition:background var(--t-fast),box-shadow var(--t-fast);white-space:nowrap;}
.btn-play:hover{background:var(--accent-lt);box-shadow:0 4px 16px rgba(var(--accent-rgb),.45);}


/* ── HERO GAMING BACKDROP ── */
#hero::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:var(--white);opacity:.062;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'300'%20height%3D'300'%20viewBox%3D'0%200%20300%20300'%3E%3Cg%20fill%3D'%23000'%3E%3C!--%20d-pad%20--%3E%3Cg%20transform%3D'translate(28%2C30)'%3E%3Crect%20x%3D'14'%20y%3D'0'%20width%3D'16'%20height%3D'44'%20rx%3D'4'%2F%3E%3Crect%20x%3D'0'%20y%3D'14'%20width%3D'44'%20height%3D'16'%20rx%3D'4'%2F%3E%3C%2Fg%3E%3C!--%20block%20cluster%20--%3E%3Cg%20transform%3D'translate(158%2C24)'%3E%3Crect%20x%3D'0'%20y%3D'0'%20width%3D'19'%20height%3D'19'%20rx%3D'4'%2F%3E%3Crect%20x%3D'23'%20y%3D'0'%20width%3D'19'%20height%3D'19'%20rx%3D'4'%2F%3E%3Crect%20x%3D'0'%20y%3D'23'%20width%3D'19'%20height%3D'19'%20rx%3D'4'%2F%3E%3C%2Fg%3E%3C!--%20arrow%20--%3E%3Cg%20transform%3D'translate(240%2C110)%20rotate(-30)'%3E%3Cpath%20d%3D'M0%2C9%20H26%20V0%20L46%2C14%20L26%2C28%20V19%20H0%20Z'%2F%3E%3C%2Fg%3E%3C!--%20joystick%20--%3E%3Cg%20transform%3D'translate(36%2C140)'%3E%3Ccircle%20cx%3D'18'%20cy%3D'16'%20r%3D'14'%2F%3E%3Crect%20x%3D'13'%20y%3D'26'%20width%3D'10'%20height%3D'18'%20rx%3D'4'%2F%3E%3Crect%20x%3D'0'%20y%3D'42'%20width%3D'36'%20height%3D'10'%20rx%3D'5'%2F%3E%3C%2Fg%3E%3C!--%20star%20--%3E%3Cg%20transform%3D'translate(150%2C132)'%3E%3Cpath%20d%3D'M18%2C0%20L23%2C13%20L37%2C14%20L26%2C23%20L30%2C37%20L18%2C29%20L6%2C37%20L10%2C23%20L0%2C14%20L13%2C13%20Z'%2F%3E%3C%2Fg%3E%3C!--%20dice%20pips%20--%3E%3Cg%20transform%3D'translate(112%2C222)'%3E%3Ccircle%20cx%3D'6'%20cy%3D'6'%20r%3D'6'%2F%3E%3Ccircle%20cx%3D'28'%20cy%3D'6'%20r%3D'6'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'28'%20r%3D'6'%2F%3E%3Ccircle%20cx%3D'28'%20cy%3D'28'%20r%3D'6'%2F%3E%3C%2Fg%3E%3C!--%20cartridge%20--%3E%3Cg%20transform%3D'translate(214%2C208)'%3E%3Crect%20x%3D'0'%20y%3D'0'%20width%3D'40'%20height%3D'46'%20rx%3D'6'%2F%3E%3Crect%20x%3D'8'%20y%3D'36'%20width%3D'8'%20height%3D'14'%20rx%3D'2'%2F%3E%3Crect%20x%3D'24'%20y%3D'36'%20width%3D'8'%20height%3D'14'%20rx%3D'2'%2F%3E%3C%2Fg%3E%3C!--%20small%20controller%20--%3E%3Cg%20transform%3D'translate(26%2C236)'%3E%3Crect%20x%3D'0'%20y%3D'6'%20width%3D'48'%20height%3D'24'%20rx%3D'12'%2F%3E%3Ccircle%20cx%3D'9'%20cy%3D'0'%20r%3D'7'%2F%3E%3Ccircle%20cx%3D'39'%20cy%3D'0'%20r%3D'7'%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'300'%20height%3D'300'%20viewBox%3D'0%200%20300%20300'%3E%3Cg%20fill%3D'%23000'%3E%3C!--%20d-pad%20--%3E%3Cg%20transform%3D'translate(28%2C30)'%3E%3Crect%20x%3D'14'%20y%3D'0'%20width%3D'16'%20height%3D'44'%20rx%3D'4'%2F%3E%3Crect%20x%3D'0'%20y%3D'14'%20width%3D'44'%20height%3D'16'%20rx%3D'4'%2F%3E%3C%2Fg%3E%3C!--%20block%20cluster%20--%3E%3Cg%20transform%3D'translate(158%2C24)'%3E%3Crect%20x%3D'0'%20y%3D'0'%20width%3D'19'%20height%3D'19'%20rx%3D'4'%2F%3E%3Crect%20x%3D'23'%20y%3D'0'%20width%3D'19'%20height%3D'19'%20rx%3D'4'%2F%3E%3Crect%20x%3D'0'%20y%3D'23'%20width%3D'19'%20height%3D'19'%20rx%3D'4'%2F%3E%3C%2Fg%3E%3C!--%20arrow%20--%3E%3Cg%20transform%3D'translate(240%2C110)%20rotate(-30)'%3E%3Cpath%20d%3D'M0%2C9%20H26%20V0%20L46%2C14%20L26%2C28%20V19%20H0%20Z'%2F%3E%3C%2Fg%3E%3C!--%20joystick%20--%3E%3Cg%20transform%3D'translate(36%2C140)'%3E%3Ccircle%20cx%3D'18'%20cy%3D'16'%20r%3D'14'%2F%3E%3Crect%20x%3D'13'%20y%3D'26'%20width%3D'10'%20height%3D'18'%20rx%3D'4'%2F%3E%3Crect%20x%3D'0'%20y%3D'42'%20width%3D'36'%20height%3D'10'%20rx%3D'5'%2F%3E%3C%2Fg%3E%3C!--%20star%20--%3E%3Cg%20transform%3D'translate(150%2C132)'%3E%3Cpath%20d%3D'M18%2C0%20L23%2C13%20L37%2C14%20L26%2C23%20L30%2C37%20L18%2C29%20L6%2C37%20L10%2C23%20L0%2C14%20L13%2C13%20Z'%2F%3E%3C%2Fg%3E%3C!--%20dice%20pips%20--%3E%3Cg%20transform%3D'translate(112%2C222)'%3E%3Ccircle%20cx%3D'6'%20cy%3D'6'%20r%3D'6'%2F%3E%3Ccircle%20cx%3D'28'%20cy%3D'6'%20r%3D'6'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'28'%20r%3D'6'%2F%3E%3Ccircle%20cx%3D'28'%20cy%3D'28'%20r%3D'6'%2F%3E%3C%2Fg%3E%3C!--%20cartridge%20--%3E%3Cg%20transform%3D'translate(214%2C208)'%3E%3Crect%20x%3D'0'%20y%3D'0'%20width%3D'40'%20height%3D'46'%20rx%3D'6'%2F%3E%3Crect%20x%3D'8'%20y%3D'36'%20width%3D'8'%20height%3D'14'%20rx%3D'2'%2F%3E%3Crect%20x%3D'24'%20y%3D'36'%20width%3D'8'%20height%3D'14'%20rx%3D'2'%2F%3E%3C%2Fg%3E%3C!--%20small%20controller%20--%3E%3Cg%20transform%3D'translate(26%2C236)'%3E%3Crect%20x%3D'0'%20y%3D'6'%20width%3D'48'%20height%3D'24'%20rx%3D'12'%2F%3E%3Ccircle%20cx%3D'9'%20cy%3D'0'%20r%3D'7'%2F%3E%3Ccircle%20cx%3D'39'%20cy%3D'0'%20r%3D'7'%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-size:235px 235px;mask-size:235px 235px;
  -webkit-mask-repeat:repeat;mask-repeat:repeat;}
html[data-theme="light"] #hero::after{opacity:.038}
#hero .hero-glow-1,#hero .hero-glow-2,#hero .hero-glow-3{z-index:0}

/* ── HERO ── */
#hero{position:relative;padding:6rem var(--px) 4rem;overflow:hidden;text-align:center;}
.hero-glow-1{position:absolute;width:700px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.18),transparent 70%);top:-200px;left:50%;transform:translateX(-50%);pointer-events:none;}
.hero-glow-2{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(var(--cyan-rgb),.1),transparent 70%);top:100px;right:-100px;pointer-events:none;}
.hero-glow-3{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(var(--pink-rgb),.08),transparent 70%);bottom:-50px;left:-80px;pointer-events:none;}
.hero-inner{position:relative;z-index:1;max-width:780px;margin:0 auto}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(var(--cyan-rgb),.3);background:rgba(var(--cyan-rgb),.06);padding:.35rem 1rem;border-radius:999px;margin-bottom:1.6rem;animation:fadeUp .6s ease both;}
.hero-eyebrow::before{content:'🎮';font-size:14px}
.hero-h1{font-family:var(--font-head);font-size:clamp(2.8rem,8vw,5.5rem);font-weight:700;letter-spacing:.03em;line-height:1.05;margin-bottom:1.2rem;animation:fadeUp .6s .1s ease both;}
.hero-h1 .hl-purple{background:linear-gradient(90deg,var(--accent-lt),var(--accent-dk));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-h1 .hl-cyan{background:linear-gradient(90deg,var(--blue),var(--blue-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-desc{font-size:1.1rem;color:var(--white-70);max-width:480px;margin:0 auto 2.5rem;line-height:1.7;animation:fadeUp .6s .2s ease both;}
.hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3.5rem;animation:fadeUp .6s .3s ease both;}
.hero-trust{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:var(--gray);animation:fadeUp .6s .4s ease both;margin-bottom:3rem;}
.hero-trust span{color:var(--green)}
.stats-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;animation:fadeUp .6s .5s ease both;position:relative;z-index:1;}
.stat-item{flex:1;min-width:140px;padding:1.4rem 1rem;text-align:center;border-right:1px solid var(--border);position:relative;}
.stat-item:last-child{border-right:none}
.stat-num{font-family:var(--font-head);font-size:2rem;font-weight:700;color:var(--white);line-height:1;margin-bottom:.25rem;}
.stat-num sup{color:var(--accent);font-size:.8em}
.stat-label{font-size:.72rem;color:var(--gray);letter-spacing:.1em;text-transform:uppercase;font-weight:600}

/* ── GAME CARDS ── */
.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;}
.game-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:transform var(--t-mid),border-color var(--t-mid),box-shadow var(--t-mid);}
.game-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 20px 40px rgba(var(--accent-rgb),.22);}
.game-card:hover .card-thumb-img,.game-card:hover .thumb-bg{transform:scale(1.06)}.game-card:hover .card-play-overlay{opacity:1}.game-card:hover .card-play-btn{transform:translate(-50%,-50%) scale(1)}
.card-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--surface);}
.card-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow);}
.card-thumb-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.8rem;}

/* ── SHARED GAME ARTWORK (defined once, reused everywhere) ── */
.thumb-bg{display:block;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform var(--t-slow);}
.th-arrow{background-image:url("/assets/game-arrow-escape-puzzle.jpg")}
.th-truck{background-image:url("/assets/game-indian-cargo-truck.jpg")}
.th-bee{background-image:url("/assets/game-yarn-block-loop.jpg")}
.th-smash{background-image:url("/assets/game-royal-smash.jpg")}
.th-puzzle{background-image:url("/assets/blog-puzzle-strategies.jpg")}
.th-studio{background-image:url("/assets/blog-maxio-studio.jpg")}
.th-brain{background-image:url("/assets/blog-brainpower.jpg")}
.card-play-overlay{position:absolute;inset:0;background:rgba(var(--bg-rgb),.55);opacity:0;transition:opacity var(--t-mid);}
.card-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);opacity:1;transition:transform var(--t-mid);width:52px;height:52px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(var(--accent-rgb),.6);}
.card-play-btn svg{width:20px;height:20px;fill:var(--on-accent);margin-left:3px}
.card-badge-wrap{position:absolute;top:10px;left:10px;display:flex;gap:.3rem;flex-wrap:wrap;}
.card-body{padding:1rem}
.card-genre{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-lt);margin-bottom:.3rem;}
.card-title{font-family:var(--font-head);font-size:1.08rem;font-weight:700;letter-spacing:.04em;color:var(--white);margin-bottom:.6rem;line-height:1.2;}
.card-desc{font-size:.8rem;color:var(--gray-lt);line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;}
.card-rating{font-size:.78rem;color:var(--amber);letter-spacing:.03em;}

/* ── FEATURED ── */
.featured-game{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;position:relative;}
.featured-game-media{position:relative;min-height:320px;overflow:hidden;}
.featured-game-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow);}
.featured-game:hover .featured-game-media img,.featured-game:hover .featured-game-media .thumb-bg{transform:scale(1.04)}
.featured-game-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,var(--card));pointer-events:none;}

/* ── FEATURED TRAILER VIDEO ── */
.featured-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease;background:var(--surface);}
.featured-video.is-playing{opacity:1}
.featured-poster{position:absolute;inset:0;z-index:1;transition:opacity .7s ease;}
.featured-poster.is-hidden{opacity:0}
.featured-sound-btn{position:absolute;left:14px;bottom:14px;z-index:3;width:40px;height:40px;border-radius:50%;background:rgba(var(--bg-rgb),.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--white-20);display:none;align-items:center;justify-content:center;transition:background var(--t-fast),transform var(--t-fast),border-color var(--t-fast);}
.featured-sound-btn.is-ready{display:flex}
.featured-sound-btn:hover{background:var(--accent);border-color:var(--accent-lt);transform:scale(1.08);}
.featured-sound-btn svg{width:19px;height:19px;fill:#fff;pointer-events:none;}
.featured-sound-btn .ico-on{display:none}
.featured-sound-btn.is-unmuted .ico-on{display:block}
.featured-sound-btn.is-unmuted .ico-off{display:none}
.featured-game-body{padding:2.5rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;}
.featured-game-eyebrow{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;}
.featured-game-title{font-family:var(--font-head);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;letter-spacing:.04em;line-height:1.15;margin-bottom:.75rem;}
.featured-game-desc{color:var(--white-70);font-size:.92rem;line-height:1.65;margin-bottom:1.5rem;}
.featured-game-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.75rem;}
.featured-tag{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .7rem;border-radius:6px;background:var(--white-10);color:var(--white-70);}
.featured-game-actions{display:flex;gap:.75rem;flex-wrap:wrap}

/* ── CATEGORY TABS ── */
.cat-tabs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem;}
.cat-tab{font-family:var(--font-head);font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-lt);background:var(--card);border:1px solid var(--border);padding:.5rem 1.1rem;border-radius:8px;cursor:pointer;transition:all var(--t-fast);display:flex;align-items:center;gap:.4rem;}
.cat-tab:hover{border-color:var(--accent-lt);color:var(--white)}
.cat-tab.active{background:rgba(var(--accent-rgb),.15);border-color:var(--accent);color:var(--white);}

/* ── HORIZONTAL SCROLL ── */
.hscroll-wrap{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem;margin:0 calc(var(--px)*-1);padding-left:var(--px);padding-right:var(--px);}
.hscroll-wrap::-webkit-scrollbar{display:none}
.hscroll-inner{display:flex;gap:1.25rem;width:max-content;}
.hscroll-inner .game-card{width:240px;flex-shrink:0;scroll-snap-align:start;}

/* ── BLOG ── */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;}
.blog-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:transform var(--t-mid),border-color var(--t-mid),box-shadow var(--t-mid);}
.blog-card:hover{transform:translateY(-4px);border-color:var(--border-lg);box-shadow:var(--shadow-card);}
.blog-thumb{aspect-ratio:16/9;overflow:hidden;position:relative;}
.blog-thumb-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;}
.blog-body{padding:1.25rem}
.blog-meta{display:flex;align-items:center;gap:.75rem;font-size:.72rem;color:var(--gray);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.6rem;}
.blog-meta .dot{width:3px;height:3px;background:var(--gray);border-radius:50%}
.blog-title{font-family:var(--font-head);font-size:1.1rem;font-weight:700;letter-spacing:.04em;line-height:1.25;margin-bottom:.6rem;color:var(--white);transition:color var(--t-fast);}
.blog-card:hover .blog-title{color:var(--accent-lt)}
.blog-excerpt{font-size:.84rem;color:var(--gray-lt);line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.blog-read-more{font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-lt);display:flex;align-items:center;gap:.35rem;transition:gap var(--t-fast);}
.blog-card:hover .blog-read-more{gap:.6rem}

/* ── ABOUT ── */
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.about-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:2.5rem;position:relative;overflow:hidden;}
.about-card::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.2),transparent 70%);pointer-events:none;}
.about-emoji{font-size:3.5rem;margin-bottom:1rem;display:block}
.about-card h3{font-family:var(--font-head);font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:.75rem;}
.about-card p{color:var(--gray-lt);font-size:.9rem;line-height:1.7}
.about-features{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}
.about-feature{display:flex;align-items:flex-start;gap:.75rem;}
.about-feature-icon{width:36px;height:36px;flex-shrink:0;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.25);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;}
.about-feature-text h4{font-family:var(--font-head);font-size:.95rem;font-weight:700;letter-spacing:.04em;margin-bottom:.15rem;}
.about-feature-text p{font-size:.82rem;color:var(--gray-lt);line-height:1.5}
.about-text h2{font-family:var(--font-head);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:.05em;line-height:1.1;margin-bottom:1.2rem;}
.about-text p{color:var(--gray-lt);font-size:.95rem;line-height:1.75;margin-bottom:1rem}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;}
.about-stat{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.2rem;text-align:center;}
.about-stat-num{font-family:var(--font-head);font-size:1.8rem;font-weight:700;color:var(--white);line-height:1;margin-bottom:.2rem;}
.about-stat-num span{color:var(--accent)}
.about-stat-label{font-size:.72rem;color:var(--gray);letter-spacing:.08em;text-transform:uppercase}

/* ── CONTACT ── */
.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;align-items:start;}
.contact-info-list{display:flex;flex-direction:column;gap:1rem}
.contact-info-item{display:flex;align-items:flex-start;gap:1rem;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.4rem;transition:border-color var(--t-fast);}
.contact-info-item:hover{border-color:var(--accent)}
.contact-info-icon{width:42px;height:42px;flex-shrink:0;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.25);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;}
.contact-info-body h4{font-family:var(--font-head);font-size:.95rem;font-weight:700;letter-spacing:.05em;margin-bottom:.2rem;}
.contact-info-body p{font-size:.85rem;color:var(--gray-lt)}
.contact-form-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:2.5rem;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-group{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}
.form-group.full{grid-column:1/-1}
.form-group label{font-size:.73rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-lt);}
.form-group input,.form-group textarea{background:var(--surface);border:1.5px solid var(--border);border-radius:9px;color:var(--white);font-family:var(--font-body);font-size:.9rem;padding:.75rem 1rem;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast);resize:none;width:100%;}
.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.14);}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray)}
.form-group textarea{height:140px}
.submit-btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-head);font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-dk));padding:.85rem 2rem;border-radius:10px;cursor:pointer;transition:box-shadow var(--t-mid),transform var(--t-fast);width:100%;justify-content:center;border:none;}
.submit-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px);}
.submit-btn svg{width:16px;height:16px;fill:var(--on-accent)}
#form-success{display:none;margin-top:1.2rem;background:rgba(var(--green-rgb),.08);border:1px solid rgba(var(--green-rgb),.3);border-radius:10px;padding:1rem 1.4rem;color:var(--green);font-size:.9rem;}
#form-error{display:none;margin-top:1.2rem;background:rgba(var(--pink-rgb),.08);border:1px solid rgba(var(--pink-rgb),.3);border-radius:10px;padding:1rem 1.4rem;color:var(--pink);font-size:.9rem;}
.submit-btn[disabled]{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

/* ── INNER PAGES ── */
.inner-page-hero{padding:4rem var(--px) 2rem;background:linear-gradient(180deg,rgba(var(--accent-rgb),.06),transparent);border-bottom:1px solid var(--border);}
.inner-page-hero h1{font-family:var(--font-head);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;}
.inner-page-hero .meta{color:var(--gray);font-size:.88rem}
.inner-content{max-width:760px;margin:0 auto;padding:3rem var(--px) 5rem;}
.inner-content h2{font-family:var(--font-head);font-size:1.3rem;font-weight:700;letter-spacing:.05em;color:var(--cyan);margin:2.5rem 0 .8rem;}
.inner-content p{color:var(--gray-lt);line-height:1.8;font-size:.93rem;margin-bottom:1rem;}
.inner-content a{color:var(--accent-lt);transition:color var(--t-fast)}.inner-content a:hover{color:var(--cyan)}
.inner-content ul{list-style:disc;padding-left:1.5rem;color:var(--gray-lt);font-size:.93rem;line-height:1.8;margin-bottom:1rem;}

/* ── FOOTER ── */
#footer{background:var(--surface);border-top:1px solid var(--border);padding:3rem var(--px) 1.5rem;}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem;}
.footer-brand-name{font-family:var(--font-head);font-size:1.1rem;font-weight:700;letter-spacing:.06em;background:linear-gradient(90deg,#fff,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.footer-tagline{font-size:.82rem;color:var(--gray-lt);line-height:1.6;margin-bottom:1.25rem;margin-top:.5rem;}
.footer-col h4{font-family:var(--font-head);font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white-70);margin-bottom:1rem;}
.footer-col ul{display:flex;flex-direction:column;gap:.55rem}
.footer-col ul li a{font-size:.85rem;color:var(--gray);transition:color var(--t-fast),padding-left var(--t-fast);display:block;}
.footer-col ul li a:hover{color:var(--white);padding-left:4px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.footer-copy{font-size:.78rem;color:var(--gray)}
.footer-bottom-links{display:flex;gap:1.5rem}
.footer-bottom-links a{font-size:.78rem;color:var(--gray);transition:color var(--t-fast)}.footer-bottom-links a:hover{color:var(--white)}

/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* ── GRADIENT BG ── */
.g-purple{background:linear-gradient(135deg,#4c0fad,#9b59ff)}.g-cyan{background:linear-gradient(135deg,#0066aa,#00d4ff)}
.g-amber{background:linear-gradient(135deg,#a05800,#ffb300)}.g-pink{background:linear-gradient(135deg,#8b0040,#ff2d78)}
.g-green{background:linear-gradient(135deg,#005a2e,#00e887)}.g-red{background:linear-gradient(135deg,#7a0000,#ff4444)}
.g-indigo{background:linear-gradient(135deg,#1e1a8a,#6366f1)}.g-teal{background:linear-gradient(135deg,#004444,#14b8a6)}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .nav-links,.nav-cta{display:none}.hamburger{display:flex}
  .featured-game{grid-template-columns:1fr}
  .featured-game-overlay{background:linear-gradient(180deg,transparent 50%,var(--card))}
  .about-layout{grid-template-columns:1fr;gap:2rem}
  .contact-layout{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .hero-h1{font-size:2.4rem}
  .stats-bar{flex-direction:column}
  .stat-item{border-right:none;border-bottom:1px solid var(--border);padding:1rem}.stat-item:last-child{border-bottom:none}
  .form-row{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}.footer-bottom-links{justify-content:center}
  .featured-game-body{padding:1.5rem}.contact-form-card{padding:1.5rem}
  .logo-svg{width:200px !important;height:auto !important}
  .footer-logo-svg{width:160px !important;height:auto !important}
}

/* ── BLOG MODAL ── */
.blog-modal-overlay{position:fixed;inset:0;background:rgba(var(--bg-rgb),.95);z-index:500;display:none;align-items:center;justify-content:center;padding:2rem;backdrop-filter:blur(10px);}
.blog-modal-overlay.open{display:flex;}
.blog-modal{background:var(--card);border:1px solid var(--border-lg);border-radius:var(--r-lg);max-width:720px;width:100%;max-height:90vh;overflow-y:auto;position:relative;}
.blog-modal-img{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:var(--r-lg) var(--r-lg) 0 0;}
.blog-modal-img.thumb-bg{height:auto;flex-shrink:0;}
.blog-modal-body{padding:2rem;}
.blog-modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;background:rgba(0,0,0,.6);border:1px solid var(--border-lg);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--white);z-index:10;transition:background .2s;}
.blog-modal-close:hover{background:var(--accent);}
.blog-modal-meta{display:flex;align-items:center;gap:.75rem;font-size:.72rem;color:var(--gray);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.8rem;}
.blog-modal-meta .dot{width:3px;height:3px;background:var(--gray);border-radius:50%}
.blog-modal-title{font-family:var(--font-head);font-size:1.8rem;font-weight:700;letter-spacing:.04em;line-height:1.2;margin-bottom:1.2rem;}
.blog-modal-content p{color:var(--gray-lt);line-height:1.8;font-size:.93rem;margin-bottom:1rem;}
.blog-modal-content h3{font-family:var(--font-head);font-size:1.1rem;font-weight:700;color:var(--cyan);margin:1.5rem 0 .6rem;}
.blog-modal-content ul{list-style:disc;padding-left:1.5rem;color:var(--gray-lt);font-size:.9rem;line-height:1.8;margin-bottom:1rem;}
.blog-modal-cta{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-head);font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dk));padding:.7rem 1.5rem;border-radius:9px;margin-top:.5rem;transition:box-shadow .2s,transform .15s;}
.blog-modal-cta:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px);}
.blog-card{cursor:pointer;}
@media(max-width:640px){.blog-modal-body{padding:1.25rem;}.blog-modal-title{font-size:1.3rem;}}

/* ══════════════════════════════════════════════════
   MULTI-PAGE ADDITIONS
   ══════════════════════════════════════════════════ */

/* blog cards are whole-card links now */
.blog-card-link{display:block;color:inherit;text-decoration:none;height:100%;}
.blog-card .blog-read-more{display:inline-flex;align-items:center;gap:.35rem;}

/* ── ARTICLE PAGE ── */
.post{padding:0 0 1rem}
.post-hero{position:relative;height:clamp(200px,32vw,380px);overflow:hidden;border-bottom:1px solid var(--border);}
.post-hero .thumb-bg{width:100%;height:100%;}
.post-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,var(--bg));}
.post-wrap{max-width:760px;margin:0 auto;padding:2.5rem var(--px) 1rem;position:relative;z-index:1;}
.crumbs{font-size:.8rem;color:var(--gray);margin-bottom:1.2rem;}
.crumbs a{color:var(--accent);}
.crumbs a:hover{text-decoration:underline;}
.crumbs span{margin:0 .4rem;opacity:.6;}
.post-title{font-family:var(--font-head);font-size:clamp(1.8rem,4.5vw,2.9rem);font-weight:700;letter-spacing:.02em;line-height:1.15;margin:.6rem 0 1.6rem;}
.post-content{font-size:1.03rem;line-height:1.8;color:var(--white-70);}
.post-content p{margin-bottom:1.15rem;}
.post-content h3{font-family:var(--font-head);font-size:1.4rem;font-weight:700;letter-spacing:.03em;color:var(--white);margin:2.2rem 0 .8rem;padding-left:.9rem;border-left:4px solid var(--accent);}
.post-content strong{color:var(--white);}
.post-cta{margin-top:1.8rem;}

/* ── RELATED POSTS ── */
.related-wrap{border-top:1px solid var(--border);margin-top:2rem;}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem;}
.related-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:transform var(--t-mid),border-color var(--t-mid),box-shadow var(--t-mid);}
.related-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-card);}
.related-card .thumb-bg{aspect-ratio:16/9;width:100%;height:auto;}
.related-body{padding:1rem;display:flex;flex-direction:column;gap:.4rem;}
.related-cat{font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);}
.related-title{font-family:var(--font-head);font-size:1.02rem;font-weight:700;line-height:1.25;color:var(--white);}

/* ── INNER PAGE HERO (privacy / terms) ── */
.inner-page-hero{padding:3.5rem var(--px) 2rem;border-bottom:1px solid var(--border);background:var(--surface);}
.page-h1{font-family:var(--font-head);font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700;letter-spacing:.05em;line-height:1.1;}