/* WELCS owner landing. Все размеры из Figma, фрейм 02-PROPIETARIOS (901:40386), ширина 393.
   Координаты декора заданы от центра колонки: left: calc(50% + (x - 196.5px)). */

@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/manrope-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}
@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/comfortaa-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/comfortaa-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/comfortaa-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{
  --y:#EEC52B;          /* основной жёлтый */
  --g:#F6F6F6;          /* поля, «таблетки» */
  --g-sec:#F9F9F9;      /* фон секций */
  --line:#DDDDDD;
  --line-2:#E7E7E7;
  --blue:#BCDFEB;
  --blue-2:#AFD3DF;
  --k:#000;
  --err:#C0392B;
  --sh:0 0 24px rgba(16,24,40,.15);  /* Shadows/xl */
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:28px;color:var(--k);background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}
@media (min-width:431px){body{background:#F2F2F2}}
.page{position:relative;max-width:430px;margin:0 auto;background:#fff;overflow-x:clip}
img{display:block}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
a{color:inherit}
h1,h2,h3{font-weight:800}
.h2{font-size:30px;line-height:38px;font-weight:800;text-align:center}

/* места «на согласовании» (DRAFT в app.js) */
.ph.draft{background:rgba(255,236,120,.75);outline:1px dashed #B08A00;outline-offset:1px;border-radius:2px}
.ft .ph.draft,.win .ph.draft,.faq details[open] .ph.draft{background:rgba(0,0,0,.14);outline-color:#7a5f00}

/* ---------- кнопка ---------- */
.btn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:11px 30px;border-radius:60px;background:var(--y);box-shadow:var(--sh);font-size:16px;line-height:22px;font-weight:600;color:var(--k);text-decoration:none;text-align:center;-webkit-tap-highlight-color:transparent;transition:filter .15s}
.btn:active{filter:brightness(.95)}
.btn:disabled{opacity:.6;cursor:default}
.btn--wide{width:100%;min-height:54px}
.btn--ghost{background:var(--g);box-shadow:none}

/* ---------- шапка (901:41026; в макете фрейм STICKY, но по просьбе заказчика не липкая) ---------- */
.top{position:relative;z-index:20;background:var(--y);padding:12px 21px}
.top__pill{display:flex;align-items:center;justify-content:space-between;height:56px;padding:7px 7px 7px 10px;border-radius:60px;background:#fff}
.top__logo{display:block;width:100px;height:18px;background:var(--y);-webkit-mask:url(icons/logo-full-white.svg) left center/contain no-repeat;mask:url(icons/logo-full-white.svg) left center/contain no-repeat}
.top__lang{display:flex;align-items:center;height:42px;padding:0 20px;border-radius:40px;background:var(--g);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.25px}
.top__lang a{text-decoration:none;padding:12px 2px}
.top__lang span{padding:0 4px}

/* ---------- первый экран (y 129–735 в макете) ---------- */
.hero{position:relative;height:606px;padding:148.5px 18px 0;text-align:center}
.kicker{font-family:Comfortaa,sans-serif;font-size:16px;line-height:20px;letter-spacing:.67px;color:var(--y)}
.hero h1{margin:0 2px 0 4px;font-size:clamp(27px,7.63vw,30px);line-height:1.2667}
.hero__lead{margin:24px 2px 0 4px}
.hero__ph,.hero__dot,.hero__stroke{position:absolute;border-radius:50%}
.hero__ph{object-fit:cover}
.hero__ph--1{left:calc(50% - 176.5px);top:71px;width:81px;height:81px}
.hero__ph--2{left:calc(50% - 58.5px);top:39px;width:49px;height:49.4px}
.hero__ph--3{left:calc(50% + 84.5px);top:441px;width:93.25px;height:93.25px}
.hero__ph--4{left:calc(50% + 10.5px);top:527px;width:57.6px;height:58px}
.hero__dot--y{left:calc(50% + 103.5px);top:71px;width:48px;height:49px;background:var(--y)}
.hero__dot--b{left:calc(50% - 103.5px);top:485px;width:41px;height:42px;background:var(--blue)}
.hero__stroke{left:calc(50% - 229.5px);top:456px;width:127px;height:100px;border-radius:0}

/* ---------- калькулятор (901:41129) ---------- */
.calc{margin:0 20px;padding:32px 16px;border-radius:14px;background:#fff;box-shadow:var(--sh)}
.calc h2{font-size:22px;line-height:28px}
.calc__fields{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.lbl{display:block;font-size:15px;line-height:20.5px;font-weight:700}
.num{position:relative;display:flex;align-items:center;height:54.4px;padding:0 9px 0 20px;border-radius:60px;background:var(--g);gap:12px}
.num input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;font-size:15px;font-weight:500;-moz-appearance:textfield;appearance:textfield}
.num input::-webkit-inner-spin-button,.num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.num:focus-within{box-shadow:0 0 0 2px var(--y)}
.num__b{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:29.5px;background:#fff}
.rng{position:relative;height:54.4px;border-radius:60px;background:var(--g)}
.rng::before{content:"";position:absolute;left:2px;top:3.2px;height:48px;width:calc(48px + var(--p,1) * (100% - 52px));border-radius:40px;background:var(--y);pointer-events:none}
.rng input{position:absolute;left:6px;right:6px;top:7.2px;width:calc(100% - 12px);height:40px;margin:0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer}
.rng input::-webkit-slider-runnable-track{height:40px;background:none}
.rng input::-moz-range-track{height:40px;background:none}
.rng input::-webkit-slider-thumb{-webkit-appearance:none;width:40px;height:40px;border-radius:29.5px;background:#fff;border:0}
.rng input::-moz-range-thumb{width:40px;height:40px;border-radius:29.5px;background:#fff;border:0}
.rng input:focus-visible{outline:none}
.rng:focus-within{box-shadow:0 0 0 2px var(--y)}
.calc__res{margin-top:24px;font-weight:700}
.calc__res dt{font-size:15px;line-height:20.5px}
.calc__res dd{font-size:25px;line-height:34.2px;color:var(--y)}
.calc__res dd+dt{margin-top:20.5px}

/* ---------- «Выход есть» (901:40794, карточки 901:41532) ---------- */
.exit{margin:20px 20px 0;padding-top:32px;background:var(--g-sec);text-align:center}
.exit h2{font-size:30px;line-height:38px}
.exit__head p{max-width:263px;margin:14px auto 0}
.exit__arrow{margin:12px auto 0;width:173px;height:54.2px}
.rail{display:flex;gap:24px;margin:-2px -20px 0 0;padding:24px 20px 28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;scrollbar-width:none;text-align:left}
.rail::-webkit-scrollbar{display:none}
.rail:focus-visible{outline:2px solid var(--y);outline-offset:-2px}
.card{flex:none;width:225px;height:374px;padding:24px 21px 0 22px;border-radius:14px;background:#fff;box-shadow:var(--sh);scroll-snap-align:start}
.card__ic{height:48px;width:auto;margin-bottom:10px}
.card__ic[src$="card-management.svg"]{height:49px;margin:-.5px 0 9.5px -1px}
.card__ic[src$="card-info.svg"]{height:51px;margin:-1.5px 0 8.5px -1.5px}
.card h3{font-size:18px;line-height:24px}
.card p{font-size:16px;line-height:24px}

/* ---------- пример расчёта (901:41615 … 901:41650) ---------- */
.ex{padding:19px 0 0}
.ex h2{padding:0 20px;font-size:30px;line-height:38px;text-align:center}
.ex__t{width:calc(100% - 36px);margin:23px 18px 0;border-collapse:collapse;table-layout:fixed;font-weight:700}
.ex__t col:nth-child(1){width:34.45%}
.ex__t col:nth-child(2){width:33.33%}
.ex__t th,.ex__t td{vertical-align:top;text-align:left;font-size:14px;line-height:14px;color:rgba(0,0,0,.4);padding:16px 4px 0 23px}
.ex__t tbody th{padding-left:2px;padding-right:12px}
.ex__t td:last-child,.ex__t thead th:last-child{padding-left:22px}
.ex__t td+td,.ex__t td+th,.ex__t th+td,.ex__t th+th{border-left:1px solid var(--line)}
.ex__t thead th,.ex__t thead td{height:52px;padding-top:10px;border-bottom:1px solid var(--line)}
.ex__t .y{font-size:20px;line-height:20px;color:var(--y);padding-top:13px}
.ex__t td.y:not(:last-child){padding-left:14px}
.ex__t thead .w{white-space:nowrap;padding-top:7px;font-size:20px;line-height:20px;color:var(--y)}
.ex__t td.n{padding-left:11px}
.ex__t td.mid{text-align:center;padding-left:23px}
.ex__t tbody tr:last-child>*{padding-bottom:12px}
.win{position:relative;width:calc(100% - 22px);min-height:166px;margin-top:16px;padding:21px 33px 21px 23px;border-radius:0 150px 150px 0;background:var(--y);font-size:24px;line-height:24px}

/* ---------- цифры (902:41662, 903:41695) ---------- */
.stats{text-align:center}
.stat{height:137px;padding-top:19px}
.stat__n{display:flex;justify-content:center;gap:5px;height:69px;margin-left:12px;font-size:70px;line-height:69px;font-weight:700}
.stat__plus{width:42.6px;height:38.9px;margin-top:14.6px}
.stat__two{position:relative;flex:none;width:41px}
.stat__two img{position:absolute;left:-4.2px;top:-1.3px;width:48.2px;height:86.4px}
.stat__n--2{margin-left:2px}
.stat__l{position:relative;width:189px;margin:10px auto 0;padding-top:10px;border-top:1px solid var(--line-2);font-size:16px;line-height:22px;font-weight:700}
.stat__l span{display:block;width:260px;margin-left:-35.5px}

/* ---------- гарантии (903:41870 …) ---------- */
.gar{margin-top:16px;padding:32px 0 0;background:var(--g-sec)}
.gar h2{padding:0 20px;font-size:30px;line-height:38px;text-align:center}
.gar__l{list-style:none;margin:29px 17px 0}
.gar__l li{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:14px;line-height:20px}
.gar__l li+li{margin-top:11px}
.gar__l li>div{max-width:247px}
.gar__l h3{font-size:14px;line-height:20px;font-weight:600}
.gar__l img{flex:none}
.gar__note{margin:42px 36px 0;font-size:13px;line-height:18px;font-weight:600;text-align:center}
.gar .btn{position:relative;z-index:1;margin:10px 36px -15px;padding-left:0;padding-right:0;white-space:nowrap}

/* ---------- вопросы (904:41909) ---------- */
.faq{display:flex;flex-direction:column;gap:14px;padding:37px 19px 32px}
.faq details{padding:30px 18px;border-radius:14px;background:#fff;box-shadow:var(--sh);transition:background-color .2s}
.faq details[open]{background:var(--y)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;font-size:22px;line-height:26px;font-weight:800}
.faq summary::-webkit-details-marker{display:none}
.faq summary img{flex:none;width:42px;height:42px;margin:-1px}
.faq details p{margin-top:13px}

/* ---------- форма (906:41962 …) ---------- */
.fm{position:relative;padding:110px 0 40px}
.fm__deco img,.fm__deco span{position:absolute;z-index:1;border-radius:50%}
.fm__ring{left:calc(50% - 171.5px);top:39px;width:88px;height:88px}
.fm__blob{background:var(--blue-2);left:calc(50% - 167.2px);top:43.3px;width:79.4px;height:79.4px}
.fm__ph{object-fit:cover}
.fm__ph--s{left:calc(50% - 14.5px);top:10px;width:62px;height:62px}
.fm__ph--l{left:calc(50% + 60.5px);top:10px;width:117.5px;height:119px}
.fm__t{height:156px;padding:27px 20px 0;border-radius:383px;background:var(--y);font-size:30px;line-height:38px;text-align:center}
.fm__sub{margin:-8px 36px 0;font-size:22px;line-height:28px;font-weight:800}
.fm__body{margin:24px 36px 0}
.fm__body .lbl{margin:10px 0}
.fm__body .lbl:first-child{margin-top:0}
.chips{display:flex;flex-wrap:wrap;gap:10px 9px}
.chips[data-g="how"]{row-gap:9px}
.chip{display:flex;align-items:center;min-height:54px;max-width:307px;padding:13px 20px;border-radius:60px;background:var(--g);font-size:15px;line-height:20px;font-weight:500;text-align:left;-webkit-tap-highlight-color:transparent;transition:background-color .15s}
.chip[aria-pressed="true"]{background:var(--y)}
.chip:focus-visible,.fld:focus-visible,.sel select:focus-visible{outline:2px solid var(--y);outline-offset:2px}
.sel{position:relative}
.sel select{width:100%;height:54.4px;padding:0 50px 0 20px;border:0;border-radius:60px;background:var(--g) url(icons/arrow-small.svg) right 23.3px center/13px 7px no-repeat;font-size:15px;font-weight:500;-webkit-appearance:none;appearance:none}
.fld{width:100%;height:54px;padding:0 20px;border:0;border-radius:60px;background:var(--g);font-size:15px;font-weight:500;outline:none}
.fld::placeholder{color:rgba(0,0,0,.4)}
.cons{display:flex;gap:10px;align-items:flex-start;margin-top:20px;font-size:13px;line-height:18px;font-weight:500;cursor:pointer}
.cons input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--y)}
.err{min-height:0;margin-top:10px;font-size:13px;line-height:18px;font-weight:600;color:var(--err)}
.err:empty{margin:0}
#next{margin-top:23px}
#emWrap{margin-top:10px}
.btn__arr{margin:0 4px 0 6px}
.fm__row{display:flex;gap:10px;margin-top:23px}
.fm__row .btn{min-height:54px}
.fm__row .btn:last-child{flex:1}
.fm__done{margin:24px 36px 0}
.fm__done h3{font-size:22px;line-height:28px}
.fm__done p{margin-top:10px}
.trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* ---------- подвал (09-FOOTER 901:40387, по скриншоту welcs.com) ---------- */
.ft{padding:21px 39px 49px;background:var(--y);color:#fff}
.ft__logo{width:254px;height:auto}
.ft__addr{margin-top:28.5px;line-height:27px}
.ft__contact{margin-top:27.5px;font-size:20px;line-height:28px;font-weight:700}
.ft__contact a{text-decoration:none}
.ft__nav{margin-top:40px}
.ft__nav a{display:flex;align-items:center;gap:14px;width:max-content;font-size:20px;line-height:31px;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.ft__soc{display:flex;gap:10px;margin-top:40px}
.ft__soc img{width:52px;height:52px}
.ft__note{margin:28px 0 0;font-size:12px;line-height:18px;opacity:.7}
.ft__legal{margin:20px -19px 0;font-size:14px;line-height:27px;text-align:center}
.ft__legal a{display:block;width:max-content;margin:0 auto;text-decoration:none}
.ft__co{margin-top:19px;text-align:center;line-height:27px}

/* ---------- липкая кнопка ---------- */
.sticky{position:fixed;left:50%;bottom:0;z-index:30;width:100%;max-width:430px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));transform:translate(-50%,120%);transition:transform .25s;pointer-events:none}
.sticky.show{transform:translate(-50%,0);pointer-events:auto}
.sticky .btn{width:100%;min-height:54px}

/* узкие Android (360): таблица примера не помещается с отступами из макета */
@media (max-width:380px){
  .ex__t th,.ex__t td{padding-left:12px}
  .ex__t td.y:not(:last-child){padding-left:8px}
  .ex__t td:last-child,.ex__t thead th:last-child,.ex__t td.n{padding-left:8px;padding-right:0}
  .ex__t .y{font-size:18px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ---- cookie-баннер / панель согласия ---- */
.cc{position:fixed;left:0;right:0;bottom:0;z-index:100;padding:12px;background:rgba(16,24,40,.28)}
.cc[hidden]{display:none}
.cc__box{max-width:406px;margin:0 auto;background:#fff;border-radius:14px;box-shadow:var(--sh);padding:18px 18px 20px;max-height:82vh;overflow:auto}
.cc__text{font-size:13px;line-height:19px;margin-bottom:14px}
.cc__text a,.cc__cat-d a{color:inherit;text-underline-offset:2px}
.cc__btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cc__b{flex:1 1 140px;min-height:46px;padding:11px 16px;font-size:14px;line-height:18px}
.cc__b--o{background:#fff;border:1.5px solid var(--y);box-shadow:none}
.cc__link{flex:1 1 100%;background:none;border:0;text-decoration:underline;font-size:13px;color:#000;opacity:.65;cursor:pointer;padding:6px;text-align:center}
.cc__title{font-size:18px;line-height:24px;margin-bottom:6px}
.cc__cat{padding:12px 0;border-top:1px solid var(--line)}
.cc__cat:first-of-type{border-top:0}
.cc__cat-t{font-size:14px;font-weight:700}
.cc__row{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}
.cc__row input{flex:none;width:20px;height:20px;accent-color:var(--y)}
.cc__cat-d{font-size:12px;line-height:17px;opacity:.7;margin-top:4px}
.cc__panel .cc__btns{margin-top:16px}
.ft__cookiebtn{display:block;width:max-content;margin:0 auto;background:none;border:0;color:inherit;font:inherit;text-decoration:none;cursor:pointer;padding:0}

/* ---- юридические страницы (privacy, cookies) ---- */
.legal{min-height:100vh}
.lg{padding:18px 20px 48px}
.lg__back{display:inline-block;margin:4px 0 14px;font-size:14px;color:#000;opacity:.6;text-decoration:none}
.lg h1{font-size:26px;line-height:32px;margin-bottom:6px}
.lg h2{font-size:18px;line-height:24px;margin:22px 0 8px}
.lg p{font-size:15px;line-height:24px;margin-bottom:10px}
.lg ul{margin:0 0 10px 18px}
.lg li{font-size:15px;line-height:24px}
.lg a{color:#000}
.lg__upd{font-size:13px;opacity:.6;margin-bottom:16px}
.lg table{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:13px}
.lg th,.lg td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top;line-height:18px}
.lg th{background:var(--g);font-weight:700}
.lg__nav{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:14px}