/* CTA system */
.hdr-cta{display:flex;align-items:center;gap:.6rem;flex-shrink:0;margin-left:auto}
.cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem 1.3rem;border-radius:6px;font:700 .92rem/1.2 'Noto Sans',Arial,sans-serif;text-decoration:none!important;white-space:nowrap;letter-spacing:.01em;transition:background .15s,transform .15s;border:1.5px solid currentColor}
.cta-btn--play{background:linear-gradient(180deg,#f3cf8c,#e2aa55);color:#1a1410!important;border-color:#d9a04c;box-shadow:0 6px 18px rgba(226,170,85,.28)}
.cta-btn--play:hover{background:linear-gradient(180deg,#f7dba5,#e8b768);transform:translateY(-1px)}
.cta-btn--ghost{background:transparent;color:inherit!important}
.cta-btn--ghost:hover{background:rgba(232,187,112,.14)}
.cta-btn:focus-visible{outline:3px solid #e2aa55;outline-offset:3px}
.hdr-cta .cta-btn{min-height:40px;padding:.45rem 1rem;font-size:.85rem}
.hero-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.3rem 0 .6rem}
.hero-cta .cta-btn{min-height:52px;padding:.8rem 1.8rem;font-size:1rem}
.body-cta{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:1.6rem 1.8rem!important;margin:2.4rem 0!important;border:1px solid #a88c55;border-radius:12px;background:radial-gradient(120% 140% at 0% 0%,#2c2233 0%,#16121a 70%);color:#f8f1e3;clear:both}
.body-cta .body-cta-title{font-family:'Noto Serif Display',Georgia,serif;font-size:1.45rem!important;line-height:1.3!important;color:#f4d9a7!important;margin:0 0 .3rem!important}
.body-cta p{margin:.2rem 0!important;font-size:.8rem!important;line-height:1.6!important;color:#f8f1e3!important;opacity:.85}
.body-cta .body-cta-actions{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}
.body-cta a.cta-btn{text-decoration:none!important;padding:.6rem 1.3rem;font-size:.92rem;min-height:44px;gap:0}
.body-cta a.cta-btn--ghost{color:#f4dcae!important;border-color:#e8bb70}
@media(max-width:1180px){.header-inner{flex-wrap:wrap}.hdr-cta{order:2}}
@media(max-width:700px){
 .header-inner .brand{order:1;margin-right:auto}
 .header-inner .menu-toggle{order:2}
 .hdr-cta{order:3;flex:1 1 100%;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.5rem 0 .3rem}
 .hdr-cta .cta-btn{min-height:42px;font-size:.88rem}
 .header-inner #primary-nav{order:4}
 .hero-cta .cta-btn{flex:1 1 100%}
 .body-cta{grid-template-columns:1fr;padding:1.3rem!important;gap:1rem}
 .body-cta .body-cta-actions{justify-content:stretch}
 .body-cta .body-cta-actions .cta-btn{flex:1 1 100%}
}