.seo-page{background:#fff}
.seo-page .site-header{border-bottom:1px solid var(--line)}
.seo-breadcrumbs{padding-top:34px;color:#64748b;font-size:13px}
.seo-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.seo-breadcrumbs li+li::before{content:"/";margin-right:8px;color:#cbd5e1}
.seo-breadcrumbs a:hover{color:var(--orange-dark)}
.seo-hero{padding:72px 0 82px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:70px}
.seo-hero h1{max-width:780px;margin:0;color:var(--navy);font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-.055em}
.seo-hero .intro{margin-bottom:30px}
.seo-hero-card{padding:34px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#fff7ed,#fff);box-shadow:0 24px 60px #0f172a12}
.seo-hero-card strong{display:block;margin-bottom:18px;color:var(--navy);font-size:20px}
.seo-hero-card ul{margin:0;padding:0;list-style:none}
.seo-hero-card li{padding:12px 0;border-top:1px solid #fed7aa;color:#475569;line-height:1.5}
.seo-hero-card li::before{content:"✓";margin-right:10px;color:var(--orange);font-weight:900}
.seo-value-wrap{padding:85px 0;background:var(--surface)}
.seo-heading{max-width:760px;margin:0 auto 42px;text-align:center}
.seo-heading h2{margin:0;color:var(--navy);font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.04em}
.seo-heading p{margin:18px 0 0;color:var(--muted);font-size:17px;line-height:1.7}
.seo-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.seo-value-card{padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}
.seo-value-card span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:var(--orange-dark);background:var(--orange-soft);font-weight:900}
.seo-value-card h3{margin:22px 0 10px;color:var(--navy);font-size:21px}
.seo-value-card p{margin:0;color:var(--muted);line-height:1.7}
.seo-content{padding:90px 0;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:85px}
.seo-prose{max-width:760px}
.seo-prose section+section{margin-top:58px;padding-top:58px;border-top:1px solid var(--line)}
.seo-prose h2{margin:0 0 20px;color:var(--navy);font-size:clamp(29px,3vw,39px);line-height:1.15;letter-spacing:-.035em}
.seo-prose p{margin:0 0 18px;color:#526077;font-size:17px;line-height:1.8}
.seo-prose ul,.seo-prose ol{margin:24px 0;padding-left:24px;color:#526077}
.seo-prose li{margin:12px 0;line-height:1.65}
.seo-aside{align-self:start;position:sticky;top:24px;padding:28px;border-radius:18px;color:#fff;background:var(--navy)}
.seo-aside h2{margin:0 0 12px;font-size:24px}
.seo-aside p{margin:0 0 22px;color:#cbd5e1;line-height:1.65}
.seo-aside .button{width:100%}
.seo-faq-wrap{padding:85px 0;background:var(--surface)}
.seo-faq-list{max-width:850px;margin:auto}
.seo-faq-list details{border-top:1px solid var(--line);background:#fff}
.seo-faq-list details:last-child{border-bottom:1px solid var(--line)}
.seo-faq-list summary{padding:24px;display:flex;justify-content:space-between;gap:20px;color:var(--navy);font-weight:800;cursor:pointer;list-style:none}
.seo-faq-list summary::-webkit-details-marker{display:none}
.seo-faq-list summary::after{content:"+";color:var(--orange);font-size:20px}
.seo-faq-list details[open] summary::after{content:"−"}
.seo-faq-list p{margin:-4px 24px 24px;color:var(--muted);line-height:1.7}
.seo-related{padding:85px 0}
.seo-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.seo-related a{padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:.2s}
.seo-related a:hover{border-color:#fdba74;transform:translateY(-2px);box-shadow:0 14px 35px #0f172a0d}
.seo-related strong,.seo-related span{display:block}
.seo-related strong{color:var(--navy);font-size:18px}
.seo-related span{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.5}
@media(max-width:900px){.seo-hero{grid-template-columns:1fr;gap:38px}.seo-value-grid,.seo-related-grid{grid-template-columns:1fr}.seo-content{grid-template-columns:1fr;gap:45px}.seo-aside{position:static}.seo-hero-card{max-width:650px}}
@media(max-width:720px){.seo-breadcrumbs{padding-top:22px}.seo-hero{padding:50px 0 65px}.seo-hero h1{font-size:43px}.seo-value-wrap,.seo-faq-wrap,.seo-related{padding:65px 0}.seo-content{padding:65px 0}.seo-value-card{padding:24px}}
