/* ==========================================================================
   ADESSO CREDIT — adessocredit.ad4.lol
   Дизайн по логото: червено #FF3131, тъмносиньо-графит, бяло.
   ========================================================================== */

/* ---------- 1. Токени ---------- */
:root{
  --red:#ff3131;
  --red-600:#e61f24;
  --red-700:#c3141b;
  --red-soft:rgba(255,49,49,.12);

  --ink:#0b0c18;
  --ink-2:#12142a;
  --ink-3:#1c2040;
  --graphite:#545454;

  --bg:#ffffff;
  --bg-2:#f6f7fb;
  --bg-3:#eef0f7;
  --line:#e3e6f0;

  --text:#14162b;
  --muted:#5d6480;

  --radius-s:12px;
  --radius:18px;
  --radius-l:28px;
  --radius-xl:36px;

  --shadow-s:0 2px 10px rgba(11,12,24,.06);
  --shadow:0 12px 34px rgba(11,12,24,.10);
  --shadow-l:0 28px 70px rgba(11,12,24,.18);
  --shadow-red:0 14px 34px rgba(255,49,49,.32);

  --ff:'Manrope','Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
  --maxw:1220px;
  --nav-h:76px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- 2. Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;font-family:var(--ff);color:var(--text);background:var(--bg);
  /* Manrope прилага български локални форми при lang="bg" — връщаме стандартната кирилица */
  font-feature-settings:"locl" 0;font-variant-alternates:normal;
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto}
svg{width:20px;height:20px;flex:none}  /* базов размер; класовете по-долу го надписват */
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;line-height:1.14;font-weight:800;letter-spacing:-.02em}
p{margin:0 0 1em}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:6px}
::selection{background:var(--red);color:#fff}
[hidden]{display:none!important}

/* ---------- 3. Layout ---------- */
.wrap{width:min(100% - 40px,var(--maxw));margin-inline:auto}
.section{padding:clamp(60px,7vw,110px) 0;position:relative}
.section--tint{background:var(--bg-2)}
.section--dark{background:var(--ink);color:#fff}
.center{text-align:center}

.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--red);background:var(--red-soft);
  padding:8px 16px;border-radius:999px;margin-bottom:18px;
}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red);
  box-shadow:0 0 0 4px rgba(255,49,49,.2);animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(255,49,49,0)}}
.section--dark .eyebrow{background:rgba(255,49,49,.18)}

.h-xl{font-size:clamp(2rem,5.1vw,3.6rem)}
.h-l{font-size:clamp(1.65rem,3.9vw,2.7rem)}
.h-m{font-size:clamp(1.25rem,2.4vw,1.6rem)}
.lead{font-size:clamp(1rem,1.5vw,1.14rem);color:var(--muted);max-width:66ch}
.section--dark .lead{color:rgba(255,255,255,.72)}
.center .lead{margin-inline:auto}

.head{max-width:760px;margin-bottom:clamp(34px,4vw,56px)}
.head.center{margin-inline:auto}

.grid{display:grid;gap:22px}
.g-2{grid-template-columns:repeat(2,1fr)}
.g-3{grid-template-columns:repeat(3,1fr)}
.g-4{grid-template-columns:repeat(4,1fr)}

/* ---------- 4. Бутони ---------- */
.btn{
  --bg-btn:var(--red);--fg:#fff;white-space:nowrap;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 30px;border-radius:999px;border:0;cursor:pointer;
  font-weight:800;font-size:.95rem;letter-spacing:.01em;
  background:var(--bg-btn);color:var(--fg);
  position:relative;overflow:hidden;isolation:isolate;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .25s;
  box-shadow:var(--shadow-red);
}
.btn::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.35),transparent 80%);
  transform:translateX(-120%);transition:transform .7s var(--ease);
}
.btn:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(255,49,49,.42)}
.btn:hover::after{transform:translateX(120%)}
.btn:active{transform:translateY(-1px)}
.btn--ghost{background:transparent;color:var(--text);box-shadow:none;border:2px solid var(--line)}
.btn--ghost:hover{border-color:var(--red);color:var(--red);box-shadow:none;transform:translateY(-3px)}
.section--dark .btn--ghost,.hero .btn--ghost{color:#fff;border-color:rgba(255,255,255,.28)}
.section--dark .btn--ghost:hover,.hero .btn--ghost:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}
.btn--lg{padding:18px 38px;font-size:1.02rem}
.btn--block{width:100%}
.btn--dark{background:var(--ink);box-shadow:0 14px 34px rgba(11,12,24,.28)}
.btn--dark:hover{box-shadow:0 20px 44px rgba(11,12,24,.36)}

/* ---------- 5. Навигация ---------- */
.topbar{
  background:var(--ink);color:rgba(255,255,255,.78);font-size:.82rem;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;flex-wrap:wrap}
.topbar a{display:inline-flex;align-items:center;gap:7px;transition:color .2s}
.topbar a:hover{color:var(--red)}
.topbar-list{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.topbar svg{width:15px;height:15px;flex:none;color:var(--red)}
.topbar .bnb{color:rgba(255,255,255,.55);letter-spacing:.04em}

.nav{
  position:sticky;top:0;z-index:90;background:rgba(255,255,255,.88);
  backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line);transition:box-shadow .3s,background .3s;
}
.nav.is-stuck{box-shadow:0 10px 30px rgba(11,12,24,.10)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:var(--nav-h)}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand img{height:42px;width:auto;transition:transform .35s var(--ease)}
.brand:hover img{transform:scale(1.04)}

.nav__links{display:flex;align-items:center;gap:4px}
.nav__links a{
  padding:10px 15px;border-radius:999px;font-weight:700;font-size:.9rem;
  color:var(--text);position:relative;transition:color .2s,background .25s;
}
.nav__links a::after{
  content:"";position:absolute;left:50%;bottom:5px;width:0;height:2px;border-radius:2px;
  background:var(--red);transform:translateX(-50%);transition:width .3s var(--ease);
}
.nav__links a:hover{color:var(--red)}
.nav__links a:hover::after{width:22px}
.nav__links a.is-active{color:var(--red);background:var(--red-soft)}
.nav__links a.is-active::after{width:0}
.nav__cta{display:flex;align-items:center;gap:10px;flex:none}
.nav__phone{display:inline-flex;align-items:center;gap:9px;font-weight:800;color:var(--ink);white-space:nowrap}
.nav__phone svg{width:34px;height:34px;padding:8px;border-radius:50%;background:var(--red-soft);color:var(--red)}

.burger{
  display:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--line);
  background:#fff;cursor:pointer;position:relative;flex:none;
}
.burger span{
  position:absolute;left:13px;width:20px;height:2px;border-radius:2px;background:var(--ink);
  transition:transform .35s var(--ease),opacity .2s,top .35s var(--ease);
}
.burger span:nth-child(1){top:17px}
.burger span:nth-child(2){top:22px}
.burger span:nth-child(3){top:27px}
.burger.is-open span:nth-child(1){top:22px;transform:rotate(45deg)}
.burger.is-open span:nth-child(2){opacity:0}
.burger.is-open span:nth-child(3){top:22px;transform:rotate(-45deg)}

.drawer{
  position:fixed;inset:0;z-index:95;background:var(--ink);color:#fff;
  padding:calc(var(--nav-h) + 22px) 22px 40px;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;
  opacity:0;visibility:hidden;transform:translateY(-10px);
  transition:opacity .35s var(--ease),transform .35s var(--ease),visibility .35s;
  overflow-y:auto;
}
.drawer.is-open{opacity:1;visibility:visible;transform:none}
.drawer a{
  width:100%;max-width:400px;padding:15px;border-radius:14px;font-weight:800;font-size:1.02rem;
  border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);
  opacity:0;transform:translateY(14px);
}
.drawer.is-open a{animation:drawerIn .45s var(--ease) forwards}
.drawer.is-open a:nth-child(1){animation-delay:.05s}
.drawer.is-open a:nth-child(2){animation-delay:.10s}
.drawer.is-open a:nth-child(3){animation-delay:.15s}
.drawer.is-open a:nth-child(4){animation-delay:.20s}
.drawer.is-open a:nth-child(5){animation-delay:.25s}
.drawer.is-open a:nth-child(6){animation-delay:.30s}
.drawer.is-open a:nth-child(7){animation-delay:.35s}
.drawer.is-open a:nth-child(8){animation-delay:.40s}
@keyframes drawerIn{to{opacity:1;transform:none}}
.drawer a.is-active{border-color:var(--red);background:rgba(255,49,49,.16);color:#fff}
.drawer .btn{max-width:400px;margin-top:10px}

/* ---------- 6. Hero ---------- */
.hero{
  position:relative;background:var(--ink);color:#fff;overflow:hidden;
  padding:clamp(48px,6vw,86px) 0 clamp(60px,7vw,100px);
}
.hero__net{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.hero::before{
  content:"";position:absolute;width:760px;height:760px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,49,49,.30),transparent 68%);
  top:-320px;right:-220px;filter:blur(20px);animation:float 16s ease-in-out infinite;
}
.hero::after{
  content:"";position:absolute;width:640px;height:640px;border-radius:50%;
  background:radial-gradient(circle,rgba(60,80,200,.28),transparent 68%);
  bottom:-340px;left:-200px;filter:blur(20px);animation:float 20s ease-in-out infinite reverse;
}
@keyframes float{50%{transform:translate3d(-40px,40px,0) scale(1.12)}}
.hero .wrap{position:relative;z-index:2}
.hero__grid{display:grid;grid-template-columns:1fr 1.02fr;gap:clamp(30px,4vw,64px);align-items:center}

.hero__badge{
  display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  font-size:.8rem;font-weight:700;margin-bottom:20px;backdrop-filter:blur(8px);
}
.hero__badge b{
  background:var(--red);color:#fff;border-radius:999px;padding:4px 11px;font-size:.7rem;
  letter-spacing:.08em;text-transform:uppercase;
}
.hero h1{font-size:clamp(2.05rem,5vw,3.55rem);margin-bottom:18px}
.hero h1 .accent{
  color:var(--red);position:relative;display:inline-block;
}
.hero h1 .accent::after{
  content:"";position:absolute;left:0;right:0;bottom:.04em;height:.14em;border-radius:99px;
  background:linear-gradient(90deg,var(--red),rgba(255,49,49,0));
  transform:scaleX(0);transform-origin:left;animation:underline 1s var(--ease) .5s forwards;
}
@keyframes underline{to{transform:scaleX(1)}}
.hero p.lead{color:rgba(255,255,255,.76);margin-bottom:28px}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:34px}
.hero__actions .btn{flex:0 1 auto}

