/* --- base colors & rail --- */
:root{
  --bg:#111418; --text:#e6e9ee; --rail-max:2560px;
  --accent:#b40016; --card:#fff; --card-text:#111;
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 system-ui,sans-serif}
.rail{max-width:var(--rail-max);margin:0 auto;padding:0 20px}

/* hard override: kill any old “gate” CSS anywhere */
.hero-row,.slogan-row,.tabs-row,#tabs,#slogan-card{visibility:visible !important;opacity:1 !important}

/* header */
.site-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
.site-header .brand{font-weight:700}.site-header .route{opacity:.9}

/* ===== HERO ===== */
.hero-row{padding:18px 0 8px}
.hero-row .rail{position:relative}
.hero-row .tiles{display:flex;gap:18px;align-items:center;justify-content:center;min-height:280px}
.hero-row .tile{position:relative;overflow:hidden;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.35);background:#1b2128}
.hero-row .tile img{width:100%;height:100%;object-fit:cover;display:block}
.hero-row .tile .cap{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:#000c;color:#fff;padding:6px 10px;border-radius:999px;font-size:.85rem}
@media (min-width:880px){.hero-row .tile.side{width:28%;aspect-ratio:16/9;display:block}
  .hero-row .tile.center{width:44%;aspect-ratio:16/9;z-index:2}}
@media (max-width:879px){.hero-row .tile.side{display:none}
  .hero-row .tile.center{width:92vw;aspect-ratio:16/9}}

/* arrows */
.hero-row .nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;background:var(--accent);color:#fff;border:0;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.hero-row .nav.prev{left:0}.hero-row .nav.next{right:0}

/* ===== SLOGAN ===== */
.slogan-row{padding:8px 0}
#slogan-card{background:#000c;color:#fff;border-radius:12px;padding:16px 18px;text-align:center}

/* ===== TABS (white) ===== */
.tabs-row{padding:12px 0 28px}
.tabs{display:flex;gap:10px;flex-wrap:wrap}
.tabs .pill{appearance:none;border:1px solid #e4e7ee;background:#fff;color:#111;padding:8px 12px;border-radius:999px;cursor:pointer}
.tabs .pill.active{background:#111;color:#fff;border-color:#111}
.tab-content .card{background:#fff;color:#111;border-radius:10px;padding:16px}

/* accordions */
.acc{border:1px solid #dde2ec;border-radius:8px;margin:10px 0;overflow:hidden}
.acc summary{list-style:none;cursor:pointer;padding:12px 14px;background:#f7f9ff;color:#111}
.acc summary::-webkit-details-marker{display:none}
.acc .acc-body{padding:12px 14px;background:#fff;color:#111}

/* --- footer visibility & spacing --- */
.site-footer{ color:#d7d7d7; margin:36px 0 28px; }
.site-footer a{ color:#f0f0f0; text-decoration:none; }
.site-footer a:hover{ text-decoration:underline; }
.site-footer small{ opacity:.8; }