:focus-visible{outline:3px solid var(--gold,#c9a646);outline-offset:5px}
.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:#fff;color:#0b2236;padding:12px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
section[id],main[id]{scroll-margin-top:100px}
.menu-toggle{display:none}
.optional{font-weight:400;font-size:14px}
.playcard{background:#fff;border-top:4px solid var(--gold);padding:34px;margin-top:40px}
.playcard h3{font:400 32px/1.15 var(--serif)}
.playcard-context{margin:16px 0;color:var(--body)}
.playcard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}
.playcard-grid dt{font-weight:700;color:var(--gold-ink);margin-bottom:6px}
.playcard-grid dd{margin:0}
.playcard a{color:var(--ink);text-underline-offset:4px}
@media(max-width:1100px){
 .nav{height:auto;min-height:80px;flex-wrap:wrap;gap:12px;padding-top:10px;padding-bottom:10px}
 .nav .logo img{height:50px}
 .menu-toggle:not([hidden]){display:block;background:var(--navy);color:#fff;border:0;padding:12px 18px;font:700 16px var(--sans);cursor:pointer}
 .nav nav{width:100%}
 .nav ul{display:flex;flex-wrap:wrap;gap:10px 20px;padding:12px 0}
 .nav ul li:not(:last-child){display:block}
 .nav.nav-ready nav{display:none}
 .nav.nav-ready.menu-open nav{display:block}
 .nav.nav-ready ul{display:grid;grid-template-columns:1fr 1fr}
 .nav ul a{display:inline-block;padding:10px 0}
 .nav ul a.nav-client{padding:8px 10px}
}
@media(max-width:600px){
 .hero{padding:40px 0 54px}
 .hero h1{font-size:42px}
 .hero .sub{font-size:18px;margin:22px 0 26px}
 .hero-ctas{gap:20px}
 .hero .trust{margin-top:28px}
 .wrap{padding-left:22px;padding-right:22px}
 .contact-grid{gap:24px}
 .contact .lede{font-size:18px}
 .playcard{padding:24px}
 .playcard-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}