/* Manrope 400 / 600: typography from brandbook v1.2, as recorded in Контент. */
:root{--brand-gradient:linear-gradient(135deg,#1d4ed8 0%,#238bec 48%,#00c48c 100%);--font:'Manrope',Arial,sans-serif}
body{font-weight:400}h1,h2,h3,h4,.hero h1,.section-head h2,.scene-copy h2,.warranty-grid h2,.solution-grid h2{font-weight:600!important}
.btn,.kicker,.step-num,.solution-steps b,.warranty-features b,.trust-item b,.mat-caption b,.trust-qa h3,.stat-text b{font-weight:600}
.logo-text{font-weight:800}.hero-photo-layout{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;padding:0;background:#f5f8ff;overflow:hidden;min-height:610px}
.hero-copy{align-self:center;padding:72px 30px 72px max(4vw,calc((100vw - 1120px)/2));position:relative;z-index:2}
.hero-photo-layout h1{font-size:clamp(38px,4.1vw,60px);line-height:1.14;letter-spacing:-.045em;max-width:600px}
.hero-photo-layout .hero-sub{margin:25px 0 42px;font-size:clamp(18px,1.6vw,23px)}.hero-photo-layout .hero-green{background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;display:block;margin-top:5px}
.hero-photo-panel,.scene-photo-panel{position:relative;min-width:0;overflow:hidden;isolation:isolate}
.hero-scene-photo,.scene-photo-panel>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:48% center}
.hero-photo-panel .hero-price{position:absolute;bottom:34px;left:105px;z-index:3;background:#ffffffed;backdrop-filter:blur(10px);padding:12px 23px;border-radius:16px;margin:0;box-shadow:0 8px 30px #0b1f4b12}
.hero-price strong{font-size:32px;font-weight:600;color:var(--blue-dark);white-space:nowrap}
.wave-divider{position:absolute;pointer-events:none;z-index:2;fill:#f5f8ff}.wave-vertical{height:calc(100% + 2px);width:90px;left:-1px;top:-1px}.wave-horizontal{display:none}
.phone-mockup{width:min(310px,90%);padding:12px;border-radius:40px}.phone-screen{position:relative;aspect-ratio:588/1046;overflow:hidden;border-radius:28px;background:#eef6fa}.phone-screen img{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;transform:translateY(-7.03%);border-radius:0}
.materials-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#eef3fe 0%,#e6f2ff 50%,#e9f9ef 100%)!important}
.materials-section:before{content:"";position:absolute;width:600px;height:600px;right:-180px;top:-200px;background:var(--brand-gradient);opacity:.13;filter:blur(65px);border-radius:50%;z-index:-1}
.materials-section .mat-photo{animation:materialFloat 7s ease-in-out infinite;will-change:transform}.materials-section .mat-photo-fig:nth-child(2) .mat-photo{animation-delay:-3.5s}
.warranty-visual{padding:15px 15px 65px;overflow:hidden;background:linear-gradient(140deg,#eef3fe,#e9f9ef)}.warranty-cards{position:relative;width:100%;height:370px}
.warranty-card{position:absolute;width:72%;height:330px;object-fit:contain;filter:drop-shadow(0 18px 20px #0b1f4b20)}
.warranty-card-light{left:-1%;top:0;transform:rotate(-10deg);z-index:2}.warranty-card-dark{right:-2%;top:28px;transform:rotate(11deg);z-index:1}
.warranty-mark{bottom:20px;left:28px;font-size:21px}.warranty-mark small{font-size:11px}
.warranty-features li{border-left:0;position:relative;padding-left:21px}.warranty-features li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:10px;background:var(--brand-gradient)}
.scene-split{display:grid;grid-template-columns:1fr 1fr;min-height:565px;background:#f5f8ff;overflow:hidden}.scene-copy{align-self:center;padding:68px 45px 68px max(4vw,calc((100vw - 1120px)/2))}
.scene-copy .kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--green-600)}.scene-copy h2{font-size:clamp(32px,3.4vw,46px);line-height:1.16;letter-spacing:-.035em;color:var(--blue-dark);margin:20px 0 25px}.scene-copy p{font-size:20px;line-height:1.5;color:var(--blue-dark);max-width:420px}.scene-detail{display:block;color:var(--muted);font-size:14px;line-height:1.7;max-width:390px;margin-top:18px}.scene-photo-panel>img{object-position:44% center}
.trust-qa{position:relative;border-left:1px solid var(--line);overflow:hidden;padding-left:24px}.trust-qa:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand-gradient)}
/* Keep the live site's problem section appearance and typography intact. */
#problem h2{font-weight:800!important}#problem .stat-card{border:1px solid var(--line);box-shadow:var(--shadow)}#problem .stat-text b{font-weight:700}
@keyframes materialFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@media(max-width:1000px){.hero-photo-layout{min-height:545px}.hero-copy{padding-left:4vw}.hero-photo-layout h1{font-size:43px}.hero-photo-panel .hero-price{left:80px}.warranty-cards{height:300px}.warranty-card{height:270px}.scene-copy{padding-left:4vw}}
@media(max-width:760px){.hero-photo-layout,.scene-split{grid-template-columns:1fr}.hero-copy{padding:44px 6% 32px}.hero-photo-layout h1{font-size:clamp(36px,7.5vw,52px);max-width:550px}.hero-photo-layout .hero-sub{margin:20px 0 28px}.hero-photo-panel{height:380px}.hero-scene-photo{object-position:center 62%}.wave-vertical{display:none}.wave-horizontal{display:block;top:-1px;left:-1px;width:calc(100% + 2px);height:22px}.hero-photo-panel .hero-price{bottom:22px;left:6%;padding:10px 20px}.hero-price strong{font-size:28px}.materials-section .mat-photo{max-width:260px}.warranty-cards{height:340px}.warranty-card{height:310px}.scene-copy{padding:48px 6% 28px}.scene-copy h2{font-size:clamp(32px,6.8vw,44px);max-width:520px}.scene-copy p{font-size:18px}.scene-photo-panel{height:410px}.scene-photo-panel>img{object-position:42% center}}
@media(max-width:400px){.hero-photo-panel{height:325px}.hero-photo-layout h1{font-size:35px}.phone-mockup{width:280px}.warranty-cards{height:280px}.warranty-card{height:260px}.scene-photo-panel{height:330px}}
@media(prefers-reduced-motion:reduce){.materials-section .mat-photo{animation:none;will-change:auto}}