/* G11 mesa-sinuca-cassino — layout skeleton. Followers swap palette variables + art, not this structure. */
@font-face{font-family:Titan One;font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/titanone-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Titan One;font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/titanone-latinext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/manrope-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/manrope-400-latinext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/manrope-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/manrope-600-latinext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/manrope-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/manrope-700-latinext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url("/fonts/manrope-800-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url("/fonts/manrope-800-latinext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --g11-ink:#140204;
  --g11-ink-2:#07160e;
  --g11-felt:#0a2a18;
  --g11-header:#0c2414;
  --g11-fire:#e01820;
  --g11-flame:#ff6a12;
  --g11-gold:#ffd024;
  --g11-gold-2:#ffe566;
  --g11-ivory:#fff4dc;
  --g11-mint:#7cffb0;
  --g11-outline:#120204;
  --g11-max:1120px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--g11-ink);color:var(--g11-ivory);font-family:Manrope,system-ui,sans-serif;font-size:18px;line-height:1.55}
img{max-width:100%;height:auto;border:0;display:block}
a{color:var(--g11-gold)}
a:hover{color:var(--g11-gold-2)}
h1,h2,h3,h4{font-family:"Titan One",Manrope,sans-serif;line-height:1.05;margin:0 0 .4em;color:var(--g11-gold-2);font-weight:400}
.g11-skip{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.g11-skip:focus{left:12px;top:12px;width:auto;height:auto;background:var(--g11-gold);color:var(--g11-ink);padding:8px 12px;z-index:80}

/* ===== FOLD (1280x800) ===== */
.g11-fold-wrap{background:var(--g11-ink);overflow:hidden}
.g11-stage{position:relative;width:1280px;height:800px;margin:0 auto;overflow:hidden;background:var(--g11-ink);transform-origin:top center}
.g11-playfield{position:absolute;inset:0;width:1280px;height:800px;object-fit:fill;pointer-events:none;z-index:0}
.g11-header{position:absolute;top:0;left:0;right:0;height:70px;z-index:30;display:flex;align-items:center;gap:10px;padding:0 14px 0 10px;background:linear-gradient(180deg,#0c2414 0%,#0a1e12 80%,rgba(10,30,18,.75))}
.g11-brand{display:flex;align-items:center;gap:8px;text-decoration:none;flex:0 0 auto;min-height:62px}
.g11-header-logo{height:62px;width:62px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 1px 2px #000)}
.g11-brand-text{display:flex;flex-direction:column;justify-content:center;gap:0;line-height:1}
.g11-indep{font-family:Manrope,sans-serif;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--g11-mint);text-shadow:0 1px 2px #000}
.g11-wordmark{font-family:"Titan One",sans-serif;font-weight:400;font-size:28px;line-height:1;color:var(--g11-gold-2);letter-spacing:.02em;text-shadow:0 1px 0 #120204,0 0 8px rgba(255,208,36,.35);white-space:nowrap}
.g11-menu-check{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);pointer-events:none}
.g11-menu-btn{display:none}
.g11-header-page{position:relative;background:#0c2414}
.g11-nav{display:flex;flex-wrap:nowrap;gap:6px;align-items:center;flex:1 1 auto;justify-content:center}
.g11-nav a{display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,208,36,.55);background:rgba(8,32,18,.75);color:var(--g11-ivory);text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.01em;white-space:nowrap}
.g11-nav a[aria-current="page"],.g11-nav a:hover{background:linear-gradient(180deg,var(--g11-gold-2),var(--g11-gold));color:#140204;border-color:var(--g11-gold-2)}
.g11-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;text-decoration:none;font-family:"Titan One",Manrope,sans-serif;font-weight:400;letter-spacing:.03em;border:0;cursor:pointer;color:#140204;background:linear-gradient(180deg,var(--g11-gold-2),var(--g11-gold) 40%,var(--g11-flame));box-shadow:0 0 16px rgba(255,208,36,.4);white-space:nowrap}
.g11-cta:hover{filter:brightness(1.08);color:#120204}
.g11-cta-header{flex:0 0 auto;height:40px;font-size:14px}
.g11-h1{position:absolute;z-index:16;margin:0;font-family:"Titan One",sans-serif;font-weight:400;font-size:86px;line-height:.74;letter-spacing:0;pointer-events:none;overflow:visible;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-transform:uppercase}
.g11-h1-stroke,.g11-h1-fill{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0;font:inherit;letter-spacing:inherit;line-height:inherit}
.g11-h1-stroke{color:var(--g11-outline);text-shadow:-5px -5px 0 #120204,5px -5px 0 #120204,-5px 5px 0 #120204,5px 5px 0 #120204,-5px 0 0 #120204,5px 0 0 #120204,0 -5px 0 #120204,0 5px 0 #120204,-3px -5px 0 #120204,3px 5px 0 #120204,0 0 3px #120204}
.g11-h1-fill{background:linear-gradient(180deg,#fff6b0 0%,#ffe566 18%,#ffd024 48%,#ffb018 78%,#ff8a00 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(255,106,18,.45))}
.g11-h1 span.g11-h1-line{display:block;white-space:nowrap}
.g11-console-logo{position:absolute;z-index:12;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.7));background:transparent}
.g11-cta-pedal{position:absolute;z-index:18;min-width:240px;min-height:64px;height:64px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;letter-spacing:.04em;width:auto;border-radius:16px;padding:0 18px;box-shadow:0 0 22px rgba(255,208,36,.9),0 0 44px rgba(255,106,18,.65),0 0 72px rgba(255,208,36,.35),0 4px 16px rgba(0,0,0,.5)}
.g11-tile{position:absolute;z-index:10;display:block;border-radius:50%;overflow:hidden;text-decoration:none;color:inherit}
.g11-tile img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.g11-tile-chrome{box-shadow:0 6px 18px rgba(0,0,0,.55),0 0 0 3px rgba(255,208,36,.85)}
.g11-tile-baked{box-shadow:none;border-radius:50%;background:transparent}
.g11-tile-baked img{object-fit:fill;opacity:0}
.g11-tile-plaque{position:absolute;left:8%;right:8%;bottom:10%;padding:4px 4px 5px;background:linear-gradient(180deg,transparent,rgba(20,2,4,.94) 28%);font-family:"Titan One",sans-serif;font-size:16px;font-weight:400;line-height:1.05;color:#fff8e8;text-align:center;text-transform:uppercase;letter-spacing:0;text-shadow:0 1px 2px #000;white-space:normal;overflow:visible}
.g11-badge{position:absolute;top:10px;right:12px;z-index:2;font-family:Manrope,sans-serif;font-size:11px;font-weight:800;letter-spacing:.04em;padding:2px 7px;border-radius:999px;color:#140018}
.g11-badge-hot{background:linear-gradient(180deg,#ffd36a,#e01820);color:#fff}
.g11-badge-novo{background:linear-gradient(180deg,#7dffa8,var(--g11-mint));color:#140204}
.g11-tile-baked .g11-tile-plaque,.g11-tile-baked .g11-badge{display:none}
.g11-promo{position:absolute;z-index:11;display:block;text-decoration:none;color:inherit;border-radius:14px;overflow:hidden}
.g11-promo-chrome{box-shadow:0 8px 20px rgba(0,0,0,.5),0 0 0 2px rgba(255,208,36,.7)}
.g11-promo-baked{box-shadow:none;border-radius:8px;background:transparent}
.g11-promo img{width:100%;height:100%;object-fit:cover}
.g11-promo-baked img{object-fit:fill;opacity:0}
.g11-promo-title{position:absolute;left:0;right:0;bottom:0;padding:8px 8px 7px;background:linear-gradient(180deg,transparent,rgba(20,2,4,.94));font-family:"Titan One",sans-serif;font-size:24px;line-height:1.05;font-weight:400;color:var(--g11-gold-2);text-align:center;text-transform:uppercase;text-shadow:0 1px 2px #000}
.g11-promo-baked .g11-promo-title{display:none}

/* below fold */
.g11-main{max-width:var(--g11-max);margin:0 auto;padding:32px 20px 64px}
.g11-sec{margin:0 0 2.2em;padding:1.4em 1.3em 1.5em;background:linear-gradient(180deg,rgba(12,40,24,.8),rgba(20,2,4,.92));border:1px solid rgba(255,208,36,.22);border-radius:18px}
.g11-sec h2{font-size:2rem;color:var(--g11-gold-2)}
.g11-sec p{margin:0 0 1em}
.g11-kicker{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--g11-mint);font-weight:800;margin:0 0 .4em}
.g11-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:1em 0}
.g11-fact{background:rgba(0,0,0,.28);border:1px solid rgba(255,208,36,.25);border-radius:12px;padding:12px 14px}
.g11-fact b{display:block;color:var(--g11-gold);font-size:1.25rem;font-family:"Titan One",sans-serif}
.g11-fact span{font-size:.85rem;color:#e8f4ff}
.g11-steps{counter-reset:tacada;display:grid;gap:12px}
.g11-step{position:relative;padding:12px 14px 12px 58px;border-left:3px solid var(--g11-gold);background:rgba(0,0,0,.2);border-radius:0 12px 12px 0}
.g11-step::before{counter-increment:tacada;content:counter(tacada);position:absolute;left:12px;top:10px;width:32px;height:32px;border-radius:50%;background:var(--g11-gold);color:#140204;font-family:"Titan One",sans-serif;display:flex;align-items:center;justify-content:center}
.g11-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:1.2em 0}
.g11-note{font-size:.92rem;color:#d7e6f5}
.g11-verify{color:var(--g11-mint);font-weight:800}
.g11-bread{font-size:.9rem;margin:0 0 1em;color:#c5d4e4}
.g11-bread a{color:var(--g11-gold-2);text-decoration:none}
.g11-fig{margin:0 0 1.2em;border-radius:16px;overflow:hidden;border:1px solid rgba(255,208,36,.2)}
.g11-fig img{width:100%;height:auto}
.g11-fig figcaption{font-size:.85rem;padding:8px 10px;color:#c5d4e4;background:rgba(0,0,0,.3)}
.g11-footer{background:#0a0504;border-top:1px solid rgba(255,208,36,.25);padding:28px 20px 40px;text-align:center;color:#c5d4e4;font-size:.92rem}
.g11-footer nav{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:center;margin:0 0 14px}
.g11-footer a{color:var(--g11-gold)}
.g11-disclosure{font-size:.85rem;color:#b8c8d8;max-width:760px;margin:12px auto 0}

/* sticky bottom CTA: mobile only, so it does not cover the accepted 1280x800 desktop fold */
.g11-sticky{display:none}

/* hub + reviews */
.g11-banks{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.g11-banks button,.g11-search{height:40px;border-radius:10px;border:1px solid rgba(255,208,36,.35);background:rgba(0,0,0,.3);color:var(--g11-ivory);padding:0 12px;font:inherit}
.g11-banks button[aria-pressed="true"]{background:var(--g11-gold);color:#140204;font-weight:800}
.g11-search{min-width:220px;flex:1}
.g11-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.g11-card{background:rgba(0,0,0,.28);border:1px solid rgba(255,208,36,.2);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}
.g11-card img,.g11-revlogo{height:48px;width:auto;max-width:140px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}
.g11-card h3{font-size:1.05rem;color:var(--g11-ivory);margin:0}
.g11-badge-txt{display:inline-block;padding:4px 8px;border-radius:8px;background:#1a1008;border:1px solid rgba(255,208,36,.3);font-size:.8rem}
.g11-label{display:inline-block;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--g11-mint);font-weight:800;margin:4px 0}
.g11-revhero{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:0 0 1.2em}
.g11-revhero img.g11-cover{width:100%;max-width:720px;border-radius:16px}
.g11-more{display:block;margin:18px auto;height:44px;padding:0 20px;border-radius:999px;border:0;background:var(--g11-fire);color:#fff;font-family:"Titan One",sans-serif;font-size:1.1rem;cursor:pointer}
.g11-hidden{display:none !important}

@media (max-width:1279px) and (min-width:821px){
  .g11-fold-wrap{overflow:hidden}
}
@media (max-width:820px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))}
  .g11-fold-wrap{overflow:visible;background:var(--g11-felt)}
  .g11-stage{width:100%;height:auto;min-height:0;display:flex;flex-direction:column;padding-bottom:16px;transform:none !important;overflow:visible;background:
    radial-gradient(ellipse at 50% 0%, rgba(255,208,36,.14), transparent 46%),
    repeating-radial-gradient(circle at 1px 1px, rgba(0,0,0,.2) 0 1px, transparent 1px 3px),
    linear-gradient(180deg,#0c3a22 0%,#0a2a18 42%,#071e12 100%)}
  .g11-playfield{display:none !important}
  .g11-console-logo{display:none !important}
  .g11-header,.g11-header-page{order:-2;position:relative;height:56px;min-height:56px;flex-wrap:nowrap;padding:0 10px;background:#0c2414;gap:8px}
  .g11-header-logo{height:44px;width:44px}
  .g11-brand{min-height:56px;gap:6px}
  .g11-wordmark{font-size:20px}
  .g11-indep{font-size:10px}
  .g11-cta-header{display:none}
  .g11-menu-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-width:48px;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,208,36,.55);background:rgba(8,32,18,.9);color:var(--g11-gold-2);font-family:Manrope,sans-serif;font-weight:800;font-size:15px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;z-index:41}
  .g11-nav{display:none;position:absolute;top:56px;right:10px;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:6px;min-width:220px;padding:10px;background:#0c2414;border:1px solid rgba(255,208,36,.35);border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.55);z-index:50}
  .g11-menu-check:checked ~ .g11-nav{display:flex}
  .g11-nav a{height:40px;font-size:15px;padding:0 12px;justify-content:flex-start}
  .g11-h1{order:-1;position:relative !important;left:auto !important;top:auto !important;width:auto !important;height:auto !important;min-height:0;margin:10px 10px 8px;padding:0 6px;font-size:42px;line-height:.9}
  .g11-h1-stroke{text-shadow:-3px -3px 0 #120204,3px -3px 0 #120204,-3px 3px 0 #120204,3px 3px 0 #120204,-3px 0 0 #120204,3px 0 0 #120204,0 -3px 0 #120204,0 3px 0 #120204}
  .g11-h1-stroke,.g11-h1-fill{position:relative;inset:auto;height:auto}
  .g11-h1-fill{position:absolute;inset:0}
  .g11-cta-pedal{order:0;position:relative !important;left:auto !important;top:auto !important;display:flex;width:calc(100% - 20px) !important;min-width:0;max-width:none;min-height:56px !important;height:auto !important;margin:0 10px 14px;padding:14px 16px;font-size:18px;font-weight:800;border-radius:16px;box-shadow:0 0 22px rgba(255,208,36,.85),0 0 40px rgba(255,106,18,.55),0 4px 16px rgba(0,0,0,.45)}
  .g11-tile,.g11-promo{position:relative !important;left:auto !important;top:auto !important;width:auto !important;height:auto !important}
  .g11-mob-tiles{order:3;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 10px 16px;background:
    repeating-radial-gradient(circle at 1px 1px, rgba(0,0,0,.22) 0 1px, transparent 1px 3px),
    linear-gradient(180deg,#0c3a22,#0a2a18)}
  .g11-tile{height:176px !important;min-height:168px;border-radius:16px !important;overflow:hidden}
  .g11-tile-baked{border-radius:16px !important;background:#07160e;box-shadow:0 6px 18px rgba(0,0,0,.55),0 0 0 2px rgba(255,208,36,.85)}
  .g11-tile-baked img{opacity:1;object-fit:cover}
  .g11-tile-baked .g11-tile-plaque,.g11-tile-baked .g11-badge{display:block}
  .g11-tile-plaque{font-family:Manrope,sans-serif;font-size:15px;font-weight:800;left:0;right:0;bottom:0;padding:10px 6px 8px;min-height:40px;background:linear-gradient(180deg,transparent 0%,rgba(10,20,12,.9) 35%,rgba(10,8,6,.96) 100%)}
  .g11-mob-promos{order:4;display:grid;grid-template-columns:1fr;gap:10px;padding:0 10px 16px}
  .g11-promo{height:160px !important;border-radius:16px !important}
  .g11-promo-baked{border-radius:16px !important;box-shadow:0 8px 20px rgba(0,0,0,.5),0 0 0 2px rgba(255,208,36,.7);background:#07160e}
  .g11-promo-baked img{opacity:1;object-fit:cover}
  .g11-promo-baked .g11-promo-title{display:block;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;letter-spacing:0}
  .g11-facts{grid-template-columns:1fr}
  .g11-cta-row .g11-cta{min-height:56px;font-size:18px;font-weight:800;width:100%;justify-content:center;font-family:Manrope,sans-serif}
  .g11-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:90;padding:8px 10px calc(8px + env(safe-area-inset-bottom, 0px));background:linear-gradient(180deg,rgba(12,36,20,0),rgba(12,36,20,.96) 28%,#0a140c);box-shadow:0 -8px 24px rgba(0,0,0,.4)}
  .g11-cta-sticky{display:flex;width:100%;min-height:56px;height:auto;padding:14px 16px;font-size:18px;font-weight:800;font-family:Manrope,sans-serif;border-radius:16px;box-shadow:0 0 22px rgba(255,208,36,.75),0 0 36px rgba(255,106,18,.45)}
  .g11-footer{padding-bottom:24px}
}
@media (min-width:821px){
  .g11-mob-tiles,.g11-mob-promos{display:contents}
}
