:root{
  --bg:#050504;--bg2:#090806;--panel:#0e0d0a;--text:#fbf6ec;
  --muted:rgba(251,246,236,.70);--soft:rgba(251,246,236,.50);
  --gold:#ecd8a7;--gold2:#b88c3f;--cream:#fff1d0;--ink:#17120b;
  --line:rgba(236,216,167,.18);--line2:rgba(255,255,255,.085);
  --danger:#e5a079;--warn:#e2c578;--ok:#93b184;--blue:#8fc7e8;
  --wrap:min(1180px,calc(100% - 44px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;color:var(--text);
  background:
    radial-gradient(circle at 88% 4%,rgba(236,216,167,.085),transparent 27%),
    radial-gradient(circle at 8% 48%,rgba(184,140,63,.05),transparent 28%),
    linear-gradient(180deg,#070706 0%,#040403 48%,#060605 100%);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.11;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:76px 76px;mask-image:linear-gradient(#000,transparent 92%);
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.wrap{position:relative;width:var(--wrap);margin:0 auto}
.header{
  position:sticky;top:0;z-index:80;padding:11px 0;
  background:rgba(5,5,4,.84);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.055);
}
.header-in{display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:11px;font-weight:950;font-size:23px;letter-spacing:-.05em}
.mark{
  width:40px;height:40px;border-radius:14px;position:relative;overflow:hidden;
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.28),transparent 29%),linear-gradient(145deg,#2d281b,#11100c 70%);
  border:1px solid var(--line);box-shadow:0 12px 28px rgba(0,0,0,.25);
}
.mark:before{content:"";position:absolute;left:11px;top:9px;width:17px;height:22px;border-radius:5px;background:linear-gradient(#fff7e8,#cdb891);transform:rotate(-8deg)}
.brand small{display:block;margin-top:3px;color:rgba(236,216,167,.62);font-size:8px;letter-spacing:.18em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:13px;font-weight:760}
.nav a:hover{color:var(--text)}
.header-actions{display:flex;align-items:center;gap:8px}
.btn{
  min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:0 21px;border-radius:17px;border:1px solid transparent;font-weight:900;
  letter-spacing:-.02em;cursor:pointer;transition:transform .2s,filter .2s,border-color .2s;
}
.btn:hover{transform:translateY(-1px);filter:brightness(1.035)}
.btn-primary{color:var(--ink);background:linear-gradient(135deg,#fff4dc,#e4c77f 55%,#b68a3c);border-color:rgba(255,247,226,.64);box-shadow:0 20px 46px rgba(190,151,70,.18)}
.btn-secondary{background:rgba(255,255,255,.045);border-color:var(--line2);color:var(--text)}
.btn-telegram{background:rgba(63,133,178,.13);border-color:rgba(115,190,235,.28);color:#def3ff}
.btn-small{min-height:42px;padding:0 16px;border-radius:999px;font-size:13px}
.badge{
  display:inline-flex;align-items:center;gap:9px;min-height:34px;padding:0 13px;border-radius:999px;
  background:rgba(236,216,167,.075);border:1px solid rgba(236,216,167,.21);
  color:#f4e8ca;font-size:13px;font-weight:850;
}
.badge:before{content:"";width:7px;height:7px;border-radius:99px;background:var(--gold);box-shadow:0 0 16px rgba(236,216,167,.48)}
.hero{padding:54px 0 52px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.78fr);gap:42px;align-items:start}
.hero-copy{padding-top:9px}
h1,h2,h3,p{margin-top:0}
h1{margin:19px 0 18px;max-width:760px;font-size:clamp(45px,5vw,67px);line-height:1.04;letter-spacing:-.052em;font-weight:900;padding-right:.035em;text-rendering:optimizeLegibility}
h1 .accent,h2 .accent{background:linear-gradient(90deg,#fff8ed 0%,#ecd8a7 63%,#b88c3f 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{max-width:730px;color:var(--muted);font-size:clamp(17px,1.35vw,20px);line-height:1.49;letter-spacing:-.014em}
.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.micro{margin-top:12px;color:var(--soft);font-size:12px;line-height:1.42}
.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:23px}
.hero-point{min-height:76px;padding:13px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018));border:1px solid var(--line2)}
.hero-point strong{display:block;color:var(--gold);font-size:14px;line-height:1.15}
.hero-point span{display:block;margin-top:6px;color:var(--soft);font-size:11px;line-height:1.28}
.section{padding:66px 0;border-top:1px solid rgba(236,216,167,.075)}
.section-head{max-width:900px;margin-bottom:28px}
.section-head h2{margin:16px 0 13px;font-size:clamp(36px,4.15vw,57px);line-height:1.06;letter-spacing:-.05em;font-weight:900;padding-right:.02em;text-rendering:optimizeLegibility}
.section-head p{max-width:800px;color:var(--muted);font-size:17px;line-height:1.48}
.selection-panel{
  padding:18px;border-radius:31px;
  background:radial-gradient(circle at 20% 0,rgba(236,216,167,.14),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.019));
  border:1px solid var(--line);box-shadow:0 36px 94px rgba(0,0,0,.38);
}
.selection-head{padding:8px 7px 14px}
.selection-head strong{display:block;font-size:25px;letter-spacing:-.045em}
.selection-head span{display:block;margin-top:7px;color:var(--soft);font-size:12px;line-height:1.38}
.segment-list{display:grid;gap:9px}
.segment-button{
  display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;
  min-height:88px;padding:13px;border-radius:20px;background:rgba(0,0,0,.20);
  border:1px solid rgba(255,255,255,.085);transition:transform .2s,border-color .2s,background .2s;
}
.segment-button:hover{transform:translateX(3px);border-color:rgba(236,216,167,.32);background:rgba(236,216,167,.055)}
.segment-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(236,216,167,.09);border:1px solid var(--line);font-size:21px}
.segment-button strong{display:block;font-size:17px;letter-spacing:-.025em}
.segment-button span{display:block;margin-top:4px;color:var(--soft);font-size:11px;line-height:1.28}
.segment-arrow{font-size:22px;color:var(--gold)}
.selection-foot{display:flex;gap:8px;margin-top:10px}.selection-foot .btn{flex:1;min-height:46px;font-size:12px}
.form-card{
  padding:20px;border-radius:31px;
  background:radial-gradient(circle at 20% 0,rgba(236,216,167,.15),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.02));
  border:1px solid var(--line);box-shadow:0 34px 90px rgba(0,0,0,.38);
}
.form-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.form-card h3{margin:0;font-size:27px;line-height:1.04;letter-spacing:-.052em}
.form-card>p,.form-top p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
.free-pill{flex:0 0 auto;display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;background:rgba(147,177,132,.11);border:1px solid rgba(147,177,132,.24);color:#dff1d7;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.upload-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 10px}
.upload-step{padding:9px;border-radius:12px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.06);color:var(--soft);font-size:9px;line-height:1.22;text-align:center}
.upload-step b{display:block;color:var(--gold);font-size:11px;margin-bottom:3px}
.dropzone{position:relative;display:block;padding:22px;border-radius:21px;border:1px dashed rgba(236,216,167,.30);background:rgba(0,0,0,.19);cursor:pointer;margin:10px 0 11px;transition:.2s}
.dropzone:hover,.dropzone.is-drag{border-color:var(--gold);background:rgba(236,216,167,.055)}
.dropzone input{position:absolute;opacity:0;width:1px;height:1px}
.dropzone strong{display:block;font-size:19px}.dropzone span{display:block;margin-top:7px;color:var(--soft);font-size:12px;line-height:1.34}
.file-name{display:none;margin:0 0 12px;padding:10px 12px;border-radius:14px;background:rgba(147,177,132,.10);border:1px solid rgba(147,177,132,.24);color:#e2f4da;font-size:12px;overflow-wrap:anywhere}.file-name.show{display:block}
.form-details{display:none}.form-details.show{display:block}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.field{display:grid;gap:6px;margin-top:10px}.field.full{grid-column:1/-1}
.field label{color:rgba(251,246,236,.83);font-size:12px;font-weight:800}
.field input,.field select,.field textarea{width:100%;padding:13px;border-radius:14px;border:1px solid rgba(236,216,167,.15);background:rgba(0,0,0,.23);color:var(--text);outline:none}
.field select option{background:#17140f}.field textarea{min-height:80px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(236,216,167,.42);box-shadow:0 0 0 3px rgba(236,216,167,.07)}
.form-submit{width:100%;margin-top:12px}.status{display:none;margin-top:11px;padding:12px;border-radius:14px;font-size:12px;line-height:1.4}.status.show{display:block}.status.error{background:rgba(229,160,121,.1);border:1px solid rgba(229,160,121,.25);color:#ffd6c4}.status.success{background:rgba(147,177,132,.12);border:1px solid rgba(147,177,132,.28);color:#e5f3dd}
.legal{margin:10px 2px 0;color:var(--soft);font-size:10px;line-height:1.4}.legal a{color:var(--gold);text-decoration:underline}
.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pain-card{min-height:184px;padding:20px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.016));border:1px solid var(--line2)}
.pain-num{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;color:var(--ink);background:linear-gradient(135deg,#fff1d0,#d4ad5c);font-weight:950;font-size:12px}
.pain-card h3{margin:15px 0 8px;font-size:19px;line-height:1.12;letter-spacing:-.038em}
.pain-card p{margin:0;color:var(--soft);font-size:13px;line-height:1.4}
.report-shell{
  padding:20px;border-radius:35px;background:radial-gradient(circle at 86% 0,rgba(236,216,167,.09),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.014));
  border:1px solid var(--line);box-shadow:0 42px 110px rgba(0,0,0,.40)
}
.report-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;padding:7px 7px 18px}
.report-head h3{margin:8px 0 0;font-size:32px;line-height:1.08;letter-spacing:-.045em;padding-right:.02em;text-rendering:optimizeLegibility}
.report-head p{margin:8px 0 0;color:var(--soft);font-size:12px;line-height:1.4}
.demo-tag{align-self:start;padding:8px 11px;border-radius:999px;background:rgba(236,216,167,.07);border:1px solid var(--line);color:var(--gold);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}
.summary-card{min-height:90px;padding:14px;border-radius:18px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.075)}
.summary-card small{display:block;color:var(--soft);font-size:9px;line-height:1.25;text-transform:uppercase;letter-spacing:.07em}
.summary-card strong{display:block;margin-top:8px;font-size:21px;line-height:1.05;letter-spacing:-.035em}
.summary-card.risk strong{color:#ffd3bd}.summary-card.warn strong{color:#f3df9f}.summary-card.ok strong{color:#d9efd0}
.report-table{overflow:hidden;border-radius:23px;border:1px solid rgba(255,255,255,.08);background:#0a0907}
.report-row{display:grid;grid-template-columns:minmax(220px,1.5fr) .74fr .85fr .82fr .84fr;gap:12px;align-items:center;padding:13px 15px;border-top:1px solid rgba(255,255,255,.065)}
.report-row:first-child{border-top:0}.report-row.header{position:static;background:rgba(236,216,167,.07);color:var(--soft);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.report-row .position b{display:block;font-size:13px;line-height:1.26}.report-row .position span{display:block;margin-top:4px;color:var(--soft);font-size:10px;line-height:1.25}
.report-cell{font-size:12px;line-height:1.3;color:rgba(251,246,236,.78)}.report-cell strong{display:block;color:var(--text);font-size:13px}
.diff{font-weight:900;color:#ffd1ba}.diff.open{color:#f1df9e}.diff.ok{color:#dcefd5}
.status-pill{display:inline-flex;min-height:25px;align-items:center;padding:0 9px;border-radius:999px;font-size:9px;font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:.035em}
.status-high{background:rgba(229,160,121,.12);border:1px solid rgba(229,160,121,.24);color:#ffd2bd}
.status-open{background:rgba(226,197,120,.11);border:1px solid rgba(226,197,120,.23);color:#f6e3a5}
.status-dup{background:rgba(143,199,232,.10);border:1px solid rgba(143,199,232,.22);color:#d5f0ff}
.report-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.finding-card{padding:17px;border-radius:20px;background:rgba(0,0,0,.21);border:1px solid rgba(255,255,255,.075)}
.finding-card h4{margin:0 0 10px;font-size:16px;letter-spacing:-.025em}.finding-card ul{margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.5}
.contractor-note{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.contractor-note b{color:var(--gold)}
.report-disclaimer{margin-top:10px;padding:12px 14px;border-radius:16px;background:rgba(236,216,167,.055);border:1px solid var(--line);color:var(--soft);font-size:11px;line-height:1.42}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.compare-card{padding:26px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.016));border:1px solid var(--line2)}
.compare-card.featured{background:radial-gradient(circle at 20% 0,rgba(236,216,167,.14),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));border-color:rgba(236,216,167,.30)}
.compare-card h3{margin:14px 0 7px;font-size:29px;letter-spacing:-.038em;line-height:1.08;padding-right:.02em;text-rendering:optimizeLegibility}.price{color:var(--gold);font-size:19px;font-weight:950}
.checks{list-style:none;margin:18px 0;padding:0}.checks li{position:relative;margin:10px 0;padding-left:23px;color:var(--muted);font-size:14px;line-height:1.35}.checks li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:950}
.trust-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.trust-card{padding:25px;border-radius:27px;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.016));border:1px solid var(--line2)}
.trust-card h3{margin:14px 0 9px;font-size:27px;letter-spacing:-.05em}.trust-card p{margin:0;color:var(--muted);line-height:1.48}
.method-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}.method-step{padding:13px;border-radius:17px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.065)}.method-step b{display:block;color:var(--gold);font-size:12px}.method-step span{display:block;margin-top:6px;color:var(--soft);font-size:10px;line-height:1.27}
.faq{display:grid;gap:9px}.faq details{padding:0 18px;border-radius:18px;background:rgba(0,0,0,.19);border:1px solid var(--line2)}.faq summary{padding:18px 0;cursor:pointer;font-weight:850}.faq p{margin:0;padding:0 0 18px;color:var(--muted);font-size:13px;line-height:1.46}
.final{padding:49px 0 72px}.final-card{padding:34px;border-radius:35px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(236,216,167,.16),transparent 48%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.017));border:1px solid var(--line)}.final-card h2{max-width:830px;margin:0 auto 12px;font-size:clamp(35px,4vw,55px);line-height:1.08;letter-spacing:-.048em;padding-right:.02em;text-rendering:optimizeLegibility}.final-card p{max-width:720px;margin:0 auto;color:var(--muted);line-height:1.48}.final-card .actions{justify-content:center}
.footer{padding:31px 0 36px;border-top:1px solid rgba(236,216,167,.10);color:var(--soft);font-size:12px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:26px}.footer strong{color:var(--text);font-size:20px}.footer a{display:block;margin:7px 0;color:rgba(236,216,167,.78)}.footer p{line-height:1.5}
@media(max-width:980px){
  :root{--wrap:min(100% - 28px,500px)}
  .nav,.header .btn-telegram{display:none}.brand{font-size:19px}.mark{width:35px;height:35px}.header .btn-primary{min-height:38px;padding:0 13px;font-size:11px}
  .hero{padding:31px 0 38px}.hero-grid{grid-template-columns:1fr;gap:18px}.hero-copy{padding-top:0}
  h1{font-size:clamp(36px,9.2vw,46px);line-height:1.05;letter-spacing:-.046em;padding-right:.02em}
  .lead{font-size:14px;line-height:1.45}.hero-points{grid-template-columns:1fr;gap:6px}.hero-point{min-height:0;padding:11px 12px}
  .actions{display:grid;grid-template-columns:1fr;gap:8px}.actions .btn{width:100%}
  .selection-panel,.form-card{padding:13px;border-radius:24px}.segment-button{grid-template-columns:42px minmax(0,1fr) auto;min-height:78px;padding:11px}.segment-icon{width:42px;height:42px}
  .selection-foot{display:grid;grid-template-columns:1fr}
  .upload-steps{grid-template-columns:1fr 1fr 1fr}.upload-step{font-size:8px}
  .fields,.compare,.trust-grid,.footer-grid{grid-template-columns:1fr}
  .pain-grid{grid-template-columns:1fr;gap:8px}.pain-card{min-height:0;padding:15px;display:grid;grid-template-columns:35px 1fr;column-gap:11px}.pain-num{grid-row:1/span 2}.pain-card h3{margin:1px 0 5px;font-size:17px}.pain-card p{font-size:12px}
  .section{padding:45px 0}.section-head{margin-bottom:18px}.section-head h2{font-size:35px;letter-spacing:-.052em}.section-head p{font-size:14px}
  .report-shell{padding:10px;border-radius:26px}.report-head{display:block;padding:8px 6px 14px}.report-head h3{font-size:25px}.demo-tag{display:inline-flex;margin-top:10px}
  .report-summary{grid-template-columns:1fr 1fr;gap:6px}.summary-card{min-height:76px;padding:11px}.summary-card strong{font-size:18px}
  .report-row.header{display:none}.report-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px;border-top:1px solid rgba(255,255,255,.07)}.report-row .position{grid-column:1/-1;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.055)}
  .report-cell:before{display:block;margin-bottom:3px;color:var(--soft);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
  .report-cell.estimate:before{content:"В смете"}.report-cell.market:before{content:"Ориентир"}.report-cell.problem:before{content:"Статус"}.report-cell.amount:before{content:"Под вопросом"}
  .report-bottom{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr 1fr}.compare-card{padding:20px}
  .final-card{padding:25px 15px}.final-card h2{font-size:34px}
}
@media(max-width:390px){h1{font-size:34px;line-height:1.05;letter-spacing:-.044em;padding-right:.02em}.report-summary{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* KVARTIRA HERO V18 START */

body[data-page-version="kvartira-v18"] .hero-copy h1 {
  max-width: 760px;
  font-size: clamp(53px, 4.65vw, 72px);
  line-height: .98;
  letter-spacing: -.057em;
  text-wrap: balance;
}

body[data-page-version="kvartira-v18"] .hero-copy h1 .accent {
  display: block;
}

body[data-page-version="kvartira-v18"] .hero-copy .lead {
  max-width: 680px;
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.48;
  text-wrap: pretty;
}

body[data-page-version="kvartira-v18"] .hero-copy .hero-points {
  margin-top: 20px;
}

body[data-page-version="kvartira-v18"] .hero-copy .micro {
  max-width: 690px;
  margin-top: 11px;
  color: rgba(251,246,236,.48);
  font-size: 10px;
  line-height: 1.4;
}

@media (max-width: 980px) {
  body[data-page-version="kvartira-v18"] .hero {
    padding-top: 20px;
  }

  body[data-page-version="kvartira-v18"] .hero-grid {
    gap: 18px;
  }

  body[data-page-version="kvartira-v18"] .hero-copy h1 {
    max-width: 100%;
    margin-top: 16px;
    font-size: clamp(34px, 9.3vw, 41px);
    line-height: .99;
    letter-spacing: -.052em;
    text-wrap: pretty;
  }

  body[data-page-version="kvartira-v18"] .hero-copy .lead {
    margin-top: 15px;
    font-size: 13px;
    line-height: 1.48;
  }

  body[data-page-version="kvartira-v18"]
  .hero-copy
  .hero-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    margin-top: 15px;
  }

  body[data-page-version="kvartira-v18"]
  .hero-copy
  .hero-point {
    min-width: 0;
    min-height: 52px;
    padding: 9px 7px;
    border-radius: 13px;
  }

  body[data-page-version="kvartira-v18"]
  .hero-copy
  .hero-point strong {
    display: block;
    font-size: 9.5px;
    line-height: 1.15;
    letter-spacing: -.015em;
  }

  body[data-page-version="kvartira-v18"]
  .hero-copy
  .hero-point span {
    display: none;
  }

  body[data-page-version="kvartira-v18"]
  .hero-copy
  .actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2px;
    margin-top: 15px;
  }

  body[data-page-version="kvartira-v18"]
  .hero-copy
  .actions
  .btn-primary {
    width: 100%;
    min-height: 51px;
    font-size: 13px;
  }

  body[data-page-version="kvartira-v18"]
  .hero-copy
  .actions
  .btn-telegram {
    width: 100%;
    min-height: 34px;
    padding: 8px 10px 5px;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: rgba(210,235,249,.72);
    font-size: 11px;
    text-decoration: underline;
    text-decoration-color: rgba(210,235,249,.22);
    text-underline-offset: 3px;
  }

  body[data-page-version="kvartira-v18"]
  .hero-copy
  .actions
  .btn-telegram:hover {
    background: transparent;
    color: #e3f4ff;
  }

  body[data-page-version="kvartira-v18"]
  .hero-copy
  .micro {
    margin-top: 6px;
    padding: 0 7px;
    color: rgba(251,246,236,.47);
    font-size: 9px;
    line-height: 1.35;
    text-align: center;
  }

  body[data-page-version="kvartira-v18"] .form-card {
    margin-top: 0;
  }
}

