.seo-page a.seo-hero-offer{display:flex;align-items:center;gap:14px;width:fit-content;max-width:100%;margin:22px 0;padding:14px 18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.35);border-radius:12px;color:#fff;text-decoration:none;font-size:15px;line-height:1.4}
.seo-hero-offer__badge{flex:none;background:#d92c04;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.seo-hero-offer__content{min-width:0}
.seo-hero-offer__title{display:block;font-size:17px;line-height:1.4;margin-bottom:3px}
.seo-hero-offer__text{display:block;font-size:13px;color:rgba(255,255,255,.85)}
.seo-hero-offer__arrow{font-size:22px;margin-left:auto}
.seo-page a.seo-hero-offer:hover{background:rgba(255,255,255,.16)}
.seo-page a.seo-hero-offer:focus-visible{outline:3px solid #0097ea;outline-offset:4px}
@media(max-width:690px){.seo-page a.seo-hero-offer{flex-wrap:wrap;padding:14px;gap:10px}.seo-hero-offer__content{flex-basis:100%}.seo-hero-offer__arrow{display:none}}

/* Keep the expanded offer readable without overflowing the first screen. */
.seo-page main>section:first-child{padding-top:16px}
.seo-page .hero{padding-block:32px}
.seo-page .hero__inner{max-width:100%;min-width:0}
.seo-page .hero h1{font-size:clamp(32px,3.2vw,72px);line-height:1.05;overflow-wrap:normal}
.seo-page .hero__sub{max-width:65ch;margin-bottom:0}
.seo-page .hero__cta{margin-top:20px}
.seo-page .seo-hero-offer{max-width:100%;margin-top:22px}
.seo-page #seo-reasons,.seo-page #seo-work{scroll-margin-top:110px}
@media(max-width:1620px){.seo-page .nav__menu,.seo-page .nav__phone{display:none}.seo-page .burger{display:grid;flex-shrink:0}}
@media(max-width:690px){
 .seo-page .hero{padding:24px 18px;border-radius:20px}
 .seo-page .hero h1{font-size:clamp(22px,5vw,32px)}
 .seo-page .hero__sub{font-size:15px}
 .seo-page .hero__cta .btn{width:100%;min-width:0;padding-inline:16px}
 .seo-page .seo-hero-offer__title{overflow-wrap:anywhere}
 .seo-page .card{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:480px){
 .seo-page .brand{font-size:19px;gap:8px;white-space:nowrap}
 .seo-page .brand__dot{width:16px;height:16px}
 .seo-page .nav{gap:6px}
 .seo-page .nav__icons{gap:6px}
 .seo-page .icon-btn,.seo-page .burger{width:30px;height:32px;flex-shrink:0;padding:4px}
 .seo-page .icon-btn svg{width:18px;height:18px}
 .seo-page .nav__icons>a:last-child{display:none}
 .seo-page .crumbs{font-size:10px;gap:5px;flex-wrap:wrap}
}

@media(max-width:760px){.seo-page .seo-reasons__layout{grid-template-columns:minmax(0,1fr)}.seo-page .seo-reasons__tabs,.seo-page .seo-reasons__panels{min-width:0}.seo-page .seo-reasons__tab b{min-width:0;overflow-wrap:anywhere}}
@media(max-width:360px){.seo-page .hero h1{font-size:18px}.seo-page .hero__cta .btn{font-size:13px;padding-inline:10px;gap:8px}.seo-page .hero__cta .btn__ico{display:none}}

@media(max-width:480px){.seo-page main p,.seo-page main h3{overflow-wrap:anywhere}.seo-page .seo-reasons__visual{flex-wrap:wrap;gap:12px}.seo-page .seo-work__button{white-space:normal;text-align:center;padding-inline:12px;max-width:100%}.seo-page .seo-reasons__label{overflow-wrap:anywhere;max-width:100%}}
