.seo-landing { color: #2c3a3a; background: #fff; }
.seo-header { min-height: 92px; padding: 8px clamp(20px, 6vw, 84px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e8ece9; }
.seo-brand { display:flex; align-items:center; color:inherit; text-decoration:none; }
.seo-brand img { display:block; width:68px; height:68px; object-fit:contain; }
.seo-header nav { display:flex; align-items:center; gap:clamp(14px, 3vw, 34px); }
.seo-header nav a,.seo-text-link { color:#456665; font-weight:700; text-decoration:none; }
.seo-header nav a:hover,.seo-text-link:hover { text-decoration:underline; }
.seo-header .seo-header__shop { padding:11px 18px; border-radius:999px; background:#587776; color:#fff; }
.seo-hero { max-width:1320px; min-height:570px; margin:auto; padding:clamp(36px, 7vw, 92px) clamp(20px, 6vw, 84px); display:grid; grid-template-columns:1fr .84fr; align-items:center; gap:clamp(36px, 8vw, 110px); }
.seo-hero__copy { max-width:600px; }
.seo-eyebrow { margin:0 0 12px; color:#587776; font-size:.78rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.seo-hero h1 { margin:0 0 20px; font-size:clamp(2.25rem, 5vw, 4.1rem); line-height:1.08; letter-spacing:-.045em; }
.seo-hero__copy>p:not(.seo-eyebrow),.seo-section>p:not(.seo-eyebrow),.seo-guide p:not(.seo-eyebrow) { color:#566563; font-size:1.05rem; line-height:1.8; }
.seo-hero__product-link { display:block; border-radius:18px; }
.seo-hero__product-link:focus-visible { outline:3px solid #587776; outline-offset:4px; }
.seo-hero__image { width:100%; max-height:540px; object-fit:cover; border-radius:18px; }
.seo-hero__product-link:hover .seo-hero__image { filter:brightness(.97); }
.seo-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:28px; }
.seo-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border-radius:999px; background:#587776; color:#fff; font-weight:800; text-decoration:none; }
.seo-button:hover { background:#456665; }
.seo-section,.seo-faq { max-width:1180px; margin:0 auto; padding:72px 24px; }
.seo-section h2,.seo-guide h2,.seo-faq h2 { margin:0 0 12px; font-size:clamp(1.8rem,3vw,2.6rem); letter-spacing:-.035em; }
.seo-section>p:not(.seo-eyebrow) { max-width:700px; }
.seo-series-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:30px; }
.seo-series-grid article { padding:24px; border:1px solid #e6ebe8; border-radius:14px; background:#f7f8f6; }
.seo-series-grid h3 { margin:0 0 8px; font-size:1.05rem; }
.seo-series-grid p { margin:0; color:#566563; line-height:1.7; }
.seo-guide { padding:54px max(24px,calc((100vw - 1132px)/2)); display:flex; align-items:center; justify-content:space-between; gap:32px; background:#f3f7f5; }
.seo-guide>div { max-width:700px; }
.seo-button--light { flex:none; }
.seo-faq details { padding:18px 0; border-bottom:1px solid #e6ebe8; }
.seo-faq summary { color:#2c3a3a; font-weight:800; cursor:pointer; }
.seo-faq details p { margin:12px 0 0; color:#566563; line-height:1.75; }
.seo-faq details a,.seo-footer a { color:#456665; font-weight:700; }
.seo-footer { display:flex; justify-content:space-between; padding:24px clamp(20px,6vw,84px); border-top:1px solid #e8ece9; color:#617978; font-size:.9rem; }
@media(max-width:760px) {
  .seo-header { min-height:76px; align-items:center; gap:16px; }
  .seo-brand img { width:54px; height:54px; }
  .seo-header nav { flex-wrap:wrap; justify-content:flex-end; gap:12px; font-size:.88rem; }
  .seo-header .seo-header__shop { padding:8px 12px; }
  .seo-hero { grid-template-columns:1fr; gap:28px; }
  .seo-hero__image { max-height:none; aspect-ratio:1; }
  .seo-section,.seo-faq { padding-block:52px; }
  .seo-series-grid { grid-template-columns:1fr; }
  .seo-guide { align-items:flex-start; flex-direction:column; }
}