/* itf-hero-20260923: типографика под новый «карандашный хай-тек» логотип.
   Надзаголовок — плашка с тонкой схемотехнической рамкой; заголовки — Unbounded;
   текст — Rubik с контрастом ≥ 7:1 на кремовом фоне (вместо бледного Jost Light). */
.hero-logo-top{width:clamp(240px,34vw,420px);height:auto;mix-blend-mode:normal;filter:drop-shadow(0 6px 22px rgba(120,50,0,.12));margin-bottom:clamp(14px,2.2vw,24px)}
.hero-eyebrow{font-family:"Rubik",system-ui,sans-serif !important;font-weight:500;font-size:clamp(.8125rem,1.6vw,.9375rem) !important;letter-spacing:.14em;text-transform:uppercase;color:#7a3d00;
  display:inline-flex;align-items:center;gap:10px;padding:7px 16px;margin:0 auto 18px;border:1px solid rgba(139,58,0,.28);border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,243,224,.65));box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(139,58,0,.08)}
.hero-eyebrow::before,.hero-eyebrow::after{content:"";width:18px;height:1px;background:linear-gradient(90deg,transparent,#d97000);flex:none}
.hero-eyebrow::after{transform:scaleX(-1)}
.hero-title{font-family:"Unbounded",system-ui,sans-serif;font-weight:700;font-size:clamp(1.9rem,4.6vw,3.6rem) !important;line-height:1.12;letter-spacing:-.015em;color:#1a0a00;
  max-width:19ch;margin:0 auto 16px;text-wrap:balance}
.hero-title span{color:#9c4f00;background:linear-gradient(90deg,#d97000,#8b3a00) 0 100%/100% 2px no-repeat;padding-bottom:.04em}
.hero-title-sub{font-family:"Rubik",system-ui,sans-serif !important;font-weight:400;font-size:clamp(1.0625rem,2.2vw,1.3125rem) !important;line-height:1.5 !important;letter-spacing:0;color:#2d1200;
  max-width:40ch;margin:0 auto 14px;text-wrap:pretty}
.hero-subtitle{font-family:"Rubik",system-ui,sans-serif !important;font-weight:400;font-size:clamp(1rem,1.8vw,1.0625rem) !important;line-height:1.6 !important;letter-spacing:.01em;color:#5a2e0c;
  max-width:52ch;font-variant-numeric:tabular-nums}
.hero-subtitle br+*,.hero-subtitle{word-spacing:.02em}
.hero-cta{font-family:"Rubik",system-ui,sans-serif !important;font-weight:500;letter-spacing:.02em !important;text-transform:none !important;font-size:1rem !important}
.urgency-banner{font-family:"Rubik",system-ui,sans-serif}
.nav-logo-img,.footer-logo-img{image-rendering:auto}
@media (max-width:600px){.hero-eyebrow{letter-spacing:.08em;padding:6px 12px}.hero-eyebrow::before,.hero-eyebrow::after{display:none}.hero-title{max-width:none}}

/* fix-mobile 23.09.2026 (M3, M6, T12) — главная, только CSS, порядок блоков в HTML не меняется. */
html{overflow-x:clip}
/* T12/CLS: свечение не зависит от высоты hero (раньше top:50% сдвигалось при загрузке шрифтов) */
.hero-glow{top:calc(50vh - min(40vw,300px))!important;transform:translateX(-50%)!important}
@media (max-width:600px){
  /* M6: CTA и телефон — на первом экране */
  #hero{min-height:0!important;padding:72px 16px 28px!important;align-items:flex-start}
  .hero-logo-top{width:120px!important;margin-bottom:10px!important}
  .hero-eyebrow{margin-bottom:10px!important}
  .hero-title{margin-bottom:10px!important}
  .hero-inner{max-width:100%!important}
  .hero-inner>.hero-cta-group{order:3;margin-top:6px!important;gap:10px!important}
  .hero-inner>.hero-title-sub{order:4;margin-top:16px!important}
  .hero-inner>.hero-subtitle{order:5}
  .hero-cta-group .hero-cta{width:100%;max-width:340px}
  .hero-scroll-hint{display:none!important}
  /* M6: плавающая кнопка чата — 48px, в углу, без анимации; контент внизу не перекрывается */
  .floating-whatsapp{width:48px!important;height:48px!important;padding:0!important;right:12px!important;bottom:16px!important;
    display:flex!important;align-items:center;justify-content:center;font-size:1.3rem!important;animation:none!important}
  footer,#footer,.footer{padding-bottom:80px!important}
}
/* M5: поля заявки на главной — 16px (iOS не зумит) */
.itf-help :is(input,textarea,select),#itf-help :is(input,textarea,select),.itf-subscribe-form :is(input,textarea,select){font-size:16px!important}