.hero__stats{display:flex;gap:clamp(18px,3vw,38px);flex-wrap:wrap}
.hero__stats div{position:relative;padding-left:16px}
.hero__stats div::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:3px;background:var(--red)}
.hero__stats b{display:block;font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:900;line-height:1.1}
.hero__stats span{font-size:.8rem;color:rgba(255,255,255,.6);font-weight:600}

/* Екип снимка */
.hero__team{
  position:absolute;right:0;bottom:0;width:52%;max-width:760px;pointer-events:none;z-index:1;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 22%,#000 78%,transparent),
                     linear-gradient(to bottom,#000 72%,transparent);
  -webkit-mask-composite:source-in;mask-composite:intersect;
  mask-image:linear-gradient(to right,transparent,#000 22%,#000 78%,transparent),
             linear-gradient(to bottom,#000 72%,transparent);
  opacity:.34;
}

/* ---------- 7. Мега запитване (wizard) ---------- */
.wizard{
  background:linear-gradient(165deg,var(--ink-2),var(--ink));
  border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);
  padding:clamp(22px,2.6vw,34px);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  box-shadow:0 34px 80px rgba(0,0,0,.45);position:relative;overflow:hidden;
  animation:wizIn .9s var(--ease) both .15s;
}
@keyframes wizIn{from{opacity:0;transform:translateY(30px) scale(.97)}}
.wizard::before{
  content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;z-index:0;
  background:conic-gradient(from var(--ang,0deg),transparent 0 62%,var(--red) 78%,#ff8f6a 86%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;animation:spin 6s linear infinite;
}
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes spin{to{--ang:360deg}}
.wizard>*{position:relative;z-index:1}

.wizard__top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}
.wizard__title{font-size:1.16rem;font-weight:900;color:#fff}
.wizard__sub{font-size:.85rem;color:rgba(255,255,255,.62);margin:0 0 20px}
.wizard__count{
  font-size:.74rem;font-weight:800;letter-spacing:.1em;color:rgba(255,255,255,.6);
  border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 12px;white-space:nowrap;
}

.steps{display:flex;gap:8px;margin-bottom:24px}
.steps i{
  flex:1;height:5px;border-radius:99px;background:rgba(255,255,255,.14);position:relative;overflow:hidden;
}
.steps i::after{
  content:"";position:absolute;inset:0;border-radius:99px;background:linear-gradient(90deg,var(--red),#ff7a5c);
  transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease);
}
.steps i.done::after{transform:scaleX(1)}

.wstep{display:none;animation:stepIn .45s var(--ease) both}
.wstep.is-active{display:block}
@keyframes stepIn{from{opacity:0;transform:translateX(26px)}}
.wstep.back{animation-name:stepInBack}
@keyframes stepInBack{from{opacity:0;transform:translateX(-26px)}}

.amount{text-align:center;margin-bottom:18px}
.amount__val{
  font-size:clamp(2.4rem,6vw,3.3rem);font-weight:900;color:#fff;line-height:1;
  letter-spacing:-.03em;display:inline-flex;align-items:baseline;gap:8px;
}
.amount__val small{font-size:.34em;font-weight:800;color:var(--red)}
.amount__hint{font-size:.8rem;color:rgba(255,255,255,.55);margin:8px 0 0}

.range{
  -webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;margin:18px 0 6px;
  background:linear-gradient(90deg,var(--red) var(--p,30%),rgba(255,255,255,.16) var(--p,30%));
  cursor:pointer;
}
.range::-webkit-slider-thumb{
  -webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;
  border:7px solid var(--red);box-shadow:0 6px 18px rgba(255,49,49,.5);cursor:grab;
  transition:transform .2s var(--ease);
}
.range::-webkit-slider-thumb:active{transform:scale(1.16);cursor:grabbing}
.range::-moz-range-thumb{
  width:30px;height:30px;border-radius:50%;background:#fff;border:7px solid var(--red);
  box-shadow:0 6px 18px rgba(255,49,49,.5);cursor:grab;
}
.range__legend{display:flex;justify-content:space-between;font-size:.76rem;color:rgba(255,255,255,.48);font-weight:700}

.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px;justify-content:center}
.chip{
  padding:11px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.05);color:#fff;font-weight:800;font-size:.86rem;cursor:pointer;
  transition:all .25s var(--ease);
}
.chip:hover{border-color:rgba(255,255,255,.4);transform:translateY(-2px)}
.chip.is-on{background:var(--red);border-color:var(--red);box-shadow:0 10px 24px rgba(255,49,49,.4)}

.wlabel{display:block;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.55);margin:0 0 10px;text-align:center}

