.seo-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(15,143,79,0.12),transparent 34rem),linear-gradient(180deg,var(--bg),var(--surface-paper));color:var(--text-primary);font-family:var(--font-ui)}.seo-shell{width:min(1120px,calc(100% - 40px));margin:0 auto}.seo-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0}.seo-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text-primary);font-weight:800;text-decoration:none}.seo-brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:var(--brand);color:#fff;font-size:14px}.seo-nav-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.seo-nav-links a,.seo-cta,.seo-secondary{display:inline-flex;align-items:center;min-height:40px;border:1px solid var(--border);border-radius:999px;padding:0 16px;color:var(--text-primary);font-weight:750;text-decoration:none}.seo-nav-links a:hover,.seo-secondary:hover{border-color:var(--brand-border);background:var(--brand-soft)}.seo-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,0.92fr);gap:42px;align-items:center;padding:52px 0 42px}.seo-kicker{color:var(--brand);font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.seo-hero h1{max-width:820px;margin:12px 0 16px;font-family:var(--font-serif);font-size:clamp(44px,8vw,84px);line-height:0.95;letter-spacing:0}.seo-hero p{max-width:680px;color:var(--text-secondary);font-size:19px;line-height:1.55}.seo-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.seo-cta{min-height:48px;border-color:var(--brand);background:var(--brand);color:#fff;padding:0 22px}.seo-secondary{min-height:48px;background:rgba(255,255,255,0.72);padding:0 22px}.seo-stat-card,.seo-example,.seo-panel{border:1px solid var(--surface-paper-border);border-radius:18px;background:rgba(255,255,255,0.82);box-shadow:var(--shadow-sm)}.seo-stat-card{padding:28px}.seo-stat-card strong{display:block;color:var(--brand);font-family:var(--font-serif);font-size:56px;line-height:0.95}.seo-stat-card span{display:block;margin-top:8px;color:var(--text-secondary);font-weight:700}.seo-section{padding:34px 0}.seo-section h2{margin:0 0 14px;font-family:var(--font-serif);font-size:clamp(30px,4vw,48px);line-height:1}.seo-copy{color:var(--text-secondary);font-size:17px;line-height:1.65}.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.seo-panel{padding:22px}.seo-panel h3{margin:0 0 8px;font-size:18px}.seo-example{margin-top:22px;padding:24px}.seo-example-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;color:var(--text-muted);font-size:13px;font-weight:800}.seo-badge{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;background:var(--brand-soft);color:var(--brand-hover);padding:0 12px;font-family:var(--font-mono);font-size:12px;font-weight:850}.seo-question{font-size:20px;line-height:1.45;font-weight:750}.seo-options{display:grid;gap:10px;margin-top:18px}.seo-options div{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;min-height:48px;border:1px solid var(--border-soft);border-radius:12px;padding:8px 12px;background:#fff}.seo-options b{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--surface-paper-border);border-radius:999px;background:var(--surface-paper)}.seo-moment-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.seo-moment-links a{border:1px solid var(--border);border-radius:999px;padding:9px 14px;color:var(--text-primary);font-weight:750;text-decoration:none}.seo-moment-links a:hover{border-color:var(--brand-border);background:var(--brand-soft)}.seo-footer{padding:42px 0 56px;color:var(--text-muted);font-size:14px}.frac{display:inline-flex;vertical-align:middle;flex-direction:column;align-items:center;min-width:1.2em;margin:0 0.08em;font-family:inherit;line-height:1}.frac span:first-child{border-bottom:1.5px solid currentColor;padding:0 0.12em 0.08em}.frac span:last-child{padding-top:0.08em}@media (max-width:820px){.seo-shell{width:min(100% - 28px,1120px)}.seo-nav{align-items:flex-start;flex-direction:column}.seo-nav-links{justify-content:flex-start}.seo-hero,.seo-grid{grid-template-columns:1fr}.seo-hero{gap:22px;padding-top:28px}}
