/* First screen design, based on the approved reference direction. Other sections stay in styles.css. */
@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url('assets/inter-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url('assets/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--hero-bg:#F4F4F6;--hero-ink:#24252A;--hero-accent:#F9392A}
.site-header,.hero,.trust-strip{color:var(--hero-ink);background:var(--hero-bg)}
.site-header .container,.hero .container,.trust-strip .container{width:min(1280px,calc(100% - 64px))}
.site-header{position:absolute}.header-inner{height:102px;border:0;gap:48px}
.site-header .brand{display:flex;flex:0 0 auto;width:105px;align-items:center}
.site-header .brand img{display:block;width:100%;height:auto}
.site-header .desktop-nav{gap:42px;font-size:15px;font-weight:600}
.site-header .header-contact{display:flex;align-items:center;gap:10px;margin-left:auto}
.site-header .header-phone{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800}
.site-header .header-phone svg{width:24px;height:24px;color:var(--hero-accent)}
.site-header .header-social{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;transition:transform .2s,opacity .2s}
.site-header .header-social:hover{transform:translateY(-2px);opacity:.8}
.site-header .header-social img{width:100%;height:100%}
.site-header .menu-toggle span{background:var(--hero-ink)}
.hero{min-height:680px;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:center;gap:28px;min-height:680px;padding-top:102px}
.hero-copy{width:100%;padding:25px 0 60px;align-self:center;position:relative;z-index:2}
.hero h1{max-width:none;margin:0 0 28px;color:var(--hero-ink);font-size:clamp(3rem,4.36vw,4.8rem);font-weight:600;line-height:1.08;letter-spacing:-.055em}
.hero-lead{max-width:525px;margin-bottom:18px;color:#5C5D62;font-size:19px;line-height:1.55}
.cities-line{display:inline-block;max-width:100%;margin:0 0 24px;padding:9px 14px;border:1px solid var(--hero-ink);border-radius:12px;color:var(--hero-ink);font-size:14px;font-weight:500;line-height:1.45}
.hero-actions{gap:12px;flex-wrap:nowrap}.hero .button-dark{min-width:0;min-height:60px;justify-content:space-between;padding:16px 20px;border-radius:15px;background:var(--hero-accent);color:#fff;font-size:15px;font-weight:600;white-space:nowrap}
.hero .button-dark:hover{background:#D92D21}.hero .button-dark span{font-size:27px}
.hero-visual{position:relative;min-width:0;width:100%;align-self:center;transform:translate(25px,20px)}
.hero-visual img{width:100%;height:auto;display:block;filter:drop-shadow(0 28px 27px rgba(36,37,42,.08))}
.visual-pill{position:absolute;z-index:2;display:block;padding:18px 22px;border-radius:23px;background:rgba(255,255,255,.95);box-shadow:0 14px 35px rgba(36,37,42,.07);color:var(--hero-ink);font-size:15px;font-weight:600;line-height:1.25;white-space:nowrap}
.visual-pill strong{font-weight:800}.visual-pill-top{top:11%;left:2%}.visual-pill-bottom{right:1%;bottom:13%}
.trust-strip{padding:0 0 58px}.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.trust-card{min-height:265px;display:flex;flex-direction:column;justify-content:space-between;padding:24px 24px 26px;border-radius:28px;background:#fff}
.trust-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--hero-accent);color:#fff}
.trust-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.trust-card p{max-width:235px;margin:0;color:var(--hero-ink);font-size:17px;font-weight:700;line-height:1.27;letter-spacing:-.035em}
.trust-card em{color:var(--hero-accent);font-style:normal}
.site-footer .brand img{display:block;width:76px;height:auto}
@media(max-width:1100px){.site-header .desktop-nav{gap:20px;font-size:13px}.site-header .header-phone{font-size:13px}.hero h1{font-size:clamp(2.55rem,4.48vw,3.85rem)}.hero-lead{font-size:16px}.trust-card{min-height:190px}.trust-card p{font-size:15px}}
@media(max-width:760px){.site-header .container,.hero .container,.trust-strip .container{width:min(100% - 32px,580px)}.header-inner{height:72px;gap:8px}.site-header .brand{width:76px}.site-header .header-contact{gap:5px}.site-header .header-social{width:31px;height:31px;flex-basis:31px}.site-header .header-phone{display:none}.site-header .menu-toggle{margin-left:5px}.site-header .mobile-nav:not([hidden]){background:var(--hero-bg)}.hero,.hero-inner{min-height:auto}.hero-inner{display:flex;flex-direction:column;gap:0;padding-top:72px}.hero-copy{padding:48px 0 0}.hero h1{font-size:clamp(2.55rem,8vw,3.6rem);margin-bottom:22px}.hero-lead{font-size:16px;margin-bottom:14px}.cities-line{font-size:13px;margin-bottom:22px}.hero .button-dark{min-height:56px;font-size:14px}.hero-visual{max-width:520px;margin:4px auto -20px;transform:none}.visual-pill{padding:11px 13px;border-radius:16px;font-size:11px}.visual-pill-top{top:8%;left:1%}.visual-pill-bottom{right:0;bottom:11%}.trust-strip{padding:18px 0 45px}.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trust-card{min-height:170px;padding:18px;border-radius:21px}.trust-card p{font-size:14px}.trust-icon{width:39px;height:39px}.trust-icon svg{width:22px;height:22px}}
@media(max-width:430px){.hero h1{font-size:clamp(2.15rem,8.96vw,2.6rem)}.hero-actions{flex-direction:column}.hero .button-dark{width:100%}.hero-visual{margin-top:0;margin-bottom:-8px}.visual-pill-top{top:9%;left:0}.visual-pill-bottom{bottom:8%;right:-2%}.trust-card{min-height:160px;padding:16px}.trust-card p{font-size:13px}}