a{ color:inherit; text-decoration:none; }
  
  section{ position:relative; z-index:1; }

  /* ---------- HERO ---------- */
  .hero{
    position:relative; overflow:hidden;
    padding:76px 28px 46px; text-align:center;
    border-bottom:1px solid var(--border);
  }
  .hero-bg{ position:absolute; inset:0; z-index:0; }
  .hero-bg svg{ width:100%; height:100%; display:block; }
  .hero-content{ position:relative; z-index:2; }
  .hero h1{
    font-size:clamp(28px, 4.6vw, 44px); font-weight:700; margin:0 0 22px; line-height:1.2;
    color:var(--text); text-shadow:0 3px 14px rgba(0,0,0,0.6);
  }
  .hero h1 .accent{ color:var(--amber); text-shadow:0 0 26px rgba(245,166,35,0.4), 0 3px 14px rgba(0,0,0,0.6); }
  .hero p{ max-width:600px; margin:0 auto 30px; color:#d7dae0; font-size:16.5px; text-shadow:0 2px 8px rgba(0,0,0,0.6);}

  .search-bar{ display:flex; max-width:560px; margin:0 auto 30px; }
  .search-bar input{
    flex:1; font-family:'Inter', sans-serif; font-size:15px;
    background:rgba(21,23,29,0.92); color:var(--text);
    border:1px solid var(--border); border-right:none; border-radius:8px 0 0 8px;
    padding:13px 16px; outline:none;
  }
  .search-bar input::placeholder{ color:var(--text-dimmer); }
  .search-bar input:focus{ border-color:var(--amber); }

  .trust-row{ display:flex; justify-content:center; gap:34px; flex-wrap:wrap; }
  .trust-row span{
    display:flex; align-items:center; gap:7px; font-size:12.5px; color:#c9cdd6;
    font-family:'Inter', sans-serif; font-weight:500;
  }
  .trust-row svg{ width:15px; height:15px; color:var(--amber); flex-shrink:0; }

  /* ---------- BROWSE GAMES ---------- */
  .games-section{ padding:56px 28px 20px; text-align:center; }
  .games-section h2{ font-size:26px; font-weight:700; margin:0 0 8px; }
  .games-section .sub{ color:var(--text-dim); font-size:14.5px; margin-bottom:22px; text-transform:none; font-family:'Inter',sans-serif; }
  .sort-row{ display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:28px; position:relative; }
  .view-directory-link{
    position:absolute; right:0; font-family:'Oswald',sans-serif; font-size:12.5px; font-weight:600;
    color:var(--amber); text-decoration:none; display:flex; align-items:center; gap:4px;
  }
  .view-directory-link:hover{ text-decoration:underline; }
  .sort-row .sort-label{ font-family:'Oswald',sans-serif; font-size:12px; font-weight:600; letter-spacing:0.05em; color:var(--text-dimmer); text-transform:uppercase; }
  .sort-toggle{ display:inline-flex; border:1px solid var(--border); border-radius:8px; overflow:hidden; }
  .sort-toggle button{
    font-family:'Oswald',sans-serif; font-size:12.5px; font-weight:600; letter-spacing:0.03em;
    color:var(--text-dim); background:var(--bg-2); border:none; padding:8px 16px; cursor:pointer;
    transition:all .15s ease;
  }
  .sort-toggle button + button{ border-left:1px solid var(--border); }
  .sort-toggle button:hover{ color:var(--text); }
  .sort-toggle button.active{ background:var(--amber); color:#0b0c0f; }

  .games-grid{
    display:grid; grid-template-columns:repeat(5, 1fr); gap:14px; text-align:left;
  }
  .game-card{
    display:block; background:var(--surface); border:1px solid var(--border); border-radius:10px;
    overflow:hidden; transition:border-color .15s ease, transform .15s ease;
  }
  .game-card:hover{ border-color:var(--amber-dim); transform:translateY(-2px); }
  .game-card .art{
    height:78px; display:flex; align-items:center; justify-content:center;
    border-bottom:1px solid var(--border);
  }
  .game-card .art .glogo{
    font-family:'Oswald', sans-serif; font-weight:700; font-size:15px; letter-spacing:0.03em;
    line-height:1.25; text-align:center; padding:0 10px;
  }
  .game-card .info{ padding:10px 14px 14px; }
  .game-card .gname{ font-family:'Oswald', sans-serif; font-weight:600; font-size:14px; text-transform:none; color:var(--text); margin-bottom:2px; }
  .game-card .gsub{ font-family:'Inter', sans-serif; font-size:11.5px; color:var(--text-dimmer); text-transform:none; }

  .suggest-card{
    grid-column:span 2;
    background:var(--surface); border:1px dashed var(--border); border-radius:10px;
    display:flex; align-items:center; gap:16px; padding:16px 18px;
  }
  .suggest-card .trophy{ width:44px; height:44px; color:var(--amber); flex-shrink:0; }
  .suggest-card .stxt{ flex:1; }
  .suggest-card .stxt strong{ display:block; font-family:'Oswald',sans-serif; font-size:14px; text-transform:none; margin-bottom:2px; }
  .suggest-card .stxt span{ font-family:'Inter',sans-serif; font-size:12px; color:var(--text-dim); }
  .suggest-card button{ margin-left:auto; flex-shrink:0; }

  @media (max-width:980px){ .games-grid{ grid-template-columns:repeat(3,1fr);} .suggest-card{ grid-column:span 3; } }
  @media (max-width:640px){ .games-grid{ grid-template-columns:repeat(2,1fr);} .suggest-card{ grid-column:span 2; flex-direction:column; text-align:center;} .suggest-card button{ margin-left:0;} }
  .no-results{ display:none; text-align:center; padding:40px 20px; color:var(--text-dim); font-family:'Inter',sans-serif; }
  .no-results.show{ display:block; }
  .no-results strong{ display:block; font-family:'Oswald',sans-serif; font-size:16px; color:var(--text); margin-bottom:6px; }
  .no-results button{ margin-top:14px; font-family:'Oswald',sans-serif; font-size:12.5px; font-weight:600; color:var(--amber); background:none; border:1px solid var(--amber-dim); border-radius:7px; padding:8px 16px; cursor:pointer; }
  .no-results button:hover{ background:rgba(245,166,35,0.1); }

  /* ---------- WHY TRUST ---------- */
  .why-section{ padding:56px 28px; }
  .why-heading{ text-align:center; font-size:24px; font-weight:700; margin:0 0 28px; }
  
  .why-box{
    border:1px solid var(--border); border-radius:12px; background:var(--surface);
    padding:34px 20px; display:grid; grid-template-columns:repeat(5,1fr); gap:24px;
  }
  .why-item{ text-align:center; }
  .why-item svg{ width:30px; height:30px; color:var(--amber); margin-bottom:12px; }
  .why-item h3{ font-size:13px; font-weight:600; margin:0 0 6px; letter-spacing:0.03em; }
  .why-item p{ font-family:'Inter',sans-serif; font-size:12.5px; color:var(--text-dim); text-transform:none; margin:0; line-height:1.5; }
  @media (max-width:900px){ .why-box{ grid-template-columns:repeat(2,1fr);} }

  /* ---------- THREE COLUMN WIDGETS ---------- */
  .widgets{ padding:10px 28px 56px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:18px; }
  .widget{ background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:18px 20px; }
  .widget-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
  .widget-head h3{ font-size:14px; font-weight:600; margin:0; }
  .widget-head a{ font-family:'Inter',sans-serif; font-size:12px; color:var(--amber); text-transform:none; }
  .guide-item{ display:flex; gap:10px; margin-bottom:14px; align-items:flex-start; }
  .guide-item:last-child{ margin-bottom:0; }
  .guide-thumb{ width:44px; height:44px; border-radius:6px; flex-shrink:0; background:linear-gradient(135deg, var(--surface-2), var(--border)); }
  .guide-info .gtitle{ font-family:'Inter',sans-serif; font-size:13px; font-weight:500; color:var(--text); text-transform:none; line-height:1.3; }
  .guide-info .gdate{ font-family:'JetBrains Mono',monospace; font-size:10.5px; color:var(--text-dimmer); margin-top:3px; }

  .coupon-item{ display:flex; align-items:center; gap:10px; margin-bottom:14px; }
  .coupon-item:last-child{ margin-bottom:0; }
  .coupon-badge{
    width:32px; height:32px; border-radius:7px; background:var(--surface-2); border:1px solid var(--border);
    display:flex; align-items:center; justify-content:center; font-family:'Oswald',sans-serif; font-weight:700; font-size:12px; flex-shrink:0;
  }
  .coupon-info{ flex:1; }
  .coupon-info .cname{ font-family:'Inter',sans-serif; font-size:13px; font-weight:600; text-transform:none; }
  .coupon-info .cdesc{ font-family:'Inter',sans-serif; font-size:11.5px; color:var(--text-dim); }
  .coupon-code{
    font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:600; color:var(--amber);
    border:1px dashed var(--amber-dim); border-radius:5px; padding:5px 9px; flex-shrink:0;
  }

  .rank-item{ display:flex; align-items:center; gap:10px; margin-bottom:13px; }
  .rank-item:last-child{ margin-bottom:0; }
  .rank-num{ font-family:'JetBrains Mono',monospace; font-weight:600; font-size:13px; color:var(--text-dimmer); width:16px; }
  .rank-badge{ width:30px; height:30px; border-radius:7px; background:var(--surface-2); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-size:13px; flex-shrink:0; }
  .rank-name{ flex:1; font-family:'Inter',sans-serif; font-size:13.5px; font-weight:600; text-transform:none; }
  .rank-stars{ color:var(--amber); font-size:11.5px; letter-spacing:1px; }
  .rank-score{ font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--text-dim); margin-left:4px; }

  @media (max-width:900px){ .widgets{ grid-template-columns:1fr; } }

  

  /* ============================================================
     MOBILE OVERRIDES — placed last on purpose so equal-specificity
     rules above (.trust-row, .hero, .games-section, etc.) don't
     win the cascade tie and silently cancel these out on phones.
     ============================================================ */
  @media (max-width:760px){

    .header-inner{ flex-wrap:wrap; row-gap:10px; padding:12px 18px; }
    .nav-row .header-inner{ flex-wrap:nowrap; row-gap:0; }
    nav.tabs{
      order:3; flex-basis:100%; width:100%;
      flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch;
      justify-content:flex-start; gap:0;
      padding-top:8px; border-top:1px solid var(--border);
      scrollbar-width:none;
    }
    .nav-row nav.tabs{ order:0; flex-basis:auto; width:auto; flex:1 1 auto; padding-top:0; border-top:none; }
    nav.tabs::-webkit-scrollbar{ display:none; }
    nav.tabs a{ font-size:11px; padding:6px 8px; white-space:nowrap; }

    .hero{ padding:26px 18px 18px; }
    .hero-content{ display:flex; flex-direction:column; }
    .hero h1{ order:1; margin-bottom:14px; font-size:26px; }
    .search-bar{ order:2; margin:0 0 16px; }
    .hero p{ order:3; margin:0 0 16px; font-size:13.5px; }
    .trust-row{
      order:4;
      display:grid !important; grid-template-columns:1fr 1fr !important;
      gap:10px 12px; flex-wrap:unset;
      justify-items:start; max-width:340px; margin:0 auto;
    }
    .trust-row span{ font-size:10.5px; text-align:left; }

    .games-section{ padding:28px 18px 12px; }
    .games-section .sub{ margin-bottom:14px; }
    .sort-row{ margin-bottom:16px; flex-wrap:wrap; row-gap:10px; }
    .view-directory-link{ position:static; width:100%; justify-content:center; order:3; }
  }

  /* ================= VENDOR REVIEW PAGE ================= */
  .rev-hero{ position:relative; overflow:hidden; padding:44px 28px 34px; border-bottom:1px solid var(--border); }
  .rev-hero::before{ content:""; position:absolute; inset:0; z-index:0; background:
    radial-gradient(ellipse 700px 300px at 15% 0%, rgba(62,142,240,0.14), transparent 60%),
    radial-gradient(ellipse 700px 300px at 90% 100%, rgba(245,166,35,0.10), transparent 60%),
    var(--surface); }
  .rev-hero-inner{ position:relative; z-index:1; max-width:1000px; margin:0 auto; display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
  .rev-logo{
    width:88px; height:88px; border-radius:16px; flex-shrink:0;
    background:linear-gradient(135deg,#1a1410,#241b13); border:1px solid var(--border);
    display:flex; align-items:center; justify-content:center;
    font-family:'Oswald',sans-serif; font-weight:700; font-size:22px; color:var(--amber);
 overflow:hidden; }
  .rev-logo img{ width:56px; height:56px; object-fit:contain; }
  .rev-head-main{ flex:1; min-width:260px; }
  .rev-verified{
    display:inline-flex; align-items:center; gap:5px; font-family:'Oswald',sans-serif;
    font-size:11px; font-weight:600; letter-spacing:0.04em; color:var(--boost);
    background:rgba(79,191,107,0.12); border-radius:6px; padding:3px 9px; margin-bottom:10px; text-transform:uppercase;
  }
  .rev-hero-inner h1{ font-size:30px; font-weight:700; margin:0 0 8px; }
  .rev-tagline{ color:var(--text-dim); font-size:15px; margin:0 0 14px; max-width:600px; }
  .rev-meta-row{ display:flex; gap:18px; flex-wrap:wrap; font-family:'Inter',sans-serif; font-size:12.5px; color:var(--text-dimmer); }
  .rev-meta-row span{ display:flex; align-items:center; gap:5px; }
  .rev-meta-row svg{ width:13px; height:13px; color:var(--amber); }

  .rev-score-box{
    background:var(--bg-2); border:1px solid var(--border); border-radius:14px;
    padding:20px 26px; text-align:center; min-width:150px;
  }
  .rev-score-num{ font-family:'Oswald',sans-serif; font-weight:700; font-size:38px; color:var(--amber); line-height:1; }
  .rev-score-num span{ font-size:17px; color:var(--text-dimmer); font-weight:500; }
  .rev-score-label{ font-family:'Oswald',sans-serif; font-size:11px; font-weight:600; letter-spacing:0.05em; color:var(--text-dim); text-transform:uppercase; margin-top:6px; }
  .rev-score-verdict{ font-family:'Inter',sans-serif; font-size:12px; color:var(--boost); font-weight:600; margin-top:8px; }
  .rev-cta{
    display:block; margin-top:14px; font-family:'Oswald',sans-serif; font-size:13px; font-weight:600;
    color:#0b0c0f; background:var(--amber); border-radius:8px; padding:10px 0; text-decoration:none;
    transition:background .15s ease;
  }
  .rev-cta:hover{ background:#ffb63c; }

  .rev-body{ max-width:1000px; margin:0 auto; padding:36px 28px 60px; }
  .rev-section{ margin-bottom:38px; }
  .rev-section h2{ font-family:'Oswald',sans-serif; font-size:20px; font-weight:600; margin:0 0 16px; padding-bottom:10px; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:10px; }
  .rev-section h2::before{ content:""; display:inline-block; width:4px; height:17px; background:var(--amber); border-radius:2px; flex-shrink:0; }
  .rev-section p{ color:var(--text-dim); font-size:14.5px; line-height:1.7; margin:0 0 14px; }

  .rev-bars{ display:flex; flex-direction:column; gap:16px; }
  .rev-bar-row{ display:grid; grid-template-columns:200px 1fr 40px; align-items:center; gap:14px; }
  .rev-bar-label{ font-family:'Inter',sans-serif; font-size:13px; font-weight:500; color:var(--text-dim); }
  .rev-ico{ width:22px; height:22px; object-fit:contain; flex-shrink:0; display:block; }
  .rev-verified{ gap:7px; padding:4px 12px 4px 7px; color:var(--amber); background:rgba(245,166,35,0.12); }
  .rev-verified .rev-ico{ width:24px; height:24px; }
  .rev-score-verdict{ display:inline-flex; align-items:center; gap:7px; }
  .rev-score-verdict .rev-ico{ width:26px; height:26px; }
  .rev-bar-label{ display:inline-flex; align-items:center; gap:10px; }
  .rev-bar-ico{ width:28px; height:28px; object-fit:contain; flex-shrink:0; display:block; }
  .rev-bar-track{ height:8px; background:var(--bg-2); border:1px solid var(--border); border-radius:5px; overflow:hidden; }
  .rev-bar-fill{ height:100%; background:linear-gradient(90deg,var(--amber-dim),var(--amber)); border-radius:5px; }
  .rev-bar-score{ font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:600; color:var(--text); text-align:right; }

  .rev-proscons{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
  .rev-proscons-col{ background:var(--bg-2); border:1px solid var(--border); border-radius:12px; padding:20px 22px; }
  .rev-proscons-col h3{ font-family:'Oswald',sans-serif; font-size:14px; font-weight:600; margin:0 0 12px; text-transform:uppercase; letter-spacing:0.03em; }
  .rev-proscons-col.pros h3{ color:var(--boost); }
  .rev-proscons-col.cons h3{ color:#e05c5c; }
  .rev-proscons-col ul{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; }
  .rev-proscons-col li{ display:flex; gap:9px; font-size:13.5px; color:var(--text-dim); line-height:1.5; }
  .rev-proscons-col li svg{ width:15px; height:15px; flex-shrink:0; margin-top:2px; }
  .rev-proscons-col.pros li svg{ color:var(--boost); }
  .rev-proscons-col.cons li svg{ color:#e05c5c; }

  .rev-games-chips{ display:flex; flex-wrap:wrap; gap:8px; }
  .rev-game-chip{
    font-family:'Inter',sans-serif; font-size:12.5px; font-weight:500; color:var(--text-dim);
    background:var(--bg-2); border:1px solid var(--border); border-radius:20px; padding:6px 14px;
    text-decoration:none; transition:all .15s ease;
  }
  .rev-game-chip:hover{ color:var(--amber); border-color:var(--amber-dim); }

  .rev-methodology{
    background:var(--bg-2); border:1px solid var(--border); border-radius:12px; padding:20px 22px;
    display:flex; gap:14px; align-items:flex-start;
  }
  .rev-methodology svg{ width:22px; height:22px; color:var(--amber); flex-shrink:0; margin-top:2px; }
  .rev-methodology p{ margin:0; font-size:13px; color:var(--text-dimmer); line-height:1.6; }

  .rev-faq-item{ border-bottom:1px solid var(--border); padding:16px 0; }
  .rev-faq-item:last-child{ border-bottom:none; }
  .rev-faq-item h3{ font-family:'Inter',sans-serif; font-size:14.5px; font-weight:600; color:var(--text); margin:0 0 8px; }
  .rev-faq-item p{ margin:0; font-size:13.5px; }

  .rev-disclosure{
    font-size:12px; color:var(--text-dimmer); background:var(--bg-2); border:1px solid var(--border);
    border-radius:10px; padding:14px 18px; line-height:1.6;
  }

  @media (max-width:760px){
    .rev-hero{ padding:26px 18px 22px; }
    .rev-hero-inner{ gap:16px; }
    .rev-hero-inner h1{ font-size:22px; }
    .rev-score-box{ width:100%; }
    .rev-body{ padding:24px 16px 40px; }
    .rev-proscons{ grid-template-columns:1fr; }
    .rev-bar-row{ grid-template-columns:148px 1fr 30px; gap:8px; }
  }
  .breadcrumb{ font-family:'Inter',sans-serif; font-size:13px; color:var(--text-dimmer); }
  .breadcrumb a:hover{ color:var(--amber); }
  .breadcrumb span{ margin:0 6px; }