/* Началната страница (BG и EN): старата подредба, новите шрифтове и цветове. */
:root{
  /* Цветовете и шрифтовете са от Instagram дизайна „Imot Pulse — по-човешки“:
     тъмнозелено вместо тъмносиньо, крем вместо бяло, без месинг.
     Имената на променливите са старите, за да не се пипа всяко правило. */
  --navy-900:#1F3A2E; --navy-800:#27473A; --navy-700:#2F5445;
  --ink:#141414; --ink-soft:#4A453F; --ink-faint:#7A736A;
  --paper:#F7F4EE; --tint:#EFEAE2; --tint-2:#E8E2D8; --desk:#E3DDD2;
  --line:#DDD6CA; --line-soft:#E7E1D7; --line-strong:#C9C1B4;
  --brass:#1F3A2E; --brass-soft:#B9C7BD; --brass-bg:#E3E8E2;
  --pos:#2F5D46; --pos-bg:#E1E9E2; --caution:#8A5A1E; --caution-bg:#F1E7D6; --neg:#97393A;
  --serif:"Source Serif 4",Georgia,serif;
  --sans:"Golos Text",system-ui,sans-serif;
  --mono:"Golos Text",system-ui,sans-serif;
  --hand:"Marck Script",cursive;
  --wine:#7A2230;   /* ръкописните бележки върху крем, както в слайдовете */
  --shadow:0 1px 2px rgba(20,20,20,.05),0 10px 34px rgba(20,20,20,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--tint);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--brass)}
