:root {
  --bg: #09090b;
  --surface: #111114;
  --surface-2: #17171b;
  --line: rgba(255,255,255,.075);
  --line-strong: rgba(255,255,255,.13);
  --text: #f6f6f8;
  --muted: rgba(246,246,248,.58);
  --muted-2: rgba(246,246,248,.34);
  --red: #f0384b;
  --red-bright: #ff5063;
  --green: #5ed58a;
  --radius: 20px;
  --shadow: 0 24px 80px rgba(0,0,0,.35);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; overflow-x: hidden; background: var(--bg); color: var(--text); font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing: antialiased; }
body::before { content:""; position:fixed; inset:0; z-index:-3; pointer-events:none; background:radial-gradient(700px at 8% 2%,rgba(240,56,75,.08),transparent 70%),radial-gradient(800px at 95% 45%,rgba(240,56,75,.035),transparent 70%); }
a { color: inherit; text-decoration: none; }
button,input { font: inherit; }
button { color: inherit; }
img { max-width: 100%; }
.home-container { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }
.home-section { position:relative; padding:110px 0; }
.home-section.compact { padding:80px 0; }
.home-section-head { max-width:760px; margin-bottom:42px; }
.home-section-head.center { margin-inline:auto; text-align:center; }
.home-eyebrow,.product-kicker { display:inline-flex; align-items:center; gap:9px; color:#ff7181; font-size:10px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; }
.home-eyebrow::before,.product-kicker span { content:""; width:7px; height:7px; border-radius:50%; background:var(--red); box-shadow:0 0 14px rgba(240,56,75,.8); }
.home-section h2 { margin:13px 0 14px; font-size:clamp(34px,5vw,58px); line-height:1.02; letter-spacing:-2.4px; }
.home-section-head p { margin:0; color:var(--muted); font-size:15px; line-height:1.75; }
.home-accent { color:var(--red-bright); }
.home-button { min-height:48px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border:1px solid var(--line-strong); border-radius:11px; background:rgba(255,255,255,.035); color:#fff; font-size:11px; font-weight:750; cursor:pointer; transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.home-button:hover { transform:translateY(-2px); border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.07); }
.home-button.primary { border-color:rgba(240,56,75,.42); background:linear-gradient(135deg,#f0384b,#d8243a); box-shadow:0 12px 32px rgba(240,56,75,.19); }
.home-button.primary:hover { background:linear-gradient(135deg,#ff4a5e,#e22d43); box-shadow:0 16px 36px rgba(240,56,75,.27); }
.home-button.compact { min-height:39px; padding:0 15px; font-size:10px; }
.home-button.full { width:100%; }
.home-link { color:var(--muted); font-size:11px; font-weight:650; transition:color .2s ease; }
.home-link:hover { color:#fff; }

.home-nav { width:100%; position:fixed; left:0; top:0; z-index:1000; padding:17px 0; border-bottom:1px solid transparent; transition:padding .25s ease,background .25s ease,border-color .25s ease,transform .25s ease; }
.home-nav.is-scrolled { top:10px; width:min(1160px,calc(100% - 28px)); left:50%; padding:9px 0; transform:translateX(-50%); border:1px solid var(--line); border-radius:15px; background:rgba(12,12,14,.86); backdrop-filter:blur(18px); box-shadow:0 16px 48px rgba(0,0,0,.3); }
.home-nav-inner { width:min(1180px,calc(100% - 34px)); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.home-brand { display:inline-flex; align-items:center; gap:9px; font-size:15px; font-weight:850; letter-spacing:-.35px; }
.home-brand img { width:29px; height:29px; object-fit:contain; }
.home-nav-links { display:flex; align-items:center; gap:27px; }
.home-nav-links a { color:var(--muted); font-size:10px; font-weight:650; transition:color .2s ease; }
.home-nav-links a:hover { color:#fff; }
.home-nav-actions { display:flex; align-items:center; gap:14px; }
.home-menu-toggle { width:40px; height:40px; display:none; place-items:center; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.03); cursor:pointer; }

.home-hero { min-height:800px; padding:150px 0 90px; display:flex; align-items:center; position:relative; overflow:hidden; }
.home-hero::after { content:""; width:720px; height:720px; position:absolute; right:-260px; top:80px; z-index:-1; border:1px solid rgba(240,56,75,.08); border-radius:50%; box-shadow:0 0 0 80px rgba(240,56,75,.014),0 0 0 160px rgba(240,56,75,.009); }
.home-hero-grid { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr); align-items:center; gap:70px; }
.hero-copy { max-width:680px; }
.hero-pill { display:inline-flex; align-items:center; gap:8px; padding:7px 11px; border:1px solid rgba(240,56,75,.22); border-radius:99px; background:rgba(240,56,75,.055); color:#ff7d8d; font-size:9px; font-weight:800; letter-spacing:1px; text-transform:uppercase; }
.hero-pill i { color:var(--red); }
.hero-copy h1 { margin:19px 0 20px; font-size:clamp(48px,7vw,84px); line-height:.94; letter-spacing:-4.5px; }
.hero-copy h1 span { color:var(--red-bright); }
.hero-copy>p { max-width:630px; margin:0; color:var(--muted); font-size:16px; line-height:1.75; }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:29px; }
.hero-foot { display:flex; flex-wrap:wrap; gap:18px; margin-top:26px; color:var(--muted-2); font-size:9px; font-weight:650; }
.hero-foot span { display:inline-flex; align-items:center; gap:7px; }
.hero-foot i { color:var(--green); }
.hero-visual { position:relative; }
.hero-app { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.11); border-radius:24px; background:linear-gradient(145deg,rgba(30,30,34,.9),rgba(11,11,13,.96)); box-shadow:0 45px 110px rgba(0,0,0,.55),0 0 60px rgba(240,56,75,.08); transform:perspective(1200px) rotateY(-5deg) rotateX(2deg); }
.hero-app-bar { height:52px; padding:0 16px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.hero-app-brand { display:flex; align-items:center; gap:8px; font-size:9px; font-weight:800; letter-spacing:1px; }
.hero-app-brand img { width:22px; height:22px; }
.hero-app-dots { display:flex; gap:5px; }
.hero-app-dots i { width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.16); }
.hero-app-body { min-height:390px; display:grid; grid-template-columns:120px 1fr; }
.hero-game-list { padding:12px 9px; border-right:1px solid var(--line); background:rgba(0,0,0,.15); }
.hero-game-list>span { padding:7px 8px; display:block; color:var(--muted-2); font-size:7px; font-weight:800; letter-spacing:1px; text-transform:uppercase; }
.hero-game-items { display:grid; gap:5px; }
.hero-game-item { padding:10px 8px; display:flex; align-items:center; gap:7px; border:1px solid transparent; border-radius:9px; color:var(--muted); font-size:8px; font-weight:700; }
.hero-game-item.active { border-color:rgba(240,56,75,.18); background:rgba(240,56,75,.07); color:#fff; }
.hero-game-item i { width:20px; height:20px; display:grid; place-items:center; border-radius:6px; background:rgba(255,255,255,.04); color:var(--red); }
.hero-menu-preview { min-width:0; position:relative; overflow:hidden; }
.hero-menu-preview img { width:100%; height:100%; min-height:390px; display:block; object-fit:cover; object-position:left center; opacity:.82; filter:saturate(.8) contrast(1.06); }
.hero-menu-preview::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(13,13,15,.15),transparent 55%),linear-gradient(0deg,rgba(10,10,12,.5),transparent 45%); }
.hero-float-card { position:absolute; right:-18px; bottom:26px; padding:12px 14px; display:flex; align-items:center; gap:10px; border:1px solid var(--line-strong); border-radius:12px; background:rgba(14,14,17,.92); backdrop-filter:blur(15px); box-shadow:0 18px 45px rgba(0,0,0,.4); }
.hero-float-card i { width:31px; height:31px; display:grid; place-items:center; border-radius:9px; background:rgba(94,213,138,.08); color:var(--green); }
.hero-float-card span { display:flex; flex-direction:column; gap:2px; }
.hero-float-card strong { font-size:10px; }
.hero-float-card small { color:var(--muted-2); font-size:8px; }

.home-stats { border-block:1px solid var(--line); background:rgba(255,255,255,.012); }
.home-stats-grid { min-height:104px; display:grid; grid-template-columns:repeat(4,1fr); }
.home-stat { padding:24px; display:flex; align-items:center; gap:12px; border-right:1px solid var(--line); }
.home-stat:last-child { border-right:0; }
.home-stat i { width:37px; height:37px; flex:0 0 37px; display:grid; place-items:center; border:1px solid rgba(240,56,75,.16); border-radius:10px; background:rgba(240,56,75,.045); color:var(--red); }
.home-stat span { min-width:0; display:flex; flex-direction:column; gap:3px; }
.home-stat strong { overflow:hidden; font-size:15px; text-overflow:ellipsis; white-space:nowrap; }
.home-stat small { color:var(--muted-2); font-size:8px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; }

.catalog-shell { padding:18px; border:1px solid var(--line); border-radius:27px; background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.009)); box-shadow:var(--shadow); }
.catalog-toolbar { padding:4px 4px 17px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); }
.catalog-filters { display:flex; flex-wrap:wrap; gap:7px; }
.catalog-filter { min-height:36px; padding:0 12px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.02); color:var(--muted); font-size:9px; font-weight:700; cursor:pointer; }
.catalog-filter.active,.catalog-filter:hover { border-color:rgba(240,56,75,.28); background:rgba(240,56,75,.07); color:#fff; }
.catalog-search { width:min(250px,100%); min-height:38px; padding:0 12px; display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:10px; background:rgba(0,0,0,.16); color:var(--muted-2); }
.catalog-search input { width:100%; border:0; outline:0; background:transparent; color:#fff; font-size:10px; }
.catalog-grid { padding-top:17px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.catalog-card { min-width:0; overflow:hidden; display:flex; flex-direction:column; position:relative; border:1px solid var(--line); border-radius:18px; background:linear-gradient(155deg,rgba(28,28,32,.82),rgba(14,14,17,.9)); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.catalog-card:hover { transform:translateY(-5px); border-color:rgba(240,56,75,.27); box-shadow:0 24px 55px rgba(0,0,0,.3); }
.catalog-card-media { height:190px; position:relative; overflow:hidden; background:radial-gradient(circle at 50% 30%,rgba(240,56,75,.14),transparent 63%),#0d0d0f; }
.catalog-card-media img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .45s ease; }
.catalog-card:hover .catalog-card-media img { transform:scale(1.035); }
.catalog-card-media::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(15,15,18,.88),transparent 60%); }
.catalog-card-fallback { height:100%; display:grid; place-items:center; color:rgba(240,56,75,.65); font-size:38px; }
.catalog-badge { position:absolute; top:13px; left:13px; z-index:2; padding:6px 9px; border:1px solid rgba(255,255,255,.12); border-radius:99px; background:rgba(8,8,10,.72); color:#fff; font-size:8px; font-weight:800; text-transform:uppercase; backdrop-filter:blur(10px); }
.catalog-game { position:absolute; left:17px; bottom:13px; z-index:2; color:rgba(255,255,255,.72); font-size:8px; font-weight:800; letter-spacing:1px; text-transform:uppercase; }
.catalog-card-body { padding:18px; display:flex; flex-direction:column; flex:1; }
.catalog-card h3 { margin:0; font-size:20px; letter-spacing:-.55px; }
.catalog-card-description { min-height:57px; margin:8px 0 14px; color:var(--muted); font-size:10px; line-height:1.65; }
.catalog-features { display:grid; gap:7px; margin-bottom:18px; }
.catalog-features span { display:flex; align-items:flex-start; gap:7px; color:rgba(255,255,255,.6); font-size:9px; line-height:1.4; }
.catalog-features i { margin-top:2px; color:var(--green); font-size:8px; }
.catalog-plan-chips { min-height:25px; display:flex; flex-wrap:wrap; gap:5px; }
.catalog-plan-chips span { padding:5px 7px; border:1px solid var(--line); border-radius:7px; background:rgba(255,255,255,.02); color:var(--muted-2); font-size:7px; font-weight:700; }
.catalog-card-footer { margin-top:auto; padding-top:17px; display:flex; align-items:end; justify-content:space-between; gap:12px; border-top:1px solid var(--line); }
.catalog-price { display:flex; flex-direction:column; gap:2px; }
.catalog-price small { color:var(--muted-2); font-size:7px; font-weight:800; text-transform:uppercase; }
.catalog-price strong { font-size:21px; letter-spacing:-.6px; }
.catalog-card-actions { display:flex; gap:6px; }
.catalog-card-actions a { width:35px; height:35px; display:grid; place-items:center; border:1px solid var(--line); border-radius:9px; color:var(--muted); font-size:10px; }
.catalog-card-actions a.buy { width:auto; padding:0 12px; border-color:rgba(240,56,75,.3); background:rgba(240,56,75,.08); color:#ff7181; font-weight:750; }
.catalog-card-actions a:hover { border-color:rgba(240,56,75,.35); color:#fff; }
.catalog-empty { grid-column:1/-1; padding:70px 20px; text-align:center; color:var(--muted); }
.catalog-empty i { display:block; margin-bottom:10px; color:var(--red); font-size:24px; }
.catalog-note { margin:13px 5px 0; color:var(--muted-2); font-size:8px; text-align:center; }
.catalog-skeleton { height:520px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(100deg,rgba(255,255,255,.018) 30%,rgba(255,255,255,.045) 45%,rgba(255,255,255,.018) 60%); background-size:300% 100%; animation:skeleton 1.4s linear infinite; }
@keyframes skeleton { to { background-position:-300% 0; } }

.universal-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:18px; }
.universal-main,.universal-side article { overflow:hidden; position:relative; border:1px solid var(--line); border-radius:22px; background:linear-gradient(150deg,rgba(27,27,31,.76),rgba(13,13,16,.78)); }
.universal-main { min-height:510px; padding:36px; }
.universal-main::after { content:""; width:420px; height:420px; position:absolute; right:-160px; bottom:-210px; border-radius:50%; background:rgba(240,56,75,.1); filter:blur(75px); }
.universal-main h3 { max-width:600px; margin:18px 0 14px; font-size:clamp(32px,4vw,49px); line-height:1.05; letter-spacing:-2px; }
.universal-main>p { max-width:620px; color:var(--muted); font-size:13px; line-height:1.75; }
.universal-feature-grid { margin-top:34px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.universal-feature { min-height:112px; padding:15px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.018); }
.universal-feature i { margin-bottom:15px; color:var(--red); }
.universal-feature strong { display:block; margin-bottom:5px; font-size:11px; }
.universal-feature span { color:var(--muted-2); font-size:9px; line-height:1.5; }
.universal-side { display:grid; gap:18px; }
.universal-side article { padding:27px; }
.universal-side .icon { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(240,56,75,.2); border-radius:12px; background:rgba(240,56,75,.06); color:var(--red); }
.universal-side h4 { margin:18px 0 8px; font-size:18px; }
.universal-side p { margin:0; color:var(--muted); font-size:10px; line-height:1.65; }

.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.step-card { min-height:250px; padding:24px; position:relative; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.018); }
.step-number { position:absolute; right:17px; top:10px; color:rgba(255,255,255,.035); font-size:68px; font-weight:850; letter-spacing:-5px; }
.step-icon { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(240,56,75,.2); border-radius:12px; background:rgba(240,56,75,.055); color:var(--red); }
.step-card h3 { margin:44px 0 10px; font-size:18px; }
.step-card p { margin:0; color:var(--muted); font-size:10px; line-height:1.7; }

.stream-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:center; }
.stream-copy { padding-right:35px; }
.stream-copy h2 { margin:15px 0; }
.stream-copy p { color:var(--muted); font-size:13px; line-height:1.75; }
.stream-points { margin-top:23px; display:grid; gap:9px; }
.stream-points span { display:flex; align-items:center; gap:9px; color:rgba(255,255,255,.72); font-size:10px; }
.stream-points i { color:var(--green); }
.stream-comparison { padding:10px; position:relative; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:rgba(255,255,255,.018); }
.stream-comparison img { width:100%; display:block; border-radius:15px; }
.stream-comparison .stream-label { position:absolute; left:22px; bottom:22px; padding:7px 9px; border:1px solid rgba(94,213,138,.25); border-radius:8px; background:rgba(10,10,12,.78); color:var(--green); font-size:8px; font-weight:800; text-transform:uppercase; backdrop-filter:blur(10px); }

.worldwide-container { min-height:540px; padding:44px; display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:30px; overflow:hidden; border:1px solid var(--line); border-radius:25px; background:linear-gradient(145deg,rgba(26,26,30,.7),rgba(12,12,14,.72)); }
.ww-text h4 { margin:0 0 12px; color:var(--red); font-size:9px; letter-spacing:1.5px; text-transform:uppercase; }
.ww-text h2 { margin:0 0 15px; font-size:40px; line-height:1.08; letter-spacing:-1.8px; }
.ww-text h2 span { color:var(--red-bright); }
.ww-text>p { color:var(--muted); font-size:11px; line-height:1.75; }
.ww-stats-row { display:flex; gap:30px; margin-top:28px; }
.ww-stat h3 { margin:0; font-size:24px; }
.ww-stat p { margin:3px 0 0; color:var(--muted-2); font-size:8px; text-transform:uppercase; }
.ww-map-area { min-width:0; }
.world-globe-card { min-height:440px; display:grid; place-items:center; position:relative; cursor:grab; touch-action:none; }
.world-globe-card:active { cursor:grabbing; }
.world-globe-stage,.world-cobe-wrapper { width:min(100%,500px); aspect-ratio:1; position:relative; }
#worldwide-cobe-globe { width:100%; height:100%; display:block; }
.world-globe-fallback { display:none; position:absolute; inset:0; place-items:center; color:var(--muted); font-size:10px; }
.world-globe-card.has-fallback .world-globe-fallback { display:grid; }
.world-region-pin { position:absolute; z-index:10; transform:translate(-50%,-50%); transition:opacity .15s ease; }
.world-region-dot { width:13px; height:13px; border:3px solid rgba(255,255,255,.8); border-radius:50%; background:var(--red); box-shadow:0 0 0 5px rgba(240,56,75,.14),0 0 18px rgba(240,56,75,.8); cursor:pointer; }
.world-region-tooltip { min-width:105px; padding:8px 9px; position:absolute; left:50%; bottom:20px; transform:translateX(-50%) translateY(4px); opacity:0; pointer-events:none; border:1px solid var(--line-strong); border-radius:8px; background:rgba(9,9,11,.9); text-align:center; transition:.2s ease; }
.world-region-pin:hover .world-region-tooltip { opacity:1; transform:translateX(-50%) translateY(0); }
.world-region-tooltip strong,.world-region-tooltip span { display:block; white-space:nowrap; }
.world-region-tooltip strong { font-size:8px; }
.world-region-tooltip span { margin-top:2px; color:var(--muted); font-size:7px; }

.creator-shell,.support-shell-home { display:grid; grid-template-columns:1.05fr .95fr; gap:18px; }
.creator-card,.support-card-home { padding:38px; overflow:hidden; position:relative; border:1px solid var(--line); border-radius:24px; background:linear-gradient(145deg,rgba(28,28,32,.77),rgba(12,12,15,.82)); }
.creator-card h2,.support-card-home h2 { margin:16px 0 14px; font-size:clamp(31px,4vw,49px); line-height:1.05; letter-spacing:-1.8px; }
.creator-card p,.support-card-home p { color:var(--muted); font-size:12px; line-height:1.75; }
.creator-rate { margin:30px 0; display:flex; align-items:end; gap:10px; }
.creator-rate strong { color:var(--red-bright); font-size:55px; line-height:.8; letter-spacing:-3px; }
.creator-rate span { max-width:130px; color:var(--muted); font-size:9px; line-height:1.4; }
.creator-list { display:grid; gap:10px; }
.creator-list span { display:flex; gap:9px; color:rgba(255,255,255,.65); font-size:10px; }
.creator-list i { color:var(--green); }
.creator-visual { min-height:100%; padding:28px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid var(--line); border-radius:24px; background:radial-gradient(circle at 80% 10%,rgba(240,56,75,.15),transparent 45%),#101012; }
.creator-visual>span { color:var(--muted-2); font-size:9px; font-weight:800; letter-spacing:1px; text-transform:uppercase; }
.creator-money { margin:40px 0; }
.creator-money small { display:block; color:var(--muted-2); font-size:9px; }
.creator-money strong { display:block; margin-top:6px; font-size:48px; letter-spacing:-2px; }
.creator-tier-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }
.creator-tier-grid span { padding:10px 5px; border:1px solid var(--line); border-radius:9px; color:var(--muted); font-size:8px; text-align:center; }
.creator-tier-grid span:last-child { border-color:rgba(240,56,75,.3); background:rgba(240,56,75,.07); color:#fff; }
.support-card-home { display:flex; flex-direction:column; }
.support-actions-home { display:flex; flex-wrap:wrap; gap:9px; margin-top:auto; padding-top:26px; }
.support-visual-home { min-height:410px; position:relative; overflow:hidden; border:1px solid var(--line); border-radius:24px; background:radial-gradient(circle at 50% 50%,rgba(240,56,75,.1),transparent 62%),#101012; }
.support-visual-home img { width:100%; height:100%; position:absolute; inset:0; object-fit:contain; object-position:center bottom; }
.support-float { padding:11px 13px; position:absolute; top:22px; right:22px; display:flex; align-items:center; gap:8px; border:1px solid var(--line-strong); border-radius:10px; background:rgba(10,10,12,.85); font-size:9px; font-weight:700; backdrop-filter:blur(12px); }
.support-float i { color:var(--green); }

.faq-grid { max-width:900px; margin:0 auto; display:grid; gap:8px; }
.faq-item { overflow:hidden; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.018); }
.faq-question { width:100%; min-height:62px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; gap:16px; border:0; background:transparent; color:#fff; font-size:11px; font-weight:700; text-align:left; cursor:pointer; }
.faq-question i { color:var(--muted-2); transition:transform .2s ease,color .2s ease; }
.faq-answer { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.faq-answer p { margin:0; padding:0 18px 18px; color:var(--muted); font-size:10px; line-height:1.75; }
.faq-item.active { border-color:rgba(240,56,75,.2); }
.faq-item.active .faq-question i { color:var(--red); transform:rotate(45deg); }
.faq-item.active .faq-answer { max-height:260px; }

.home-footer { padding:42px 0 28px; border-top:1px solid var(--line); background:#08080a; }
.home-footer-top { display:grid; grid-template-columns:1fr auto auto; gap:70px; align-items:start; }
.home-footer-brand p { max-width:380px; color:var(--muted-2); font-size:9px; line-height:1.7; }
.home-footer-col { display:flex; flex-direction:column; gap:10px; }
.home-footer-col strong { margin-bottom:2px; color:rgba(255,255,255,.4); font-size:8px; letter-spacing:1px; text-transform:uppercase; }
.home-footer-col a { color:var(--muted); font-size:9px; }
.home-footer-col a:hover { color:#fff; }
.home-footer-bottom { margin-top:32px; padding-top:20px; display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); color:var(--muted-2); font-size:8px; }

.reveal { opacity:0; transform:translateY(18px); transition:opacity .65s ease,transform .65s ease; }
.reveal.active { opacity:1; transform:none; }

/* Server-rendered product detail */
.product-detail-page { min-height:100vh; }
.product-detail-main { padding:150px 0 90px; }
.product-back { display:inline-flex; align-items:center; gap:8px; margin-bottom:28px; color:var(--muted); font-size:10px; font-weight:700; }
.product-back:hover { color:#fff; }
.product-detail-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr); gap:60px; align-items:start; }
.product-detail-copy { padding:30px 0; }
.product-detail-copy h1 { margin:17px 0 19px; font-size:clamp(43px,6vw,72px); line-height:.98; letter-spacing:-3px; }
.product-detail-lead { max-width:700px; color:var(--muted); font-size:14px; line-height:1.8; }
.product-detail-features { margin-top:30px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.product-detail-features div { min-height:53px; padding:12px; display:flex; align-items:center; gap:9px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.018); color:rgba(255,255,255,.68); font-size:10px; }
.product-detail-features i { color:var(--green); }
.product-detail-note { margin-top:24px; padding:14px; display:flex; align-items:flex-start; gap:10px; border:1px solid rgba(255,190,70,.14); border-radius:11px; background:rgba(255,190,70,.035); color:rgba(255,255,255,.46); font-size:9px; line-height:1.6; }
.product-detail-note i { margin-top:2px; color:#efc05c; }
.product-purchase-card { overflow:hidden; border:1px solid var(--line-strong); border-radius:22px; background:linear-gradient(150deg,rgba(28,28,32,.9),rgba(12,12,15,.95)); box-shadow:var(--shadow); }
.product-purchase-image,.product-purchase-fallback { width:100%; height:230px; display:block; object-fit:cover; }
.product-purchase-fallback { display:grid; place-items:center; background:radial-gradient(circle,rgba(240,56,75,.14),transparent 65%); color:var(--red); font-size:38px; }
.product-purchase-body { padding:22px; }
.product-purchase-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.product-purchase-top span { color:var(--red); font-size:8px; font-weight:800; text-transform:uppercase; }
.product-purchase-top strong { font-size:17px; }
.product-purchase-body h2 { margin:20px 0 12px; font-size:17px; }
.product-plan-list { display:grid; gap:7px; }
.product-plan-list a { min-height:59px; padding:10px 11px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:12px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.02); transition:border-color .2s ease,background .2s ease; }
.product-plan-list a:hover { border-color:rgba(240,56,75,.25); background:rgba(240,56,75,.045); }
.product-plan-list span { min-width:0; display:flex; flex-direction:column; gap:3px; }
.product-plan-list b { font-size:10px; }
.product-plan-list small { overflow:hidden; color:var(--muted-2); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.product-plan-list a>strong { font-size:11px; }
.product-plan-list a>i { color:var(--red); font-size:9px; }
.product-purchase-body>p { margin:15px 0 0; color:var(--muted-2); font-size:8px; text-align:center; }
.product-purchase-body>p i { margin-right:5px; }

@media (max-width:1050px) {
  .home-hero-grid { grid-template-columns:1fr; }
  .hero-copy { max-width:780px; }
  .hero-visual { width:min(720px,100%); margin-inline:auto; }
  .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-stats-grid { grid-template-columns:repeat(2,1fr); }
  .home-stat:nth-child(2) { border-right:0; }
  .home-stat:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .universal-grid,.stream-grid,.creator-shell,.support-shell-home,.worldwide-container,.product-detail-grid { grid-template-columns:1fr; }
  .universal-side { grid-template-columns:1fr 1fr; }
  .worldwide-container { padding:34px; }
  .ww-text { max-width:700px; }
  .product-purchase-card { width:min(560px,100%); }
}

@media (max-width:760px) {
  .home-container { width:min(100% - 28px,1180px); }
  .home-section { padding:78px 0; }
  .home-nav { padding:11px 0; background:rgba(10,10,12,.84); backdrop-filter:blur(15px); }
  .home-nav.is-scrolled { top:7px; }
  .home-menu-toggle { display:grid; }
  .home-nav-links { width:calc(100% - 28px); padding:12px; display:none; position:absolute; left:14px; top:62px; flex-direction:column; align-items:stretch; gap:3px; border:1px solid var(--line); border-radius:14px; background:rgba(11,11,13,.97); box-shadow:var(--shadow); }
  .home-nav.open .home-nav-links { display:flex; }
  .home-nav-links a { padding:12px; border-radius:9px; font-size:11px; }
  .home-nav-links a:hover { background:rgba(255,255,255,.04); }
  .home-nav-actions .home-link { display:none; }
  .home-hero { min-height:0; padding:125px 0 68px; }
  .home-hero-grid { gap:45px; }
  .hero-copy h1 { font-size:clamp(46px,14vw,66px); letter-spacing:-3px; }
  .hero-copy>p { font-size:14px; }
  .hero-app { transform:none; }
  .hero-app-body { grid-template-columns:90px 1fr; min-height:310px; }
  .hero-menu-preview img { min-height:310px; }
  .hero-float-card { right:10px; bottom:12px; }
  .catalog-toolbar { align-items:stretch; flex-direction:column; }
  .catalog-search { width:100%; }
  .catalog-grid { grid-template-columns:1fr; }
  .catalog-card-description { min-height:0; }
  .universal-side { grid-template-columns:1fr; }
  .steps-grid { grid-template-columns:1fr; }
  .stream-copy { padding-right:0; }
  .worldwide-container { padding:23px; }
  .world-globe-card { min-height:330px; }
  .creator-card,.support-card-home { padding:26px; }
  .home-footer-top { grid-template-columns:1fr 1fr; gap:30px; }
  .home-footer-brand { grid-column:1/-1; }
  .home-footer-bottom { flex-direction:column; }
  .product-detail-main { padding:120px 0 70px; }
  .product-detail-features { grid-template-columns:1fr; }
}

@media (max-width:480px) {
  .home-nav-actions .home-button { min-height:37px; padding-inline:11px; }
  .hero-actions .home-button { width:100%; }
  .hero-foot { align-items:flex-start; flex-direction:column; gap:8px; }
  .hero-app-body { grid-template-columns:1fr; }
  .hero-game-list { display:none; }
  .home-stats-grid { grid-template-columns:1fr; }
  .home-stat { border-right:0; border-bottom:1px solid var(--line); }
  .home-stat:last-child { border-bottom:0; }
  .catalog-shell { padding:10px; border-radius:19px; }
  .catalog-card-media { height:175px; }
  .universal-main { min-height:0; padding:24px; }
  .universal-feature-grid { grid-template-columns:1fr; }
  .ww-text h2 { font-size:32px; }
  .creator-tier-grid { grid-template-columns:repeat(2,1fr); }
  .product-detail-copy h1 { font-size:42px; letter-spacing:-2px; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition-duration:.01ms!important; }
  .reveal { opacity:1; transform:none; }
}