/* Extracted from seo_landing.html */
/* SEO pages use the same surfaces and tokens as the public home screen. */
.seo-page{position:relative;overflow:hidden;padding:2.5rem 1.25rem 5rem}
.seo-page:before{content:"";position:absolute;inset:0 0 auto;height:34rem;pointer-events:none;background:radial-gradient(ellipse at 68% 0,rgba(99,102,241,.13),transparent 58%),radial-gradient(ellipse at 12% 8%,rgba(16,185,129,.07),transparent 48%)}
.dark .seo-page:before{background:radial-gradient(ellipse at 68% 0,rgba(99,102,241,.22),transparent 58%),radial-gradient(ellipse at 12% 8%,rgba(16,185,129,.12),transparent 48%)}
.seo-wrap{position:relative;max-width:980px;margin:0 auto}
.seo-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:2.25rem;align-items:center;padding:clamp(1.75rem,5vw,4.5rem) 0 2.5rem}
.seo-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass);color:var(--text-2);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 8px 26px rgba(25,30,36,.07)}
.seo-kicker:before{content:"";width:.42rem;height:.42rem;border-radius:999px;background:#10b981;box-shadow:0 0 0 .22rem rgba(16,185,129,.12)}
.seo-title{max-width:680px;margin:1.25rem 0 1rem;color:var(--text);font-size:clamp(2.35rem,6vw,4.75rem);font-weight:800;line-height:.99;letter-spacing:-.065em}
.seo-lead{max-width:610px;margin:0;color:var(--text-2);font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}
.seo-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.75rem}
.seo-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.75rem 1.1rem;border-radius:999px;font-size:.9rem;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}
.seo-action:hover{transform:translateY(-2px)}
.seo-action-main{box-shadow:0 10px 24px rgba(37,99,235,.2)}
.seo-visual{position:relative;min-height:245px}
.seo-visual-glow{position:absolute;inset:8% 0 0 8%;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.18),transparent 68%);filter:blur(3px)}
.seo-float-card{position:absolute;width:min(100%,245px);padding:1rem 1.1rem;border:1px solid var(--glass-border);border-radius:1.25rem;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 18px 42px rgba(25,30,36,.13);backdrop-filter:blur(18px)}
.dark .seo-float-card{box-shadow:0 20px 46px rgba(0,0,0,.28)}
.seo-float-card:nth-child(2){top:1rem;right:0;transform:rotate(3deg)}
.seo-float-card:nth-child(3){right:2.5rem;bottom:.5rem;transform:rotate(-4deg)}
.seo-float-label{color:var(--text-3);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.seo-float-value{margin-top:.35rem;color:var(--text);font-size:1.35rem;font-weight:800;letter-spacing:-.04em}
.seo-float-note{margin-top:.25rem;color:var(--text-2);font-size:.78rem;line-height:1.4}
.seo-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.seo-benefit{position:relative;padding:1.25rem 1.3rem;min-height:135px}
.seo-index{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:.65rem;background:var(--surface-2);color:var(--text-2);font-size:.7rem;font-weight:800}
.seo-benefit-title{display:block;margin-top:1rem;color:var(--text);font-size:1rem;font-weight:750}
.seo-benefit-text{margin-top:.45rem;color:var(--text-2);font-size:.84rem;line-height:1.55}
.seo-section{margin-top:3.5rem}
.seo-section-head{max-width:700px;margin-bottom:1.15rem}
.seo-section-kicker{color:var(--color-brand-600);font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.seo-section h2{margin:.55rem 0 0;color:var(--text);font-size:clamp(1.75rem,4vw,2.8rem);line-height:1.05;letter-spacing:-.05em}
.seo-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.seo-copy-card{padding:1.35rem 1.45rem}
.seo-copy-card p{margin:0 0 .75rem;color:var(--text-2);line-height:1.7;font-size:.94rem}
.seo-copy-card p:last-child{margin-bottom:0}
.seo-guide{display:grid;gap:.75rem;counter-reset:seo-step}
.seo-step{display:grid;grid-template-columns:2.1rem minmax(0,1fr);gap:.9rem;align-items:start;padding:1.15rem 1.25rem}
.seo-step-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.7rem;background:var(--text);color:var(--surface);font-size:.75rem;font-weight:800}
.seo-step p{margin:.05rem 0 0;color:var(--text-2);line-height:1.65;font-size:.94rem}
.seo-step p strong{color:var(--text)}
.seo-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.seo-link-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.1rem;color:var(--text);font-size:.9rem;font-weight:700;transition:transform .2s ease,background .2s ease}
.seo-link-card:hover{transform:translateY(-2px);background:var(--surface-2)}
.seo-link-card:after{content:"↗";color:var(--text-3);font-size:1rem}
.seo-troubleshoot{padding:1.35rem 1.45rem;border-left:3px solid var(--color-brand-600);background:linear-gradient(110deg,var(--surface),var(--surface-2))}
.seo-troubleshoot p{margin:0 0 .75rem;color:var(--text-2);line-height:1.7}
.seo-troubleshoot p:last-child{margin-bottom:0}
.seo-faq{display:grid;gap:.7rem}
.seo-faq details{overflow:hidden;padding:0;border:1px solid var(--hairline);border-radius:1rem;background:var(--surface);transition:border-color .2s ease,transform .2s ease}
.seo-faq details:hover{border-color:var(--glass-border);transform:translateY(-1px)}
.seo-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;color:var(--text);font-size:.94rem;font-weight:750;cursor:pointer;list-style:none}
.seo-faq summary::-webkit-details-marker{display:none}
.seo-faq summary:after{content:"+";color:var(--text-3);font-size:1.25rem;font-weight:400;transition:transform .2s ease}
.seo-faq details[open] summary:after{transform:rotate(45deg)}
.seo-faq details p{margin:0;padding:0 1.25rem 1.15rem;color:var(--text-2);font-size:.9rem;line-height:1.65}
.seo-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.35rem 1.45rem}
.seo-bottom-cta p{margin:0;color:var(--text-2);font-size:.9rem;line-height:1.5}
@media(max-width:800px){.seo-hero{grid-template-columns:1fr;gap:1.5rem;padding-top:1.5rem}.seo-visual{min-height:195px;max-width:330px;width:100%;margin:0 auto}.seo-float-card{width:205px}.seo-float-card:nth-child(3){right:1.25rem}.seo-benefits{grid-template-columns:1fr}.seo-copy-grid{grid-template-columns:1fr}.seo-links{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-title{font-size:clamp(2.25rem,13vw,3.5rem)}.seo-page{padding-inline:1rem;padding-top:1.5rem}}
@media(max-width:460px){.seo-links{grid-template-columns:1fr}.seo-actions>*{flex:1 1 100%}.seo-action{width:100%}.seo-bottom-cta{align-items:stretch;flex-direction:column}.seo-bottom-cta .btn{width:100%;text-align:center}}

/* Extracted from content_page.html */
.content-page{position:relative;overflow:hidden;padding:2rem 1rem 5rem}.content-page:before{content:"";position:absolute;inset:0 0 auto;height:28rem;pointer-events:none;background:radial-gradient(ellipse at 70% 0,rgba(99,102,241,.12),transparent 58%),radial-gradient(ellipse at 15% 10%,rgba(16,185,129,.06),transparent 50%)}.dark .content-page:before{background:radial-gradient(ellipse at 70% 0,rgba(99,102,241,.2),transparent 58%),radial-gradient(ellipse at 15% 10%,rgba(16,185,129,.1),transparent 50%)}
.content-wrap{position:relative;max-width:980px;margin:0 auto}.content-hero{max-width:780px;padding:2rem 0 2.5rem}.content-kicker{display:inline-flex;padding:.4rem .75rem;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass);color:var(--text-2);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.content-hero h1{margin:1.25rem 0 1rem;color:var(--text);font-size:clamp(2.35rem,6vw,4.75rem);font-weight:800;line-height:1;letter-spacing:-.065em}.content-lead{max-width:680px;color:var(--text-2);font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.content-section{margin-top:1rem;padding:1.4rem 1.5rem}.content-section h2{margin:0 0 1rem;color:var(--text);font-size:clamp(1.35rem,3vw,2rem);line-height:1.1;letter-spacing:-.04em}.content-section p{margin:0 0 .75rem;color:var(--text-2);line-height:1.7;font-size:.94rem}.content-section p:last-child{margin-bottom:0}.content-steps{display:grid;gap:.65rem;margin-top:1rem;padding:0;list-style:none}.content-steps li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.75rem;align-items:start;color:var(--text-2);line-height:1.6}.content-steps li span:first-child{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.7rem;background:var(--surface-2);color:var(--text);font-size:.72rem;font-weight:800}.content-preflight{margin-top:1rem;padding:1.3rem 1.5rem;border-left:3px solid #f59e0b;background:var(--surface)}.content-preflight ul{margin:0;padding-left:1.2rem;color:var(--text-2);line-height:1.7}.content-image{display:block;width:min(100%,420px);max-height:620px;object-fit:contain;margin:1.25rem auto 0;border-radius:1.25rem;box-shadow:0 18px 42px rgba(25,30,36,.14)}.dark .content-image{box-shadow:0 20px 46px rgba(0,0,0,.3)}.content-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}@media(max-width:600px){.content-page{padding-top:1rem}.content-hero h1{font-size:clamp(2.2rem,13vw,3.4rem)}.content-actions>*{flex:1 1 100%;width:100%;text-align:center}}