h1,h2,h3{font-family:var(--serif);color:var(--navy-900);font-weight:400;margin:0;text-wrap:balance}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.eyebrow{font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--brass);display:flex;align-items:center;gap:10px;margin:0 0 18px}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--brass-soft)}
.eyebrow--center{justify-content:center}
.eyebrow--center::after{content:"";width:22px;height:1px;background:var(--brass-soft)}
.btn{display:inline-block;font-family:var(--sans);font-weight:700;font-size:15.5px;padding:15px 30px;border-radius:6px;text-decoration:none;letter-spacing:.01em;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible{outline:3px solid var(--brass-soft);outline-offset:2px}
.btn--brass{background:var(--brass);color:#fff;box-shadow:0 6px 20px rgba(31,58,46,.3)}
.btn--ghost{background:transparent;color:#EFEAE2;border:1px solid rgba(239,234,226,.35)}
.btn--navy{background:var(--navy-900);color:#fff}
.mono-note{font-family:var(--mono);font-size:13.5px;letter-spacing:0;text-transform:none;color:var(--ink-faint)}
section{padding:88px 0}
@media(max-width:640px){
  section{padding:56px 0}
  .wrap{padding:0 18px}
  .hero{padding:72px 0 80px}
  .demo-card{padding:22px 18px}
  .tier{padding:26px 20px}
  .magnet-form{padding:22px}
}

/* ---------- топ бар ---------- */
.topbar{position:sticky;top:0;z-index:50;background:rgba(239,234,226,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;gap:28px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brandmark{width:27px;height:27px;display:block;flex:none;color:var(--navy-900)}
.brand-name{font-family:var(--serif);font-weight:400;font-size:17px;color:var(--navy-900)}
.brand-name b{color:var(--brass);font-weight:600}
.topnav{margin-left:auto;display:flex;align-items:center;gap:22px}
.topnav a{font-size:14px;font-weight:600;color:var(--ink-soft);text-decoration:none;white-space:nowrap}
.topnav a:hover{color:var(--navy-900)}
.topnav .btn{padding:10px 18px;font-size:13.5px}
.topnav .navcta{color:var(--brass);font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.topnav .navcta::after{content:"\2192";font-size:13px}
.topnav .navcta:hover{color:var(--navy-900)}
@media(max-width:1040px){.topnav a:not(.btn):not(.lang):not(.navcta){display:none}}
@media(max-width:620px){.topnav .navcta{display:none}}

/* ---------- герой ---------- */
.hero{background:
  radial-gradient(120% 80% at 82% -10%,rgba(185,199,189,.16),transparent 55%),
  linear-gradient(168deg,var(--navy-900),#1A3226 60%,#162B21);
  color:#EFEAE2;padding:96px 0 110px;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.hero .eyebrow{color:var(--brass-soft)}
.hero .eyebrow::before{background:var(--brass-soft)}
.hero h1{color:#F7F4EE;font-size:clamp(34px,4.6vw,52px);line-height:1.06;letter-spacing:-.015em;margin:0 0 22px}
.hero h1 em{font-style:italic;color:var(--brass-soft)}
.hero p.sub{font-family:var(--sans);font-size:17.5px;line-height:1.6;color:rgba(239,234,226,.78);max-width:46ch;margin:0 0 32px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.trustline{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;padding-top:22px;border-top:1px solid rgba(239,234,226,.14)}
.trustline span{font-family:var(--mono);font-size:13.5px;letter-spacing:0;text-transform:none;color:rgba(239,234,226,.6);display:flex;align-items:center;gap:8px}
.trustline span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--brass-soft)}

/* мини проверката в героя */
.demo{position:relative}
.demo-card{background:var(--paper);border-radius:10px;box-shadow:0 30px 70px rgba(10,20,15,.5);padding:26px 28px;transform:rotate(1.2deg);color:var(--ink)}
.demo-card .dc-head{display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:18px}
.demo-card .dc-head .t{font-family:var(--mono);font-size:12px;letter-spacing:0;text-transform:none;color:var(--ink-faint);margin-left:auto}
.demo-score{display:flex;gap:14px;align-items:stretch;margin-bottom:18px}
.demo-score .num{flex:0 0 108px;background:var(--navy-900);border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 8px;text-align:center}
.demo-score .num .v{font-family:var(--serif);font-size:38px;font-weight:400;color:var(--brass-soft);line-height:1}
.demo-score .num .l{font-family:var(--mono);font-size:11px;letter-spacing:0;text-transform:none;color:rgba(255,255,255,.6);margin-top:5px}
.demo-score .txt{flex:1;display:flex;flex-direction:column;justify-content:center}
.demo-score .txt .a{font-family:var(--serif);font-size:16.5px;font-weight:400;color:var(--navy-900)}
.demo-score .txt .b{font-size:12px;color:var(--ink-soft);margin-top:4px}
.posbar{padding:26px 2px 0}
.posbar-track{position:relative;height:10px;border-radius:6px;background:linear-gradient(90deg,var(--tint-2),var(--brass-bg));border:1px solid var(--line)}
.posbar-avg{position:absolute;top:50%;left:58%;transform:translate(-50%,-50%);width:2px;height:26px;background:var(--ink-faint)}
.posbar-avg .lab{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--mono);font-size:12px;color:var(--ink-soft);letter-spacing:0}
.posbar-prop{position:absolute;top:50%;left:70%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--brass);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--brass)}
.posbar-prop .lab{position:absolute;top:20px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--brass);letter-spacing:0}
.demo-verdict{margin-top:40px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:var(--caution-bg);border:1px solid var(--line);border-radius:8px;padding:13px 16px}
.demo-verdict .v{font-family:var(--serif);font-size:19px;font-weight:400;color:var(--caution)}
.demo-verdict .t{font-family:var(--mono);font-size:12px;letter-spacing:0;text-transform:none;color:var(--ink-soft);text-align:right}
.demo-tag{position:absolute;top:-16px;right:-8px;background:var(--brass);color:#fff;font-family:var(--mono);font-size:12.5px;letter-spacing:0;text-transform:none;font-weight:600;padding:7px 13px;border-radius:20px;box-shadow:0 8px 20px rgba(31,58,46,.4);transform:rotate(3deg)}
@media(max-width:920px){.hero .wrap{grid-template-columns:1fr;gap:52px}.demo-card{transform:none;max-width:460px}}

/* ---------- болката ---------- */
.pain{background:var(--tint)}
.sec-head{max-width:640px;margin-bottom:52px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;letter-spacing:-.01em;margin-bottom:14px}
.sec-head p{font-family:var(--sans);font-size:16.5px;color:var(--ink-soft);margin:0}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:860px){.cards3{grid-template-columns:1fr}}
.pcard{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:28px 26px;box-shadow:0 1px 2px rgba(20,20,20,.04)}
.pcard .n{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--brass);letter-spacing:0;margin-bottom:14px}
.pcard h3{font-size:18.5px;margin-bottom:10px}
.pcard p{font-size:14px;color:var(--ink-soft);margin:0}
.pcard strong{color:var(--navy-900)}

/* ---------- как работи ---------- */
.how{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)}
.steps>div{background:var(--paper);padding:34px 30px}
@media(max-width:860px){.steps{grid-template-columns:1fr}}
.steps .sn{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--brass);border:1px solid var(--line-strong);border-radius:3px;display:inline-block;padding:4px 9px;margin-bottom:16px}
.steps h3{font-size:18px;margin-bottom:9px}
.steps p{font-size:14px;color:var(--ink-soft);margin:0}
.steps .free-tag{display:inline-block;margin-top:14px;background:var(--pos-bg);color:var(--pos);font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;padding:5px 10px;border-radius:20px}

/* ---------- примерът ---------- */
.example{background:var(--tint)}
.example .wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:start}
@media(max-width:920px){.example .wrap{grid-template-columns:1fr}}
.findings{list-style:none;margin:0;padding:0}
.findings li{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--ink-soft)}
.findings li:last-child{border-bottom:0}
.findings .n{font-family:var(--mono);font-size:14px;color:var(--brass);font-weight:600;padding-top:3px}
.findings strong{color:var(--navy-900)}
.ex-verdict{background:var(--navy-900);border-radius:10px;padding:26px 30px;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}
.ex-verdict .l{font-family:var(--mono);font-size:12px;letter-spacing:0;text-transform:none;color:var(--brass-soft);margin-bottom:7px}
.ex-verdict .v{font-family:var(--serif);font-size:26px;font-weight:400}
.ex-verdict .r{text-align:right}
@media(max-width:400px){.ex-verdict .r{text-align:left}}
.ex-verdict .r .v{color:var(--brass-soft);font-size:20px}
.ex-note{margin-top:16px;font-size:13px;color:var(--ink-faint)}

