.seo-page{background:#f7fcfa}
.seo-page .topbar .button-small{white-space:nowrap}
.seo-hero{position:relative;overflow:hidden;padding:76px clamp(24px,7vw,112px) 82px;border-top:1px solid rgba(240,200,63,.5);background:radial-gradient(circle at 82% 12%,rgba(255,224,83,.22),transparent 25%),linear-gradient(135deg,#fff 0%,#e6f5ef 100%)}
.seo-hero:after{content:"";position:absolute;inset:0;opacity:.23;background-image:linear-gradient(rgba(7,84,69,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(7,84,69,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 10%,#000 88%);pointer-events:none}
.seo-shell{width:min(1180px,100%);margin:0 auto}
.seo-hero .seo-shell{position:relative;z-index:1}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:33px;color:#60766f;font-size:.76rem;font-weight:720}
.breadcrumbs a{border-bottom:1px solid rgba(7,84,69,.3)}
.breadcrumbs span[aria-hidden="true"]{color:#d7aa22}
.seo-hero h1{max-width:900px;margin:0;overflow-wrap:anywhere;hyphens:auto;font:400 clamp(3.05rem,6.5vw,6.45rem)/.96 var(--serif);letter-spacing:-.054em;text-wrap:balance;color:#073f34}
.seo-hero .seo-lead{max-width:790px;margin:29px 0 0;color:#4f6961;font-size:clamp(1.08rem,1.55vw,1.27rem);line-height:1.7}
.seo-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:34px}
.seo-hero-actions .text-link{border-bottom-color:#d7aa22}
.seo-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:68px;padding:82px clamp(24px,7vw,112px) 95px;background:#fff}
.seo-article{min-width:0}
.seo-article h2{margin:0 0 24px;font:400 clamp(2rem,3.5vw,3.35rem)/1.08 var(--serif);letter-spacing:-.035em;color:#073f34}
.seo-article h2:not(:first-child){margin-top:55px}
.seo-article h3{margin:42px 0 16px;font-size:1.28rem;line-height:1.35;color:#075445}
.seo-article p{max-width:760px;margin:0 0 20px;color:#536c64;font-size:1.02rem;line-height:1.78}
.seo-article ul{max-width:760px;margin:18px 0 29px;padding:0;list-style:none}
.seo-article li{position:relative;margin:10px 0;padding:11px 14px 11px 43px;border:1px solid rgba(20,127,102,.14);border-radius:12px;background:#f3faf7;color:#244b42}
.seo-article li:before{content:"✓";position:absolute;left:15px;top:10px;color:#bd941b;font-weight:950}
.seo-price{max-width:760px;margin:30px 0;padding:24px 27px;border:1px solid rgba(240,200,63,.65);border-radius:16px;background:linear-gradient(135deg,#fffbe5,#f0faf6)}
.seo-price p{margin:4px 0;color:#164f42;font-weight:760}
.seo-sidebar{align-self:start;position:sticky;top:112px}
.seo-contact-card{position:relative;overflow:hidden;padding:30px;border:1px solid rgba(255,226,108,.52);border-radius:8px 8px 48px 8px;background:linear-gradient(145deg,#08705a,#034438);color:#fff;box-shadow:0 28px 64px rgba(3,68,56,.19)}
.seo-contact-card:before{content:"";position:absolute;width:130px;height:130px;right:-70px;top:-70px;border:28px solid rgba(255,243,168,.12);border-radius:50%}
.seo-contact-card>*{position:relative}
.seo-contact-card .eyebrow{color:#d1e4de}
.seo-contact-card h2{margin:0 0 17px;font:400 2rem/1.1 var(--serif)}
.seo-contact-card p{margin:0 0 24px;color:#c7dcd5;font-size:.93rem;line-height:1.65}
.seo-contact-card .button{width:100%;min-height:48px;margin-top:9px;background:linear-gradient(135deg,#fff3a8,#efc334);color:#064638;box-shadow:none}
.seo-contact-card .email-link{display:block;margin-top:18px;color:#fff3a8;font-size:.82rem;font-weight:760;overflow-wrap:anywhere}
.seo-related{padding:72px clamp(24px,7vw,112px);border-top:1px solid rgba(240,200,63,.42);background:#e6f5ef}
.seo-related .seo-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px 72px;align-items:start}
.seo-related h2{margin:0;font:400 clamp(2rem,3.5vw,3.25rem)/1.05 var(--serif);letter-spacing:-.035em;color:#073f34}
.seo-related-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.seo-related-links a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:14px 17px;border:1px solid rgba(20,127,102,.18);border-radius:12px;background:rgba(255,255,255,.72);color:#174e42;font-size:.88rem;font-weight:770;transition:border-color .2s ease,transform .2s ease}
.seo-related-links a:hover{transform:translateY(-2px);border-color:#f0c83f}
.seo-related-links a span{color:#b98d14}
.seo-site-links{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:11px;padding-top:25px;border-top:1px solid rgba(7,84,69,.16)}
.seo-site-links strong{margin-right:7px;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#57726a}
.seo-site-links a{padding:8px 13px;border:1px solid rgba(7,84,69,.18);border-radius:999px;background:#fff;color:#174e42;font-size:.79rem;font-weight:770}
.seo-page footer{border-top:1px solid rgba(240,200,63,.55)}

@media(max-width:980px){
  .seo-main{grid-template-columns:1fr;gap:52px}.seo-sidebar{position:static}.seo-contact-card{max-width:620px}
  .seo-related .seo-shell{grid-template-columns:1fr;gap:34px}.seo-site-links{grid-column:auto}
}
@media(max-width:700px){
  .seo-page .topbar{position:sticky}.seo-page .header-actions{display:none}.seo-page .brand-logo{width:180px}
  .seo-hero{padding:48px 20px 60px}.breadcrumbs{margin-bottom:25px}.seo-hero h1{font-size:clamp(2.75rem,14vw,4.2rem)}
  .seo-hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.seo-main{padding:60px 20px 72px}.seo-article h2:not(:first-child){margin-top:44px}
  .seo-related{padding:58px 20px}.seo-related-links{grid-template-columns:1fr}.seo-site-links{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.seo-related-links a{transition:none}}
