/* SEO pages — uses variables from styles.css */
body.seo{background:var(--ink)}
.seo .nav .links{display:flex;gap:22px}
@media (max-width:760px){.seo .nav .links{display:none}}
.s-hero{position:relative;padding:150px 0 56px;background:radial-gradient(70% 90% at 50% 0%,rgba(20,82,75,.55),transparent 70%),var(--ink);border-bottom:1px solid rgba(233,196,106,.14)}
.s-hero .wrap{max-width:860px}
.crumb{font:500 13px Manrope;color:var(--mut);margin-bottom:18px}.crumb a{text-decoration:none;color:var(--gold)}.crumb span{margin:0 6px;opacity:.6}
.s-hero h1{font:600 clamp(38px,5.2vw,64px)/1.08 'Cormorant Garamond',serif;color:#fff;margin:6px 0 10px}
.s-sub{font:italic 600 clamp(20px,2.4vw,28px)/1.3 'Cormorant Garamond',serif;color:var(--gold);margin-bottom:16px}
.nat{font:700 clamp(24px,3vw,34px)/1.5 'Amiri',serif;color:#fff;margin:0 0 12px}
.s-lead{font-size:clamp(17px,1.6vw,19px);color:#c9ccd8;max-width:700px}
.s-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 14px}
.s-strip{font:600 13px Manrope;color:var(--mut);letter-spacing:.02em}
.art{max-width:820px;padding:56px 0 30px}
.blk{margin-bottom:44px}
.blk h2{font:600 clamp(26px,3vw,34px)/1.2 'Cormorant Garamond',serif;color:#fff;margin-bottom:14px}
.blk p{color:#c9ccd8;margin-bottom:14px}.blk a{color:var(--gold)}
.tick{list-style:none;display:grid;gap:11px}
.tick li{position:relative;padding-left:30px;color:#c9ccd8}.tick li:before{content:"";position:absolute;left:0;top:.5em;width:14px;height:8px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.tick b{color:#fff;font-weight:600}
.steps{counter-reset:s;list-style:none;display:grid;gap:12px}
.steps li{counter-increment:s;position:relative;padding:14px 16px 14px 58px;border:1px solid rgba(233,196,106,.2);border-radius:14px;background:rgba(255,255,255,.025);color:#c9ccd8}
.steps li:before{content:counter(s);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--gold);color:#1a1405;font:800 14px/30px Manrope;text-align:center}
.steps b{color:#fff}
.cmp{width:100%;border-collapse:collapse;font-size:15px}.cmp th,.cmp td{padding:12px 10px;border-bottom:1px solid rgba(233,196,106,.18);text-align:left;color:#c9ccd8;vertical-align:top}.cmp th{color:var(--gold);font-weight:700}.cmp td:first-child{color:#fff}
.seo .qa details p{padding-right:10px}
.cta-box{text-align:center;padding:40px 24px;border-radius:22px;border:1px solid rgba(233,196,106,.3);background:radial-gradient(80% 120% at 50% 0%,rgba(20,82,75,.5),rgba(255,255,255,.02))}
.cta-box .btn{margin-top:6px}
.rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.rc{display:block;padding:16px;border-radius:14px;border:1px solid rgba(233,196,106,.2);background:rgba(255,255,255,.025);text-decoration:none!important;transition:.2s}
.rc:hover{border-color:var(--gold);transform:translateY(-2px)}
.rc small{display:block;font:700 11px Manrope;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.rc b{color:#fff;font:600 19px/1.25 'Cormorant Garamond',serif}
.seo-foot{padding:40px 0 30px;border-top:1px solid rgba(233,196,106,.14);margin-top:30px}
.seo-foot b{display:block;color:#fff;margin-bottom:12px}
.allg{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:18px}.allg a{color:var(--mut);font-size:14px;text-decoration:none}.allg a:hover{color:var(--gold)}
.seo-foot .fine{color:var(--mut);font-size:13px;margin-bottom:14px}
.seo-foot .foot-bot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--mut)}
.guides{padding:90px 0;background:var(--ink2)}.guides .g-h{font:600 24px 'Cormorant Garamond',serif;color:#fff;margin:34px 0 12px}

.seo .nav .cta-sm{display:inline-flex!important;margin-left:auto}.seo .nav{gap:12px}
