.seo-page { background: #f4f8f5; color: #073c31; }
.seo-page .site-header {
  position: relative;
  background: #043a2e;
  color: #fff;
  box-shadow: 0 12px 32px rgba(2, 45, 37, .18);
}
.seo-page .site-header::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .07;
  background-image: linear-gradient(#fff 1px, transparent 1px), linear-gradient(90deg, #fff 1px, transparent 1px);
  background-size: 70px 70px;
}
.seo-hero { padding: 96px max(6vw, 28px) 76px; background: linear-gradient(135deg,#064f3f,#0d7656); color: #fff; }
.seo-hero-inner,.seo-content { width: min(1160px,100%); margin: 0 auto; }
.seo-breadcrumbs { display:flex; gap:9px; flex-wrap:wrap; margin-bottom:32px; font-size:.82rem; color:#cde6d9; }
.seo-breadcrumbs a { color:#fff; }
.seo-hero h1 { max-width:900px; margin:0 0 24px; font-size:clamp(2.5rem,6vw,5.4rem); line-height:.96; letter-spacing:-.045em; }
.seo-hero p { max-width:780px; margin:0; color:#dcece5; font-size:clamp(1.05rem,2vw,1.32rem); line-height:1.65; }
.seo-content { padding:76px 24px 100px; }
.seo-lead-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr); gap:42px; align-items:start; }
.seo-content h2 { margin:0 0 18px; font-size:clamp(1.8rem,3.4vw,3rem); line-height:1.08; letter-spacing:-.03em; }
.seo-content h3 { margin:0 0 10px; font-size:1.22rem; }
.seo-content p,.seo-content li { color:#496b63; line-height:1.75; }
.seo-content section { margin-top:72px; }
.seo-summary { padding:28px; border:1px solid #bcd8cc; border-radius:18px; background:#fff; box-shadow:0 18px 50px rgba(4,61,49,.08); }
.seo-summary strong { display:block; margin-bottom:14px; font-size:1.12rem; }
.seo-summary ul { margin:0; padding-left:20px; }
.seo-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.seo-card { padding:26px; border:1px solid #c5ddd2; border-radius:16px; background:#fff; }
.seo-card span { display:inline-grid; place-items:center; width:34px; height:34px; margin-bottom:28px; border-radius:50%; background:#dff2e7; color:#08704d; font-weight:800; }
.seo-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; counter-reset:step; }
.seo-flow article { padding:24px; border-top:3px solid #159663; background:#fff; }
.seo-flow article::before { counter-increment:step; content:"0" counter(step); display:block; margin-bottom:22px; color:#159663; font-weight:800; }
.seo-faq details { padding:20px 0; border-top:1px solid #c5ddd2; }
.seo-faq summary { cursor:pointer; font-weight:800; font-size:1.08rem; }
.seo-faq p { max-width:850px; margin-bottom:0; }
.seo-related { padding:34px; border-radius:20px; background:#073f34; color:#fff; }
.seo-related h2 { color:#fff; }
.seo-related-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.seo-related a { padding:18px; border:1px solid rgba(255,255,255,.24); border-radius:11px; color:#fff; font-weight:750; }
.seo-related a:hover { background:#fff; color:#073f34; }
.seo-index { padding:88px max(6vw,28px); background:#eef6f1; }
.seo-index-inner { width:min(1400px,100%); margin:auto; }
.seo-index h2 { margin:0 0 16px; font-size:clamp(2rem,4vw,4rem); letter-spacing:-.04em; }
.seo-index-intro { max-width:760px; margin-bottom:36px; color:#577169; line-height:1.7; }
.seo-index-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.seo-index-card { min-height:220px; padding:28px; border:1px solid #c5ddd2; border-radius:18px; background:#fff; color:#073c31; }
.seo-index-card small { color:#13835c; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.seo-index-card h3 { margin:42px 0 10px; font-size:1.45rem; }
.seo-index-card p { margin:0; color:#5b746d; line-height:1.55; }
@media (max-width:900px){.seo-lead-grid,.seo-card-grid,.seo-related-links,.seo-index-grid{grid-template-columns:1fr 1fr}.seo-flow{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.seo-hero{padding-top:68px}.seo-lead-grid,.seo-card-grid,.seo-related-links,.seo-index-grid,.seo-flow{grid-template-columns:1fr}.seo-content{padding-inline:18px}.seo-page .site-footer{margin-top:0}}