/* ---------- какво получаваш ---------- */
.get{background:var(--paper);border-top:1px solid var(--line)}
.compare{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(20,20,20,.04)}
.compare th,.compare td{padding:14px 18px;border-bottom:1px solid var(--line-soft);font-size:14px;text-align:center}
.compare th{font-family:var(--mono);font-size:13.5px;letter-spacing:0;text-transform:none;color:var(--ink-soft);background:var(--tint);font-weight:600}
.compare th:first-child,.compare td:first-child{text-align:left;color:var(--navy-900);font-weight:600}
.compare tr:last-child td{border-bottom:0}
.compare .yes{color:var(--pos);font-weight:700}
.compare .no{color:var(--line-strong)}
.compare-scroll{overflow-x:auto}

/* ---------- наръчник срещу имейл ---------- */
.magnet{background:
  radial-gradient(110% 90% at 15% -20%,rgba(185,199,189,.15),transparent 55%),
  linear-gradient(160deg,var(--navy-800),var(--navy-900) 70%);
  color:#EFEAE2}
.magnet .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
@media(max-width:880px){.magnet .wrap{grid-template-columns:1fr}}
.magnet h2{color:#F7F4EE;font-size:clamp(24px,3.2vw,34px);line-height:1.15;margin-bottom:14px}
.magnet p{font-family:var(--sans);font-size:16px;color:rgba(239,234,226,.75);margin:0 0 8px;max-width:48ch}
.magnet ul{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:9px}
.magnet ul li{display:flex;gap:10px;font-size:14px;color:rgba(239,234,226,.85)}
.magnet ul li::before{content:"—";color:var(--brass-soft);flex-shrink:0}
.magnet-form{background:var(--paper);border-radius:10px;padding:30px;box-shadow:0 24px 60px rgba(10,20,15,.45);color:var(--ink)}
.magnet-form h3{font-size:19px;margin-bottom:6px}
.magnet-form .s{font-size:13px;color:var(--ink-soft);margin:0 0 18px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.field label{font-family:var(--mono);font-size:13px;letter-spacing:0;text-transform:none;color:var(--ink-faint)}
.field input,.field textarea{font-family:var(--sans);font-size:15px;padding:13px 14px;border:1px solid var(--line-strong);border-radius:6px;background:var(--tint);color:var(--ink);resize:vertical}
.field input:focus,.field textarea:focus{outline:2px solid var(--brass-soft);border-color:var(--brass)}
.field textarea{min-height:104px;line-height:1.5}
.field .hint{font-size:12px;color:var(--ink-faint);line-height:1.45}
.field .count{font-family:var(--mono);font-size:13px;letter-spacing:0;color:var(--ink-faint);align-self:flex-end}
.magnet-form .btn{width:100%;text-align:center}
.gdpr{font-size:11px;color:var(--ink-faint);margin:12px 0 0}
.form-ok{display:none;text-align:center;padding:26px 6px}
.form-ok .big{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--pos);margin-bottom:8px}
.form-ok p{font-size:13.5px;color:var(--ink-soft);margin:0}
.form-err{display:none;text-align:center;padding:26px 6px}
.form-err .big{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--neg);margin-bottom:8px}
.form-err p{font-size:13.5px;color:var(--ink-soft);margin:0 0 16px}
.form-err .btn{width:100%;text-align:center}
.form-ok:focus,.form-err:focus{outline:none}

/* ---------- цени ---------- */
.pricing{background:var(--tint)}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
@media(max-width:880px){.tiers{grid-template-columns:1fr}}
.tier{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:32px 28px;display:flex;flex-direction:column}
.tier--rec{border-color:var(--brass);box-shadow:0 10px 34px rgba(31,58,46,.18);position:relative}
.tier--rec .flag{position:absolute;top:-12px;left:26px;background:var(--brass);color:#fff;font-family:var(--mono);font-size:12px;letter-spacing:0;text-transform:none;font-weight:600;padding:5px 12px;border-radius:20px}
.tier .name{font-family:var(--mono);font-size:13.5px;letter-spacing:0;text-transform:none;color:var(--ink-soft);font-weight:600;margin-bottom:12px}
.tier .price{font-family:var(--serif);font-size:34px;font-weight:400;color:var(--navy-900)}
.tier .price small{font-size:13px;font-weight:500;color:var(--ink-faint)}
.tier .note{font-size:12.5px;color:var(--ink-soft);margin:4px 0 20px}
.tier ul{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}
.tier li{font-size:14px;color:var(--ink-soft);display:flex;gap:9px}
.tier li::before{content:"—";color:var(--brass);flex-shrink:0}
.tier .btn{text-align:center}
.tier--free .btn{background:var(--tint);color:var(--navy-900);border:1px solid var(--brass-soft)}
.roi-note{margin-top:26px;text-align:center;font-family:var(--sans);font-size:15.5px;color:var(--ink-soft)}
.roi-note strong{color:var(--navy-900)}

/* ---------- кой прави отчетите ---------- */
/* „Запознай се“ — както в Instagram слайда: изрязана снимка направо върху
   кремавото, без рамка; снимката „стъпва“ на долния ръб на секцията. */
.author{background:var(--tint);padding-bottom:0;overflow:hidden}
.author .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px;align-items:end}
.author-txt{padding-bottom:88px}
.author .meet{display:block;font-family:var(--hand);font-size:clamp(40px,4.4vw,58px);line-height:1;color:var(--wine);transform:rotate(-2deg);transform-origin:left;margin:0 0 4px}
.author .name{font-family:var(--serif);font-size:clamp(44px,5.6vw,76px);line-height:1;font-weight:400;letter-spacing:-.015em;color:var(--navy-900);margin:0 0 26px}
.author .role-line{display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--navy-900);padding-left:16px;margin:0 0 26px}
.author .role-line b{font-family:var(--serif);font-weight:400;font-size:20px;color:var(--navy-900)}
.author .role-line span{font-size:15px;color:var(--ink-soft)}
.author p{font-family:var(--sans);font-size:16.5px;line-height:1.62;color:var(--ink-soft);margin:0 0 13px;max-width:58ch}
.author p strong{color:var(--navy-900)}
.author .cutout{display:block;width:100%;max-width:560px;height:auto;justify-self:end;margin-bottom:-1px}
@media(max-width:760px){
  .author .wrap{grid-template-columns:1fr}
  .author-txt{padding-bottom:8px}
  .author .cutout{max-width:340px;justify-self:center}
}

