.seo-landing{width:min(var(--public-page-width,1120px),calc(100% - var(--public-page-gutter,32px)));margin:0 auto;padding:48px 0 64px}.seo-landing-hero{display:grid;gap:20px;padding:42px 0 34px}.seo-eyebrow,.seo-section-label{color:var(--primary-color,#667eea);font-size:0.78rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.seo-landing-hero h1{color:var(--text-primary,#111827);font-size:clamp(2.2rem,4vw,4.3rem);font-weight:850;line-height:1.02;max-width:920px}.seo-landing-hero p{color:var(--text-secondary,#5f6877);font-size:1.15rem;line-height:1.72;max-width:760px}.seo-landing-actions{display:flex;flex-wrap:wrap;gap:12px}.seo-landing-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 46px}.seo-feature-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:24px;box-shadow:0 10px 28px rgba(15,23,42,0.08)}.seo-feature-icon{align-items:center;background:rgba(102,126,234,0.12);border-radius:8px;color:var(--primary-color,#667eea);display:inline-flex;height:42px;justify-content:center;margin-bottom:18px;width:42px}.seo-feature-card h2,.seo-landing-section h2,.seo-landing-band h2,.seo-faq h2,.seo-related h2{color:var(--text-primary,#111827);font-weight:800;line-height:1.18}.seo-feature-card h2{font-size:1.22rem;margin-bottom:10px}.seo-feature-card p,.seo-copy p,.seo-faq p{color:var(--text-secondary,#5f6877);line-height:1.7}.seo-landing-section{display:grid;gap:34px;grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);margin:20px 0 42px}.seo-landing-section h2{font-size:clamp(1.7rem,3vw,2.5rem);margin-top:8px}.seo-copy p{font-size:1.02rem;margin-bottom:18px}.seo-landing-band{background:linear-gradient(135deg,rgba(102,126,234,0.12),rgba(20,184,166,0.12));border:1px solid rgba(102,126,234,0.2);border-radius:8px;margin:36px 0;padding:26px}.seo-use-list{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.seo-use-list span{align-items:center;color:var(--text-primary,#111827);display:flex;font-weight:700;gap:9px}.seo-use-list i{color:#16a34a}.seo-faq,.seo-related{margin-top:42px}.seo-faq-list{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.seo-faq article{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:20px}.seo-faq h3{color:var(--text-primary,#111827);font-size:1.05rem;font-weight:800}.seo-related-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.seo-related-links a{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:var(--primary-color,#667eea);font-weight:750;padding:10px 12px;text-decoration:none}.seo-related-links a:hover{border-color:var(--primary-color,#667eea)}body[data-theme="dark"] .seo-feature-card,body[data-theme="dark"] .seo-faq article,body[data-theme="dark"] .seo-related-links a,html[data-theme="dark"] .seo-feature-card,html[data-theme="dark"] .seo-faq article,html[data-theme="dark"] .seo-related-links a,html.theme-dark .seo-feature-card,html.theme-dark .seo-faq article,html.theme-dark .seo-related-links a,body.theme-dark .seo-feature-card,body.theme-dark .seo-faq article,body.theme-dark .seo-related-links a{background:var(--card-bg,#1f2937);border-color:var(--border-color,#374151)}body[data-theme="dark"] .seo-landing-band,html[data-theme="dark"] .seo-landing-band,html.theme-dark .seo-landing-band,body.theme-dark .seo-landing-band{background:rgba(102,126,234,0.12);border-color:rgba(148,163,184,0.28)}body[data-theme="dark"] .seo-landing-hero p,body[data-theme="dark"] .seo-feature-card p,body[data-theme="dark"] .seo-copy p,body[data-theme="dark"] .seo-faq p,html[data-theme="dark"] .seo-landing-hero p,html[data-theme="dark"] .seo-feature-card p,html[data-theme="dark"] .seo-copy p,html[data-theme="dark"] .seo-faq p,html.theme-dark .seo-landing-hero p,html.theme-dark .seo-feature-card p,html.theme-dark .seo-copy p,html.theme-dark .seo-faq p,body.theme-dark .seo-landing-hero p,body.theme-dark .seo-feature-card p,body.theme-dark .seo-copy p,body.theme-dark .seo-faq p{color:var(--text-secondary,#cbd5e1)}body[data-theme="dark"] .seo-feature-card h2,body[data-theme="dark"] .seo-landing-section h2,body[data-theme="dark"] .seo-landing-band h2,body[data-theme="dark"] .seo-faq h2,body[data-theme="dark"] .seo-faq h3,body[data-theme="dark"] .seo-related h2,body[data-theme="dark"] .seo-use-list span,html[data-theme="dark"] .seo-feature-card h2,html[data-theme="dark"] .seo-landing-section h2,html[data-theme="dark"] .seo-landing-band h2,html[data-theme="dark"] .seo-faq h2,html[data-theme="dark"] .seo-faq h3,html[data-theme="dark"] .seo-related h2,html[data-theme="dark"] .seo-use-list span,html.theme-dark .seo-feature-card h2,html.theme-dark .seo-landing-section h2,html.theme-dark .seo-landing-band h2,html.theme-dark .seo-faq h2,html.theme-dark .seo-faq h3,html.theme-dark .seo-related h2,html.theme-dark .seo-use-list span,body.theme-dark .seo-feature-card h2,body.theme-dark .seo-landing-section h2,body.theme-dark .seo-landing-band h2,body.theme-dark .seo-faq h2,body.theme-dark .seo-faq h3,body.theme-dark .seo-related h2,body.theme-dark .seo-use-list span{color:var(--text-primary,#f8fafc)}@media (max-width:900px){.seo-landing-grid,.seo-landing-section,.seo-use-list,.seo-faq-list{grid-template-columns:1fr}}@media (max-width:600px){.seo-landing{padding-top:28px}.seo-landing-hero{padding-top:24px}.seo-landing-actions .btn{width:100%}}
