.hero{background:#071624;overflow:hidden}
.hero:before{background:radial-gradient(ellipse at 80% 45%,#173b51 0%,transparent 58%)}
.hero-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;padding-top:40px;padding-bottom:36px;min-height:650px}
.hero-copy{min-width:0;z-index:3}
.hero h1{font-size:clamp(38px,4vw,64px)}
.hero-actions{flex-wrap:wrap}
.hero-stage{position:relative;align-self:stretch;min-width:0;min-height:570px;isolation:isolate}
.hero-person{position:absolute;inset:20px 0 0 25px;overflow:hidden;border-radius:190px 190px 24px 24px;border:1px solid #355367;background:#142d3e;box-shadow:0 24px 70px #0006}
.hero-person img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 40%}
.hero-person:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071624b3,transparent 38%)}
.hero-person-label{position:absolute;bottom:22px;left:28px;z-index:1;color:#fff;font-size:18px;font-weight:700}
.hero-person-label small{display:block;color:#cfdeea;font-size:13px;font-weight:400;margin-top:5px}
.avito-counter{position:absolute;z-index:3;bottom:74px;left:-16px;min-width:220px;padding:22px 26px;background:#fff;color:#102334;border-radius:18px;box-shadow:0 16px 48px #0005;border:1px solid #e3ebf0}
.avito-wordmark{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:800}
.avito-dots{display:grid;grid-template-columns:repeat(2,7px);gap:3px;transform:rotate(-10deg)}
.avito-dots i{width:7px;height:7px;border-radius:50%;background:#00aaff}.avito-dots i:nth-child(2){background:#965eeb}.avito-dots i:nth-child(3){background:#97cf26}.avito-dots i:nth-child(4){background:#ff6163}
.avito-counter strong{display:block;font-size:52px;line-height:1.1;letter-spacing:-2px;font-variant-numeric:tabular-nums;margin-top:12px;color:#102334}
.avito-counter p{margin:8px 0 0;font-size:14px;color:#536577}
.hero-stage .arrival-discount{position:absolute;right:-4px;top:10px;z-index:4;padding:13px 20px;border-radius:10px;background:#f2113a;color:white;font-size:17px;font-weight:800;transform:rotate(5deg)}
.arrival-discount small{display:block;font-size:12px;font-weight:400;margin-top:3px}
.hero-stage .hero-person{animation:masterArrival 1.2s cubic-bezier(.2,.75,.25,1) both}
.hero-stage .avito-counter{animation:counterArrival .85s .65s cubic-bezier(.2,.75,.25,1) both}
@keyframes masterArrival{from{opacity:0;transform:translateX(130px)}to{opacity:1;transform:translateX(0)}}
@keyframes counterArrival{from{opacity:0;transform:translate(40px,18px) scale(.96)}to{opacity:1;transform:translate(0,0) scale(1)}}
.hero .hero-signature,.hero .discount{display:none}
.hero-trust{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 20px;margin:0;background:#07162499;box-shadow:none;border-radius:12px}
.hero-trust>div{padding:17px 12px;border-bottom:0;gap:10px}.hero-trust>div>span{width:28px;height:28px;flex-basis:28px;font-size:16px}
.hero-trust b{font-size:13px}.hero-trust small{font-size:11px;line-height:1.4}
@media(max-width:1000px){.hero-inner{gap:24px}.hero-stage{min-height:510px}.avito-counter{left:0;min-width:190px;padding:18px}.avito-counter strong{font-size:44px}.hero-trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding:30px 20px 24px}.hero-copy{max-width:100%}.hero-stage{width:min(440px,100%);align-self:center;min-height:470px}.hero-person{inset:15px 0 0 25px}.hero-trust{display:grid;max-width:none;margin:0}.avito-counter{bottom:68px}.hero-stage .arrival-discount{right:0}}
@media(max-width:560px){.hero-inner{padding:25px 15px 22px}.hero h1{font-size:clamp(31px,8.8vw,44px)}.hero-stage{min-height:410px}.hero-person{inset:14px 0 0 16px}.avito-counter{min-width:172px;padding:16px 19px;bottom:66px;border-radius:14px}.avito-counter strong{font-size:40px}.avito-counter p{font-size:12px}.hero-person-label{left:22px;bottom:18px;font-size:16px}.hero-trust{grid-template-columns:1fr;padding:8px 12px}.hero-trust>div{padding:10px 5px}.hero-stage .arrival-discount{font-size:15px;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.hero-stage .hero-person,.hero-stage .avito-counter{animation:none}}

.sr-count{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}