.calcbox{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 6px;
}
.calcbox div{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius-s);padding:13px;text-align:center;
}
.calcbox b{display:block;font-size:1.22rem;font-weight:900;color:#fff}
.calcbox div>span{font-size:.72rem;color:rgba(255,255,255,.55);font-weight:700;display:block;margin-top:3px}

/* водещото число в калкулатора */
.calcbox--hero{grid-template-columns:1fr;margin-top:0}
.calcbox--hero div{
  padding:26px 20px;background:linear-gradient(145deg,rgba(255,49,49,.18),rgba(255,255,255,.04));
  border-color:rgba(255,49,49,.34);
}
.calcbox--hero b{
  font-size:clamp(2.2rem,4.4vw,3rem);line-height:1;letter-spacing:-.03em;
  background:linear-gradient(120deg,#fff,#ffb4a2);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.calcbox--hero div>span{font-size:.8rem;color:rgba(255,255,255,.7);margin-top:8px}

.field{margin-bottom:13px;text-align:left}
.field label{
  display:block;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(255,255,255,.62);margin-bottom:7px;
}
.field input,.field select,.field textarea{
  width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.07);color:#fff;transition:border-color .25s,background .25s,box-shadow .25s;
}
.field textarea{min-height:120px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.35)}
.field select option{background:var(--ink-2);color:#fff}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--red);background:rgba(255,255,255,.11);
  box-shadow:0 0 0 4px rgba(255,49,49,.18);
}
.field.err input,.field.err select,.field.err textarea{border-color:#ff6b6b;box-shadow:0 0 0 4px rgba(255,107,107,.16)}
.field small.msg{display:none;color:#ff9b9b;font-size:.76rem;font-weight:700;margin-top:5px}
.field.err small.msg{display:block}
.field--2{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.wnav{display:flex;gap:10px;margin-top:18px}
.wnav .btn{flex:1}
.consent{
  display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:.78rem;
  color:rgba(255,255,255,.6);text-align:left;line-height:1.5;
}
.consent input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--red)}
.consent a{color:var(--red);text-decoration:underline}
.hp{position:absolute!important;left:-9999px!important;opacity:0}

.wdone{text-align:center;padding:14px 0}
.wdone__ring{
  width:86px;height:86px;margin:0 auto 18px;border-radius:50%;
  background:rgba(255,49,49,.14);display:grid;place-items:center;
  animation:popIn .5s var(--ease) both;
}
@keyframes popIn{from{transform:scale(.4);opacity:0}}
.wdone__ring svg{width:40px;height:40px;color:var(--red)}
.wdone__ring svg path{stroke-dasharray:60;stroke-dashoffset:60;animation:draw .6s var(--ease) .2s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.wdone h3{color:#fff;font-size:1.3rem;margin-bottom:10px}
.wdone p{color:rgba(255,255,255,.66);font-size:.92rem}


/* тъмни карти върху светъл фон — текстът вътре е светъл */
.calc .lead,.formcard .lead,.wizard .lead{color:rgba(255,255,255,.72)}
.calc .eyebrow,.formcard .eyebrow{background:rgba(255,49,49,.18)}
.calc h2,.calc h3,.calc b,.formcard h2,.formcard h3{color:#fff}
.calc .ticks li svg{background:rgba(255,49,49,.2)}
.calc .ticks li,.calc p{color:rgba(255,255,255,.78)}
.calc .btn--ghost{color:#fff;border-color:rgba(255,255,255,.28)}
.calc .range__legend,.formcard .range__legend{color:rgba(255,255,255,.48)}

/* ---------- 8. Trust лента ---------- */
.trust{background:var(--ink-2);color:#fff;padding:18px 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.07)}
.marquee{display:flex;gap:0;width:max-content;animation:marq 34s linear infinite}
.trust:hover .marquee{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
.marquee span{
  display:inline-flex;align-items:center;gap:10px;padding:0 30px;font-weight:800;font-size:.86rem;
  color:rgba(255,255,255,.75);white-space:nowrap;
}
.marquee span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);flex:none}

/* ---------- 9. Карти ---------- */
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);
  padding:clamp(24px,2.6vw,32px);position:relative;overflow:hidden;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s;
}
.card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--red);
  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);
}
.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-l);border-color:transparent}
.card:hover::before{transform:scaleX(1)}
.card__n{
  font-size:2.6rem;font-weight:900;line-height:1;color:var(--bg-3);
  position:absolute;top:18px;right:24px;transition:color .35s;
}
.card:hover .card__n{color:var(--red-soft)}
.card__ico{
  width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin-bottom:18px;
  background:linear-gradient(140deg,var(--red),#ff7a5c);color:#fff;box-shadow:var(--shadow-red);
  transition:transform .4s var(--ease);
}
.card:hover .card__ico{transform:rotate(-8deg) scale(1.08)}
.card__ico svg{width:26px;height:26px}
.card h3{font-size:1.1rem;margin-bottom:10px}
.card p{color:var(--muted);font-size:.94rem;margin:0}

.section--dark .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#fff}
.section--dark .card p{color:rgba(255,255,255,.66)}
.section--dark .card__n{color:rgba(255,255,255,.08)}

/* ---------- 10. Стъпки ---------- */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.flow::before{
  content:"";position:absolute;top:34px;left:12%;right:12%;height:2px;
  background:repeating-linear-gradient(90deg,var(--line) 0 9px,transparent 9px 18px);z-index:0;
}
.flow__i{text-align:center;position:relative;z-index:1}
.flow__n{
  width:68px;height:68px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;
  background:#fff;border:2px solid var(--line);font-weight:900;font-size:1.25rem;color:var(--muted);
  transition:all .4s var(--ease);
}
.flow__i:hover .flow__n{background:var(--red);border-color:var(--red);color:#fff;transform:scale(1.1);box-shadow:var(--shadow-red)}
.flow__i h3{font-size:1rem;margin-bottom:7px}
.flow__i p{font-size:.88rem;color:var(--muted);margin:0}

/* ---------- 11. Калкулатор секция ---------- */
.calc{
  background:linear-gradient(145deg,var(--ink),var(--ink-3));color:#fff;
  border-radius:var(--radius-xl);padding:clamp(28px,3.6vw,52px);position:relative;overflow:hidden;
}
.calc::before{
  content:"";position:absolute;width:520px;height:520px;border-radius:50%;top:-240px;right:-180px;
  background:radial-gradient(circle,rgba(255,49,49,.28),transparent 70%);
}
.calc>*{position:relative;z-index:1}

/* ---------- 12. Офиси ---------- */
.searchbar{
  display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);
  border-radius:999px;padding:7px 7px 7px 20px;box-shadow:var(--shadow-s);
  max-width:520px;margin:0 auto 34px;transition:box-shadow .3s,border-color .3s;
}
.searchbar:focus-within{border-color:var(--red);box-shadow:0 0 0 4px var(--red-soft)}
.searchbar svg{width:20px;height:20px;color:var(--muted);flex:none}
.searchbar input{flex:1;border:0;background:transparent;padding:11px 0;min-width:0}
.searchbar input:focus{outline:none}
.searchbar .cnt{
  font-size:.76rem;font-weight:800;color:var(--red);background:var(--red-soft);
  padding:9px 15px;border-radius:999px;white-space:nowrap;
}

.offices{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.office{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;
  display:flex;gap:15px;align-items:flex-start;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;
}
.office:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--red)}
.office__pin{
  width:42px;height:42px;border-radius:13px;flex:none;display:grid;place-items:center;
  background:var(--red-soft);color:var(--red);transition:all .3s var(--ease);
}
.office:hover .office__pin{background:var(--red);color:#fff}
.office__pin svg{width:20px;height:20px}
.office b{display:block;font-size:1rem;font-weight:800;margin-bottom:3px}
.office span{font-size:.87rem;color:var(--muted);display:block}
.empty{text-align:center;padding:50px 20px;color:var(--muted);font-weight:700}

/* ---------- 13. Акордеон ---------- */
.acc{max-width:880px;margin-inline:auto;display:grid;gap:12px}
.acc__i{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .3s,box-shadow .3s}
.acc__i.is-open{border-color:var(--red);box-shadow:var(--shadow)}
.acc__q{
  width:100%;text-align:left;background:none;border:0;cursor:pointer;
  padding:20px 58px 20px 22px;font-weight:800;font-size:1rem;position:relative;line-height:1.4;
}
.acc__q::after{
  content:"";position:absolute;right:22px;top:50%;width:11px;height:11px;
  border-right:2.5px solid var(--red);border-bottom:2.5px solid var(--red);
  transform:translateY(-70%) rotate(45deg);transition:transform .35s var(--ease);
}
.acc__i.is-open .acc__q::after{transform:translateY(-30%) rotate(-135deg)}
.acc__a{max-height:0;overflow:hidden;transition:max-height .45s var(--ease)}
.acc__a div{padding:0 22px 22px;color:var(--muted);font-size:.94rem}
.acc__a p:last-child{margin-bottom:0}

/* ---------- 14. Split (текст + визия) ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,60px);align-items:center}
.split__media{
  border-radius:var(--radius-xl);overflow:hidden;position:relative;background:var(--ink);
  box-shadow:var(--shadow-l);
}
.split__media img{width:100%}
.split__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(11,12,24,.55));
}
.ticks{display:grid;gap:13px;margin:22px 0 28px}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-size:.96rem}
.ticks li svg{
  width:24px;height:24px;flex:none;padding:5px;border-radius:50%;
  background:var(--red-soft);color:var(--red);margin-top:1px;
}
.section--dark .ticks li svg{background:rgba(255,49,49,.2)}

/* ---------- 15. Числа ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stat b{display:block;font-size:clamp(2rem,4.4vw,3rem);font-weight:900;line-height:1;
  background:linear-gradient(120deg,var(--red),#ff8f6a);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{font-size:.86rem;color:var(--muted);font-weight:700}
.section--dark .stat span{color:rgba(255,255,255,.6)}

/* ---------- 16. CTA ---------- */
.cta{
  background:linear-gradient(135deg,var(--red),var(--red-700));color:#fff;
  border-radius:var(--radius-xl);padding:clamp(34px,4.6vw,66px);text-align:center;position:relative;overflow:hidden;
}
.cta::before,.cta::after{
  content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.12);
}
.cta::before{width:320px;height:320px;top:-150px;left:-90px}
.cta::after{width:260px;height:260px;bottom:-130px;right:-70px}
.cta>*{position:relative;z-index:1}
.cta h2{margin-bottom:14px}
.cta p{color:rgba(255,255,255,.88);max-width:60ch;margin-inline:auto;margin-bottom:28px}
.cta .btn{background:#fff;color:var(--red);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.cta .btn:hover{box-shadow:0 22px 46px rgba(0,0,0,.3)}
.cta .btn--ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55);box-shadow:none}
.cta .btn--ghost:hover{background:rgba(255,255,255,.14);border-color:#fff}
.cta__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------- 17. Контакти ---------- */
.info{display:grid;gap:14px}
.info__i{
  display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:20px 22px;transition:transform .3s var(--ease),box-shadow .3s}
.info__i:hover{transform:translateX(5px);box-shadow:var(--shadow)}
.info__ico{
  width:46px;height:46px;border-radius:14px;flex:none;display:grid;place-items:center;
  background:var(--red-soft);color:var(--red)}
.info__ico svg{width:21px;height:21px}
.info__i b{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.info__i p{margin:0;font-weight:700;font-size:.98rem}
.info__i a:hover{color:var(--red)}

.formcard{
  background:linear-gradient(160deg,var(--ink),var(--ink-3));border-radius:var(--radius-xl);
  padding:clamp(24px,3vw,38px);color:#fff;box-shadow:var(--shadow-l);position:relative;overflow:hidden;
}
.formcard::before{
  content:"";position:absolute;width:420px;height:420px;border-radius:50%;top:-200px;right:-160px;
  background:radial-gradient(circle,rgba(255,49,49,.26),transparent 70%)}
.formcard>*{position:relative;z-index:1}
.formcard h3{font-size:1.3rem;margin-bottom:8px}
.formcard>p{color:rgba(255,255,255,.66);font-size:.92rem;margin-bottom:22px}

/* ---------- 18. Страничен hero ---------- */
.phero{
  background:linear-gradient(140deg,var(--ink),var(--ink-3));color:#fff;position:relative;overflow:hidden;
  padding:clamp(48px,6vw,84px) 0 clamp(52px,6vw,88px);text-align:center;
}
.phero::before{
  content:"";position:absolute;width:660px;height:660px;border-radius:50%;top:-300px;right:-180px;
  background:radial-gradient(circle,rgba(255,49,49,.26),transparent 68%);animation:float 18s ease-in-out infinite}
.phero .wrap{position:relative;z-index:1}
.phero h1{font-size:clamp(1.9rem,4.6vw,3.1rem);margin-bottom:14px}
.phero p{color:rgba(255,255,255,.72);max-width:62ch;margin-inline:auto}
.crumbs{font-size:.82rem;color:rgba(255,255,255,.5);margin-bottom:18px}
.crumbs a:hover{color:var(--red)}
.crumbs span{color:var(--red)}

/* ---------- 19. Проза ---------- */
.prose{max-width:820px;margin-inline:auto}
.prose h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin:38px 0 14px}
.prose h3{font-size:1.14rem;margin:26px 0 10px}
.prose p,.prose li{color:var(--muted);font-size:1rem}
.prose ul{margin:0 0 18px;display:grid;gap:9px}
.prose ul li{position:relative;padding-left:26px}
.prose ul li::before{
  content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--red)}
.prose>*:first-child{margin-top:0}

/* ---------- 20. Footer ---------- */
.footer{background:var(--ink);color:rgba(255,255,255,.66);padding:clamp(48px,5vw,76px) 0 0;position:relative;overflow:hidden}
.footer::before{
  content:"";position:absolute;width:600px;height:600px;border-radius:50%;bottom:-380px;left:50%;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(255,49,49,.16),transparent 70%)}