@media (max-width: 380px) {
  body[data-page-version="kvartira-v18"] .hero-copy h1 {
    font-size: 32px;
  }

  body[data-page-version="kvartira-v18"]
  .hero-copy
  .hero-point strong {
    font-size: 8.7px;
  }
}

/* KVARTIRA HERO V18 END */


/* KVARTIRA HERO V19 START */

@media (min-width: 981px) {
  body[data-kv-hero="v20"] .hero-copy h1 {
    max-width: 720px;
    font-size: clamp(50px, 4.15vw, 64px);
    line-height: .99;
    letter-spacing: -.054em;
  }

  body[data-kv-hero="v20"] .hero-copy .lead {
    max-width: 670px;
  }
}

body[data-kv-hero="v20"] .dropzone {
  position: relative;
  min-height: 106px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 16px;
  align-content: center;
  padding: 18px 19px;
  cursor: pointer;
  transition:
    border-color .18s ease,
    background .18s ease,
    transform .18s ease;
}

body[data-kv-hero="v20"] .dropzone:hover {
  border-color: rgba(236,216,167,.48);
  background: rgba(236,216,167,.035);
}

body[data-kv-hero="v20"] .dropzone > strong {
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  margin: 0;
  font-size: 16px;
  line-height: 1.15;
}

body[data-kv-hero="v20"]
.dropzone > span:not(.dropzone-action) {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  margin-top: 7px;
  font-size: 10px;
  line-height: 1.3;
}

