﻿/* Index-only extras */
    .hero-index { min-height:640px; display:flex; align-items:center; }
    .hero-index .container { text-align:center; position:relative; z-index:6; padding:80px 1.5rem; }
    .hero-eyebrow {
      display:inline-flex; align-items:center; gap:7px;
      border:1px solid rgba(230,48,39,.3); color:var(--red);
      background:rgba(230,48,39,.07);
      padding:5px 16px; border-radius:99px;
      font-size:.68rem; font-weight:700; letter-spacing:2px; text-transform:uppercase;
      margin-bottom:1.4rem;
    }
    .hero-index h1 {
      font-family:var(--font-display);
      font-size:4rem; font-weight:800; line-height:1.05;
      letter-spacing:.5px; color:#fff; margin-bottom:1rem;
    }
    .hero-index h1 em { font-style:normal; color:var(--red); }
    .hero-index .hero-sub { color:#7e8299; font-size:.95rem; max-width:560px; margin:0 auto 2rem; line-height:1.75; }
    .hero-btns { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-bottom:1.5rem; }
    .hero-note { font-size:.72rem; color:var(--text-4); display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
    .hero-note span { display:flex; align-items:center; gap:5px; }
    .hero-note i { color:var(--green); }

    /* Ticker */
    .ticker { background:var(--bg-0); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:.6rem 0; overflow:hidden; }
    .ticker-track { display:flex; gap:2.5rem; white-space:nowrap; animation:ticker 30s linear infinite; }
    .ticker-item { font-size:.72rem; font-weight:600; color:var(--text-4); letter-spacing:.5px; text-transform:uppercase; display:flex; align-items:center; gap:7px; flex-shrink:0; }
    .ticker-item i { color:var(--red); font-size:.65rem; }
    @keyframes ticker { from{transform:translateX(0)} to{transform:translateX(-50%)} }

    /* Games grid */
    .games-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--border); border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden; }
    .game-thumb { background:var(--bg-2); display:flex; flex-direction:column; text-decoration:none; transition:background .2s; }
    .game-thumb:hover { background:var(--bg-3); }
    .gt-thumb-img { position:relative; aspect-ratio:16/10; overflow:hidden; }
    .gt-thumb-img img { width:100%; height:100%; object-fit:cover; filter:brightness(.65) saturate(.8); transition:filter .3s, transform .4s; }
    .game-thumb:hover .gt-thumb-img img { filter:brightness(.85) saturate(1); transform:scale(1.05); }
    .gt-thumb-overlay { position:absolute; inset:0; background:linear-gradient(0deg,rgba(6,7,10,.85) 0%,transparent 60%); }
    .gt-thumb-info { position:absolute; bottom:0; left:0; right:0; padding:.7rem .9rem; }
    .gt-thumb-name { font-family:var(--font-display); font-size:.95rem; font-weight:700; color:#fff; margin-bottom:3px; }
    .gt-thumb-meta { display:flex; gap:10px; font-size:.65rem; color:rgba(255,255,255,.5); }
    .gt-thumb-meta span { display:flex; align-items:center; gap:4px; }
    .gt-thumb-footer { padding:.6rem .9rem; display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--border); }

    /* Features */
    .feat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--border); border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden; }
    .feat-box { background:var(--bg-2); padding:1.6rem 1.4rem; transition:background .2s; position:relative; }
    .feat-box:hover { background:var(--bg-3); }
    .feat-box::after { content:''; position:absolute; top:0;left:0;right:0; height:2px; background:var(--red); opacity:0; transition:opacity .3s; }
    .feat-box:hover::after { opacity:1; }
    .feat-box-icon { width:40px;height:40px; background:rgba(230,48,39,.1); border:1px solid rgba(230,48,39,.2); border-radius:var(--r-sm); display:flex;align-items:center;justify-content:center; margin-bottom:.9rem; font-size:.95rem; color:var(--red); }
    .feat-box h4 { font-family:var(--font-display); font-size:.95rem; font-weight:700; margin-bottom:.4rem; }
    .feat-box p { font-size:.77rem; color:var(--text-3); line-height:1.6; }

    /* Pricing grid 3-col for index */
    .price-grid-9 { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden; }

    @media(max-width:1024px){ .games-grid{grid-template-columns:repeat(3,1fr)} .feat-row{grid-template-columns:repeat(2,1fr)} .price-grid-9{grid-template-columns:repeat(2,1fr)} }
    @media(max-width:768px){ .games-grid{grid-template-columns:repeat(2,1fr)} .hero-index h1{font-size:2.5rem} .price-grid-9{grid-template-columns:1fr} }
    @media(max-width:480px){ .games-grid{grid-template-columns:1fr} }