/* Final shared design layer. No offer content or interaction changes. */
:root{--ink:#101d39;--muted:#526078;--paper:#f5f7fc;--accent:#2159e8;--orange:#ff8a36;--teal-text:#194cc6;--mint:#edf2ff;--line:#dce3f0;--radius:12px;--brand-teal:#25c5b2}
.design-v8{background:var(--paper)}
.design-v8 .btn{border-radius:8px;box-shadow:none}
.design-v8 .btn.outline{background:transparent;border-color:#b5c4df;color:var(--ink)}
.design-v8 .btn.outline:hover{background:var(--mint);border-color:var(--accent)}
.design-v8 .btn:hover{transform:none}
.design-v8 .eyebrow{letter-spacing:.075em}
.design-v8 .section-head{gap:24px}
.design-v8 .program-card,.design-v8 .ny-package,.design-v8 .package-card{border-radius:12px;box-shadow:none}
.design-v8 .program-card{border:1px solid var(--line);border-top:3px solid var(--accent)}
.design-v8 .program-card:hover{transform:none;border-color:#b0c5ed;box-shadow:0 8px 24px #101d3908}
.design-v8 .program-card>.card-image{height:auto;aspect-ratio:16/10;flex-shrink:0;background:var(--ink)}
.design-v8 .program-card>.card-image img{height:100%;width:100%;object-fit:cover}
.design-v8 .card-body{padding:24px;gap:0}
.design-v8 .card-body h3,.design-v8 .flagship-cards .card-body h3{font-size:24px;line-height:1.25;letter-spacing:-.025em;min-height:2.5em;margin-bottom:12px}
.design-v8 .card-body>p{font-size:15px;line-height:1.65;min-height:4.95em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:20px}
.design-v8 .card-facts{margin-top:auto;margin-bottom:18px}
.design-v8 .card-facts>div{border-color:var(--line);padding:10px 0;min-height:44px}
.design-v8 .card-facts dt{color:var(--muted);font-size:13px}
.design-v8 .card-facts dd{color:var(--ink);font-size:14px;line-height:1.5}
.design-v8 .card-price{margin-top:0;padding-top:18px;border-color:var(--line)}
.design-v8 .card-price strong{font-size:28px;line-height:1.25}
.design-v8 .card-price .small{font-size:13px;line-height:1.5;min-height:3em}
.design-v8 .card-link{border-radius:8px;min-height:48px;background:var(--mint);border-color:#cad7ef;color:var(--teal-text)}
.design-v8 .catalog-flagships{background:var(--mint);border-color:var(--line);border-radius:12px}
.design-v8 .detail-facts>div,.design-v8 .meta span{background:var(--mint);border-color:var(--line)}
.design-v8 .detail-included{background:var(--mint);border-color:var(--line)}
.design-v8 .included-list li,.design-v8 .detail-audience{border-color:var(--line)}
.design-v8 .package-card{border-color:var(--line);border-top-color:var(--accent)}
.design-v8 .package-card.package-extended{background:#fffaf5;border-top-color:var(--orange)}
.design-v8 .program-cover{border-radius:12px;box-shadow:none;border:1px solid var(--line)}
.design-v8 .help{background:var(--mint)}
.design-v8 .help-info{border-color:#c5d4ef}
.design-v8 .photo-controls button,.design-v8 .copy-phone{border-radius:8px;background:var(--mint);color:var(--teal-text);border:1px solid var(--line)}
.design-v8 dialog{border-radius:12px;border-color:var(--line);box-shadow:0 20px 70px #101d3926}
.design-v8 .channels button{background:var(--mint);color:var(--ink)}
.design-v8 .ny-hero .ny-actions>.btn.outline{background:transparent;color:#fff;border-color:#9badca}
.design-v8 .ny-hero .ny-actions>.btn.outline:hover{background:#ffffff12;border-color:#d4dff2}
.ny-hero-media{box-shadow:none;border-color:#ffffff26;border-radius:12px 12px 40px 12px}
.ny-hero::before{opacity:.55}
.ny-snow{opacity:.35}
.ny-package,.ny-onsite-card,.ny-options article{border-radius:12px;border-color:var(--line);box-shadow:none}
.ny-price,.ny-package-summary{overflow-wrap:break-word}

/* A short studio introduction, not a second full-height hero. */
.design-v8.home-page .show-hero{background:var(--paper);color:var(--ink);padding-top:44px;padding-bottom:44px;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.design-v8.home-page .show-hero h2{font-size:clamp(30px,3.2vw,44px);line-height:1.15;max-width:590px;margin-bottom:16px}
.design-v8.home-page .show-hero h2 em{color:var(--teal-text)}
.design-v8.home-page .show-hero .hero-copy>p{color:var(--muted);font-size:16px;line-height:1.65;max-width:580px}
.design-v8.home-page .hero-brand{color:var(--muted);margin-bottom:20px;gap:12px}
.design-v8.home-page .hero-brand-sign{padding:0;background:transparent}
.design-v8.home-page .hero-brand-sign img{width:125px;mix-blend-mode:normal}
.design-v8.home-page .hero-game-photo{max-width:500px;border-radius:12px;box-shadow:none;border:1px solid var(--line)}
.design-v8.home-page .hero-game-photo img{aspect-ratio:4/3;object-fit:cover}
.design-v8.home-page .hero-proof{color:var(--muted);border-color:var(--line);font-size:13px;margin-top:20px;padding-top:16px;gap:26px}
.design-v8.home-page .hero-proof b{color:var(--ink);font-size:22px}
.design-v8.home-page .hero-phone{color:var(--teal-text);font-size:14px}
.design-v8.home-page .show-hero .actions{margin-top:20px}
.design-v8.home-page .featured-section{padding-top:52px;padding-bottom:64px}

/* Bonus wheel: same navy/orange system, with one restrained teal detail. */
.design-v8 .bonus-section{background:var(--ink);padding-top:56px;padding-bottom:56px}
.bonus-section .eyebrow{color:#afc8ff}
.bonus-lead,.bonus-status,.bonus-rules ul,.bonus-rules p{color:#dce5f9}
.bonus-chips span{border-color:#ffffff30;color:#e5edff;border-radius:8px}
.bonus-wheel-frame{width:min(100%,390px);filter:none}
.bonus-result{border-radius:12px;color:var(--ink);border:1px solid var(--line)}
.bonus-result .eyebrow,.bonus-result a.bonus-verify{color:var(--teal-text)}
.bonus-code{background:var(--mint);color:var(--ink)}
.bonus-result p{color:var(--muted)}
#bonus-spin{background:var(--orange);color:var(--ink);border-radius:8px}
#bonus-spin:disabled{background:#c9d5ec;color:#31425f}
.bonus-section button:focus-visible,.bonus-section a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}

@media(min-width:1101px){.design-v8 .card-facts>div{min-height:56px}}
@media(max-width:900px){.design-v8.home-page .show-hero{grid-template-columns:1fr 1fr;gap:28px}.design-v8.home-page .show-hero h2{font-size:34px}.design-v8.home-page .hero-brand>span:last-child{font-size:11px}}
@media(max-width:700px){
 .design-v8.home-page .show-hero{display:flex;flex-direction:column;gap:24px;padding:32px 20px}
 .design-v8.home-page .show-hero h2{font-size:32px;line-height:1.16}
 .design-v8.home-page .show-hero .hero-copy>p{font-size:15px}
 .design-v8.home-page .hero-game-photo{width:100%;max-width:none}
 .design-v8.home-page .hero-game-photo img{aspect-ratio:16/9}
 .design-v8.home-page .hero-phone{align-self:flex-start}
 .design-v8.home-page .featured-section{padding-top:36px;padding-bottom:40px}
 .design-v8 .card-body{padding:22px}
 .design-v8 .card-body h3,.design-v8 .flagship-cards .card-body h3{min-height:0;font-size:25px}
 .design-v8 .card-body>p{min-height:0;-webkit-line-clamp:4;font-size:15px}
 .design-v8 .card-price .small{min-height:0}
 .design-v8 .program-card>.card-image{aspect-ratio:16/10}
 .design-v8 .bonus-section{padding:38px 20px}
 .bonus-wheel-frame{max-width:340px}
 .ny-hero-media{border-radius:12px 12px 28px 12px}
 .design-v8 .btn,.design-v8 .card-link{min-height:48px}
 .design-v8 header>.btn{min-height:44px}
 .design-v8 .ny-hero .ny-actions .btn{min-height:52px}
}
@media(prefers-reduced-motion:reduce){.design-v8 *{scroll-behavior:auto!important}.design-v8 .program-card,.design-v8 .btn{transition:none}}