body[data-kv-hero="v20"] .dropzone-action {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  min-width: 110px;
  min-height: 39px;
  display: inline-grid;
  place-items: center;
  padding: 0 13px;
  border-radius: 12px;
  color: #17120b;
  background:
    linear-gradient(135deg,#fff0c9,#d4aa4e);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 8px 24px rgba(0,0,0,.16);
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

body[data-kv-hero="v20"] .file-name {
  min-height: 0;
  margin-top: 9px;
}

body[data-kv-hero="v20"] .file-name:empty {
  display: none;
}

body[data-kv-hero="v20"]
.file-name:not(:empty) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 12px;
  border-radius: 14px;
  color: #f8f2e7;
  background: rgba(130,174,117,.07);
  border: 1px solid rgba(151,206,137,.20);
}

body[data-kv-hero="v20"]
.selected-file-copy {
  min-width: 0;
  display: block;
}

body[data-kv-hero="v20"]
.selected-file-copy strong {
  display: block;
  overflow: hidden;
  color: #f8f2e7;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-kv-hero="v20"]
.selected-file-copy small {
  display: block;
  margin-top: 4px;
  color: rgba(207,232,199,.62);
  font-size: 9px;
  line-height: 1.2;
}

body[data-kv-hero="v20"]
.file-name button {
  flex: 0 0 auto;
  padding: 6px 8px;
  border: 0;
  color: rgba(239,222,176,.78);
  background: transparent;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-color: rgba(239,222,176,.25);
  text-underline-offset: 3px;
  cursor: pointer;
}

body[data-kv-hero="v20"]
.form-card.is-sending .dropzone {
  pointer-events: none;
  opacity: .68;
}

body[data-kv-hero="v20"]
.form-card.is-sending .dropzone-action {
  color: rgba(23,18,11,.72);
}

body[data-kv-hero="v20"]
.hero-copy .micro {
  color: rgba(251,246,236,.64);
  font-size: 10.5px;
  line-height: 1.45;
}

@media (max-width: 980px) {
  body[data-kv-hero="v20"]
  .hero-copy
  .hero-point strong {
    font-size: 0 !important;
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .hero-point strong::after {
    display: block;
    font-size: 10px;
    line-height: 1.15;
    font-weight: 900;
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .hero-point:nth-child(1)
  strong::after {
    content: "Цены";
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .hero-point:nth-child(2)
  strong::after {
    content: "Объёмы";
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .hero-point:nth-child(3)
  strong::after {
    content: "Доплаты";
  }

  body[data-kv-hero="v20"]
  .hero-copy .micro {
    margin-top: 7px;
    padding: 0 10px;
    color: rgba(251,246,236,.61);
    font-size: 10px;
    line-height: 1.42;
  }

  body[data-kv-hero="v20"] .dropzone {
    min-height: 94px;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 9px;
    padding: 15px 14px;
  }

  body[data-kv-hero="v20"]
  .dropzone > strong {
    font-size: 14px;
  }

  body[data-kv-hero="v20"]
  .dropzone > span:not(.dropzone-action) {
    margin-top: 5px;
    font-size: 9px;
  }

  body[data-kv-hero="v20"]
  .dropzone-action {
    min-width: 87px;
    min-height: 36px;
    padding: 0 9px;
    border-radius: 11px;
    font-size: 9px;
  }

  body[data-kv-hero="v20"]
  .file-name:not(:empty) {
    padding: 10px;
  }
}

@media (max-width: 370px) {
  body[data-kv-hero="v20"] .dropzone {
    grid-template-columns: 1fr;
  }

  body[data-kv-hero="v20"]
  .dropzone-action {
    grid-column: 1;
    grid-row: 3;
    width: 100%;
    margin-top: 11px;
  }
}

/* KVARTIRA HERO V19 END */


/* KVARTIRA HERO V20 START */

body[data-kv-hero="v20"] .kv-h1-line {
  display: block;
}

body[data-kv-hero="v20"] .hero-copy .lead {
  color: rgba(251,246,236,.69);
}

body[data-kv-hero="v20"] .hero-copy .micro {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 15px;
  align-items: center;
  max-width: 700px;
  margin-top: 12px;
  color: rgba(251,246,236,.66);
  font-size: 10.5px;
  line-height: 1.35;
}

body[data-kv-hero="v20"] .hero-copy .micro span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

body[data-kv-hero="v20"]
.hero-copy
.micro span::before {
  content: "";
  width: 5px;
  height: 5px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #9fca88;
  box-shadow: 0 0 0 3px rgba(159,202,136,.08);
}

@media (min-width: 1181px) {
  body[data-kv-hero="v20"] .hero-copy h1 {
    width: 730px;
    max-width: 730px;
    font-size: clamp(48px, 3.55vw, 55px);
    line-height: .99;
    letter-spacing: -.055em;
  }

  body[data-kv-hero="v20"] .kv-h1-line {
    white-space: nowrap;
  }

  body[data-kv-hero="v20"] .kv-h1-line-3 {
    margin-top: 3px;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  body[data-kv-hero="v20"] .hero-copy h1 {
    max-width: 620px;
    font-size: 46px;
    line-height: .99;
  }
}

@media (max-width: 980px) {
  body[data-kv-hero="v20"] .hero-copy h1 {
    font-size: clamp(33px, 9vw, 39px);
    line-height: .98;
  }

  body[data-kv-hero="v20"] .kv-h1-line {
    display: inline;
  }

  body[data-kv-hero="v20"]
  .kv-h1-line + .kv-h1-line::before {
    content: " ";
  }

  body[data-kv-hero="v20"] .kv-h1-line-3 {
    display: block;
    margin-top: 2px;
  }

  body[data-kv-hero="v20"]
  .kv-h1-line-3::before {
    content: "" !important;
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .hero-points {
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 6px;
    margin-top: 14px;
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .hero-point {
    min-height: 36px;
    display: grid;
    place-items: center;
    padding: 0 7px;
    border-radius: 999px;
    background:
      linear-gradient(
        180deg,
        rgba(236,216,167,.055),
        rgba(255,255,255,.018)
      );
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .hero-point strong {
    font-size: 0 !important;
    text-align: center;
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .hero-point strong::after {
    display: block;
    color: rgba(244,225,174,.91);
    font-size: 10.5px;
    line-height: 1;
    font-weight: 900;
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .hero-point:nth-child(1)
  strong::after {
    content: "Цены";
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .hero-point:nth-child(2)
  strong::after {
    content: "Объёмы";
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .hero-point:nth-child(3)
  strong::after {
    content: "Доплаты";
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .actions {
    gap: 0;
    margin-top: 13px;
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .actions
  .btn-primary {
    min-height: 50px;
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .actions
  .btn-telegram {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 5px 4px;
    border: 0;
    color: rgba(204,235,252,.82);
    background: transparent;
    box-shadow: none;
    font-size: 11px;
    line-height: 1.25;
    font-weight: 750;
    text-decoration: none;
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .actions
  .btn-telegram:hover {
    color: #e8f7ff;
    background: transparent;
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .micro {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 9px;
    margin-top: 5px;
    padding: 0 3px;
    color: rgba(251,246,236,.66);
    font-size: 9.5px;
    line-height: 1.3;
    text-align: left;
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .micro span {
    min-width: 0;
    gap: 5px;
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .micro span:last-child {
    grid-column: 1 / -1;
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .micro span::before {
    width: 4px;
    height: 4px;
    box-shadow: none;
  }

  body[data-kv-hero="v20"] .dropzone-action {
    min-width: 101px;
    min-height: 39px;
    padding: 0 11px;
    font-size: 10.5px;
    font-weight: 950;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.42),
      0 8px 22px rgba(0,0,0,.19);
  }
}

@media (max-width: 370px) {
  body[data-kv-hero="v20"]
  .hero-copy
  .micro {
    grid-template-columns: 1fr;
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .micro span:last-child {
    grid-column: auto;
  }
}

/* KVARTIRA HERO V20 END */


/* KVARTIRA DEMO V22 START */

body[data-kv-demo="v22"] .kv-demo-v22 {
  position: relative;
  padding: 94px 0;
  scroll-margin-top: 86px;
  border-top: 1px solid rgba(255,255,255,.055);
  border-bottom: 1px solid rgba(255,255,255,.055);
}

body[data-kv-demo="v22"] .kv-demo-v22-head {
  max-width: 870px;
  margin-bottom: 30px;
}

body[data-kv-demo="v22"] .kv-demo-v22-head h2 {
  max-width: 840px;
  margin-top: 15px;
  font-size: clamp(43px,4vw,61px);
  line-height: 1.01;
  letter-spacing: -.052em;
}

body[data-kv-demo="v22"] .kv-demo-v22-head p {
  max-width: 760px;
  margin-top: 14px;
}

body[data-kv-demo="v22"] .kv-report-v22 {
  overflow: hidden;
  padding: 21px;
  border: 1px solid rgba(236,216,167,.23);
  border-radius: 31px;
  background:
    radial-gradient(
      circle at 15% 0,
      rgba(236,216,167,.10),
      transparent 35%
    ),
    linear-gradient(145deg,#17150f,#080806);
  box-shadow:
    0 34px 90px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.045);
}

body[data-kv-demo="v22"] .kv-report-v22-top {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-start;
  padding: 2px 3px 17px;
}

body[data-kv-demo="v22"] .kv-report-v22-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 11px;
  border: 1px solid rgba(236,216,167,.24);
  border-radius: 999px;
  color: rgba(244,225,174,.91);
  background: rgba(236,216,167,.055);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .035em;
}

body[data-kv-demo="v22"] .kv-report-v22-top h3 {
  margin: 12px 0 6px;
  font-size: 28px;
  line-height: 1.06;
  letter-spacing: -.042em;
}

body[data-kv-demo="v22"] .kv-report-v22-top p {
  margin: 0;
  color: rgba(251,246,236,.49);
  font-size: 11px;
  line-height: 1.35;
}

body[data-kv-demo="v22"] .kv-report-v22-fake {
  flex: 0 0 auto;
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 11px;
  border-radius: 999px;
  color: rgba(245,220,153,.88);
  background: rgba(207,158,56,.10);
  border: 1px solid rgba(221,177,78,.18);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body[data-kv-demo="v22"] .kv-report-v22-stats {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
  margin-bottom: 9px;
}

body[data-kv-demo="v22"] .kv-report-v22-stats > div {
  min-height: 82px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 17px;
  background: rgba(0,0,0,.19);
}

body[data-kv-demo="v22"] .kv-report-v22-stats span {
  color: rgba(251,246,236,.43);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body[data-kv-demo="v22"] .kv-report-v22-stats strong {
  display: block;
  margin-top: 8px;
  color: #fff9ef;
  font-size: 21px;
  line-height: 1;
  letter-spacing: -.035em;
}

body[data-kv-demo="v22"] .kv-report-v22-total strong {
  color: #efd184;
}

body[data-kv-demo="v22"] .kv-report-v22-total small {
  display: block;
  margin-top: 6px;
  color: rgba(251,246,236,.37);
  font-size: 8px;
}

body[data-kv-demo="v22"] .kv-report-v22-sum {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 16px;
  align-items: center;
  margin-bottom: 9px;
  padding: 12px 14px;
  border: 1px solid rgba(236,216,167,.11);
  border-radius: 15px;
  background: rgba(236,216,167,.035);
}

body[data-kv-demo="v22"] .kv-report-v22-sum span {
  color: rgba(251,246,236,.43);
  font-size: 9px;
}

body[data-kv-demo="v22"] .kv-report-v22-sum strong {
  justify-self: end;
  color: rgba(255,248,235,.87);
  font-size: 11px;
  font-weight: 750;
}

body[data-kv-demo="v22"] .kv-report-v22-sum i {
  padding: 0 6px;
  color: #d7b45d;
  font-style: normal;
}

body[data-kv-demo="v22"] .kv-report-v22-table-wrap {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 19px;
}

body[data-kv-demo="v22"] .kv-report-v22-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

body[data-kv-demo="v22"] .kv-report-v22-table th {
  padding: 13px 12px;
  color: rgba(251,246,236,.41);
  background: rgba(255,255,255,.025);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
  text-align: left;
  text-transform: uppercase;
}

body[data-kv-demo="v22"] .kv-report-v22-table th:nth-child(1) {
  width: 29%;
}

body[data-kv-demo="v22"] .kv-report-v22-table th:nth-child(2) {
  width: 16%;
}

body[data-kv-demo="v22"] .kv-report-v22-table th:nth-child(3) {
  width: 18%;
}

body[data-kv-demo="v22"] .kv-report-v22-table th:nth-child(4) {
  width: 24%;
}

body[data-kv-demo="v22"] .kv-report-v22-table th:nth-child(5) {
  width: 13%;
}

body[data-kv-demo="v22"] .kv-report-v22-table td {
  padding: 13px 12px;
  vertical-align: middle;
  border-top: 1px solid rgba(255,255,255,.055);
  color: rgba(251,246,236,.66);
  font-size: 10px;
  line-height: 1.35;
}

body[data-kv-demo="v22"] .kv-report-v22-table td > strong {
  color: #fff9ef;
  font-size: 11px;
}

body[data-kv-demo="v22"] .kv-report-v22-table td > small {
  display: block;
  margin-top: 4px;
  color: rgba(251,246,236,.34);
  font-size: 8px;
}

body[data-kv-demo="v22"] .kv-status-v22 {
  display: inline-flex;
  min-height: 23px;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 7.5px;
  font-weight: 950;
  letter-spacing: .045em;
  text-transform: uppercase;
}

body[data-kv-demo="v22"] .kv-status-price {
  color: #f2c7a3;
  background: rgba(183,101,47,.13);
  border: 1px solid rgba(211,125,65,.20);
}

body[data-kv-demo="v22"] .kv-status-detail {
  color: #efd99d;
  background: rgba(194,146,48,.11);
  border: 1px solid rgba(220,176,76,.18);
}

body[data-kv-demo="v22"] .kv-status-duplicate {
  color: #bde3f5;
  background: rgba(70,143,181,.12);
  border: 1px solid rgba(92,171,210,.20);
}

body[data-kv-demo="v22"] .kv-status-open {
  color: #f2dd8b;
  background: rgba(194,151,38,.13);
  border: 1px solid rgba(221,181,72,.20);
}

body[data-kv-demo="v22"] .kv-report-v22-formula-row td {
  padding: 0;
  background: rgba(238,210,143,.055);
}

body[data-kv-demo="v22"] .kv-report-v22-formula-row td > span,
body[data-kv-demo="v22"] .kv-report-v22-formula-row td > strong,
body[data-kv-demo="v22"] .kv-report-v22-formula-row td > small {
  margin-left: 13px;
  margin-right: 13px;
}

body[data-kv-demo="v22"] .kv-report-v22-formula-row td > span {
  display: block;
  margin-top: 11px;
  color: rgba(244,225,174,.60);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body[data-kv-demo="v22"] .kv-report-v22-formula-row td > strong {
  display: block;
  margin-top: 5px;
  color: #fff9ef;
  font-size: 13px;
}

body[data-kv-demo="v22"] .kv-report-v22-formula-row td > strong b {
  color: #edcb73;
}

body[data-kv-demo="v22"] .kv-report-v22-formula-row td > small {
  display: block;
  margin-top: 4px;
  margin-bottom: 11px;
}

body[data-kv-demo="v22"] .kv-report-v22-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 9px;
}

body[data-kv-demo="v22"] .kv-report-v22-bottom section {
  padding: 15px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 17px;
  background: rgba(0,0,0,.18);
}

body[data-kv-demo="v22"] .kv-report-v22-bottom section > span {
  color: #fff8ec;
  font-size: 12px;
  font-weight: 900;
}

body[data-kv-demo="v22"] .kv-report-v22-bottom ul {
  margin: 10px 0 0;
  padding-left: 17px;
  color: rgba(251,246,236,.55);
  font-size: 10px;
  line-height: 1.5;
}

body[data-kv-demo="v22"] .kv-report-v22-bottom p {
  margin: 10px 0 0;
  color: rgba(251,246,236,.55);
  font-size: 10px;
  line-height: 1.5;
}

body[data-kv-demo="v22"] .kv-report-v22-bottom p strong {
  color: #efd184;
}

body[data-kv-demo="v22"] .kv-report-v22-disclaimer {
  margin: 9px 0 0;
  padding: 11px 13px;
  border: 1px solid rgba(236,216,167,.13);
  border-radius: 14px;
  color: rgba(251,246,236,.38);
  background: rgba(236,216,167,.035);
  font-size: 8.5px;
  line-height: 1.45;
}

body[data-kv-demo="v22"] .kv-report-v22-mobile {
  display: none;
}

body[data-kv-demo="v22"] .kv-demo-v22-cta {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 24px;
  align-items: center;
  margin-top: 15px;
  padding: 20px;
  border: 1px solid rgba(236,216,167,.17);
  border-radius: 23px;
  background:
    linear-gradient(
      135deg,
      rgba(236,216,167,.075),
      rgba(255,255,255,.018)
    );
}

body[data-kv-demo="v22"] .kv-demo-v22-cta > div > span {
  color: #fff8ed;
  font-size: 18px;
  font-weight: 950;
  letter-spacing: -.025em;
}

body[data-kv-demo="v22"] .kv-demo-v22-cta p {
  max-width: 660px;
  margin: 7px 0 0;
  color: rgba(251,246,236,.50);
  font-size: 10.5px;
  line-height: 1.45;
}

body[data-kv-demo="v22"] .kv-demo-v22-actions {
  display: flex;
  gap: 8px;
}

body[data-kv-demo="v22"] .kv-demo-v22-actions .btn {
  min-height: 45px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 10px;
}

@media (max-width: 980px) {
  body[data-kv-demo="v22"] .kv-demo-v22 {
    padding: 59px 0;
  }

  body[data-kv-demo="v22"] .kv-demo-v22-head {
    margin-bottom: 18px;
  }

  body[data-kv-demo="v22"] .kv-demo-v22-head h2 {
    margin-top: 12px;
    font-size: 31px;
    line-height: 1.01;
  }

  body[data-kv-demo="v22"] .kv-demo-v22-head p {
    margin-top: 10px;
    font-size: 11px;
    line-height: 1.45;
  }

  body[data-kv-demo="v22"] .kv-report-v22 {
    padding: 10px;
    border-radius: 22px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-top {
    display: block;
    padding: 2px 2px 12px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-top h3 {
    margin-top: 10px;
    font-size: 20px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-top p {
    font-size: 9px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-fake {
    margin-top: 9px;
    min-height: 24px;
    font-size: 7px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-stats {
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-stats > div {
    min-height: 69px;
    padding: 11px;
    border-radius: 14px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-stats span {
    font-size: 7px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-stats strong {
    margin-top: 6px;
    font-size: 16px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-total small {
    font-size: 7px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-sum {
    display: block;
    padding: 11px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-sum span {
    display: block;
    font-size: 8px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-sum strong {
    display: block;
    margin-top: 7px;
    font-size: 9px;
    line-height: 1.4;
  }

  body[data-kv-demo="v22"] .kv-report-v22-sum i {
    padding: 0 3px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-desktop {
    display: none;
  }

  body[data-kv-demo="v22"] .kv-report-v22-mobile {
    display: block;
  }

  body[data-kv-demo="v22"] .kv-report-v22-focus {
    overflow: hidden;
    padding: 12px;
    border-radius: 17px;
    color: #18120a;
    background:
      linear-gradient(145deg,#fff4d9,#e6c78a);
  }

  body[data-kv-demo="v22"] .kv-report-v22-focus-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
  }

  body[data-kv-demo="v22"] .kv-report-v22-focus-head span {
    color: rgba(32,23,12,.58);
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .065em;
    text-transform: uppercase;
  }

  body[data-kv-demo="v22"] .kv-report-v22-focus-head strong {
    color: #5a3b0b;
    font-size: 9px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-focus h4 {
    margin: 13px 0 10px;
    font-size: 21px;
    line-height: 1;
    letter-spacing: -.04em;
  }

  body[data-kv-demo="v22"] .kv-report-v22-focus-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-focus-grid > div {
    padding: 10px;
    border-radius: 12px;
    background: rgba(255,255,255,.33);
  }

  body[data-kv-demo="v22"] .kv-report-v22-focus-grid span,
  body[data-kv-demo="v22"] .kv-report-v22-mobile-formula span,
  body[data-kv-demo="v22"] .kv-report-v22-reason span,
  body[data-kv-demo="v22"] .kv-report-v22-question span {
    display: block;
    color: rgba(32,23,12,.50);
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
  }

  body[data-kv-demo="v22"] .kv-report-v22-focus-grid strong {
    display: block;
    margin-top: 6px;
    color: #18120a;
    font-size: 10px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-mobile-formula {
    margin-top: 6px;
    padding: 11px;
    border-radius: 12px;
    color: #fff7e6;
    background: #171108;
  }

  body[data-kv-demo="v22"] .kv-report-v22-mobile-formula span {
    color: rgba(255,245,222,.49);
  }

  body[data-kv-demo="v22"] .kv-report-v22-mobile-formula strong {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.35;
  }

  body[data-kv-demo="v22"] .kv-report-v22-mobile-formula b {
    display: block;
    margin-top: 3px;
    color: #f0cc72;
  }

  body[data-kv-demo="v22"] .kv-report-v22-reason,
  body[data-kv-demo="v22"] .kv-report-v22-question {
    margin-top: 6px;
    padding: 10px;
    border-radius: 12px;
    background: rgba(255,255,255,.25);
  }

  body[data-kv-demo="v22"] .kv-report-v22-reason p,
  body[data-kv-demo="v22"] .kv-report-v22-question p {
    margin: 5px 0 0;
    color: rgba(29,21,11,.76);
    font-size: 9px;
    line-height: 1.4;
  }

  body[data-kv-demo="v22"] .kv-report-v22-more {
    margin-top: 7px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 15px;
    background: rgba(0,0,0,.19);
  }

  body[data-kv-demo="v22"] .kv-report-v22-more summary {
    min-height: 48px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 0 12px;
    color: rgba(255,248,235,.83);
    cursor: pointer;
    list-style: none;
    font-size: 10px;
    font-weight: 850;
  }

  body[data-kv-demo="v22"] .kv-report-v22-more summary::-webkit-details-marker {
    display: none;
  }

  body[data-kv-demo="v22"] .kv-report-v22-more summary strong {
    color: #edcd77;
  }

  body[data-kv-demo="v22"] .kv-report-v22-more summary::after {
    content: "+";
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: #dfc275;
    background: rgba(236,216,167,.08);
  }

  body[data-kv-demo="v22"] .kv-report-v22-more[open] summary::after {
    content: "−";
  }

  body[data-kv-demo="v22"] .kv-report-v22-more summary strong {
    margin-left: auto;
  }

  body[data-kv-demo="v22"] .kv-report-v22-mobile-list {
    padding: 0 8px 8px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-mobile-list > div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    padding: 10px 4px;
    border-top: 1px solid rgba(255,255,255,.055);
  }

  body[data-kv-demo="v22"] .kv-report-v22-mobile-list span {
    min-width: 0;
  }

  body[data-kv-demo="v22"] .kv-report-v22-mobile-list strong {
    display: block;
    color: rgba(255,248,235,.82);
    font-size: 9px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-mobile-list small {
    display: block;
    margin-top: 3px;
    color: rgba(251,246,236,.37);
    font-size: 7px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-mobile-list b {
    flex: 0 0 auto;
    color: #edcc74;
    font-size: 9px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-bottom {
    grid-template-columns: 1fr;
    gap: 6px;
    margin-top: 7px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-bottom section {
    padding: 12px;
    border-radius: 14px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-bottom section > span {
    font-size: 10px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-bottom ul,
  body[data-kv-demo="v22"] .kv-report-v22-bottom p {
    margin-top: 7px;
    font-size: 8.5px;
    line-height: 1.45;
  }

  body[data-kv-demo="v22"] .kv-report-v22-disclaimer {
    padding: 10px;
    font-size: 7.5px;
  }

  body[data-kv-demo="v22"] .kv-demo-v22-cta {
    grid-template-columns: 1fr;
    gap: 13px;
    margin-top: 10px;
    padding: 15px;
    border-radius: 18px;
  }

  body[data-kv-demo="v22"] .kv-demo-v22-cta > div > span {
    font-size: 16px;
    line-height: 1.15;
  }

  body[data-kv-demo="v22"] .kv-demo-v22-cta p {
    font-size: 9px;
  }

  body[data-kv-demo="v22"] .kv-demo-v22-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
  }

  body[data-kv-demo="v22"] .kv-demo-v22-actions .btn {
    width: 100%;
    min-height: 45px;
  }
}

/* KVARTIRA DEMO V22 END */


/* KVARTIRA DEMO READABILITY SAFE START */

/*
 * Только типографика рабочего блока V22.
 * HTML, сетка и поведение формы не изменяются.
 */

body[data-kv-demo="v22"] .kv-demo-v22-head p {
  color: rgba(251,246,236,.65);
  font-size: 13px;
  line-height: 1.55;
}

body[data-kv-demo="v22"] .kv-report-v22-top p {
  color: rgba(251,246,236,.58);
  font-size: 11.5px;
  line-height: 1.5;
}

body[data-kv-demo="v22"] .kv-report-v22-stats span {
  font-size: 9px;
  line-height: 1.35;
}

body[data-kv-demo="v22"] .kv-report-v22-stats strong {
  font-size: 22px;
}

body[data-kv-demo="v22"] .kv-report-v22-total small {
  color: rgba(251,246,236,.54);
  font-size: 9px;
  line-height: 1.35;
}

body[data-kv-demo="v22"] .kv-report-v22-sum span {
  color: rgba(251,246,236,.56);
  font-size: 10px;
  line-height: 1.4;
}

body[data-kv-demo="v22"] .kv-report-v22-sum strong {
  font-size: 11.5px;
  line-height: 1.45;
}

/* Десктопная таблица */

body[data-kv-demo="v22"] .kv-report-v22-table th {
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 9px;
  line-height: 1.35;
}

body[data-kv-demo="v22"] .kv-report-v22-table td {
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 11px;
  line-height: 1.48;
}

body[data-kv-demo="v22"]
.kv-report-v22-table td > strong {
  font-size: 12px;
  line-height: 1.35;
}

body[data-kv-demo="v22"]
.kv-report-v22-table td > small {
  color: rgba(251,246,236,.46);
  font-size: 9px;
  line-height: 1.4;
}

body[data-kv-demo="v22"] .kv-status-v22 {
  min-height: 25px;
  padding-left: 9px;
  padding-right: 9px;
  font-size: 8px;
  line-height: 1.2;
}

body[data-kv-demo="v22"]
.kv-report-v22-formula-row td > span {
  font-size: 9px;
}

body[data-kv-demo="v22"]
.kv-report-v22-formula-row td > strong {
  font-size: 15px;
  line-height: 1.4;
}

body[data-kv-demo="v22"]
.kv-report-v22-formula-row td > small {
  color: rgba(251,246,236,.48);
  font-size: 9px;
  line-height: 1.45;
}

/* Выводы */

body[data-kv-demo="v22"]
.kv-report-v22-bottom section > span {
  font-size: 13px;
  line-height: 1.3;
}

body[data-kv-demo="v22"] .kv-report-v22-bottom ul,
body[data-kv-demo="v22"] .kv-report-v22-bottom p {
  color: rgba(251,246,236,.63);
  font-size: 10.5px;
  line-height: 1.55;
}

body[data-kv-demo="v22"]
.kv-report-v22-disclaimer {
  color: rgba(251,246,236,.49);
  font-size: 9.5px;
  line-height: 1.52;
}

/* CTA */

body[data-kv-demo="v22"]
.kv-demo-v22-cta > div > span {
  font-size: 20px;
  line-height: 1.2;
}

body[data-kv-demo="v22"] .kv-demo-v22-cta p {
  color: rgba(251,246,236,.62);
  font-size: 11.5px;
  line-height: 1.5;
}

body[data-kv-demo="v22"]
.kv-demo-v22-actions .btn {
  font-size: 10.5px;
}

/* Мобильная версия */

@media (max-width: 980px) {
  body[data-kv-demo="v22"] .kv-demo-v22-head p {
    font-size: 11.5px;
    line-height: 1.52;
  }

  body[data-kv-demo="v22"] .kv-report-v22-top p {
    font-size: 9.5px;
    line-height: 1.45;
  }

  body[data-kv-demo="v22"] .kv-report-v22-stats span {
    font-size: 8px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-stats strong {
    font-size: 17px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-total small {
    font-size: 8px;
    line-height: 1.35;
  }

  body[data-kv-demo="v22"] .kv-report-v22-sum span {
    font-size: 9px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-sum strong {
    font-size: 10px;
    line-height: 1.48;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-focus-head span {
    font-size: 8px;
    line-height: 1.35;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-focus-head strong {
    font-size: 10px;
    line-height: 1.35;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-focus h4 {
    font-size: 23px;
    line-height: 1.05;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-focus-grid span,
  body[data-kv-demo="v22"]
  .kv-report-v22-mobile-formula span,
  body[data-kv-demo="v22"]
  .kv-report-v22-reason span,
  body[data-kv-demo="v22"]
  .kv-report-v22-question span {
    font-size: 8px;
    line-height: 1.35;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-focus-grid strong {
    font-size: 11px;
    line-height: 1.4;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-mobile-formula strong {
    font-size: 13px;
    line-height: 1.42;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-reason p,
  body[data-kv-demo="v22"]
  .kv-report-v22-question p {
    color: rgba(29,21,11,.80);
    font-size: 10px;
    line-height: 1.48;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-more summary {
    min-height: 52px;
    font-size: 10.5px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-more summary strong {
    font-size: 11px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-mobile-list > div {
    min-height: 49px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-mobile-list strong {
    font-size: 10.5px;
    line-height: 1.35;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-mobile-list small {
    color: rgba(251,246,236,.51);
    font-size: 9px;
    line-height: 1.35;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-mobile-list b {
    font-size: 10.5px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-bottom section > span {
    font-size: 11px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-bottom ul,
  body[data-kv-demo="v22"] .kv-report-v22-bottom p {
    color: rgba(251,246,236,.62);
    font-size: 9.5px;
    line-height: 1.52;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-disclaimer {
    color: rgba(251,246,236,.48);
    font-size: 9px;
    line-height: 1.48;
  }

  body[data-kv-demo="v22"]
  .kv-demo-v22-cta > div > span {
    font-size: 17px;
    line-height: 1.2;
  }

  body[data-kv-demo="v22"] .kv-demo-v22-cta p {
    color: rgba(251,246,236,.62);
    font-size: 10px;
    line-height: 1.48;
  }

  body[data-kv-demo="v22"]
  .kv-demo-v22-actions .btn {
    min-height: 47px;
    font-size: 10.5px;
  }
}

/* KVARTIRA DEMO READABILITY SAFE END */


/* KVARTIRA MOBILE PROOF V24 START */

/* На десктопе новые мобильные элементы не показываем. */

.kv-report-v24-mobile-cta,
.kv-report-v24-extra {
  display: none;
}

@media (max-width: 980px) {
  /*
   * После подробной позиции сразу предлагаем действие.
   */

  body[data-kv-demo="v22"]
  .kv-report-v24-mobile-cta {
    display: grid;
    gap: 8px;
    margin-top: 8px;
    padding: 14px;
    border: 1px solid rgba(236,216,167,.18);
    border-radius: 17px;
    background:
      linear-gradient(
        145deg,
        rgba(236,216,167,.075),
        rgba(255,255,255,.018)
      );
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-mobile-cta strong {
    display: block;
    color: #fff8ed;
    font-size: 16px;
    line-height: 1.15;
    letter-spacing: -.025em;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-mobile-cta p {
    margin: 5px 0 0;
    color: rgba(251,246,236,.61);
    font-size: 10px;
    line-height: 1.45;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-mobile-cta .btn {
    width: 100%;
    min-height: 48px;
    margin-top: 2px;
    font-size: 10.5px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-telegram {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(205,236,253,.78);
    font-size: 10.5px;
    line-height: 1.3;
    font-weight: 750;
    text-decoration: none;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-telegram:hover {
    color: #ecf9ff;
  }

  /*
   * Список ещё семи позиций остаётся сразу под CTA.
   */

  body[data-kv-demo="v22"]
  .kv-report-v22-more {
    margin-top: 8px;
  }

  /*
   * Объединяем выводы, запрос подрядчику
   * и предупреждение в один accordion.
   */

  body[data-kv-demo="v22"]
  .kv-report-v24-extra {
    display: block;
    margin-top: 7px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 15px;
    background: rgba(0,0,0,.18);
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-extra summary {
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 12px;
    color: rgba(255,248,235,.84);
    cursor: pointer;
    list-style: none;
    font-size: 10.5px;
    line-height: 1.25;
    font-weight: 850;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-extra summary::-webkit-details-marker {
    display: none;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-extra summary b {
    position: relative;
    width: 23px;
    height: 23px;
    flex: 0 0 auto;
    margin-left: auto;
    border-radius: 50%;
    background: rgba(236,216,167,.08);
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-extra summary b::before,
  body[data-kv-demo="v22"]
  .kv-report-v24-extra summary b::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 9px;
    height: 1.5px;
    border-radius: 99px;
    background: #dfc275;
    transform: translate(-50%,-50%);
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-extra summary b::after {
    transform:
      translate(-50%,-50%)
      rotate(90deg);
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-extra[open]
  summary b::after {
    display: none;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-extra-body {
    padding: 0 9px 9px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-extra-body section {
    padding: 11px 4px;
    border-top: 1px solid rgba(255,255,255,.055);
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-extra-body section > strong {
    color: rgba(255,248,235,.85);
    font-size: 10.5px;
    line-height: 1.35;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-extra-body ul {
    margin: 7px 0 0;
    padding-left: 16px;
    color: rgba(251,246,236,.60);
    font-size: 9.5px;
    line-height: 1.5;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-extra-body section p {
    margin: 7px 0 0;
    color: rgba(251,246,236,.60);
    font-size: 9.5px;
    line-height: 1.5;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-extra-body section p b {
    color: #efd184;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-disclaimer {
    margin: 0;
    padding: 10px;
    border-top: 1px solid rgba(255,255,255,.055);
    color: rgba(251,246,236,.48);
    font-size: 9px;
    line-height: 1.48;
  }

  /*
   * Старые длинные блоки остаются в HTML для десктопа,
   * но на мобильном не дублируются.
   */

  body[data-kv-demo="v22"]
  .kv-report-v22-bottom,
  body[data-kv-demo="v22"]
  .kv-report-v22-disclaimer,
  body[data-kv-demo="v22"]
  .kv-demo-v22-cta {
    display: none;
  }
}

/* KVARTIRA MOBILE PROOF V24 END */


/* KVARTIRA OFFER V25B START */

.kv-offer-v25b {
  padding: 94px 0;
  scroll-margin-top: 84px;
  border-top: 1px solid rgba(255,255,255,.055);
}

.kv-offer-v25b-head {
  max-width: 920px;
  margin-bottom: 30px;
}

.kv-offer-v25b-head h2 {
  max-width: 900px;
  margin-top: 15px;
  font-size: clamp(43px,4vw,61px);
  line-height: 1.01;
  letter-spacing: -.052em;
  text-wrap: balance;
}

.kv-offer-v25b-head h2 .accent {
  display: block;
}

.kv-offer-v25b-head p {
  max-width: 760px;
  margin-top: 15px;
  color: rgba(251,246,236,.63);
  font-size: 13px;
  line-height: 1.55;
}

.kv-offer-v25b-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: start;
}

.kv-offer-v25b-card {
  padding: 24px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 27px;
  background:
    radial-gradient(
      circle at 18% 0,
      rgba(236,216,167,.07),
      transparent 40%
    ),
    linear-gradient(145deg,#15130e,#080806);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 24px 60px rgba(0,0,0,.18);
}

.kv-offer-v25b-paid {
  border-color: rgba(236,216,167,.28);
  background:
    radial-gradient(
      circle at 78% 0,
      rgba(236,216,167,.13),
      transparent 42%
    ),
    linear-gradient(145deg,#18150e,#090806);
}

.kv-offer-v25b-card-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}

.kv-offer-v25b-card-head span,
.kv-method-v25b-label {
  display: inline-flex;
  min-height: 29px;
  align-items: center;
  padding: 0 11px;
  border: 1px solid rgba(236,216,167,.21);
  border-radius: 999px;
  color: rgba(244,225,174,.91);
  background: rgba(236,216,167,.055);
  font-size: 9px;
  font-weight: 900;
}

.kv-offer-v25b-card-head > strong {
  color: #efd184;
  font-size: 20px;
  line-height: 1;
  letter-spacing: -.03em;
}

.kv-offer-v25b-card h3 {
  margin: 21px 0 0;
  color: #fff8ee;
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -.04em;
}

.kv-offer-v25b-intro {
  margin: 10px 0 0;
  color: rgba(251,246,236,.56);
  font-size: 12px;
  line-height: 1.5;
}

.kv-offer-v25b-list {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.kv-offer-v25b-list li {
  position: relative;
  padding: 13px 0 13px 27px;
  border-top: 1px solid rgba(255,255,255,.055);
}

.kv-offer-v25b-list li::before {
  content: "✓";
  position: absolute;
  left: 1px;
  top: 14px;
  color: #9ccb86;
  font-size: 13px;
  font-weight: 950;
}

.kv-offer-v25b-list strong {
  display: block;
  color: rgba(255,248,237,.90);
  font-size: 12.5px;
  line-height: 1.35;
}

.kv-offer-v25b-list span {
  display: block;
  margin-top: 4px;
  color: rgba(251,246,236,.49);
  font-size: 10px;
  line-height: 1.48;
}

.kv-offer-v25b-result {
  margin-top: 10px;
  padding: 14px;
  border: 1px solid rgba(236,216,167,.11);
  border-radius: 16px;
  background: rgba(236,216,167,.035);
}

.kv-offer-v25b-result > span {
  color: rgba(244,225,174,.72);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.kv-offer-v25b-result p {
  margin: 6px 0 0;
  color: rgba(251,246,236,.63);
  font-size: 10.5px;
  line-height: 1.5;
}

.kv-offer-v25b-cta {
  display: grid;
  justify-items: center;
  gap: 10px;
  margin-top: 17px;
  padding: 20px;
  border: 1px solid rgba(236,216,167,.17);
  border-radius: 22px;
  background: rgba(236,216,167,.04);
}

.kv-offer-v25b-cta .btn {
  min-width: 340px;
  min-height: 51px;
  font-size: 11.5px;
}

.kv-offer-v25b-cta p {
  margin: 0;
  color: rgba(251,246,236,.52);
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
}

.kv-method-v25b {
  margin-top: 34px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 27px;
  background: rgba(255,255,255,.018);
}

.kv-method-v25b-head {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(250px,400px);
  gap: 28px;
  align-items: end;
}

.kv-method-v25b h3,
.kv-no-surprises-v25b h3 {
  margin: 14px 0 0;
  color: #fff8ed;
  font-size: 27px;
  line-height: 1.08;
  letter-spacing: -.04em;
}

.kv-method-v25b-head > p {
  margin: 0;
  color: rgba(251,246,236,.55);
  font-size: 11.5px;
  line-height: 1.5;
}

.kv-method-v25b-list {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 7px;
  margin-top: 22px;
}

.kv-method-v25b-list article {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 17px;
  background: rgba(0,0,0,.16);
}

.kv-method-v25b-list article > b {
  display: block;
  color: #edcc75;
  font-size: 10px;
}

.kv-method-v25b-list strong {
  display: block;
  margin-top: 11px;
  color: rgba(255,248,237,.88);
  font-size: 11px;
  line-height: 1.35;
}

.kv-method-v25b-list p {
  margin: 6px 0 0;
  color: rgba(251,246,236,.46);
  font-size: 9px;
  line-height: 1.5;
}

.kv-no-surprises-v25b {
  display: grid;
  grid-template-columns: minmax(260px,.8fr) minmax(0,1.2fr);
  gap: 32px;
  align-items: center;
  margin-top: 12px;
  padding: 23px 24px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 25px;
  background: rgba(99,163,194,.035);
}

.kv-no-surprises-v25b p {
  margin: 0;
  color: rgba(251,246,236,.62);
  font-size: 11.5px;
  line-height: 1.55;
}

.kv-no-surprises-v25b div:last-child strong {
  display: block;
  margin-top: 10px;
  color: rgba(218,239,207,.84);
  font-size: 10.5px;
  line-height: 1.5;
}

@media (max-width: 980px) {
  .kv-offer-v25b {
    padding: 61px 0;
  }

  .kv-offer-v25b-head {
    margin-bottom: 19px;
  }

  .kv-offer-v25b-head h2 {
    margin-top: 12px;
    font-size: 31px;
    line-height: 1.02;
  }

  .kv-offer-v25b-head p {
    margin-top: 11px;
    font-size: 11.5px;
    line-height: 1.52;
  }

  .kv-offer-v25b-grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .kv-offer-v25b-card {
    padding: 15px;
    border-radius: 20px;
  }

  .kv-offer-v25b-card-head span {
    min-height: 27px;
    font-size: 8.5px;
  }

  .kv-offer-v25b-card-head > strong {
    font-size: 17px;
  }

  .kv-offer-v25b-card h3 {
    margin-top: 16px;
    font-size: 22px;
  }

  .kv-offer-v25b-intro {
    margin-top: 8px;
    font-size: 10.5px;
  }

  .kv-offer-v25b-list {
    margin-top: 14px;
  }

  .kv-offer-v25b-list li {
    padding: 11px 0 11px 24px;
  }

  .kv-offer-v25b-list li::before {
    top: 12px;
    font-size: 12px;
  }

  .kv-offer-v25b-list strong {
    font-size: 11.5px;
  }

  .kv-offer-v25b-list span {
    font-size: 9.5px;
    line-height: 1.45;
  }

  .kv-offer-v25b-result {
    padding: 12px;
  }

  .kv-offer-v25b-result p {
    font-size: 9.5px;
  }

  .kv-offer-v25b-cta {
    margin-top: 10px;
    padding: 15px;
    border-radius: 18px;
  }

  .kv-offer-v25b-cta .btn {
    width: 100%;
    min-width: 0;
    min-height: 49px;
    font-size: 10.5px;
  }

  .kv-offer-v25b-cta p {
    font-size: 9px;
    line-height: 1.45;
  }

  .kv-method-v25b {
    margin-top: 26px;
    padding: 15px;
    border-radius: 20px;
  }

  .kv-method-v25b-head {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .kv-method-v25b h3,
  .kv-no-surprises-v25b h3 {
    margin-top: 12px;
    font-size: 22px;
  }

  .kv-method-v25b-head > p {
    font-size: 10.5px;
  }

  .kv-method-v25b-list {
    grid-template-columns: 1fr;
    gap: 6px;
    margin-top: 15px;
  }

  .kv-method-v25b-list article {
    display: grid;
    grid-template-columns: 35px minmax(0,1fr);
    gap: 10px;
    align-items: start;
    padding: 12px;
    border-radius: 14px;
  }

  .kv-method-v25b-list article > b {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #171109;
    background: linear-gradient(135deg,#fff0c9,#d4aa4e);
    font-size: 9px;
  }

  .kv-method-v25b-list strong {
    margin-top: 0;
    font-size: 11.5px;
  }

  .kv-method-v25b-list p {
    margin-top: 4px;
    font-size: 9.5px;
    line-height: 1.45;
  }

  .kv-no-surprises-v25b {
    grid-template-columns: 1fr;
    gap: 13px;
    margin-top: 9px;
    padding: 16px;
    border-radius: 19px;
  }

  .kv-no-surprises-v25b p {
    font-size: 10.5px;
    line-height: 1.52;
  }

  .kv-no-surprises-v25b div:last-child strong {
    padding: 11px;
    border: 1px solid rgba(142,193,119,.11);
    border-radius: 13px;
    background: rgba(142,193,119,.055);
    font-size: 9.5px;
  }
}

/* KVARTIRA OFFER V25B END */


/* KVARTIRA FINAL V26 START */

/* FAQ */

.kv-faq-v26 {
  padding: 94px 0 75px;
  scroll-margin-top: 85px;
  border-top: 1px solid rgba(255,255,255,.055);
}

.kv-faq-v26-head {
  max-width: 830px;
  margin-bottom: 27px;
}

.kv-faq-v26-head h2 {
  max-width: 810px;
  margin-top: 15px;
  font-size: clamp(43px,4vw,59px);
  line-height: 1.01;
  letter-spacing: -.052em;
}

.kv-faq-v26-head p {
  max-width: 690px;
  margin-top: 14px;
  color: rgba(251,246,236,.61);
  font-size: 12.5px;
  line-height: 1.55;
}

.kv-faq-v26-list {
  display: grid;
  gap: 8px;
}

.kv-faq-v26-list details {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 18px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.025),
      rgba(0,0,0,.12)
    );
  transition:
    border-color .18s ease,
    background .18s ease;
}

.kv-faq-v26-list details[open] {
  border-color: rgba(236,216,167,.25);
  background:
    linear-gradient(
      145deg,
      rgba(236,216,167,.055),
      rgba(0,0,0,.15)
    );
}

.kv-faq-v26-list summary {
  min-height: 72px;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) 30px;
  gap: 13px;
  align-items: center;
  padding: 12px 17px;
  color: #fff8ed;
  cursor: pointer;
  list-style: none;
}

.kv-faq-v26-list summary::-webkit-details-marker {
  display: none;
}

.kv-faq-v26-number {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #171109;
  background: linear-gradient(135deg,#fff0c9,#d4aa4e);
  font-size: 9px;
  font-weight: 950;
}

.kv-faq-v26-list summary strong {
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: -.015em;
}

.kv-faq-v26-list summary > b {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(236,216,167,.07);
}

.kv-faq-v26-list summary > b::before,
.kv-faq-v26-list summary > b::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 1.5px;
  border-radius: 99px;
  background: #dfc275;
  transform: translate(-50%,-50%);
}

.kv-faq-v26-list summary > b::after {
  transform: translate(-50%,-50%) rotate(90deg);
}

.kv-faq-v26-list details[open]
summary > b::after {
  display: none;
}

.kv-faq-v26-answer {
  max-width: 850px;
  padding: 0 68px 19px;
}

.kv-faq-v26-answer p {
  margin: 0;
  color: rgba(251,246,236,.62);
  font-size: 11.5px;
  line-height: 1.58;
}

.kv-faq-v26-answer p + p {
  margin-top: 8px;
}

.kv-faq-v26-contact {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  margin-top: 12px;
  padding: 15px 18px;
  border: 1px solid rgba(105,176,214,.13);
  border-radius: 17px;
  background: rgba(74,142,178,.045);
}

.kv-faq-v26-contact span {
  color: rgba(221,242,252,.65);
  font-size: 10.5px;
}

.kv-faq-v26-contact a {
  color: #d6eefb;
  font-size: 10.5px;
  font-weight: 800;
}

/* Final CTA */

.kv-final-v26 {
  padding: 0 0 77px;
}

.kv-final-v26-card {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 35px;
  align-items: center;
  padding: 34px;
  border: 1px solid rgba(236,216,167,.23);
  border-radius: 30px;
  background:
    radial-gradient(
      circle at 15% 0,
      rgba(236,216,167,.13),
      transparent 39%
    ),
    linear-gradient(145deg,#17140e,#090806);
  box-shadow:
    0 30px 80px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.045);
}

.kv-final-v26-label {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 11px;
  border: 1px solid rgba(236,216,167,.22);
  border-radius: 999px;
  color: rgba(244,225,174,.90);
  background: rgba(236,216,167,.055);
  font-size: 8.5px;
  font-weight: 900;
}

.kv-final-v26 h2 {
  max-width: 700px;
  margin: 15px 0 0;
  color: #fff8ed;
  font-size: clamp(34px,3.3vw,49px);
  line-height: 1.02;
  letter-spacing: -.05em;
}

.kv-final-v26-copy > p {
  max-width: 680px;
  margin: 13px 0 0;
  color: rgba(251,246,236,.61);
  font-size: 12px;
  line-height: 1.55;
}

.kv-final-v26-points {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 15px;
  margin-top: 16px;
}

.kv-final-v26-points span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(251,246,236,.56);
  font-size: 9.5px;
}

.kv-final-v26-points span::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #9fca88;
}

.kv-final-v26-actions {
  width: 270px;
  display: grid;
  gap: 8px;
}

.kv-final-v26-actions .btn {
  width: 100%;
  min-height: 49px;
  font-size: 11px;
}

/* Footer */

.kv-footer-v26 {
  padding: 0 0 18px;
  border-top: 1px solid rgba(255,255,255,.05);
}

.kv-footer-v26-card {
  display: grid;
  grid-template-columns: 1.15fr .8fr .9fr;
  gap: 24px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 27px;
  background:
    radial-gradient(
      circle at 10% 0,
      rgba(236,216,167,.075),
      transparent 36%
    ),
    linear-gradient(145deg,#11100c,#070706);
}

.kv-footer-v26-wordmark {
  display: block;
  width: max-content;
  color: #fff8ed;
  text-decoration: none;
}

.kv-footer-v26-wordmark strong {
  display: block;
  font-size: 25px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.055em;
}

.kv-footer-v26-wordmark span {
  display: block;
  margin-top: 6px;
  color: rgba(236,216,167,.65);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.kv-footer-v26-brand > p {
  max-width: 380px;
  margin: 17px 0 0;
  color: rgba(251,246,236,.48);
  font-size: 10px;
  line-height: 1.52;
}

.kv-footer-v26-trust {
  display: inline-flex;
  min-height: 27px;
  align-items: center;
  margin-top: 15px;
  padding: 0 10px;
  border: 1px solid rgba(145,194,123,.15);
  border-radius: 999px;
  color: rgba(210,236,198,.74);
  background: rgba(145,194,123,.045);
  font-size: 8px;
  font-weight: 800;
}

.kv-footer-v26-docs,
.kv-footer-v26-contacts {
  display: grid;
  align-content: start;
  gap: 7px;
}

.kv-footer-v26-docs > span,
.kv-footer-v26-contacts > span {
  margin-bottom: 3px;
  color: rgba(251,246,236,.43);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.kv-footer-v26-docs > a {
  min-height: 38px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 11px;
  color: rgba(251,246,236,.66);
  font-size: 9px;
  text-decoration: none;
}

.kv-footer-v26-docs > a:hover {
  border-color: rgba(236,216,167,.20);
  color: #fff8ed;
}

.kv-footer-v26-docs > a b {
  color: rgba(236,216,167,.45);
}

.kv-footer-v26-contacts > a {
  min-height: 54px;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 9px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 14px;
  color: #fff8ed;
  text-decoration: none;
}

.kv-footer-v26-contacts > a i {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 10px;
  color: #171109;
  background: linear-gradient(135deg,#fff0c9,#d4aa4e);
  font-size: 8px;
  font-style: normal;
  font-weight: 950;
}

.kv-footer-v26-contacts > a strong,
.kv-footer-v26-contacts > a small {
  display: block;
}

.kv-footer-v26-contacts > a strong {
  font-size: 9.5px;
}

.kv-footer-v26-contacts > a small {
  margin-top: 3px;
  color: rgba(251,246,236,.42);
  font-size: 8px;
}

.kv-footer-v26-contacts > p {
  margin: 3px 0 0;
  color: rgba(251,246,236,.42);
  font-size: 8.5px;
}

.kv-footer-v26-legal {
  grid-column: 1 / -1;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 13px;
  background: rgba(0,0,0,.13);
}

.kv-footer-v26-legal summary {
  min-height: 41px;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 0 11px;
  color: rgba(251,246,236,.59);
  cursor: pointer;
  list-style: none;
  font-size: 8.5px;
  font-weight: 800;
}

.kv-footer-v26-legal summary::-webkit-details-marker {
  display: none;
}

.kv-footer-v26-legal summary b {
  position: relative;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(236,216,167,.07);
}

.kv-footer-v26-legal summary b::before,
.kv-footer-v26-legal summary b::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 1px;
  background: #d9bd72;
  transform: translate(-50%,-50%);
}

.kv-footer-v26-legal summary b::after {
  transform: translate(-50%,-50%) rotate(90deg);
}

.kv-footer-v26-legal[open]
summary b::after {
  display: none;
}

.kv-footer-v26-legal > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 25px;
  padding: 0 11px 12px;
}

.kv-footer-v26-legal p {
  margin: 0;
  color: rgba(251,246,236,.45);
  font-size: 8.5px;
}

.kv-footer-v26-bottom {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  align-items: center;
  padding: 13px 2px 0;
  color: rgba(251,246,236,.32);
  font-size: 8px;
}

.kv-footer-v26-bottom p {
  max-width: 690px;
  margin: 0;
  text-align: right;
}

@media (max-width: 980px) {
  .kv-faq-v26 {
    padding: 60px 0 45px;
  }

  .kv-faq-v26-head {
    margin-bottom: 18px;
  }

  .kv-faq-v26-head h2 {
    margin-top: 12px;
    font-size: 31px;
    line-height: 1.02;
  }

  .kv-faq-v26-head p {
    margin-top: 10px;
    font-size: 11px;
    line-height: 1.5;
  }

  .kv-faq-v26-list {
    gap: 6px;
  }

  .kv-faq-v26-list details {
    border-radius: 15px;
  }

  .kv-faq-v26-list summary {
    min-height: 62px;
    grid-template-columns: 33px minmax(0,1fr) 25px;
    gap: 10px;
    padding: 10px 11px;
  }

  .kv-faq-v26-number {
    width: 33px;
    height: 33px;
    border-radius: 10px;
    font-size: 8px;
  }

  .kv-faq-v26-list summary strong {
    font-size: 11.5px;
    line-height: 1.35;
  }

  .kv-faq-v26-list summary > b {
    width: 25px;
    height: 25px;
  }

  .kv-faq-v26-answer {
    padding: 0 12px 15px 54px;
  }

  .kv-faq-v26-answer p {
    font-size: 10px;
    line-height: 1.52;
  }

  .kv-faq-v26-contact {
    display: grid;
    gap: 7px;
    margin-top: 8px;
    padding: 12px;
  }

  .kv-faq-v26-contact span,
  .kv-faq-v26-contact a {
    font-size: 10px;
  }

  .kv-final-v26 {
    padding-bottom: 50px;
  }

  .kv-final-v26-card {
    grid-template-columns: 1fr;
    gap: 17px;
    padding: 18px;
    border-radius: 22px;
  }

  .kv-final-v26 h2 {
    margin-top: 13px;
    font-size: 29px;
    line-height: 1.03;
  }

  .kv-final-v26-copy > p {
    margin-top: 10px;
    font-size: 10.5px;
    line-height: 1.5;
  }

  .kv-final-v26-points {
    display: grid;
    gap: 6px;
    margin-top: 13px;
  }

  .kv-final-v26-points span {
    font-size: 9px;
  }

  .kv-final-v26-actions {
    width: 100%;
  }

  .kv-final-v26-actions .btn {
    min-height: 47px;
    font-size: 10.5px;
  }

  .kv-footer-v26-card {
    grid-template-columns: 1fr;
    gap: 19px;
    padding: 16px;
    border-radius: 21px;
  }

  .kv-footer-v26-brand > p {
    font-size: 9.5px;
  }

  .kv-footer-v26-docs {
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }

  .kv-footer-v26-docs > span {
    grid-column: 1 / -1;
  }

  .kv-footer-v26-docs > a {
    min-width: 0;
    min-height: 40px;
    padding: 0 9px;
    font-size: 8.5px;
  }

  .kv-footer-v26-contacts {
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }

  .kv-footer-v26-contacts > span,
  .kv-footer-v26-contacts > p {
    grid-column: 1 / -1;
  }

  .kv-footer-v26-contacts > a {
    min-width: 0;
    min-height: 58px;
    padding: 8px;
  }

  .kv-footer-v26-contacts > a i {
    width: 30px;
    height: 30px;
  }

  .kv-footer-v26-contacts > a small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .kv-footer-v26-bottom {
    display: grid;
    gap: 6px;
    padding: 11px 3px 0;
    font-size: 7.5px;
  }

  .kv-footer-v26-bottom p {
    text-align: left;
    line-height: 1.45;
  }
}

/* KVARTIRA FINAL V26 END */


/* KVARTIRA TYPOGRAPHY V28 START */

/*
 * Единый патч читаемости.
 * Сетка, HTML-секции, форма и API не изменяются.
 */

/* =======================================================
   ПЕРВЫЙ ЭКРАН И ФОРМА
   ======================================================= */

body[data-kv-hero="v20"] .hero-copy .lead {
  color: rgba(251,246,236,.76);
  font-size: 16px;
  line-height: 1.56;
}

body[data-kv-hero="v20"] .hero-point strong {
  font-size: 13px;
  line-height: 1.3;
}

body[data-kv-hero="v20"] .hero-point span {
  color: rgba(251,246,236,.58);
  font-size: 11.5px;
  line-height: 1.48;
}

body[data-kv-hero="v20"] .hero-copy .micro {
  color: rgba(251,246,236,.68);
  font-size: 11px;
  line-height: 1.48;
}

body[data-kv-hero="v20"] .form-card h3,
body[data-kv-hero="v20"] .form-card .form-top h3 {
  font-size: 22px;
  line-height: 1.12;
}

body[data-kv-hero="v20"] .form-card .form-top p {
  color: rgba(251,246,236,.61);
  font-size: 12px;
  line-height: 1.5;
}

body[data-kv-hero="v20"] .upload-step {
  font-size: 10px;
  line-height: 1.35;
}

body[data-kv-hero="v20"] .dropzone > strong {
  font-size: 17px;
  line-height: 1.25;
}

body[data-kv-hero="v20"]
.dropzone > span:not(.dropzone-action) {
  color: rgba(251,246,236,.58);
  font-size: 11px;
  line-height: 1.45;
}

body[data-kv-hero="v20"] .dropzone-action {
  min-width: 118px;
  min-height: 42px;
  font-size: 11px;
}

body[data-kv-hero="v20"] .field label {
  font-size: 11px;
  line-height: 1.35;
}

body[data-kv-hero="v20"] .field input,
body[data-kv-hero="v20"] .field select,
body[data-kv-hero="v20"] .field textarea {
  font-size: 14px;
  line-height: 1.45;
}

body[data-kv-hero="v20"] .legal,
body[data-kv-hero="v20"] .status,
body[data-kv-hero="v20"] .file-name {
  font-size: 10.5px;
  line-height: 1.48;
}

/* =======================================================
   КАРТОЧКИ РИСКОВ
   ======================================================= */

body[data-kv-hero="v20"] .pain-card h3 {
  font-size: 16px;
  line-height: 1.28;
}

body[data-kv-hero="v20"] .pain-card p {
  color: rgba(251,246,236,.61);
  font-size: 12px;
  line-height: 1.52;
}

/* =======================================================
   ДЕМОНСТРАЦИОННЫЙ ОТЧЁТ
   ======================================================= */

body[data-kv-demo="v22"] .kv-demo-v22-head p {
  color: rgba(251,246,236,.70);
  font-size: 14px;
  line-height: 1.58;
}

body[data-kv-demo="v22"] .kv-report-v22-top p {
  color: rgba(251,246,236,.62);
  font-size: 12.5px;
  line-height: 1.52;
}

body[data-kv-demo="v22"] .kv-report-v22-stats span {
  font-size: 10px;
  line-height: 1.4;
}

body[data-kv-demo="v22"] .kv-report-v22-stats strong {
  font-size: 23px;
}

body[data-kv-demo="v22"] .kv-report-v22-total small {
  color: rgba(251,246,236,.60);
  font-size: 10px;
  line-height: 1.4;
}

body[data-kv-demo="v22"] .kv-report-v22-sum span {
  color: rgba(251,246,236,.62);
  font-size: 11px;
  line-height: 1.45;
}

body[data-kv-demo="v22"] .kv-report-v22-sum strong {
  font-size: 12.5px;
  line-height: 1.5;
}

body[data-kv-demo="v22"] .kv-report-v22-table th {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 10px;
  line-height: 1.4;
}

body[data-kv-demo="v22"] .kv-report-v22-table td {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 12.5px;
  line-height: 1.52;
}

body[data-kv-demo="v22"]
.kv-report-v22-table td > strong {
  font-size: 13.5px;
  line-height: 1.4;
}

body[data-kv-demo="v22"]
.kv-report-v22-table td > small {
  color: rgba(251,246,236,.53);
  font-size: 10px;
  line-height: 1.45;
}

body[data-kv-demo="v22"] .kv-status-v22 {
  min-height: 26px;
  font-size: 8.8px;
  line-height: 1.25;
}

body[data-kv-demo="v22"]
.kv-report-v22-formula-row td > span {
  font-size: 10px;
}

body[data-kv-demo="v22"]
.kv-report-v22-formula-row td > strong {
  font-size: 16px;
  line-height: 1.45;
}

body[data-kv-demo="v22"]
.kv-report-v22-formula-row td > small {
  color: rgba(251,246,236,.56);
  font-size: 10px;
  line-height: 1.5;
}

body[data-kv-demo="v22"]
.kv-report-v22-bottom section > span {
  font-size: 14px;
  line-height: 1.35;
}

body[data-kv-demo="v22"] .kv-report-v22-bottom ul,
body[data-kv-demo="v22"] .kv-report-v22-bottom p {
  color: rgba(251,246,236,.70);
  font-size: 11.5px;
  line-height: 1.62;
}

body[data-kv-demo="v22"]
.kv-report-v22-disclaimer {
  color: rgba(251,246,236,.58);
  font-size: 10.5px;
  line-height: 1.58;
}

body[data-kv-demo="v22"] .kv-demo-v22-cta p {
  color: rgba(251,246,236,.68);
  font-size: 12.5px;
  line-height: 1.56;
}

/* =======================================================
   БЕСПЛАТНЫЙ И ПЛАТНЫЙ ЭТАПЫ
   ======================================================= */

.kv-offer-v25b-head p {
  color: rgba(251,246,236,.70);
  font-size: 14px;
  line-height: 1.58;
}

.kv-offer-v25b-intro {
  color: rgba(251,246,236,.64);
  font-size: 13px;
  line-height: 1.55;
}

.kv-offer-v25b-list strong {
  font-size: 13.5px;
  line-height: 1.4;
}

.kv-offer-v25b-list span {
  color: rgba(251,246,236,.60);
  font-size: 11.5px;
  line-height: 1.52;
}

.kv-offer-v25b-result > span {
  font-size: 9px;
}

.kv-offer-v25b-result p {
  color: rgba(251,246,236,.68);
  font-size: 11.5px;
  line-height: 1.55;
}

.kv-offer-v25b-cta p {
  color: rgba(251,246,236,.60);
  font-size: 11px;
  line-height: 1.48;
}

.kv-method-v25b-head > p {
  color: rgba(251,246,236,.63);
  font-size: 12.5px;
  line-height: 1.55;
}

.kv-method-v25b-list strong {
  font-size: 12px;
  line-height: 1.4;
}

.kv-method-v25b-list p {
  color: rgba(251,246,236,.57);
  font-size: 10.5px;
  line-height: 1.52;
}

.kv-no-surprises-v25b p {
  color: rgba(251,246,236,.69);
  font-size: 12.5px;
  line-height: 1.58;
}

.kv-no-surprises-v25b div:last-child strong {
  font-size: 11.5px;
  line-height: 1.55;
}

/* =======================================================
   FAQ И ФИНАЛЬНЫЙ CTA
   ======================================================= */

.kv-faq-v26-head p {
  color: rgba(251,246,236,.68);
  font-size: 13.5px;
  line-height: 1.58;
}

.kv-faq-v26-list summary strong {
  font-size: 16px;
  line-height: 1.4;
}

.kv-faq-v26-answer p {
  color: rgba(251,246,236,.70);
  font-size: 12.5px;
  line-height: 1.62;
}

.kv-faq-v26-contact span,
.kv-faq-v26-contact a {
  font-size: 11.5px;
  line-height: 1.45;
}

.kv-final-v26-copy > p {
  color: rgba(251,246,236,.70);
  font-size: 13px;
  line-height: 1.58;
}

.kv-final-v26-points span {
  color: rgba(251,246,236,.66);
  font-size: 10.5px;
  line-height: 1.4;
}

/* =======================================================
   ПОДВАЛ
   ======================================================= */

.kv-footer-v26-brand > p {
  color: rgba(251,246,236,.60);
  font-size: 11.5px;
  line-height: 1.58;
}

.kv-footer-v26-trust {
  font-size: 9.5px;
}

.kv-footer-v26-docs > span,
.kv-footer-v26-contacts > span {
  font-size: 9px;
}

.kv-footer-v26-docs > a {
  color: rgba(251,246,236,.74);
  font-size: 10.5px;
}

.kv-footer-v26-contacts > a strong {
  font-size: 10.5px;
}

.kv-footer-v26-contacts > a small {
  color: rgba(251,246,236,.55);
  font-size: 9.5px;
}

.kv-footer-v26-contacts > p {
  color: rgba(251,246,236,.54);
  font-size: 9.5px;
  line-height: 1.45;
}

.kv-footer-v26-legal summary {
  font-size: 9.5px;
}

.kv-footer-v26-legal p {
  color: rgba(251,246,236,.55);
  font-size: 9.5px;
}

.kv-footer-v26-bottom {
  color: rgba(251,246,236,.47);
  font-size: 9px;
  line-height: 1.5;
}

/* =======================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ======================================================= */

@media (max-width: 980px) {
  body[data-kv-hero="v20"] .hero-copy .lead {
    font-size: 13.5px;
    line-height: 1.56;
  }

  body[data-kv-hero="v20"]
  .hero-copy
  .hero-point strong::after {
    font-size: 11.5px;
  }

  body[data-kv-hero="v20"] .hero-copy .micro {
    font-size: 10.5px;
    line-height: 1.48;
  }

  body[data-kv-hero="v20"] .form-card .form-top p {
    font-size: 11.5px;
  }

  body[data-kv-hero="v20"] .upload-step {
    font-size: 9.5px;
  }

  body[data-kv-hero="v20"] .dropzone > strong {
    font-size: 15px;
  }

  body[data-kv-hero="v20"]
  .dropzone > span:not(.dropzone-action) {
    font-size: 10.5px;
  }

  body[data-kv-hero="v20"] .dropzone-action {
    min-width: 105px;
    min-height: 40px;
    font-size: 11px;
  }

  body[data-kv-hero="v20"] .pain-card h3 {
    font-size: 14px;
  }

  body[data-kv-hero="v20"] .pain-card p {
    font-size: 11.5px;
    line-height: 1.5;
  }

  body[data-kv-demo="v22"] .kv-demo-v22-head p {
    font-size: 12.5px;
    line-height: 1.56;
  }

  body[data-kv-demo="v22"] .kv-report-v22-top p {
    font-size: 10.5px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-stats span {
    font-size: 9px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-stats strong {
    font-size: 18px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-total small {
    font-size: 9px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-sum span {
    font-size: 10px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-sum strong {
    font-size: 11px;
    line-height: 1.5;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-focus-head span {
    font-size: 9px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-focus-head strong {
    font-size: 11px;
  }

  body[data-kv-demo="v22"] .kv-report-v22-focus h4 {
    font-size: 24px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-focus-grid span,
  body[data-kv-demo="v22"]
  .kv-report-v22-mobile-formula span,
  body[data-kv-demo="v22"]
  .kv-report-v22-reason span,
  body[data-kv-demo="v22"]
  .kv-report-v22-question span {
    font-size: 9px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-focus-grid strong {
    font-size: 12px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-mobile-formula strong {
    font-size: 14.5px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-reason p,
  body[data-kv-demo="v22"]
  .kv-report-v22-question p {
    font-size: 11.5px;
    line-height: 1.52;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-more summary {
    font-size: 11.5px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-mobile-list strong {
    font-size: 11.5px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-mobile-list small {
    font-size: 10px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v22-mobile-list b {
    font-size: 11.5px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-mobile-cta p {
    font-size: 11px;
    line-height: 1.5;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-telegram {
    font-size: 11px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-extra summary {
    font-size: 11.5px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-extra-body section > strong {
    font-size: 11.5px;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-extra-body ul,
  body[data-kv-demo="v22"]
  .kv-report-v24-extra-body section p {
    font-size: 10.5px;
    line-height: 1.55;
  }

  body[data-kv-demo="v22"]
  .kv-report-v24-disclaimer {
    font-size: 10px;
  }

  .kv-offer-v25b-head p {
    font-size: 12.5px;
  }

  .kv-offer-v25b-intro {
    font-size: 12px;
  }

  .kv-offer-v25b-list strong {
    font-size: 12.5px;
  }

  .kv-offer-v25b-list span {
    font-size: 11px;
    line-height: 1.5;
  }

  .kv-offer-v25b-result p {
    font-size: 10.5px;
  }

  .kv-offer-v25b-cta p {
    font-size: 10px;
  }

  .kv-method-v25b-head > p {
    font-size: 11.5px;
  }

  .kv-method-v25b-list strong {
    font-size: 12px;
  }

  .kv-method-v25b-list p {
    font-size: 10.5px;
    line-height: 1.5;
  }

  .kv-no-surprises-v25b p {
    font-size: 11.5px;
  }

  .kv-no-surprises-v25b div:last-child strong {
    font-size: 10.5px;
  }

  .kv-faq-v26-head p {
    font-size: 12px;
  }

  .kv-faq-v26-list summary strong {
    font-size: 12.5px;
  }

  .kv-faq-v26-answer p {
    font-size: 11.5px;
    line-height: 1.58;
  }

  .kv-faq-v26-contact span,
  .kv-faq-v26-contact a {
    font-size: 10.5px;
  }

  .kv-final-v26-copy > p {
    font-size: 11.5px;
  }

  .kv-final-v26-points span {
    font-size: 10px;
  }

  .kv-footer-v26-brand > p {
    font-size: 10.5px;
  }

  .kv-footer-v26-docs > a {
    font-size: 9.5px;
  }

  .kv-footer-v26-contacts > a strong {
    font-size: 10px;
  }

  .kv-footer-v26-contacts > a small,
  .kv-footer-v26-contacts > p {
    font-size: 9px;
  }

  .kv-footer-v26-legal summary,
  .kv-footer-v26-legal p {
    font-size: 9.5px;
  }

  .kv-footer-v26-bottom {
    font-size: 8.5px;
  }
}

/* KVARTIRA TYPOGRAPHY V28 END */

