.mp-seo-page{background:radial-gradient(ellipse at 78% 8%,#36745a75,transparent 40%),linear-gradient(145deg,#0c4a37,#062d24);background-attachment:fixed}
.mp-seo-page .site-header{background:#062d24dc}.mp-seo-page .site-nav .active{color:var(--gold)}
.mp-seo-hero{max-width:1050px;margin:0 auto;padding:64px 5vw 48px;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:70px}
.mp-seo-hero h1{font:700 clamp(2.5rem,6vw,4.6rem)/1.02 Georgia,serif;letter-spacing:-.045em;margin:4px 0 20px}.mp-seo-hero h1 span{color:#e5c36f}
.mp-seo-hero>div>p:not(.eyebrow){max-width:680px;font-size:1.08rem;line-height:1.75;color:#d4dfd4}
.mp-seo-actions{display:flex;flex-wrap:wrap;gap:12px;margin:29px 0 22px}.mp-seo-actions .btn-primary,.mp-seo-actions .btn-ghost{font-size:.98rem;padding:12px 25px}
.mp-seo-perks{display:flex;gap:22px;flex-wrap:wrap;list-style:none;font-size:.78rem;color:#b9cdbd}.mp-seo-perks li::before{content:'♠';color:#e5c36f;margin-right:7px}
.mp-seo-card{position:relative;display:grid;place-items:center}.mp-seo-card::before,.mp-seo-card::after{content:'';position:absolute;width:150px;aspect-ratio:116/180;border-radius:9px;background:#173e33;border:1px solid #e2c87d55;transform:rotate(-13deg) translate(-18px,8px)}
.mp-seo-card::after{transform:rotate(12deg) translate(18px,8px);background:#245545}.mp-seo-card img{position:relative;z-index:1;width:150px;height:auto;border-radius:9px;box-shadow:0 18px 36px #001b1699}
.mp-seo-article{padding-bottom:70px}.mp-seo-article>p{font-size:1rem;line-height:1.78}.mp-seo-article .play-cta{margin-block:36px}.mp-seo-article .related-card p{font-size:.82rem;line-height:1.5}
.mp-seo-page .site-footer nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:18px 0}.mp-seo-page .site-footer nav a{color:#e5d6a9;font-size:.8rem}
@media(max-width:720px){.mp-seo-page .site-header{position:relative}.mp-seo-page .site-nav{display:none}.mp-seo-page .site-header{gap:10px;padding-inline:18px}.mp-seo-page .nav-cta{margin-left:auto;font-size:.78rem;padding:8px 15px}.mp-seo-page .brand{font-size:1.05rem}.mp-seo-page .brand-logo{height:32px}.mp-seo-hero{grid-template-columns:1fr;padding-top:42px;gap:35px}.mp-seo-card{grid-row:1;width:105px;justify-self:center}.mp-seo-card img,.mp-seo-card::before,.mp-seo-card::after{width:105px}.mp-seo-hero h1{font-size:clamp(2.25rem,12vw,3.35rem)}.mp-seo-perks{display:grid;gap:8px}.mp-seo-actions a{width:100%;text-align:center}.mp-seo-page .crumbs{padding-top:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}