.seo-landing{background:var(--surface);overflow-wrap:anywhere}
.landing-hero{padding:70px 0 76px;background:var(--lavender-2)}
.landing-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:center}
.landing-intro,.landing-screen{min-width:0}
.landing-topic{font-weight:600;color:var(--purple-dark);margin:0 0 18px}
.landing-hero h1{font-size:clamp(2.65rem,4.3vw,4.6rem);max-width:18ch;line-height:1.04;letter-spacing:-.045em}
.landing-hero .lead{font-size:1.12rem;max-width:62ch;margin:24px 0}
.landing-hero .hero-actions{gap:12px;align-items:stretch}
.landing-hero .button{white-space:normal;text-align:center;max-width:100%}
.landing-screen{margin:0}
.landing-screen img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line);box-shadow:0 18px 45px rgba(30,26,46,.10)}
.landing-screen figcaption{margin-top:14px;font-size:.88rem;color:var(--muted)}
.landing-content{padding:24px 0 64px}
.landing-sections{max-width:1060px}
.landing-section{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:64px;padding:46px 0;border-bottom:1px solid var(--line)}
.landing-section h2{font-size:clamp(1.65rem,2.4vw,2.4rem);line-height:1.12;max-width:24ch}
.landing-section p{font-size:1.08rem;line-height:1.7;margin:0;max-width:66ch;color:var(--ink-soft)}
.landing-faq{background:var(--mint);padding:68px 0}
.landing-faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px}
.landing-faq h2,.landing-related h2,.landing-close h2{font-size:clamp(1.8rem,2.9vw,3rem);line-height:1.1;max-width:24ch}
.landing-faq .faq{margin:0;min-width:0}
.landing-faq details summary{line-height:1.4}
.landing-related{padding:64px 0}
.landing-related ul{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:14px 30px}
.landing-related a{text-decoration:underline;text-underline-offset:5px;color:var(--purple-dark);display:inline-block;padding:9px 0}
.landing-close{padding:64px 0;background:var(--lavender)}
.landing-close-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.48fr);gap:56px;align-items:center}
.landing-close p{max-width:65ch;margin:24px 0 0}
.landing-close .button{white-space:normal;text-align:center;justify-self:end;max-width:100%}
@media(max-width:1000px){.landing-hero-grid{grid-template-columns:1fr;gap:40px}.landing-hero h1{max-width:24ch}.landing-screen{max-width:850px}.landing-section,.landing-faq-grid{gap:32px}.landing-close-grid{grid-template-columns:1fr;gap:28px}.landing-close .button{justify-self:start}}
@media(max-width:600px){.landing-hero{padding:42px 0}.landing-hero h1{font-size:2.55rem;line-height:1.07;max-width:100%}.landing-hero-grid{gap:30px}.landing-section{grid-template-columns:1fr;gap:18px;padding:32px 0}.landing-section p{font-size:1.02rem}.landing-content{padding-bottom:38px}.landing-faq,.landing-related,.landing-close{padding:40px 0}.landing-faq-grid{grid-template-columns:1fr;gap:24px}.landing-related ul{display:grid;gap:8px}.landing-hero .hero-actions .button{width:100%}}