/* ---------- гаранция ---------- */
.guarantee{margin:26px auto 0;max-width:780px;background:var(--paper);border:1px solid var(--brass-soft);border-radius:10px;padding:24px 28px;text-align:center}
.guarantee .g-badge{font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--brass);display:block;margin-bottom:10px}
.guarantee h3{font-size:19.5px;margin-bottom:9px}
.guarantee p{font-size:14.5px;color:var(--ink-soft);margin:0 auto;max-width:64ch}

/* ---------- FAQ ---------- */
.faq{background:var(--paper);border-top:1px solid var(--line)}
.faq-list{max-width:760px;margin:0 auto}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{font-family:var(--serif);font-size:17px;font-weight:400;color:var(--navy-900);padding:18px 30px 18px 0;cursor:pointer;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-family:var(--mono);color:var(--brass);font-size:22px;transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{font-size:14.5px;color:var(--ink-soft);margin:0 0 20px;max-width:64ch}

/* ---------- финален CTA + футър ---------- */
.final{background:
  radial-gradient(120% 80% at 82% -10%,rgba(185,199,189,.16),transparent 55%),
  linear-gradient(168deg,var(--navy-900),#1A3226 70%);
  color:#EFEAE2;text-align:center}
.final h2{color:#F7F4EE;font-size:clamp(26px,3.6vw,38px);margin-bottom:14px}
.final p{font-family:var(--sans);font-size:17px;color:rgba(239,234,226,.75);max-width:52ch;margin:0 auto 30px}
footer{background:#162B21;color:rgba(239,234,226,.55);padding:34px 0}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-family:var(--mono);font-size:13px;letter-spacing:0;text-transform:none}

/* motion */
@media(prefers-reduced-motion:no-preference){
  .hero h1,.hero .sub,.hero-ctas,.trustline{animation:rise .7s ease both}
  .hero .sub{animation-delay:.08s}.hero-ctas{animation-delay:.16s}.trustline{animation-delay:.24s}
  .demo{animation:rise .8s .2s ease both}
  @keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
}

/* ---------- лента със състояние ---------- */
.statusbar{background:var(--navy-900);color:rgba(239,234,226,.8)}
.statusbar .wrap{display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:center;padding-top:9px;padding-bottom:9px;font-family:var(--mono);font-size:13.5px;letter-spacing:0;text-transform:none}
.statusbar b{color:var(--brass-soft);font-weight:600}
.statusbar a{color:var(--brass-soft);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(185,199,189,.45);padding-bottom:1px}
.statusbar a:hover{color:#fff;border-bottom-color:rgba(255,255,255,.7)}
@media(max-width:640px){.statusbar .wrap{font-size:9.5px;gap:6px 14px}}

/* ---------- регистърът: обявата срещу базата ---------- */
.ledger{border:1px solid rgba(239,234,226,.18);border-radius:9px;overflow:hidden;background:rgba(255,255,255,.04);margin:0 0 28px}
.ledger-head{display:grid;grid-template-columns:1fr 1fr;font-family:var(--mono);font-size:12.5px;letter-spacing:0;text-transform:none}
.ledger-head span{padding:11px 16px;color:rgba(239,234,226,.5)}
.ledger-head span+span{color:var(--brass-soft);border-left:1px solid rgba(239,234,226,.18)}
.ledger-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(239,234,226,.14);font-size:14.5px;line-height:1.45}
.ledger-row span{padding:11px 16px;color:rgba(239,234,226,.6)}
.ledger-row span+span{color:#F7F4EE;border-left:1px solid rgba(239,234,226,.18)}
.ledger-row b{color:var(--brass-soft);font-weight:600}
.ledger--light{border-color:var(--line);background:var(--paper)}
.ledger--light .ledger-head span{color:var(--ink-faint)}
.ledger--light .ledger-head span+span{color:var(--brass);border-left-color:var(--line)}
.ledger--light .ledger-row{border-top-color:var(--line-soft)}
.ledger--light .ledger-row span{color:var(--ink-soft)}
.ledger--light .ledger-row span+span{color:var(--navy-900);border-left-color:var(--line)}
.ledger--light .ledger-row b{color:var(--brass)}
@media(max-width:560px){
  .ledger-head{display:none}
  .ledger-row{grid-template-columns:1fr}
  .ledger-row span{padding:10px 14px 1px;font-size:15.5px;font-family:var(--mono);letter-spacing:0}
  .ledger-row span+span{border-left:0;padding:0 14px 12px;font-size:14.5px;font-family:var(--sans);letter-spacing:0}
}

/* ---------- корицата на отчета в героя ---------- */
.hero-cover{position:relative}
.hero-cover img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid rgba(239,234,226,.12);box-shadow:0 30px 70px rgba(10,20,15,.55)}
.hero-price{font-family:var(--mono);font-size:14px;letter-spacing:0;text-transform:none;color:rgba(239,234,226,.62)}
.hero-price b{color:var(--brass-soft);font-weight:600}
@media(max-width:920px){.hero-cover{max-width:420px}}


/* ---------- отчетът, страница по страница ---------- */
.pages{background:var(--desk)}
.pages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cases{background:var(--tint)}
.cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:820px){.cases-grid{grid-template-columns:1fr}}
.case{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:26px 24px;box-shadow:0 1px 2px rgba(20,20,20,.04)}
.case .q{font-family:var(--mono);font-size:13.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--brass);margin-bottom:12px}
.case h3{font-size:18px;margin-bottom:5px}
.case .ask{font-family:var(--mono);font-size:15px;color:var(--ink-faint);letter-spacing:0}
.case .verdict{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:18px 0 15px;padding:13px 15px;border-radius:6px;background:var(--caution-bg);border:1px solid var(--line)}
.case .verdict .v{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--caution)}
.case .verdict .t{font-family:var(--mono);font-size:14px;line-height:1.5;letter-spacing:0;color:var(--ink-soft);margin-left:auto;text-align:right}
.case--stop .verdict{background:#F6EAEA}
.case--stop .verdict .v{color:var(--neg)}
.case p.find{margin:0;font-size:14px;color:var(--ink-soft)}
.case p.find strong{color:var(--navy-900)}
.cases-note{margin:28px 0 0;text-align:center}
@media(max-width:900px){.pages-grid{grid-template-columns:repeat(2,1fr)}}
.page-card{background:var(--paper);border:1px solid var(--line-strong);border-radius:6px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.page-card .shot{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--line);background:var(--paper);cursor:zoom-in}
.page-card .shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
/* Кадри, по-широки от рамката: вписват се, вместо да им се режат страните. */
.page-card .shot--wide img{object-fit:contain}
@media(hover:none){.page-card .shot::after{opacity:1}}
.page-card .cap{padding:15px 17px 18px;flex:1}
.page-card .cap .n{font-family:var(--mono);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--brass);margin-bottom:7px}
.page-card .cap h3{font-size:16.5px;margin-bottom:6px}
.page-card .cap p{margin:0;font-size:13.5px;color:var(--ink-soft)}
.page-card .shot::after{content:"Уголеми ↗";position:absolute;right:10px;bottom:10px;font-family:var(--mono);font-size:12px;letter-spacing:0;text-transform:none;color:#fff;background:rgba(22,43,33,.85);padding:6px 9px;border-radius:4px;opacity:0;transition:opacity .15s}
.page-card:hover .shot::after,.page-card .shot:focus-visible::after{opacity:1}
.page-card .shot:focus-visible{outline:3px solid var(--brass);outline-offset:-3px}
@media(max-width:560px){.pages-grid{grid-template-columns:1fr}
  /* Една колона на телефон: страницата се показва цяла, без изрязване. */
  .page-card .shot{aspect-ratio:auto}
  .page-card .shot img{height:auto}}

/* ---------- уголемяване в самия сайт ---------- */
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(16,30,23,.93);display:flex;align-items:flex-start;justify-content:center;padding:60px 20px 44px;overflow:auto}
.lightbox[hidden]{display:none}
.lightbox img{display:block;max-width:min(940px,100%);height:auto;border-radius:6px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.lb-close{position:fixed;top:14px;right:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.4);color:#fff;font-family:var(--mono);font-size:13.5px;letter-spacing:0;text-transform:none;padding:9px 14px;border-radius:5px;cursor:pointer}
.lb-close:hover{background:rgba(255,255,255,.2)}
.lb-cap{position:fixed;left:0;right:0;bottom:0;margin:0;padding:14px 20px;text-align:center;font-family:var(--mono);font-size:13px;letter-spacing:0;text-transform:none;color:rgba(255,255,255,.72);background:linear-gradient(transparent,rgba(16,30,23,.92) 45%);pointer-events:none}
body.lb-open{overflow:hidden}
.pages-note{margin:26px 0 0;text-align:center}


/* ---------- ранен достъп ---------- */
.beta{background:var(--navy-900);color:#EFEAE2;border-radius:10px;padding:34px 34px 32px;margin:0 0 34px;background-image:radial-gradient(110% 80% at 88% -20%,rgba(185,199,189,.2),transparent 55%)}
.beta-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.beta-badge{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--navy-900);background:var(--brass-soft);padding:6px 12px;border-radius:20px}
.beta-count{font-family:var(--mono);font-size:13px;letter-spacing:0;text-transform:none;color:rgba(239,234,226,.6)}
.beta h3{font-family:var(--serif);font-size:clamp(22px,3vw,30px);line-height:1.15;color:#F7F4EE;margin:0 0 14px}
.beta h3 em{font-style:italic;color:var(--brass-soft)}
.beta p{font-family:var(--sans);font-size:16.5px;line-height:1.6;color:rgba(239,234,226,.8);margin:0 0 16px;max-width:64ch}
.beta .beta-terms{font-family:var(--mono);font-size:13.5px;letter-spacing:0;text-transform:none;color:rgba(239,234,226,.55);margin-bottom:22px}
@media(max-width:640px){.beta{padding:26px 22px}}
.tier .price s{color:var(--ink-faint);font-weight:400;text-decoration-thickness:1.5px;margin-right:6px}

/* ---------- ниво, което още не е отворено ---------- */
.tier--soon{position:relative;overflow:hidden}
.tier--soon .tier-inner{filter:blur(4.5px);opacity:.5;pointer-events:none;user-select:none}
.tier--soon .soon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--mono);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--navy-900);background:var(--brass-bg);border:1px solid var(--brass-soft);padding:11px 20px;border-radius:24px;white-space:nowrap;box-shadow:0 6px 18px rgba(20,20,20,.12)}

/* The sticky bar carries the wordmark, the language switch and the call to
   action, and below 560px the three of them stopped fitting: the Bulgarian
   button reads "Безплатна проверка" where the English one reads "Free check",
   so the BG page pushed 399px of bar into a 390px screen while the EN page
   fitted. Tightened by the same amounts on both pages rather than only where
   it showed, because the copy is the variable and the next change to it will
   land on whichever page is currently getting away with it. */
@media(max-width:560px){
  .topbar .wrap{gap:12px}
  .topnav{gap:14px}
  .topnav .btn{padding:10px 13px;font-size:12.5px}
}
/* At the narrowest sizes the mark alone carries the brand — the alternative is
   shrinking the call to action until nobody taps it. */
@media(max-width:400px){
  .brand-name{display:none}
}

/* Three touch targets the responsive pass left behind, all on the path a
   reader actually takes: the banner link, the language switch and the form
   they came here to fill in.

   The form fields matter most and for a reason that is not size: iOS Safari
   zooms the whole page when a field with type under 16px takes focus, and at
   15px these did it on every tap — the reader lands mid-form at 1.3x with the
   submit button off-screen. 820px rather than the 560px used for the top bar,
   because a phone held sideways is still a phone. */
@media(max-width:820px){
  .field input,.field textarea{font-size:16px}
}
@media(max-width:560px){
  .topnav .lang{padding:11px 8px;margin:-11px -8px}
  .statusbar a{padding:9px 0;display:inline-block}
}

/* Jumping to #pricing put the section's eyebrow under the sticky bar — 56px
   down against a bar reaching 65px, so "Цени" was simply not there. Only on a
   phone: the desktop heading clears it by 23px anyway. Salvaged from a local
   draft of the early-access work that the merged version arrived without. */
.pricing{scroll-margin-top:84px}
/* ---------- анализи (блокът се пише от articles/build.py) ---------- */
/* ---------- „Анализи“: тъмнозелена лента като слайдовете с данни ---------- */
.latest{background:var(--navy-900);color:var(--tint)}
.latest-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:18px 64px;align-items:end;margin-bottom:40px}
.latest .eyebrow{color:#D6D1C7}
.latest .eyebrow::before{background:#D6D1C7}
.latest h2{color:var(--tint);font-size:clamp(30px,3.6vw,44px);line-height:1.1}
.latest-head p{margin:0;color:#D6D1C7;font-size:16.5px;max-width:52ch}
.latest .hand{display:block;font-size:34px;color:var(--tint);transform:rotate(-2deg);transform-origin:left;margin-top:14px}
.latest .alist{list-style:none;margin:0;padding:0;border-top:1px solid var(--tint)}
.latest .acard{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);gap:10px 48px;padding:28px 0;border-bottom:1px solid #3C5A4C}
.latest .acard .meta{display:flex;flex-direction:column;gap:6px}
.latest .acard .r{font-size:15px;color:var(--tint)}
.latest .acard .m{font-size:14px;color:#B9C2BC}
.latest .acard h3{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.4vw,30px);line-height:1.2;color:var(--tint);margin:0 0 10px}
.latest .acard h3 a{color:inherit;text-decoration:none}
.latest .acard h3 a::after{content:"";position:absolute;inset:0}
.latest .acard:hover h3{color:#D6D1C7}
.latest .acard p{margin:0;font-size:15.5px;line-height:1.6;color:#D6D1C7;max-width:68ch}
@media(max-width:700px){.latest .acard{grid-template-columns:1fr}}
.latest-more{margin:28px 0 0;display:flex;gap:28px;flex-wrap:wrap;font-weight:500}
.latest-more a{color:var(--tint);text-underline-offset:5px}
/* ---------- героят: какво съдържа анализът ---------- */
.offer{list-style:none;margin:0 0 28px;padding:0;border:1px solid rgba(239,234,226,.18);border-radius:9px;overflow:hidden;background:rgba(255,255,255,.04)}
.offer li{display:grid;grid-template-columns:28px 1fr auto;gap:4px 12px;align-items:baseline;padding:12px 16px;border-top:1px solid rgba(239,234,226,.12)}
.offer li:first-child{border-top:0}
.offer .n{font-family:var(--mono);font-size:13px;color:var(--brass-soft);letter-spacing:0}
.offer .t{font-size:15px;font-weight:700;color:#F7F4EE;line-height:1.3}
.offer .t small{display:block;font-weight:400;font-size:13px;color:rgba(239,234,226,.6);margin-top:2px}
.offer .v{font-family:var(--mono);font-size:14.5px;color:var(--brass-soft);letter-spacing:0;text-align:right;white-space:nowrap}
@media(max-width:560px){.offer li{grid-template-columns:24px 1fr}.offer .v{grid-column:2;text-align:left}}
/* ---------- продаваш? ---------- */
.sell{background:var(--paper);border-top:1px solid var(--line)}
.sell .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
@media(max-width:880px){.sell .wrap{grid-template-columns:1fr;gap:30px}}
.sell h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;letter-spacing:-.01em;margin:0 0 16px}
.sell .lead{font-family:var(--sans);font-size:17px;line-height:1.6;color:var(--ink-soft);margin:0 0 14px}
.sell .lead strong{color:var(--navy-900)}
.sell .fine{font-size:12.5px;color:var(--ink-faint);margin:18px 0 0}
.sell-list{list-style:none;margin:0 0 26px;padding:0;border-top:1px solid var(--line)}
.sell-list li{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:15px 0;border-bottom:1px solid var(--line)}
.sell-list .n{font-family:var(--mono);font-size:14px;color:var(--brass);font-weight:600;padding-top:3px}
.sell-list b{display:block;font-family:var(--serif);font-size:17px;color:var(--navy-900);font-weight:400;margin-bottom:2px}
.sell-list span{font-size:14px;color:var(--ink-soft)}
/* купувам / продавам във формата */
.role{display:flex;gap:8px;margin:0 0 14px;border:0;padding:0}
.role legend{font-family:var(--mono);font-size:13px;letter-spacing:0;text-transform:none;color:var(--ink-faint);margin-bottom:6px;padding:0}
.role label{flex:1;position:relative;cursor:pointer}
.role input{position:absolute;opacity:0}
.role span{display:block;text-align:center;font-weight:600;font-size:14.5px;padding:11px 8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--tint);color:var(--ink-soft)}
.role input:checked+span{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.role input:focus-visible+span{outline:2px solid var(--brass-soft);outline-offset:2px}

/* ---------- новата палитра: бутони върху тъмнозелено ---------- */
/* Акцентът вече е тъмнозелен като лентите, затова в тъмните секции
   бутонът става кремав, както в Instagram слайдовете. */
.hero .btn--brass,.final .btn--brass,.beta .btn--brass,.cta-dark .btn--brass{background:var(--tint);color:var(--ink);box-shadow:none}
.btn--brass:hover{background:#172D23}
.hero .btn--brass:hover,.final .btn--brass:hover,.beta .btn--brass:hover{background:#fff}
.brand-name{font-weight:400}
.brand-name b{font-weight:400}
.hand{font-family:var(--hand);font-weight:400;line-height:1.1}
.final .hand{display:block;font-size:34px;color:var(--tint);transform:rotate(-2deg);margin-top:26px}
.topnav .btn,.topnav .btn:hover{color:var(--tint)}
/* Акцентът в заглавията е с цвят, не с наклон */
.hero h1 em,.beta h3 em{font-style:normal}
/* Текстът за съгласие е в бялата карта, а „.magnet p“ го правеше кремав върху крем. */
.magnet-form .gdpr{font-size:12px;color:var(--ink-faint);max-width:none}

/* ---------- 30.09: героят със снимка и полето за линк ---------- */
/* Плоско зелено вместо двата градиента — както кориците в Instagram. */
.hero{background:var(--navy-900);padding:72px 0 88px}
.hero-num{font-family:var(--serif);font-size:clamp(44px,6.4vw,76px);line-height:.95;letter-spacing:-.02em;color:#F7F4EE;margin:0 0 10px;white-space:nowrap}
.hero-num-cap{font-size:16px;color:rgba(239,234,226,.72);margin:0 0 30px;padding-bottom:26px;border-bottom:1px solid rgba(239,234,226,.16)}
.hero h1{font-size:clamp(28px,3.4vw,40px);line-height:1.12}
.quick{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px;max-width:560px}
.quick input{flex:1 1 260px;min-width:0;font:inherit;font-size:16px;padding:14px 16px;border-radius:6px;border:1px solid rgba(239,234,226,.35);background:rgba(239,234,226,.08);color:#F7F4EE}
.quick input::placeholder{color:rgba(239,234,226,.6)}
.quick input:focus{outline:2px solid var(--brass-soft);outline-offset:1px}
.quick .btn{flex:0 0 auto}
.hero .hero-price{display:block;margin:0}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero-photo{margin:0;position:relative}
.hero-photo img{display:block;width:100%;height:520px;object-fit:cover;object-position:center 65%;border-radius:8px;filter:saturate(.72) contrast(1.08) brightness(.94) sepia(.14)}
.hero-photo::after{content:"";position:absolute;inset:0;border-radius:8px;background:var(--navy-900);opacity:.2;mix-blend-mode:multiply;pointer-events:none}
.hero-photo figcaption{position:absolute;left:18px;bottom:14px;z-index:1;font-size:30px;color:#F7F4EE;transform:rotate(-3deg)}
@media(max-width:920px){.hero-photo{max-width:none}.hero-photo img{height:auto;aspect-ratio:16/10}}
@media(max-width:640px){
  .statusbar{display:none}
  .hero{padding:36px 0 56px}
  .hero .wrap{gap:36px}
  .hero-num-cap{margin-bottom:22px;padding-bottom:20px}
  .hero p.sub{font-size:16px;margin-bottom:22px}
  .quick .btn{width:100%}
}

/* ---------- шестте сметки ---------- */
.calcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:900px){.calcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.calcs{grid-template-columns:1fr}}
.calc{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:26px 24px;display:flex;flex-direction:column;gap:10px}
.calc .k{font-size:14px;font-weight:500;color:var(--ink-faint)}
.calc .big{font-family:var(--serif);font-size:52px;line-height:1;color:var(--navy-900);white-space:nowrap}
.calc p{margin:0;font-size:15px;color:var(--ink-soft)}
.calc .sum{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-family:var(--serif);font-size:17px;line-height:1.35;color:var(--ink)}
.calc .sum b{font-weight:400;color:var(--navy-900)}
.calc--dark{background:var(--navy-900);border-color:var(--navy-900)}
.calc--dark .k{color:var(--brass-soft)}
.calc--dark .big,.calc--dark .sum,.calc--dark .sum b{color:#F7F4EE}
.calc--dark p{color:rgba(239,234,226,.75)}
.calc--dark .sum{border-top-color:rgba(239,234,226,.2)}

/* ---------- 30.09 вечерта: по-малко „шаблон“ ---------- */
/* Прави ъгли, без сенки, без хапчета и без чертички пред заглавията —
   нещата, по които хората разпознават генериран сайт. */
*,*::before,*::after{border-radius:0!important;box-shadow:none!important}
section .eyebrow{display:none}
.hero .eyebrow::before{display:none}
.sec-head.center{margin-left:0;margin-right:0;text-align:left}
.sec-head{margin-bottom:36px}
.btn{font-weight:500;letter-spacing:0;padding:14px 22px;transition:none}
.btn:hover{transform:none}
/* Как работи: три колони с линия отгоре, номерът е просто цифра */
.steps{border:0;background:none;gap:40px;overflow:visible}
.steps>div{background:none;padding:18px 0 0;border-top:1px solid var(--ink)}
.steps .sn{border:0;padding:0;margin-bottom:10px;font-family:var(--serif);font-size:40px;font-weight:400;line-height:1;color:var(--navy-900)}
.steps h3{font-size:20px}
.steps p{font-size:15px}
/* Цените: етикетите са текст, не значки */
.tier--rec{border-color:var(--navy-900)}
.tier--rec .flag{position:static;background:none;color:var(--wine);padding:0;margin:0 0 8px;font-family:var(--sans);font-size:14px;font-weight:500}
.tier--soon .tier-inner{filter:none;opacity:.5}
.tier--soon .soon{top:22px;left:auto;right:24px;transform:none;background:none;border:0;padding:0;font-family:var(--sans);font-weight:500;color:var(--ink-soft)}
.beta{background-image:none}
.beta-badge{background:none;color:var(--brass-soft);padding:0;font-family:var(--sans);font-weight:500}
.hero-photo img{border-radius:0}
.calc .big{white-space:normal}

/* ---------- 30.09: Source Serif 4 за заглавията (избран след сравнение с Prata) ---------- */
h1,h2{font-weight:600;letter-spacing:-.01em}
.hero-num,.calc .big{font-weight:400}

/* ---------- 01.10: по-малко „зебра“ — само две тъмни ленти (горе и формата) ---------- */
.magnet{background:var(--navy-900)}
.latest{background:var(--tint);color:var(--ink);border-top:1px solid var(--line)}
.latest h2,.latest .acard h3,.latest .acard .r{color:var(--navy-900)}
.latest-head p,.latest .acard p{color:var(--ink-soft)}
.latest .acard .m{color:var(--ink-faint)}
.latest .hand{color:var(--wine)}
.latest .alist{border-top-color:var(--ink)}
.latest .acard{border-bottom-color:var(--line)}
.latest .acard:hover h3{color:var(--brass)}
.latest-more a{color:var(--navy-900)}
.beta{background:var(--paper);color:var(--ink);border:1px solid var(--line-strong)}
.beta h3{color:var(--navy-900)}
.beta p{color:var(--ink-soft)}
.beta-badge{color:var(--ink-faint)}
.beta-count{color:var(--ink-faint)}
.beta .btn--brass{background:var(--navy-900);color:#fff}
.tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:880px){.tiers{grid-template-columns:1fr}}
.sell-list li{grid-template-columns:1fr}
.pages{background:var(--paper)}
.how{border-bottom:0}
.beta h3 em{color:inherit}