/* Hero главной страницы и привязка пузырей к контейнеру */
.has-bubbles{position:relative;overflow:hidden;isolation:isolate}
.has-bubbles>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.has-bubbles>.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,14,17,.88) 0%,rgba(4,18,20,.6) 50%,rgba(4,18,20,.1) 100%),linear-gradient(0deg,rgba(4,12,15,.4),transparent 38%)}
.has-bubbles>.bubbles-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.has-bubbles>.container{position:relative;z-index:1}
.hero{color:#fff;background:#0f2a2b;min-height:min(720px,calc(100vh - var(--hdr)));display:flex;align-items:center}
.hero>.container{padding-top:clamp(56px,8vw,96px);padding-bottom:clamp(96px,10vw,120px)}
.hero-copy{max-width:min(720px,54%)}
.hero .kicker,.page-hero .kicker,.breadcrumbs,.hero-actions,.page-hero .actions{width:fit-content;max-width:100%}
.hero h1{font-size:clamp(36px,5.2vw,72px);line-height:1.05;letter-spacing:-.035em;margin:22px 0 20px;overflow-wrap:break-word}
.hero p.lead{color:#dcece4;max-width:600px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-proof{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:34px;color:#d5e9df;font-size:12px}
.hero-line{position:absolute;left:0;right:0;bottom:0;z-index:1;border-top:1px solid rgba(255,255,255,.22);padding:14px clamp(18px,4.5vw,64px);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#c3d9ce;font-size:10px;letter-spacing:1.4px}
.page-hero.has-bubbles>.container{padding-bottom:clamp(96px,10vw,110px)}
@media(max-width:899px){
 .hero-copy{max-width:100%}
 .page-hero.has-bubbles>.container{padding-bottom:130px}
 .hero{min-height:0;align-items:flex-start}
 .hero>.container{padding-bottom:190px}
 .has-bubbles>.shade{background:linear-gradient(180deg,rgba(3,14,17,.85) 0%,rgba(4,18,20,.7) 60%,rgba(4,18,20,.35) 100%)}
 .hero-line{display:none}
}