.footer .wrap{position:relative;z-index:1}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:clamp(24px,3vw,44px);padding-bottom:42px}
.footer img.flogo{height:44px;margin-bottom:18px}
.footer h4{color:#fff;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.footer ul{display:grid;gap:10px}
.footer a{font-size:.92rem;transition:color .2s,transform .2s;display:inline-block}
.footer a:hover{color:var(--red);transform:translateX(3px)}
.footer p{font-size:.92rem}
.fcontact li{display:flex;gap:10px;align-items:flex-start;font-size:.92rem}
.fcontact svg{width:17px;height:17px;flex:none;color:var(--red);margin-top:4px}
.badgebox{
  display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:10px 15px;border-radius:12px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:.78rem;font-weight:700;color:#fff}
.badgebox b{color:var(--red)}
.footer__bar{
  border-top:1px solid rgba(255,255,255,.08);padding:22px 0;display:flex;justify-content:space-between;
  gap:14px;flex-wrap:wrap;font-size:.84rem}
.footer__bar a:hover{color:var(--red)}
.warn{
  border-top:1px solid rgba(255,255,255,.08);padding:20px 0;font-size:.78rem;color:rgba(255,255,255,.42);line-height:1.6}

/* ---------- 21. Плаващи бутони ---------- */
.fab{
  position:fixed;right:18px;bottom:18px;z-index:80;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.fab a,.fab button{
  width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;
  background:var(--red);color:#fff;box-shadow:var(--shadow-red);
  transition:transform .3s var(--ease),box-shadow .3s}
.fab a:hover,.fab button:hover{transform:scale(1.1) translateY(-2px)}
.fab svg{width:23px;height:23px}
.fab .totop{background:var(--ink);box-shadow:0 10px 26px rgba(11,12,24,.35);opacity:0;visibility:hidden;transform:translateY(12px)}
.fab .totop.on{opacity:1;visibility:visible;transform:none}
.fab .call{position:relative}
.fab .call::before{
  content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--red);
  animation:ring 2.2s ease-out infinite}
@keyframes ring{to{transform:scale(1.7);opacity:0}}

/* ---------- 22. Cookie ---------- */
.cookie{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:100;max-width:560px;margin-inline:auto;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;
  box-shadow:var(--shadow-l);transform:translateY(140%);transition:transform .5s var(--ease);
  text-align:center}
.cookie.on{transform:none}
.cookie p{font-size:.88rem;color:var(--muted);margin-bottom:14px}
.cookie a{color:var(--red);text-decoration:underline}
.cookie__b{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.cookie .btn{padding:11px 24px;font-size:.86rem}

/* ---------- 23. Reveal ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.on{opacity:1;transform:none}
.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}
.rv-d4{transition-delay:.32s}.rv-d5{transition-delay:.4s}.rv-d6{transition-delay:.48s}

/* ---------- 24. Адаптив ---------- */
@media (max-width:1080px){
  .hero__grid{grid-template-columns:1fr;gap:38px}
  .hero__team{width:74%;opacity:.16}
  .footer__grid{grid-template-columns:1fr 1fr;gap:32px}
  .g-4{grid-template-columns:repeat(2,1fr)}
  .flow{grid-template-columns:repeat(2,1fr)}
  .flow::before{display:none}
}
@media (max-width:900px){
  .nav__links,.nav__phone{display:none}
  .burger{display:block}
  .split{grid-template-columns:1fr}
  .g-3{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  :root{--nav-h:66px}
  .wrap{width:min(100% - 28px,var(--maxw))}
  body{font-size:15.5px}

  /* --- всичко централизирано и сбито на телефон --- */
  .hero,.hero__grid,.head,.split,.card,.info__i,.office,.acc__q,
  .prose,.footer__grid,.footer__bar,.topbar .wrap,.field{text-align:center}
  .head{margin-inline:auto}
  .lead{margin-inline:auto}
  .hero__actions,.cta__actions,.hero__stats{justify-content:center}
  .hero__stats{gap:14px;width:100%}
  .hero__stats div{flex:1;min-width:92px;padding-left:0;padding-top:12px}
  .hero__stats div::before{left:50%;top:0;bottom:auto;transform:translateX(-50%);width:26px;height:3px}
  .hero__badge{margin-inline:auto}
  .hero__team{display:none}
  .split__text,.split__media{order:0}
  .split .btn{margin-inline:auto}

  .card{padding:24px 20px}
  .card__ico{margin-inline:auto}
  .card__n{position:static;display:block;font-size:1.6rem;margin-bottom:6px}
  .office{flex-direction:column;align-items:center;gap:10px;padding:18px 16px}
  .office__pin{margin-inline:auto}
  .info__i{flex-direction:column;align-items:center;gap:10px}
  .info__i:hover{transform:translateY(-4px)}
  .ticks li{flex-direction:column;align-items:center;gap:7px;text-align:center}
  .prose ul li{padding-left:0;padding-top:16px}
  .prose ul li::before{left:50%;top:4px;transform:translateX(-50%)}

  .acc__q{padding:18px 46px 18px 18px;font-size:.95rem;text-align:left}
  .acc__q::after{right:18px}
  .acc__a div{padding:0 18px 18px;text-align:left}

  .section{padding:52px 0}
  .g-2,.g-3,.g-4,.flow{grid-template-columns:1fr}
  .grid{gap:14px}
  .stats{grid-template-columns:repeat(2,1fr);gap:16px}
  .field--2,.calcbox{grid-template-columns:1fr}
  .calcbox{gap:8px}
  .wizard{padding:20px 16px;border-radius:26px}
  .amount__val{font-size:2.5rem}
  .chip{padding:10px 15px;font-size:.82rem}
  .wnav{flex-direction:column-reverse}
  .btn{width:100%;padding:15px 22px}
  .btn--lg{padding:16px 24px}
  .nav__cta .btn{width:auto;padding:12px 20px;font-size:.85rem}
  .consent{text-align:left}
  .topbar .wrap{justify-content:center;gap:10px;padding-block:8px}
  .topbar-list{justify-content:center;gap:16px}
  .footer__grid{grid-template-columns:1fr;gap:30px;text-align:center}
  .footer img.flogo{margin-inline:auto}
  .footer .fcontact li{flex-direction:column;align-items:center;gap:5px}
  .footer a:hover{transform:none}
  .footer__bar{justify-content:center;text-align:center}
  .fab{right:12px;bottom:12px}
  .fab a,.fab button{width:50px;height:50px}
  .searchbar{padding-left:16px}
  .cookie{left:10px;right:10px;bottom:10px;padding:18px 16px}
  .cookie .btn{width:100%}
}
@media (max-width:380px){
  .amount__val{font-size:2.1rem}
  .chips{gap:6px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
}

/* печат */
@media print{.nav,.topbar,.fab,.cookie,.hero__net{display:none}}

/* ==========================================================================
   25. Разширение — анимации и секции за по-силно изживяване
   ========================================================================== */

/* --- Лента на скрола --- */
.progress{
  position:fixed;top:0;left:0;height:3px;width:100%;z-index:110;transform-origin:left;
  transform:scaleX(0);background:linear-gradient(90deg,var(--red),#ff8f6a,#fff);
  pointer-events:none;
}

/* --- Въртящи се думи в заглавието --- */
.rotator{display:inline-grid;vertical-align:bottom;overflow:hidden;height:1.16em}
.rotator span{
  grid-area:1/1;opacity:0;transform:translateY(100%);color:var(--red);
  transition:opacity .5s var(--ease),transform .5s var(--ease);white-space:nowrap;
}
.rotator span.on{opacity:1;transform:none}
.rotator span.out{opacity:0;transform:translateY(-100%)}

/* --- Доверителни „хапчета“ в hero --- */
.pills{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0}
.pill{
  display:flex;gap:11px;align-items:center;padding:11px 16px;border-radius:16px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(8px);transition:transform .3s var(--ease),border-color .3s,background .3s;
}
.pill:hover{transform:translateY(-3px);border-color:rgba(255,49,49,.5);background:rgba(255,49,49,.1)}
.pill svg{width:26px;height:26px;padding:5px;border-radius:9px;background:var(--red);color:#fff}
.pill b{display:block;font-size:.84rem;line-height:1.25;color:#fff}
.pill span{font-size:.72rem;color:rgba(255,255,255,.58)}

/* --- Оферти / продукти --- */
.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.offer{
  position:relative;overflow:hidden;border-radius:var(--radius-l);padding:30px 28px;
  background:linear-gradient(160deg,var(--ink-2),var(--ink));color:#fff;
  border:1px solid rgba(255,255,255,.1);isolation:isolate;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s;
}
.offer::before{
  content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .45s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(255,49,49,.28),transparent 60%);
}
.offer:hover{transform:translateY(-10px);box-shadow:0 34px 70px rgba(11,12,24,.4);border-color:rgba(255,49,49,.45)}
.offer:hover::before{opacity:1}
.offer__tag{
  display:inline-block;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
  padding:6px 13px;border-radius:999px;background:var(--red);margin-bottom:20px;
}
.offer__tag--soft{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}
.offer__big{
  font-size:clamp(2.2rem,4.6vw,3.1rem);font-weight:900;line-height:1;letter-spacing:-.03em;
  display:flex;align-items:baseline;gap:8px;margin-bottom:6px;
}
.offer__big small{font-size:.32em;font-weight:800;color:var(--red)}
.offer h3{font-size:1.06rem;margin:16px 0 8px}
.offer p{color:rgba(255,255,255,.66);font-size:.9rem;margin-bottom:20px}
.offer ul{display:grid;gap:8px;margin-bottom:22px}
.offer li{display:flex;gap:9px;align-items:flex-start;font-size:.86rem;color:rgba(255,255,255,.78)}
.offer li svg{width:17px;height:17px;color:var(--red);margin-top:3px}
.offer .btn{width:100%}
.offer--hot{border-color:rgba(255,49,49,.4);background:linear-gradient(160deg,#2a1020,var(--ink))}
.offer__ribbon{
  position:absolute;top:16px;right:-38px;transform:rotate(38deg);background:var(--red);
  color:#fff;font-size:.64rem;font-weight:900;letter-spacing:.1em;padding:6px 44px;
}

/* --- Хоризонтален таймлайн с попълване --- */
.tl{position:relative;display:grid;gap:26px}
.tl__line{
  position:absolute;left:27px;top:12px;bottom:12px;width:3px;border-radius:3px;
  background:var(--line);overflow:hidden;
}
.tl__line i{
  position:absolute;inset:0;background:linear-gradient(180deg,var(--red),#ff8f6a);
  transform:scaleY(var(--fill,0));transform-origin:top;transition:transform .2s linear;
}
.tl__i{display:flex;gap:22px;align-items:flex-start;position:relative}
.tl__dot{
  width:56px;height:56px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:#fff;border:3px solid var(--line);font-weight:900;color:var(--muted);z-index:1;
  transition:all .45s var(--ease);
}
.tl__i.on .tl__dot{background:var(--red);border-color:var(--red);color:#fff;box-shadow:var(--shadow-red);transform:scale(1.06)}
.tl__b{
  flex:1;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s;
}
.tl__i.on .tl__b{border-color:rgba(255,49,49,.35);box-shadow:var(--shadow)}
.tl__b h3{font-size:1.04rem;margin-bottom:6px}
.tl__b p{color:var(--muted);font-size:.92rem;margin:0}
.tl__b em{display:inline-block;margin-top:10px;font-style:normal;font-size:.74rem;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;color:var(--red);background:var(--red-soft);
  padding:5px 12px;border-radius:999px}

/* --- Сравнение --- */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin-inline:auto}
.vs__c{border-radius:var(--radius-l);padding:28px;border:1px solid var(--line);background:#fff}
.vs__c--we{background:linear-gradient(160deg,var(--ink),var(--ink-3));color:#fff;border-color:transparent;
  box-shadow:var(--shadow-l);position:relative;overflow:hidden}
.vs__c--we::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;top:-160px;right:-120px;
  background:radial-gradient(circle,rgba(255,49,49,.3),transparent 70%)}
.vs__c>*{position:relative;z-index:1}
.vs__c h3{font-size:1.1rem;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.vs__c h3 svg{width:34px;height:34px;padding:8px;border-radius:11px;background:var(--bg-3);color:var(--muted)}
.vs__c--we h3 svg{background:var(--red);color:#fff}
.vs__c li{display:flex;gap:11px;align-items:flex-start;padding:10px 0;font-size:.92rem;
  border-bottom:1px dashed var(--line)}
.vs__c--we li{border-bottom-color:rgba(255,255,255,.1);color:rgba(255,255,255,.85)}
.vs__c li:last-child{border-bottom:0}
.vs__c li svg{width:19px;height:19px;flex:none;margin-top:3px;color:var(--muted)}
.vs__c--we li svg{color:var(--red)}

/* --- Ангажименти (въртележка) --- */
.carousel{position:relative;overflow:hidden;padding:4px 0}
.carousel__track{display:flex;gap:18px;transition:transform .6s var(--ease);will-change:transform}
.qcard{
  flex:0 0 calc(33.333% - 12px);background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);
  padding:30px 28px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s;
}
.qcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-l);border-color:rgba(255,49,49,.3)}
.qcard__mark{position:absolute;top:18px;right:20px;opacity:.1;color:var(--red)}
.qcard__mark svg{width:46px;height:46px}
.qcard__head{display:flex;align-items:center;gap:14px}
.qcard__av{
  width:46px;height:46px;border-radius:15px;flex:none;display:grid;place-items:center;
  background:var(--red-soft);color:var(--red);font-weight:900;font-size:.95rem;
  transition:background .3s,color .3s;
}
.qcard:hover .qcard__av{background:var(--red);color:#fff}
.qcard__head h3{font-size:1.04rem;line-height:1.25;margin:0}
.qcard p{font-size:.95rem;margin:0;flex:1;color:var(--muted)}
.qcard__tag{
  align-self:flex-start;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--red);background:var(--red-soft);padding:7px 14px;border-radius:999px;
}
.cdots{display:flex;gap:8px;justify-content:center;margin-top:26px}
.cdots button{width:9px;height:9px;border-radius:50%;border:0;background:var(--line);cursor:pointer;
  transition:all .3s var(--ease);padding:0}
.cdots button.on{background:var(--red);width:28px;border-radius:99px}

/* --- Показателен пример --- */
.repex{
  border:1px dashed var(--line);border-radius:var(--radius);padding:20px 24px;
  font-size:.84rem;color:var(--muted);line-height:1.6;margin-top:24px;background:var(--bg-2);
}
.repex b{color:var(--text)}
.calc .repex,.formcard .repex{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);
  color:rgba(255,255,255,.66)}
.calc .repex b{color:#fff}

/* --- Вълничка при клик --- */
.btn .rip{
  position:absolute;border-radius:50%;background:rgba(255,255,255,.45);transform:scale(0);
  animation:rip .6s var(--ease) forwards;pointer-events:none;z-index:0;
}
@keyframes rip{to{transform:scale(2.6);opacity:0}}

/* --- Мобилна долна лента --- */
.mobar{
  position:fixed;left:0;right:0;bottom:0;z-index:85;display:none;gap:10px;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));
  background:rgba(255,255,255,.94);backdrop-filter:blur(14px);
  border-top:1px solid var(--line);box-shadow:0 -8px 30px rgba(11,12,24,.12);
  transform:translateY(120%);transition:transform .4s var(--ease);
}
.mobar.on{transform:none}
.mobar .btn{flex:1;padding:14px 12px;font-size:.9rem}
.mobar .btn--ghost{flex:0 0 54px;padding:0;height:52px;border-color:var(--line)}

/* --- Конфети --- */
.confetti{position:fixed;inset:0;pointer-events:none;z-index:120}

/* --- Наклон на картите --- */
.tilt{transform-style:preserve-3d;transition:transform .35s var(--ease)}

/* --- Лого лента „регулации“ --- */
.regs{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.reg{
  display:flex;align-items:center;gap:11px;padding:14px 20px;border-radius:16px;
  background:#fff;border:1px solid var(--line);font-size:.84rem;font-weight:700;
  transition:transform .3s var(--ease),box-shadow .3s;
}
.reg:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.reg svg{width:32px;height:32px;padding:7px;border-radius:10px;background:var(--red-soft);color:var(--red)}
.reg small{display:block;font-weight:600;color:var(--muted);font-size:.74rem}
.section--dark .reg{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#fff}
.section--dark .reg small{color:rgba(255,255,255,.55)}

/* --- Цел на кредита (чипове с икони) --- */
.goals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 4px}
.goal{
  display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 8px;border-radius:14px;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;cursor:pointer;
  font-size:.76rem;font-weight:700;text-align:center;transition:all .25s var(--ease);
}
.goal svg{width:21px;height:21px;color:rgba(255,255,255,.7);transition:color .25s}
.goal:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.35)}
.goal.is-on{background:var(--red);border-color:var(--red);box-shadow:0 10px 22px rgba(255,49,49,.35)}
.goal.is-on svg{color:#fff}

/* --- Паралакс на екипа --- */
.hero__team{will-change:transform}

/* --- Адаптив за новите блокове --- */
@media (max-width:1080px){
  .offers{grid-template-columns:1fr}
  .qcard{flex:0 0 calc(50% - 9px)}
}
@media (max-width:900px){
  .vs{grid-template-columns:1fr}
}
@media (max-width:640px){
  .mobar{display:flex}
  body{padding-bottom:74px}
  .fab{bottom:86px}
  .cookie{bottom:82px}
  .pills{justify-content:center}
  .pill{width:100%;max-width:330px;margin-inline:auto;justify-content:center}
  .offer{padding:26px 20px;text-align:center}
  .offer__big{justify-content:center}
  .offer li{justify-content:center;text-align:left}
  .offer__ribbon{right:-42px;font-size:.6rem}
  .tl{gap:16px}
  .tl__line{display:none}
  .tl__i{flex-direction:column;align-items:center;gap:12px;text-align:center}
  .tl__b{width:100%;text-align:center}
  .vs__c{padding:22px 18px;text-align:center}
  .vs__c h3{justify-content:center}
  .vs__c li{flex-direction:column;align-items:center;gap:6px;text-align:center}
  .qcard{flex:0 0 100%;padding:24px 20px;text-align:center;align-items:center}
  .qcard__head{flex-direction:column;gap:10px}
  .qcard__tag{align-self:center}
  .qcard__mark{display:none}
  .goals{grid-template-columns:repeat(3,1fr);gap:6px}
  .goal{font-size:.68rem;padding:11px 4px}
  .regs{flex-direction:column;align-items:stretch}
  .reg{justify-content:center;text-align:left}
  .repex{padding:16px 16px;text-align:left;font-size:.8rem}
  .rotator{height:1.2em}
}


/* ==========================================================================
   26. HERO v3 — светъл, в стила на логото: въглен + червено, без синьо
   ========================================================================== */

.hero{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#f7f8fb 100%);
  color:var(--text);
  padding:clamp(34px,4.4vw,64px) 0 clamp(50px,5.4vw,84px);
  min-height:auto;
}
.hero::before,.hero::after{content:none}

/* --- тъмен ъглов панел вдясно (както в банера на марката) --- */
.hero__panel{
  position:absolute;top:0;right:0;bottom:0;width:53%;max-width:940px;z-index:0;
  background:linear-gradient(155deg,#1b1e34 0%,#101223 45%,#0a0b14 100%);
  clip-path:polygon(23% 0,100% 0,100% 100%,6% 100%);
  overflow:hidden;
}
.hero__panel::after{  /* меко червено сияние */
  content:"";position:absolute;inset:0;
  background:radial-gradient(70% 55% at 62% 78%,rgba(255,49,49,.34),transparent 66%);
}
/* червени шеврони — цитат от логото */
.chev{position:absolute;background:var(--red);transform:skewX(-18deg);border-radius:3px}
.chev--1{width:15px;top:-6%;right:11%;height:52%;opacity:.9}
.chev--2{width:7px;top:-6%;right:17%;height:36%;opacity:.45}
.chev--3{width:30px;bottom:-8%;right:2%;height:46%;opacity:.14}
.chev--4{width:10px;bottom:-8%;right:9%;height:26%;opacity:.3}
.hero__rule{position:absolute;right:24%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.07)}

.hero__team{
  position:absolute;right:-2%;bottom:0;width:86%;z-index:2;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 15%,#000 92%,transparent 100%),
                     linear-gradient(to bottom,#000 80%,transparent 99%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
  mask-image:linear-gradient(to right,transparent 0,#000 15%,#000 92%,transparent 100%),
             linear-gradient(to bottom,#000 80%,transparent 99%);
  animation:heroImg 1.1s var(--ease) both .2s;
}
@keyframes heroImg{from{opacity:0;transform:translateY(26px)}}

/* --- решетка --- */
.hero .wrap{position:relative;z-index:3}
.hero__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(26px,3.4vw,56px);align-items:center}

/* --- текст --- */
.hero__badge{
  background:#fff;border:1px solid var(--line);color:var(--text);
  box-shadow:var(--shadow-s);animation:fadeUp .7s var(--ease) both .05s;
}
.hero__badge b{background:var(--red)}
.hero h1{
  font-size:clamp(2.1rem,4.9vw,3.7rem);line-height:1.05;letter-spacing:-.035em;
  margin-bottom:18px;color:var(--ink);
}
.hero h1 .ln{display:block;overflow:hidden}
.hero h1 .ln>*{display:block;animation:lnUp .95s var(--ease) both}
.hero h1 .ln:nth-child(1)>*{animation-delay:.1s}
.hero h1 .ln:nth-child(2)>*{animation-delay:.2s}
@keyframes lnUp{from{transform:translateY(112%)}}
.rotator{display:inline-grid;vertical-align:bottom;overflow:hidden;height:1.1em;line-height:1.05}
.hero h1 .ln>.rotator{display:grid}
.rotator span{
  grid-area:1/1;opacity:0;transform:translateY(100%);white-space:nowrap;color:var(--red);
  transition:opacity .5s var(--ease),transform .5s var(--ease);
}
.rotator span.on{opacity:1;transform:none}
.rotator span.out{opacity:0;transform:translateY(-100%)}

.hero p.lead{color:var(--muted);margin-bottom:24px;max-width:50ch;animation:fadeUp .8s var(--ease) both .4s}
.hero__actions{animation:fadeUp .8s var(--ease) both .5s}
.hero .btn--ghost{color:var(--ink);border-color:var(--line);background:#fff}
.hero .btn--ghost:hover{color:var(--red);border-color:var(--red);background:#fff}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}}

/* доверителни хапчета — светли */
.pills{display:flex;gap:10px;flex-wrap:wrap;margin:0;animation:fadeUp .8s var(--ease) both .6s}
.pill{
  display:flex;gap:11px;align-items:center;padding:11px 16px;border-radius:15px;
  background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-s);backdrop-filter:none;
  transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;
}
.pill:hover{transform:translateY(-3px);border-color:rgba(255,49,49,.45);box-shadow:var(--shadow);background:#fff}
.pill svg{width:28px;height:28px;padding:6px;border-radius:9px;background:var(--red);color:#fff}
.pill b{display:block;font-size:.83rem;line-height:1.25;color:var(--ink)}
.pill span{font-size:.71rem;color:var(--muted)}

/* числа */
.hero__stats{
  display:flex;gap:clamp(16px,2.6vw,34px);flex-wrap:wrap;margin-top:26px;
  animation:fadeUp .8s var(--ease) both .7s;
}
.hero__stats div::before{background:var(--red)}
.hero__stats b{color:var(--ink)}
.hero__stats span{color:var(--muted)}

/* плаващи етикети върху панела */
.fchip{
  position:absolute;z-index:4;display:flex;align-items:center;gap:11px;max-width:250px;
  padding:12px 17px;border-radius:16px;color:var(--ink);white-space:nowrap;
  background:rgba(255,255,255,.96);border:1px solid var(--line);
  box-shadow:0 18px 40px rgba(11,12,24,.22);
  animation:fchipIn .8s var(--ease) both,floaty 7s ease-in-out infinite 1s;
}
.fchip b{display:block;font-size:.88rem;line-height:1.2;font-weight:800}
.fchip span{font-size:.7rem;color:var(--muted);font-weight:700}
.fchip i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none;
  background:linear-gradient(140deg,var(--red),#ff8256)}
.fchip i svg{width:17px;height:17px;color:#fff}
.fchip--ok i{background:linear-gradient(140deg,#16a34a,#4ade80)}
.fchip--1{top:22%;right:5%;animation-delay:.7s,1.2s}
.fchip--2{bottom:22%;right:26%;animation-delay:.95s,2s}
@keyframes fchipIn{from{opacity:0;transform:translateY(20px) scale(.93)}}
@keyframes floaty{50%{transform:translateY(-10px)}}

/* ==========================================================================
   27. ЗАПИТВАНЕ v2 — светла карта с червена лента и пръстен за стъпките
   ========================================================================== */
.hero__form{position:relative;z-index:5}

.wizard{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);
  padding:0;overflow:hidden;box-shadow:0 34px 80px rgba(11,12,24,.26);
  backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--text);
  animation:wizIn .9s var(--ease) both .2s;
}
.wizard::before{content:none}
@keyframes wizIn{from{opacity:0;transform:translateY(26px) scale(.975)}}

/* шапка */
.wizard__top{
  display:flex;align-items:center;gap:16px;margin:0;
  padding:20px clamp(20px,2.4vw,28px);
  background:linear-gradient(120deg,var(--red-700),var(--red) 55%,#ff6f4d);
  color:#fff;position:relative;overflow:hidden;
}
.wizard__top::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22),transparent 70%);
  transform:translateX(-100%);animation:sheen 5s ease-in-out infinite 1.4s;
}
@keyframes sheen{40%,100%{transform:translateX(100%)}}
.wizard__top>*{position:relative;z-index:1}
.wizard__title{font-size:1.1rem;font-weight:900;color:#fff;line-height:1.2}
.wizard__sub{font-size:.78rem;color:rgba(255,255,255,.85);margin:3px 0 0}
.wizard__count{border:0;background:none;padding:0;color:rgba(255,255,255,.9)}

/* пръстен за стъпките */
.ring{position:relative;width:56px;height:56px;flex:none}
.ring svg{width:56px;height:56px;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:4;stroke-linecap:round}
.ring .bg{stroke:rgba(255,255,255,.28)}
.ring .fg{stroke:#fff;stroke-dasharray:151;stroke-dashoffset:calc(151 - 151 * var(--p,.33));
  transition:stroke-dashoffset .55s var(--ease)}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:.78rem;font-weight:900;color:#fff}

.wizard__body{padding:clamp(20px,2.4vw,28px)}
.steps{display:none}

/* стъпки */
.wstep{display:none;animation:stepIn .45s var(--ease) both}
.wstep.is-active{display:block}
@keyframes stepIn{from{opacity:0;transform:translateX(22px)}}
.wstep.back{animation-name:stepInBack}
@keyframes stepInBack{from{opacity:0;transform:translateX(-22px)}}

.amount{text-align:center;margin-bottom:14px}
.amount__val{color:var(--ink);font-size:clamp(2.4rem,5.6vw,3.2rem)}
.amount__val small{color:var(--red)}
.amount__hint{color:var(--muted)}

.range{background:linear-gradient(90deg,var(--red) var(--p,30%),var(--bg-3) var(--p,30%))}
.range__legend{color:var(--muted)}

.chip{
  background:#fff;border:1px solid var(--line);color:var(--text);
}
.chip:hover{border-color:var(--red);color:var(--red);transform:translateY(-2px)}
.chip.is-on{background:var(--red);border-color:var(--red);color:#fff}

.wlabel{color:var(--muted)}

.calcbox div{background:var(--bg-2);border:1px solid var(--line)}
.calcbox b{color:var(--ink)}
.calcbox div>span{color:var(--muted)}
.calcbox--hero div{background:linear-gradient(145deg,rgba(255,49,49,.1),var(--bg-2));border-color:rgba(255,49,49,.28)}
.calcbox--hero b{background:linear-gradient(120deg,var(--red-700),var(--red));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.calcbox--hero div>span{color:var(--muted)}

.field label{color:var(--muted)}
.field input,.field select,.field textarea{
  background:var(--bg-2);border:1px solid var(--line);color:var(--text);
}
.field input::placeholder,.field textarea::placeholder{color:#9aa0b8}
.field select option{background:#fff;color:var(--text)}
.field input:focus,.field select:focus,.field textarea:focus{
  background:#fff;border-color:var(--red);box-shadow:0 0 0 4px var(--red-soft);
}
.field small.msg{color:#d12a2a}

.goal{background:var(--bg-2);border:1px solid var(--line);color:var(--text)}
.goal svg{color:var(--muted)}
.goal:hover{border-color:var(--red);color:var(--red)}
.goal:hover svg{color:var(--red)}
.goal.is-on{background:var(--red);border-color:var(--red);color:#fff}

.consent{color:var(--muted)}
.wnav .btn--ghost{color:var(--text);border-color:var(--line)}
.wnav .btn--ghost:hover{color:var(--red);border-color:var(--red)}

.wdone h3{color:var(--ink)}
.wdone p{color:var(--muted)}
.wdone__ring{background:rgba(22,163,74,.12)}
.wdone__ring svg{color:#16a34a}

/* подпис под картата */
.wizard__foot{
  display:flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 20px;background:var(--bg-2);border-top:1px solid var(--line);
  font-size:.75rem;color:var(--muted);font-weight:700;text-align:center;
}
.wizard__foot svg{width:16px;height:16px;color:var(--red)}

/* тъмни секции запазват светъл текст в запитването */
.section--dark .wizard,.section--tint .wizard{box-shadow:var(--shadow-l)}

/* ==========================================================================
   28. Корекции: футър лого, меню на един ред, карти
   ========================================================================== */
.footer img.flogo{width:198px;height:auto;max-width:100%;margin-bottom:18px}
.brand img{height:40px;width:auto;max-width:none}

.nav__links{gap:2px}
.nav__links a{white-space:nowrap;padding:10px 12px;font-size:.87rem}
.nav__cta{gap:8px}
.nav__phone{font-size:.92rem}
@media (max-width:1280px){
  .nav__links a{padding:9px 9px;font-size:.83rem}
  .nav__phone span{display:none}
  .nav__phone{gap:0}
}
@media (max-width:1120px){
  .nav__phone{display:none}
  .nav__links a{font-size:.8rem;padding:9px 8px}
  .brand img{height:34px}
}

.offer .btn--ghost{color:#fff;border-color:rgba(255,255,255,.26)}
.offer .btn--ghost:hover{color:#fff;border-color:var(--red);background:rgba(255,49,49,.14)}
.offer__big{font-size:clamp(1.7rem,3.2vw,2.5rem);flex-wrap:wrap}
.offer__big small{font-size:.36em}

/* ==========================================================================
   29. Адаптив за новия hero
   ========================================================================== */
@media (max-width:1180px){
  .hero__panel{width:52%}
  .fchip--2{display:none}
}
@media (max-width:1080px){
  .hero__grid{grid-template-columns:1fr;gap:30px}
  .hero__panel{width:100%;clip-path:none;opacity:.1;background:linear-gradient(160deg,#1b1e34,#0a0b14)}
  .hero__panel::after{opacity:.5}
  .hero__team{width:74%;right:-6%;opacity:.5}
  .fchip{display:none}
  .hero p.lead{max-width:none}
}
@media (max-width:640px){
  .hero{padding-top:24px}
  .hero__panel,.hero__team{display:none}
  .hero h1{font-size:clamp(1.95rem,8.4vw,2.6rem)}
  .hero__stats{gap:12px;width:100%;justify-content:center}
  .pills{justify-content:center}
  .pill{width:100%;max-width:330px;margin-inline:auto}
  .wizard{border-radius:24px}
  .wizard__top{padding:16px 18px;gap:12px}
  .wizard__body{padding:18px 16px}
  .ring,.ring svg{width:48px;height:48px}
  .wizard__title{font-size:1rem}
}

/* ==========================================================================
   30. Hero — сбит, побиращ се на екран; меки акценти вместо остри ивици
   ========================================================================== */

/* по-тесен и по-нисък hero */
.hero{padding:clamp(26px,3vw,44px) 0 clamp(34px,3.6vw,56px)}
.hero .wrap{width:min(100% - 40px,1120px)}
.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:clamp(24px,3vw,48px);align-items:center}

/* ясна подредба на слоевете — нищо не минава върху картата */
.hero__panel{z-index:0}
.hero .wrap{z-index:6}
.hero__form{z-index:7}
.fchip{z-index:3}

/* меки, размазани акценти вместо остри ивици */
.chev{filter:blur(26px);border-radius:60px;opacity:.5}
.chev--1{width:70px;right:9%;height:58%;opacity:.42}
.chev--2{width:40px;right:19%;height:40%;opacity:.22}
.chev--3{width:110px;right:-2%;height:50%;opacity:.16}
.chev--4{width:48px;right:12%;height:30%;opacity:.18}
.hero__rule{display:none}
.hero__panel::after{background:radial-gradient(72% 58% at 60% 76%,rgba(255,49,49,.3),transparent 68%)}

/* по-компактен текст */
.hero h1{font-size:clamp(1.95rem,4.1vw,3.05rem);margin-bottom:14px}
.hero p.lead{font-size:1rem;margin-bottom:20px;max-width:46ch}
.hero__badge{margin-bottom:16px;padding:6px 14px 6px 6px;font-size:.76rem}
.hero__actions{gap:10px;margin-bottom:22px}
.hero__actions .btn{padding:14px 24px;font-size:.92rem}
.pill{padding:9px 14px;border-radius:13px}
.pill svg{width:26px;height:26px;padding:6px}
.pill b{font-size:.79rem}
.pill span{font-size:.68rem}
.pills{gap:8px}
.hero__stats{margin-top:20px;gap:clamp(14px,2.2vw,26px)}
.hero__stats b{font-size:clamp(1.25rem,2.1vw,1.6rem)}
.hero__stats span{font-size:.74rem}

/* по-компактна карта на запитването */
.wizard__top{padding:15px 20px;gap:13px}
.ring,.ring svg{width:48px;height:48px}
.ring circle{stroke-width:4}
.wizard__title{font-size:1rem}
.wizard__sub{font-size:.73rem}
.wizard__body{padding:18px 20px}
.amount{margin-bottom:10px}
.amount__val{font-size:clamp(2rem,3.6vw,2.5rem)}
.amount__hint{font-size:.74rem;margin-top:5px}
.range{margin:13px 0 5px;height:7px}
.range::-webkit-slider-thumb{width:26px;height:26px;border-width:6px}
.range::-moz-range-thumb{width:26px;height:26px;border-width:6px}
.range__legend{font-size:.72rem}
.chips{gap:7px;margin:13px 0 4px}
.chip{padding:8px 14px;font-size:.8rem}
.wlabel{margin-bottom:8px;font-size:.7rem}
.calcbox{margin:14px 0 4px;gap:9px}
.calcbox div{padding:10px}
.calcbox b{font-size:1.1rem}
.wnav{margin-top:14px;gap:9px}
.wnav .btn{padding:13px 20px;font-size:.9rem}
.field{margin-bottom:11px}
.field input,.field select,.field textarea{padding:12px 14px;border-radius:12px}
.field label{font-size:.7rem;margin-bottom:6px}
.goals{gap:7px}
.goal{padding:11px 6px;font-size:.72rem;gap:6px}
.goal svg{width:19px;height:19px}
.consent{margin-top:11px;font-size:.75rem}
.wizard__foot{padding:11px 18px;font-size:.72rem}

/* снимката — по-ниско и по-меко */
.hero__team{width:84%;right:-4%}

@media (max-width:1180px){
  .hero__panel{width:56%}
  .hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,390px)}
}
@media (max-width:1080px){
  .hero__grid{grid-template-columns:1fr;gap:26px}
  .hero .wrap{width:min(100% - 40px,720px)}
  .hero__form{max-width:480px;width:100%;margin-inline:auto}
}
@media (max-width:640px){
  .hero .wrap{width:min(100% - 28px,var(--maxw))}
  .hero__form{max-width:none}
}

/* ==========================================================================
   31. Hero панел — мек преход вместо остър ръб, неутрален въглен вместо синьо
   ========================================================================== */
.hero__panel{
  width:56%;max-width:980px;
  clip-path:none;
  /* въглен без синьо */
  background:linear-gradient(158deg,#24252f 0%,#16171e 46%,#0b0b10 100%);
  /* размит диагонален преход — няма чуплива линия до картата */
  -webkit-mask-image:linear-gradient(101deg,transparent 0%,rgba(0,0,0,.18) 12%,rgba(0,0,0,.72) 26%,#000 40%);
  mask-image:linear-gradient(101deg,transparent 0%,rgba(0,0,0,.18) 12%,rgba(0,0,0,.72) 26%,#000 40%);
}
.hero__panel::after{
  background:radial-gradient(70% 56% at 64% 78%,rgba(255,49,49,.26),transparent 70%);
}
.chev{filter:blur(34px)}
.chev--1{opacity:.34}
.chev--2{opacity:.18}
.chev--3{opacity:.12}
.chev--4{opacity:.14}
.hero__team{
  right:-4%;width:82%;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 92%,transparent 100%),
                     linear-gradient(to bottom,#000 78%,transparent 99%);
  mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 92%,transparent 100%),
             linear-gradient(to bottom,#000 78%,transparent 99%);
}
@media (max-width:1180px){.hero__panel{width:60%}}
@media (max-width:1080px){
  .hero__panel{width:100%;-webkit-mask-image:none;mask-image:none;opacity:.08}
}

/* ==========================================================================
   32. Калкулатор — балансиран лейаут
   ========================================================================== */
.calc{padding:clamp(28px,3.4vw,54px)}
.calc__grid{
  display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(20px,2.6vw,34px);align-items:stretch;
}
.calc__ctrl{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius-l);padding:clamp(22px,2.4vw,30px);
}
.calc__row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
.calc__lab{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.55)}
.calc__num{font-size:1.02rem;color:rgba(255,255,255,.7);font-weight:700}
.calc__num b{font-size:1.45rem;font-weight:900;color:#fff}
.calc .range{margin:14px 0 6px}
.calc .range{background:linear-gradient(90deg,var(--red) var(--p,30%),rgba(255,255,255,.16) var(--p,30%))}
.calc .ticks li{color:rgba(255,255,255,.78);font-size:.9rem}

.calc__res{
  display:flex;flex-direction:column;
  background:linear-gradient(160deg,rgba(255,49,49,.2),rgba(255,255,255,.05));
  border:1px solid rgba(255,49,49,.34);border-radius:var(--radius-l);
  padding:clamp(22px,2.4vw,30px);text-align:center;
}
.calc__res-lab{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.66)}
.calc__res-num{
  font-size:clamp(2.6rem,5.6vw,3.7rem);font-weight:900;line-height:1;letter-spacing:-.035em;
  margin:12px 0 22px;
  background:linear-gradient(120deg,#fff,#ffc3ad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.calc__list{display:grid;gap:0;margin:0 0 24px;text-align:left}
.calc__list li{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 0;border-bottom:1px dashed rgba(255,255,255,.14);font-size:.9rem;
}
.calc__list li:last-child{border-bottom:0}
.calc__list span{color:rgba(255,255,255,.66)}
.calc__list b{color:#fff;font-weight:900;font-size:1rem;white-space:nowrap}
.calc__res .btn{margin-top:auto}
.calc__note{font-size:.74rem;color:rgba(255,255,255,.5);margin:12px 0 0}
.calc .repex{margin-top:26px}

@media (max-width:900px){
  .calc__grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .calc{padding:24px 18px;border-radius:26px}
  .calc__ctrl,.calc__res{padding:20px 16px;border-radius:20px}
  .calc__row{justify-content:center;gap:8px}
  .calc__list{text-align:center}
  .calc__list li{flex-direction:column;gap:3px;padding:11px 0}
  .calc .ticks li{flex-direction:column;align-items:center;text-align:center}
}

/* ==========================================================================
   33. Картата на запитването е непрозрачна; по-плавен преход на панела
   ========================================================================== */
.hero .wizard,.section--tint .wizard,.section--dark .wizard{background:#fff}

/* по-плавно преливане на тъмния панел */
.hero__panel{
  -webkit-mask-image:linear-gradient(99deg,
     transparent 0%,rgba(0,0,0,.04) 10%,rgba(0,0,0,.14) 20%,rgba(0,0,0,.34) 30%,
     rgba(0,0,0,.62) 40%,rgba(0,0,0,.85) 50%,#000 62%);
  mask-image:linear-gradient(99deg,
     transparent 0%,rgba(0,0,0,.04) 10%,rgba(0,0,0,.14) 20%,rgba(0,0,0,.34) 30%,
     rgba(0,0,0,.62) 40%,rgba(0,0,0,.85) 50%,#000 62%);
}
.hero__team{
  -webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.25) 16%,#000 34%,#000 92%,transparent 100%),
                     linear-gradient(to bottom,#000 78%,transparent 99%);
  mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.25) 16%,#000 34%,#000 92%,transparent 100%),
             linear-gradient(to bottom,#000 78%,transparent 99%);
}

/* четливи надписи под плъзгачите */
.wizard .range__legend{color:var(--text);font-weight:800;opacity:.72}
.wizard .range__legend span:last-child{color:var(--ink)}
.wizard .range{background:linear-gradient(90deg,var(--red) var(--p,30%),#dfe3ee var(--p,30%))}
.wizard .amount__hint{color:var(--muted)}

/* ==========================================================================
   34. Формите по страниците — светли карти (в тон със запитването)
   ========================================================================== */
.formcard{
  background:#fff;border:1px solid var(--line);color:var(--text);
  box-shadow:0 26px 64px rgba(11,12,24,.16);
}
.formcard::before{content:none}
.formcard h3{color:var(--ink);font-size:1.25rem}
.formcard>.fwrap>p,.formcard>p{color:var(--muted)}
.formcard .consent{color:var(--muted)}
.formcard .wdone h3{color:var(--ink)}
.formcard .wdone p{color:var(--muted)}
.formcard .repex{margin-top:18px}
.section--dark .formcard{border-color:transparent}

/* шапка с акцент, за да не е „гола“ бяла кутия */
.formcard{position:relative;overflow:hidden;padding-top:calc(clamp(24px,3vw,38px) + 6px)}
.formcard::after{
  content:"";position:absolute;top:0;left:0;right:0;height:6px;
  background:linear-gradient(90deg,var(--red-700),var(--red) 55%,#ff8256);
}

/* ==========================================================================
   35. Тъмният панел прелива и отгоре, не само отстрани
   ========================================================================== */
.hero__panel{
  -webkit-mask-image:
    linear-gradient(99deg,transparent 0%,rgba(0,0,0,.04) 10%,rgba(0,0,0,.14) 20%,
      rgba(0,0,0,.34) 30%,rgba(0,0,0,.62) 40%,rgba(0,0,0,.85) 50%,#000 62%),
    linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 8%,rgba(0,0,0,.28) 17%,
      rgba(0,0,0,.62) 27%,rgba(0,0,0,.88) 38%,#000 48%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(99deg,transparent 0%,rgba(0,0,0,.04) 10%,rgba(0,0,0,.14) 20%,
      rgba(0,0,0,.34) 30%,rgba(0,0,0,.62) 40%,rgba(0,0,0,.85) 50%,#000 62%),
    linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 8%,rgba(0,0,0,.28) 17%,
      rgba(0,0,0,.62) 27%,rgba(0,0,0,.88) 38%,#000 48%);
  mask-composite:intersect;
}
/* сиянието и акцентите следват същото преливане */
.hero__panel::after{background:radial-gradient(74% 54% at 62% 82%,rgba(255,49,49,.28),transparent 72%)}
.chev--1{top:8%;height:52%}
.chev--2{top:12%;height:38%}

@media (max-width:1080px){
  .hero__panel{-webkit-mask-image:none;mask-image:none}
}

/* ==========================================================================
   36. Hero на телефон/таблет — калкулаторът веднага след бутоните,
       трите банера и статистиката слизат под него
   ========================================================================== */
@media (max-width:1080px){
  .hero__grid{display:flex;flex-direction:column;gap:0}
  .hero__text{display:contents}

  .hero__badge{order:1}
  .hero h1{order:2}
  .hero p.lead{order:3}
  .hero__actions{order:4}
  .hero__form{order:5}
  .pills{order:6}
  .hero__stats{order:7}

  .hero__actions{margin-bottom:20px}
  .hero__form{margin:0 auto 24px}
  .pills{margin:0}
  .hero__stats{margin-top:22px}
}
@media (max-width:640px){
  .hero__form{margin:0 0 22px;max-width:none;width:100%}
  .hero__actions{margin-bottom:18px}
  .hero__stats{margin-top:20px}
}

/* ==========================================================================
   37. Телефон — сбит вариант: заглавията остават центрирани,
       редовете стават хоризонтални, за да не расте дължината
   ========================================================================== */
@media (max-width:640px){
  /* по-тесни отстояния */
  .section{padding:40px 0}
  .head{margin-bottom:22px}
  .head .lead{font-size:.94rem}
  .grid{gap:10px}
  .eyebrow{margin-bottom:12px;padding:6px 13px;font-size:.68rem}
  .h-l{font-size:clamp(1.5rem,6.4vw,1.85rem)}
  .h-m{font-size:1.1rem}

  /* карти с предимства — икона вляво, текст вдясно */
  .card{
    display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;
    column-gap:13px;row-gap:8px;align-items:center;
    text-align:left;padding:16px;border-radius:18px;
  }
  .card__ico{width:44px;height:44px;border-radius:13px;margin:0;grid-column:1;grid-row:1}
  .card h3{grid-column:2;grid-row:1}
  .card p{grid-column:1/-1;grid-row:2}
  .card__ico svg{width:21px;height:21px}
  .card__n{display:none}
  .card h3{font-size:.98rem;margin-bottom:4px}
  .card p{font-size:.86rem;line-height:1.5}
  .card:hover{transform:none}

  /* офиси — две колони, компактни плочки */
  .offices{grid-template-columns:1fr 1fr;gap:8px}
  .office{
    flex-direction:row;align-items:center;gap:9px;padding:11px 10px;
    text-align:left;border-radius:14px;
  }
  .office__pin{width:30px;height:30px;border-radius:9px;margin:0}
  .office__pin svg{width:15px;height:15px}
  .office b{font-size:.82rem;line-height:1.2}
  .office span{font-size:.7rem;line-height:1.3}
  .office:hover{transform:none}
  .searchbar{margin-bottom:20px}

  /* контакти */
  .info{gap:9px}
  .info__i{flex-direction:row;align-items:center;gap:13px;text-align:left;padding:14px 15px}
  .info__ico{width:40px;height:40px;border-radius:12px}
  .info__i p{font-size:.9rem}
  .info__i:hover{transform:none}

  /* отметки */
  .ticks{gap:9px}
  .ticks li{flex-direction:row;align-items:flex-start;gap:10px;text-align:left;font-size:.89rem}
  .ticks li svg{width:21px;height:21px;padding:4px;margin-top:1px}

  /* проза */
  .prose ul li{padding:0 0 0 22px}
  .prose ul li::before{left:0;top:.55em;transform:none;width:7px;height:7px}
  .prose h2{font-size:1.25rem;margin:26px 0 10px}
  .prose h3{font-size:1.04rem;margin:18px 0 8px}
  .prose p,.prose li{font-size:.94rem}

  /* таймлайн */
  .tl{gap:9px}
  .tl__i{flex-direction:row;align-items:center;gap:12px;text-align:left}
  .tl__dot{width:40px;height:40px;border-width:2px;font-size:.95rem}
  .tl__b{padding:13px 15px;text-align:left;border-radius:15px}
  .tl__b h3{font-size:.95rem;margin-bottom:3px}
  .tl__b p{font-size:.84rem;line-height:1.45}
  .tl__b em{margin-top:7px;padding:4px 10px;font-size:.66rem}

  /* продукти */
  .offer{padding:20px 18px;text-align:left;border-radius:20px}
  .offer__tag{margin-bottom:12px;padding:5px 11px;font-size:.63rem}
  .offer__big{justify-content:flex-start;font-size:1.7rem;margin-bottom:4px}
  .offer h3{font-size:1rem;margin:10px 0 6px}
  .offer p{font-size:.86rem;margin-bottom:13px}
  .offer ul{gap:6px;margin-bottom:15px}
  .offer li{justify-content:flex-start;font-size:.82rem;line-height:1.35}
  .offer:hover{transform:none}

  /* сравнение */
  .vs{gap:10px}
  .vs__c{padding:18px 16px;text-align:left}
  .vs__c h3{justify-content:flex-start;font-size:1rem;margin-bottom:12px}
  .vs__c h3 svg{width:30px;height:30px;padding:7px}
  .vs__c li{flex-direction:row;align-items:flex-start;gap:9px;text-align:left;
    padding:8px 0;font-size:.85rem;line-height:1.4}
  .vs__c li svg{width:17px;height:17px;margin-top:2px}

  /* ангажименти */
  .qcard{padding:18px 16px;text-align:left;align-items:stretch;gap:11px}
  .qcard__head{flex-direction:row;gap:11px;align-items:center}
  .qcard__av{width:38px;height:38px;border-radius:12px;font-size:.85rem}
  .qcard__head h3{font-size:.97rem}
  .qcard p{font-size:.86rem}
  .qcard__tag{align-self:flex-start;padding:5px 11px;font-size:.63rem}
  .cdots{margin-top:16px}

  /* регистри — две колони */
  .regs{flex-direction:row;flex-wrap:wrap;gap:8px}
  .reg{flex:1 1 calc(50% - 4px);padding:12px 11px;font-size:.76rem;gap:9px;
    flex-direction:column;align-items:flex-start;text-align:left}
  .reg svg{width:28px;height:28px;padding:6px}
  .reg small{font-size:.68rem;margin-top:2px}
  .reg:hover{transform:none}

  /* числа */
  .stats{gap:10px}
  .stat b{font-size:1.75rem}
  .stat span{font-size:.76rem}

  /* калкулатор */
  .calc__ctrl,.calc__res{padding:16px 14px}
  .calc__res-num{font-size:2.3rem;margin:8px 0 14px}
  .calc__list li{flex-direction:row;justify-content:space-between;text-align:left;padding:9px 0}
  .calc__grid{gap:10px}
  .calc .ticks{margin-top:18px!important}
  .calc .ticks li{flex-direction:row;text-align:left}
  .repex{padding:14px;font-size:.76rem;line-height:1.5}

  /* въпроси */
  .acc{gap:8px}
  .acc__q{padding:15px 42px 15px 16px;font-size:.92rem}
  .acc__a div{padding:0 16px 16px;font-size:.88rem}

  /* CTA */
  .cta{padding:28px 20px;border-radius:24px}
  .cta p{margin-bottom:20px;font-size:.94rem}
  .cta__actions{gap:9px}

  /* разделен блок */
  .split{gap:22px}
  .split__media{border-radius:20px}

  /* футър */
  .footer{padding-top:38px}
  .footer__grid{gap:22px;padding-bottom:28px}
  .footer h4{margin-bottom:11px;font-size:.72rem}
  .footer ul{gap:7px}
  .footer p{font-size:.87rem}
  .footer__grid>div:nth-child(2) ul,
  .footer__grid>div:nth-child(3) ul{grid-template-columns:1fr 1fr;gap:7px 12px}
  .footer .fcontact li{flex-direction:row;align-items:flex-start;gap:9px;text-align:left;font-size:.85rem}
  .footer .fcontact{text-align:left}
  .footer__bar{padding:16px 0;font-size:.78rem}
  .warn{padding:14px 0;font-size:.72rem}

  /* марка и ленти */
  .trust{padding:13px 0}
  .marquee span{padding:0 20px;font-size:.78rem}
  .phero{padding:34px 0 38px}
  .phero p{font-size:.94rem}
}

/* последно свиване: кратките полета и резултатите стоят по двойки */
@media (max-width:640px){
  .calcbox{grid-template-columns:1fr 1fr;gap:8px}
  .calcbox b{font-size:1rem}
  .calcbox div{padding:9px 6px}
  .calcbox div>span{font-size:.66rem;line-height:1.25}
  .field--2{grid-template-columns:1fr 1fr;gap:9px}
  .field--2 .field input{padding:11px 12px}
  .wizard__body{padding:16px 14px}
  .goals{gap:6px}
  .goal{padding:9px 4px;font-size:.68rem}
  .chips{gap:6px;margin:11px 0 3px}
  .chip{padding:7px 12px;font-size:.78rem}
}