/* Форма в первом экране: оформление как у окна «Бесплатный замер» v2. Разметка и поля прежние. */
.hero .hero-form{--ink:#f5f2ec;--dim:#f5f2ec99;--faint:#f5f2ec66;--line:#ffffff1f;--line2:#ffffff38;--sun:#ffb347;--fire:#ff5a14;
  position:relative;background:rgba(12,13,18,.62)!important;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);
  border:1px solid var(--line)!important;border-radius:28px!important;box-shadow:0 40px 80px -36px rgba(0,0,0,.85),inset 0 1px 0 #ffffff14!important;
  padding:30px 28px 26px!important;color:var(--ink);animation:ykhRise .8s cubic-bezier(.2,.8,.2,1) both}
.hero .hero-form::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(255,179,71,.75),transparent 38%,transparent 70%,rgba(255,90,20,.45));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@keyframes ykhRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero .hero-form-title{font-family:'Unbounded','Onest',sans-serif!important;font-weight:500!important;font-size:21px!important;line-height:1.2!important;
  letter-spacing:-.02em;color:var(--ink)!important;margin:0 0 18px!important}
.hero .hero-form .hf-input{width:100%;min-height:54px;background:rgba(255,255,255,.06)!important;border:1px solid var(--line)!important;border-radius:14px!important;
  color:var(--ink)!important;font:500 16px 'Onest',sans-serif!important;padding:0 16px!important;margin:0 0 10px!important;box-shadow:none!important;
  transition:border-color .25s,box-shadow .25s,background .25s;-webkit-appearance:none;appearance:none}
.hero .hero-form .hf-input::placeholder{color:var(--faint)!important;opacity:1}
.hero .hero-form .hf-input:hover{background:rgba(255,255,255,.09)!important}
.hero .hero-form .hf-input:focus{outline:none;border-color:var(--sun)!important;box-shadow:0 0 0 3px rgba(255,179,71,.16),0 0 24px rgba(255,179,71,.18)!important}
.hero .hero-form .hf-select{padding-right:44px!important;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb347' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:18px!important}
.hero .hero-form .hf-select:invalid{color:var(--faint)!important}
.hero .hero-form .hf-select option{color:#17171c;background:#fff}
.hero .hero-form .yk-consent{display:flex;gap:10px;align-items:flex-start;margin:6px 0 16px!important;color:var(--dim)!important;font-size:13px!important;line-height:1.45}
.hero .hero-form .yk-consent input{accent-color:var(--fire);width:18px;height:18px;flex:none;margin-top:1px}
.hero .hero-form .yk-consent a{color:var(--ink)!important;text-decoration:underline;text-underline-offset:2px}
.hero .hero-form .hf-submit{position:relative;overflow:hidden;width:100%;min-height:58px;border:0!important;border-radius:16px!important;cursor:pointer;
  background:linear-gradient(100deg,var(--sun),#ff8a3d 55%,var(--fire))!important;color:#1a0d05!important;font:600 17px 'Onest',sans-serif!important;
  box-shadow:0 18px 40px -18px rgba(255,120,40,.95)!important;transition:transform .15s,filter .2s}
.hero .hero-form .hf-submit::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-20deg);animation:ykhShine 3.2s 1.2s ease-in-out infinite}
@keyframes ykhShine{0%,60%{left:-60%}100%{left:130%}}
.hero .hero-form .hf-submit:hover{filter:brightness(1.06)}.hero .hero-form .hf-submit:active{transform:scale(.98)}
.hero .hero-form .hf-note{color:var(--faint)!important;font-size:13px!important;margin:12px 0 0!important;text-align:center}
.hero .hero-form .hero-guarantee{margin-top:16px!important;background:rgba(255,255,255,.05)!important;border:1px solid var(--line)!important;border-radius:18px!important;
  box-shadow:none!important;padding:14px 16px!important}
.hero .hero-form .hg-title{color:var(--ink)!important;font-weight:600!important}
.hero .hero-form .hg-sub{color:var(--dim)!important}
@media (prefers-reduced-motion:reduce){.hero .hero-form,.hero .hero-form .hf-submit::after{animation:none}}
@media (max-width:600px){.hero .hero-form-title{font-size:18px!important}.hero .hero-form{padding:24px 20px 20px!important}}
/* телефон ячейками */
.hero .hero-form .ykh-phone-wrap{margin:0 0 10px}
.hero .hero-form .ykh-phone{position:relative;display:flex;align-items:center;gap:5px;cursor:text;min-height:54px}
.hero .hero-form .ykh-phone .pre{font-family:'Unbounded','Onest',sans-serif;font-size:18px;color:var(--dim);margin-right:3px}
.hero .hero-form .ykh-phone .g{display:flex;gap:4px}.hero .hero-form .ykh-phone .g+.g{margin-left:6px}
.hero .hero-form .ykh-phone .c{width:30px;height:50px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;
  font:500 20px 'Unbounded','Onest',sans-serif;color:var(--ink);transition:border-color .25s,background .25s,box-shadow .25s}
.hero .hero-form .ykh-phone .c span{display:block;animation:ykhDigit .4s cubic-bezier(.3,1.5,.5,1)}
@keyframes ykhDigit{from{transform:translateY(20px);opacity:0;filter:blur(3px)}to{transform:none;opacity:1;filter:none}}
.hero .hero-form .ykh-phone .c.gh{color:rgba(245,242,236,.38)}
.hero .hero-form .ykh-phone .c.f{background:rgba(255,255,255,.1)}
.hero .hero-form .ykh-phone .c.cur{border-color:var(--sun);box-shadow:0 0 0 3px rgba(255,179,71,.16),0 0 22px rgba(255,179,71,.2)}
.hero .hero-form .ykh-phone .c.cur::after{content:"";width:2px;height:20px;background:var(--sun);animation:ykhCaret 1s steps(1) infinite}
@keyframes ykhCaret{50%{opacity:0}}
.hero .hero-form .ykh-phone.ok .c{border-color:rgba(111,224,160,.55);background:rgba(111,224,160,.1)}
.hero .hero-form .ykh-phone.bad{animation:ykhShake .45s}
@keyframes ykhShake{20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
.hero .hero-form .ykh-phone input{position:absolute;inset:0;opacity:0;width:100%;font-size:16px;border:0;background:none;padding:0;margin:0}
.hero .hero-form .ykh-hint-row{display:flex;justify-content:space-between;gap:10px;margin-top:6px;font-size:12.5px}
.hero .hero-form .ykh-hint{color:var(--faint)}.hero .hero-form .ykh-hint.ok{color:#6fe0a0}
.hero .hero-form .ykh-clr{background:none;border:0;padding:0;color:var(--sun);font:600 12.5px 'Onest',sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.hero .hero-form .ykh-clr[hidden]{display:none}
@media (max-width:600px){.hero .hero-form .ykh-phone .c{width:25px;height:44px;font-size:17px;border-radius:10px}.hero .hero-form .ykh-phone{gap:3px}.hero .hero-form .ykh-phone .g{gap:3px}.hero .hero-form .ykh-phone .g+.g{margin-left:4px}.hero .hero-form .ykh-phone .pre{font-size:15px}}
@media (max-width:360px){.hero .hero-form .ykh-phone .c{width:22px}}
@media (prefers-reduced-motion:reduce){.hero .hero-form .ykh-phone .c span{animation:none}}