/* Romfeya UBP — стилове на сайта
   Един файл, без зависимости. Подредба: шрифтове → токени → основа → компоненти → макети → страници.
   Цветове: синя гама като водещ цвят, бяло и светли повърхности за четене, зелено само за „наред е".
   Обосновката с изследванията е в docs/04_visual_identity.md, раздел 2. */

/* ---------- Шрифтове (хоствани локално, лиценз OFL — виж assets/fonts) ---------- */
@font-face{font-family:"Sofia Sans";font-style:normal;font-weight:1 1000;font-display:swap;
  src:url("../fonts/sofia-sans-cyrillic-wght-normal.woff2") format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Sofia Sans";font-style:normal;font-weight:1 1000;font-display:swap;
  src:url("../fonts/sofia-sans-cyrillic-ext-wght-normal.woff2") format("woff2");
  unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Sofia Sans";font-style:normal;font-weight:1 1000;font-display:swap;
  src:url("../fonts/sofia-sans-latin-wght-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sofia Sans";font-style:normal;font-weight:1 1000;font-display:swap;
  src:url("../fonts/sofia-sans-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;
  src:url("../fonts/source-serif-4-cyrillic-wght-italic.woff2") format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;
  src:url("../fonts/source-serif-4-latin-wght-italic.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Токени ---------- */
:root{
  /* синьо — водещият цвят; умерена наситеност, тъмните стъпки остават видимо сини, а не черни */
  --blue-950:#0a1e42; --blue-900:#0d2a5c; --blue-850:#10316a; --blue-800:#133a7b; --blue-700:#1a4a96;
  --blue-600:#235db5; --blue-500:#3373cf; --blue-400:#5e93df; --blue-300:#93b6ea; --blue-200:#bbd1f3;
  --blue-100:#dde8f9; --blue-50:#f0f5fc;
  /* зелено — само за „наред е": отметки, успех, „изградено" */
  --green-700:#156a3e; --green-600:#1b8049; --green-300:#6fd6a0; --green-100:#dff5e8;
  /* светли повърхности */
  --paper:#f5f8fc; --paper-2:#eaf0f8; --line:#dbe3ef; --field-line:#7d90b0; --white:#fff;
  /* текст върху светло */
  --ink:#0c1b33; --ink-2:#34425c; --ink-3:#5b667d;
  /* състояния (фиксирани, винаги с икона и надпис) */
  --ok:#0ca30c; --warn:#fab219; --serious:#ec835a; --crit:#d03b3b;
  --ok-ink:#0f6b3c; --warn-ink:#8a5a15; --crit-ink:#a82a2a;
  /* графики в макетите — проверени с валидатора върху бяла повърхност */
  --series-1:#3566c9; --series-2:#b5811f; --series-3:#17a085;
  --ramp-1:#9db8ea; --ramp-2:#6d93dc; --ramp-3:#3566c9; --ramp-4:#274f9f; --ramp-5:#1b3a78;
  --grid:#e7eaf1; --axis:#c9cfdb;

  --font-sans:"Sofia Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-accent:"Source Serif 4",Georgia,"Times New Roman",serif;
  --font-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;

  --r-sm:.5rem; --r:.875rem; --r-lg:1.25rem;
  --shadow-1:0 1px 2px rgba(12,27,51,.06),0 4px 12px rgba(12,27,51,.05);
  --shadow-2:0 2px 4px rgba(12,27,51,.06),0 18px 40px -12px rgba(12,27,51,.18);
  --shadow-float:0 30px 80px -24px rgba(3,12,32,.7),0 10px 24px -10px rgba(3,12,32,.45);
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- Основа ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5.5rem}
body{margin:0;font-family:var(--font-sans);font-size:1.0625rem;line-height:1.6;color:var(--ink);
  background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--blue-500);outline-offset:3px;border-radius:4px}
:is(.on-dark,.header,.hero,.phero,.facts,.cta,.footer,.section--dark,.section--deep,.panel--dark) :focus-visible{outline-color:#fff}
::selection{background:var(--blue-200);color:var(--blue-950)}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.i{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:1rem;top:-4rem;z-index:100;background:#fff;color:var(--blue-900);box-shadow:0 0 0 2px var(--blue-700);padding:.6rem 1rem;border-radius:var(--r-sm);font-weight:700;text-decoration:none}
.skip:focus{top:1rem}

/* ---------- Типография ---------- */
h1,h2,h3,h4{font-weight:800;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.h1{font-size:clamp(2.4rem,4.5vw,3.75rem)}
.h2{font-size:clamp(2rem,3.6vw,3rem)}
.h3{font-size:clamp(1.3rem,1.8vw,1.55rem);line-height:1.18;letter-spacing:-.012em}
.h4{font-size:1.125rem;line-height:1.25;letter-spacing:-.005em;font-weight:750}
.accent{font-family:var(--font-accent);font-style:italic;font-weight:480;letter-spacing:-.012em;color:var(--blue-700)}
.on-dark .accent{color:var(--blue-200)}
.accent--br{display:block}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-700)}
.eyebrow::before{content:"";width:1.75rem;height:1px;background:currentColor;opacity:.7}
.on-dark .eyebrow{color:var(--blue-300)}
.lead{font-size:clamp(1.125rem,1.45vw,1.3125rem);line-height:1.55;color:var(--ink-2);text-wrap:pretty}
.on-dark .lead{color:var(--blue-200)}
.muted{color:var(--ink-3)}
.on-dark .muted{color:var(--blue-300)}
p{text-wrap:pretty}
.num{font-variant-numeric:tabular-nums}

/* ---------- Подредба ---------- */
.wrap{width:min(100% - 2.5rem,75rem);margin-inline:auto}
.section{padding-block:clamp(4rem,8.5vw,7.25rem);position:relative}
.section--white{background:var(--white)}
.section--paper{background:var(--paper)}
.section--dark{background:var(--blue-900);color:#fff}
.section--deep{background:var(--blue-950);color:#fff}
.section__head{max-width:46rem;margin-bottom:clamp(2.25rem,4vw,3.5rem)}
.section__head--center{margin-inline:auto;text-align:center}
.section__head--center .eyebrow::after{content:"";width:1.75rem;height:1px;background:currentColor;opacity:.7}
.section__head .h2{margin-top:.9rem}
.section__head .lead{margin-top:1.1rem}
.stack>*+*{margin-top:1rem}

/* ---------- Бутони и връзки ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;padding:.7rem 1.35rem;border-radius:.7rem;background:transparent;
  font-weight:700;font-size:1.0625rem;line-height:1.1;text-decoration:none;border:1px solid transparent;cursor:pointer;
  transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}
.btn:active{transform:translateY(1px)}
/* основният бутон: син върху светло, бял върху тъмносиньо — един на екран */
.btn--primary{background:var(--blue-700);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 22px -10px rgba(26,74,150,.6)}
.btn--primary:hover{background:var(--blue-800)}
:is(.on-dark,.header) .btn--primary{background:#fff;color:var(--blue-900);box-shadow:0 8px 24px -10px rgba(3,12,32,.6)}
:is(.on-dark,.header) .btn--primary:hover{background:var(--blue-100)}
.btn--ghost{border-color:var(--blue-400);color:var(--blue-100)}
.btn--ghost:hover{border-color:#fff;color:#fff}
.btn--line{border-color:var(--field-line);color:var(--ink);background:var(--white)}
.btn--line:hover{border-color:var(--blue-900)}
.btn--sm{min-height:2.5rem;padding:.5rem 1rem;font-size:.9688rem}
.btn .i{width:1.15em;height:1.15em}
.link{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;text-decoration:none;color:var(--ink);
  border-bottom:1px solid var(--blue-500);padding-bottom:.1rem;transition:gap .2s var(--ease),color .2s var(--ease)}
.link:hover{gap:.65rem;color:var(--blue-700)}
.on-dark .link{color:#fff;border-color:var(--blue-300)}
.on-dark .link:hover{color:var(--blue-200)}
.cta-row{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}

/* ---------- Чипове и статуси ---------- */
.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.22rem .65rem;border-radius:999px;font-size:.8125rem;font-weight:700;line-height:1.3;
  background:var(--blue-50);color:var(--blue-600);border:1px solid var(--blue-100);white-space:nowrap}
.chip .i{width:1em;height:1em;stroke-width:2.2}
.chip--built{background:var(--green-100);color:var(--ok-ink);border-color:#b9e4ca}
.chip--partial{background:#fdf3d7;color:var(--warn-ink);border-color:#f0dba2}
.chip--planned{background:var(--blue-50);color:var(--blue-600);border-color:var(--blue-100)}
.chip--light{background:rgba(255,255,255,.1);color:var(--blue-100);border-color:rgba(255,255,255,.24)}

/* ---------- Горна лента ---------- */
.header{position:sticky;top:0;z-index:50;background:rgba(10,30,66,.93);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.header__in{display:flex;align-items:center;gap:1.5rem;min-height:4.25rem}
.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:800;font-size:1.2rem;letter-spacing:-.01em;white-space:nowrap}
.brand img{width:2.25rem;height:2.25rem;border-radius:.55rem}
.brand b{color:var(--blue-300);font-weight:800}
.nav{display:flex;align-items:center;gap:.15rem;margin-left:auto}
.nav a{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem .8rem;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:1rem;color:var(--blue-100);
  transition:color .2s,background-color .2s}
.nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.nav a[aria-current="page"]{color:#fff;box-shadow:inset 0 -2px 0 var(--blue-300);border-radius:.5rem .5rem 0 0}
.header__actions{display:flex;align-items:center;gap:.6rem}
.nav .nav__small{display:none}
.nav .lang{display:none}
.lang{display:inline-flex;border:1px solid rgba(255,255,255,.16);border-radius:.5rem;overflow:hidden;font-size:.8125rem;font-weight:700}
.lang span,.lang a{padding:.3rem .55rem;text-decoration:none;color:var(--blue-300)}
.lang [aria-current="true"]{background:rgba(255,255,255,.1);color:#fff}
.header__login{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;text-decoration:none;color:var(--blue-100);padding:.5rem .6rem;border-radius:.5rem;white-space:nowrap}
.header__login:hover{color:#fff}
.header__login .i,.nav__small .i{width:1em;height:1em;opacity:.75}
.header__login--icon{padding:.45rem}
.header__login--icon .i{width:1.4rem;height:1.4rem;opacity:1}
.header__actions .btn{white-space:nowrap}
.burger{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.18);border-radius:.55rem;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;cursor:pointer}
@media (max-width:80rem){
  .burger{display:inline-flex}
  .nav{position:absolute;inset:4.25rem 0 auto 0;flex-direction:column;align-items:stretch;gap:0;margin:0;background:var(--blue-950);
    border-bottom:1px solid rgba(255,255,255,.1);padding:.5rem 1.25rem 1rem;display:none}
  .nav a{padding:.85rem .25rem;border-bottom:1px solid rgba(255,255,255,.07);border-radius:0;font-size:1.0625rem}
  .nav a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--blue-300);padding-left:.85rem}
  .header[data-open="true"] .nav{display:flex}
  .nav .nav__small{display:inline-flex}
  .nav .lang{display:inline-flex;align-self:flex-start;margin-top:1rem}
  .nav .lang a{padding:.45rem .8rem;border-bottom:0;font-size:.875rem}
  .nav .lang span{padding:.45rem .8rem;font-size:.875rem}
  .header__actions{margin-left:0}
  .header__login,.header__actions .lang{display:none}
}
@media (max-width:30rem){ .header__actions .btn{display:none} }

/* ---------- Начален екран ---------- */
.hero{position:relative;background:var(--blue-900);color:#fff;overflow:hidden;padding-block:clamp(2.75rem,5.5vw,5rem) clamp(3rem,6.5vw,5.75rem);isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(62rem 38rem at 92% -12%,rgba(51,115,207,.5),transparent 62%),
             radial-gradient(42rem 26rem at -10% 112%,rgba(94,147,223,.16),transparent 60%)}
.hero__arc{position:absolute;z-index:-1;right:-8rem;top:-6rem;width:74rem;max-width:none;opacity:.5;pointer-events:none}
.hero__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,7fr);gap:clamp(2rem,4vw,3.75rem);align-items:center}
.hero__copy .h1{margin-top:1.15rem}
.hero__copy .lead{margin-top:1.5rem;max-width:34rem}
.hero__copy .cta-row{margin-top:2rem}
.hero__note{margin-top:1.15rem;font-size:.9375rem;color:var(--blue-300);display:flex;flex-wrap:wrap;gap:.35rem 1.1rem}
.hero__note span{display:inline-flex;align-items:center;gap:.4rem}
.hero__note .i{color:var(--green-300);width:1.05em;height:1.05em}
/* макетът излиза вдясно от колоната само колкото позволява полето на страницата */
.hero__visual{position:relative;margin-right:calc(-1 * clamp(0px,(100vw - 77rem) / 2,8.5rem))}
@media (max-width:62rem){
  .hero__grid{grid-template-columns:1fr}
  .hero__visual{margin-right:0;margin-top:1.5rem;margin-bottom:3rem}
  .float--ai{left:0}
}

/* ---------- Лента с факти ---------- */
.facts{background:var(--blue-950);color:#fff;border-top:1px solid rgba(255,255,255,.07)}
.facts__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.fact{padding:1.75rem 1.5rem 1.85rem;border-left:1px solid rgba(255,255,255,.08)}
.fact:first-child{border-left:0;padding-left:0}
.fact__n{font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#fff}
.fact__t{margin-top:.4rem;font-size:.9688rem;line-height:1.4;color:var(--blue-200)}
@media (max-width:52rem){
  .facts__grid{grid-template-columns:repeat(2,1fr)}
  .fact{border-left:0;padding:1.25rem 1rem 1.25rem 0;border-top:1px solid rgba(255,255,255,.08)}
  .fact:nth-child(-n+2){border-top:0}
}

/* ---------- Плочки на модулите ---------- */
.mods{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.mod{position:relative;display:flex;flex-direction:column;gap:.55rem;padding:1.5rem 1.5rem 1.4rem;background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  text-decoration:none;color:inherit;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}
.mod:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--blue-300)}
.mod__ico{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.75rem;background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-100);margin-bottom:.35rem}
.mod__ico .i{width:1.4rem;height:1.4rem}
.mod p{color:var(--ink-2);font-size:1rem;line-height:1.5}
.mod__go{margin-top:auto;padding-top:.6rem;display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:.9375rem;color:var(--blue-700)}
.mod__go .i{transition:transform .25s var(--ease)}
.mod:hover .mod__go .i{transform:translateX(3px)}
.mods__more{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem .6rem;align-items:center;color:var(--ink-3);font-size:.9688rem}
@media (max-width:62rem){ .mods{grid-template-columns:repeat(2,1fr)} }
@media (max-width:38rem){ .mods{grid-template-columns:1fr} }

/* ---------- Пътят на една сделка ---------- */
.flow{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:stretch}
.flow>div:last-child{display:grid}
.flow__steps{position:relative;display:flex;flex-direction:column}
.flow__steps::before{content:"";position:absolute;left:1.0625rem;top:1.25rem;bottom:1.25rem;width:1px;background:rgba(255,255,255,.14)}
.flow__tab{position:relative;display:flex;align-items:center;gap:.9rem;width:100%;padding:.6rem .75rem .6rem 0;background:none;border:0;text-align:left;cursor:pointer;color:var(--blue-200);
  font-weight:650;font-size:1.0625rem;border-radius:.6rem;transition:color .2s}
.flow__tab:hover{color:#fff}
.flow__n{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:2.125rem;height:2.125rem;border-radius:50%;background:var(--blue-800);border:1px solid var(--blue-500);
  font-size:.875rem;font-weight:800;color:var(--blue-200);transition:all .25s var(--ease)}
.flow__tab[aria-selected="true"]{color:#fff}
.flow__tab[aria-selected="true"] .flow__n{background:#fff;border-color:#fff;color:var(--blue-900);box-shadow:0 0 0 5px rgba(255,255,255,.16)}
.flow__tab small{display:block;font-size:.8125rem;font-weight:600;color:var(--blue-300);letter-spacing:.02em}
.flow__panel{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:clamp(1.5rem,3vw,2.5rem)}
.flow__panel[hidden]{display:none}
.flow__panel .h3{margin-top:.8rem}
.flow__panel p{margin-top:.8rem;color:var(--blue-200);max-width:38rem}
.flow__docs{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.doc{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border-radius:.6rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:.9375rem;font-weight:650}
.doc .i{color:var(--blue-200)}
.doc--auto{border-style:dashed;border-color:rgba(147,182,234,.65)}
.flow__arrow{color:var(--blue-300)}
.flow__auto{margin-top:1.25rem;display:flex;gap:.6rem;align-items:flex-start;font-size:.9688rem;color:var(--blue-100)}
.flow__auto .i{margin-top:.15rem;color:var(--green-300)}
@media (max-width:56rem){
  .flow{grid-template-columns:1fr}
  .flow__steps{flex-direction:row;overflow-x:auto;gap:.25rem;padding-bottom:.5rem;scrollbar-width:thin}
  .flow__steps::before{display:none}
  .flow__tab{flex-direction:column;align-items:center;text-align:center;min-width:6.25rem;padding:.4rem;font-size:.875rem;gap:.4rem}
  .flow__tab small{display:none}
}

/* ---------- Автоматизация по настройка (под пътя на сделката) ---------- */
.auto{margin-top:clamp(2.75rem,5vw,4.25rem);padding-top:clamp(2.25rem,4vw,3.25rem);border-top:1px solid rgba(255,255,255,.1)}
.auto>p{margin-top:.8rem}
.auto__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-top:1.6rem}
.auto .scard{display:flex;flex-direction:column}
.auto .scard .chip{margin-top:auto;align-self:flex-start}
.auto .scard p{margin-bottom:1rem}
.scard .chip .i{width:1em;height:1em;color:inherit}
@media (max-width:62rem){ .auto__grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:36rem){ .auto__grid{grid-template-columns:1fr} }

/* ---------- Акцентни секции (текст + визуализация) ---------- */
.spot{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.spot+.spot{margin-top:clamp(4rem,8vw,7rem)}
.spot--flip{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.spot--flip .spot__copy{order:2}
.spot__copy .h2{margin-top:.9rem;font-size:clamp(1.85rem,3.1vw,2.6rem)}
.spot__copy>p:not(.eyebrow){margin-top:1.1rem;color:var(--ink-2);font-size:1.125rem;line-height:1.6}
.ticks{margin-top:1.5rem;display:grid;gap:.7rem}
.ticks li{display:flex;gap:.7rem;align-items:flex-start;line-height:1.45}
.ticks .i{margin-top:.2rem;color:var(--green-600);stroke-width:2.2;width:1.1em;height:1.1em}
.on-dark .ticks .i{color:var(--green-300)}
.spot__copy .link{margin-top:1.75rem}
.spot__visual{position:relative}
.spot__visual::before{content:"";position:absolute;inset:8% -4% -6% 6%;z-index:0;border-radius:2rem;background:linear-gradient(135deg,var(--paper-2),transparent 70%)}
.section--white .spot__visual::before{background:linear-gradient(135deg,var(--paper),transparent 70%)}
.spot__visual>*{position:relative;z-index:1}
@media (max-width:60rem){
  .spot,.spot--flip{grid-template-columns:1fr}
  .spot--flip .spot__copy{order:0}
}

/* ---------- Макети на продукта ----------
   Мащабират се като картинка. Всичко вътре е в em, а основният размер идва от --k
   (процент от ширината на контейнера). Сцената е елементът, който се мащабира.

   Два режима:
   • без скрипт — размерът на шрифта следва ширината на контейнера (cqw);
   • със скрипт — сцената се рисува в пълен размер (14 px) и се смалява с transform.
     Така текстът не зависи от настройка за минимален размер на шрифта в браузъра. */
.mock{container-type:inline-size;position:relative}
.mock__stage{position:relative;--k:1.44}
.mock--md .mock__stage{--k:2.02}
.mock--sm .mock__stage{--k:3.3}
.mock[data-scaled]>.mock__stage{width:calc(var(--w) * 1px);transform:scale(var(--s));transform-origin:0 0}
.mock[data-scaled] :is(.app,.float,.wcard,.login,.tree,.costs){font-size:14px}
.app{font-size:clamp(6.5px,calc(var(--k)*1cqw),14px);line-height:1.4;color:#1b2540;background:#f5f6fa;border-radius:1.05em;overflow:hidden;
  box-shadow:var(--shadow-float);border:1px solid rgba(255,255,255,.14);font-variant-numeric:tabular-nums}
.app--flat{box-shadow:var(--shadow-2);border-color:var(--line)}
.app__bar{display:flex;align-items:center;gap:.5em;height:2.7em;padding:0 1em;background:#e9ecf3;border-bottom:1px solid #d9deea}
.app__dot{width:.72em;height:.72em;border-radius:50%;background:#c5ccdb}
.app__url{margin-left:.9em;flex:1;max-width:32em;height:1.65em;display:flex;align-items:center;gap:.5em;padding:0 .8em;border-radius:.5em;background:#fff;border:1px solid #d9deea;color:#5b667d;font-size:.82em;white-space:nowrap;overflow:hidden}
.app__url .i{width:1em;height:1em;color:#0f6b3c}
.app__body{display:grid;grid-template-columns:15.5em minmax(0,1fr)}
.app__nav{background:var(--blue-900);color:var(--blue-200);padding:1.1em .8em 1.2em;display:flex;flex-direction:column;gap:.12em;min-height:100%}
.app__tenant{display:flex;align-items:center;gap:.7em;padding:.2em .5em 1em;margin-bottom:.5em;border-bottom:1px solid rgba(255,255,255,.09)}
.app__tenant b{display:grid;place-items:center;width:2.5em;height:2.5em;font-size:.9em;letter-spacing:-.02em;border-radius:.6em;background:linear-gradient(135deg,var(--blue-400),var(--blue-600));color:#fff;font-weight:800}
.app__tenant span{font-weight:700;color:#fff;font-size:.95em;line-height:1.2}
.app__tenant small{display:block;font-weight:500;color:var(--blue-300);font-size:.82em}
.app__item{display:flex;align-items:center;gap:.7em;padding:.48em .6em;border-radius:.5em;font-size:.92em;font-weight:600;white-space:nowrap}
.app__item .i{width:1.25em;height:1.25em;opacity:.85}
.app__item--open{color:#fff}
.app__sub{margin:.1em 0 .3em 1.5em;padding-left:.75em;border-left:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:.05em}
.app__sub span{padding:.34em .6em;border-radius:.4em;font-size:.88em;color:var(--blue-300)}
.app__sub .is-on{background:rgba(255,255,255,.12);color:#fff;font-weight:700;box-shadow:inset 2px 0 0 var(--blue-300)}
.app__main{padding:1em 1.3em 1.4em;min-width:0}
.app__top{display:flex;align-items:center;gap:.9em;margin-bottom:1.1em}
.app__search{flex:1;height:2.3em;display:flex;align-items:center;gap:.6em;padding:0 .9em;border-radius:.6em;background:#fff;border:1px solid #e1e5ee;color:#8a93a8;font-size:.9em}
.app__user{display:flex;align-items:center;gap:.6em;font-size:.88em;font-weight:650;color:#33405a;white-space:nowrap}
.app__user b{display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:50%;background:var(--blue-100);color:var(--blue-600);font-weight:800}
.app__h{display:flex;align-items:center;justify-content:space-between;gap:1em;margin-bottom:.9em}
.app__h h4{font-size:1.32em;font-weight:800;letter-spacing:-.015em;color:var(--ink)}
.app__grid{display:grid;gap:.9em}
.app__grid--2{grid-template-columns:1.25fr 1fr}
.app__grid--3{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid #e3e7ef;border-radius:.8em;padding:1em 1.1em 1.05em;min-width:0}
.card__t{display:flex;align-items:center;justify-content:space-between;gap:.6em;margin-bottom:.7em;font-size:.86em;font-weight:750;letter-spacing:.03em;text-transform:uppercase;color:#5b667d}
.card__t .i{width:1.2em;height:1.2em;color:#8a93a8}
.pill{display:inline-flex;align-items:center;gap:.35em;padding:.12em .6em;border-radius:99em;font-size:.8em;font-weight:750;white-space:nowrap;background:#eef1f7;color:#44506b}
.pill .i{width:1em;height:1em;stroke-width:2.4}
.pill--ok{background:#e4f5ea;color:var(--ok-ink)}
.pill--warn{background:#fdf1cf;color:var(--warn-ink)}
.pill--crit{background:#fbe3e1;color:var(--crit-ink)}
.pill--info{background:#e6edfb;color:#274f9f}
.pill--brand{background:var(--blue-100);color:var(--blue-800)}
.tbl{width:100%;border-collapse:collapse;font-size:.9em}
.tbl th{text-align:left;font-size:.82em;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:#7a849b;padding:.2em .6em .55em 0;border-bottom:1px solid #e7eaf1;white-space:nowrap}
.tbl td{padding:.55em .6em .55em 0;border-bottom:1px solid #eef0f5;vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl .r{text-align:right;padding-right:0}
.tbl b{font-weight:700;color:var(--ink)}
.tbl small{display:block;color:#7a849b;font-size:.88em}
.mono{font-family:var(--font-mono);font-size:.9em;letter-spacing:-.02em}
.mini-btn{display:inline-flex;align-items:center;gap:.3em;padding:.22em .7em;border-radius:.45em;background:var(--blue-900);color:#fff;font-size:.82em;font-weight:700;white-space:nowrap}
.mini-btn--line{background:#fff;color:#33405a;border:1px solid #d5dbe8}
.mini-btn--brand{background:var(--blue-600);color:#fff}

/* измервател със състояние: запълването носи състоянието, пистата е по-светла стъпка от същия тон */
.meters{display:grid;gap:.75em}
.meter__row{display:flex;justify-content:space-between;align-items:baseline;gap:.8em;font-size:.9em;margin-bottom:.3em}
.meter__row b{font-weight:650;color:#1b2540}
.meter__row span{display:inline-flex;align-items:center;gap:.35em;font-weight:750;font-size:.92em}
.meter__row .i{width:1em;height:1em;stroke-width:2.4}
.meter__bar{height:.5em;border-radius:99em;overflow:hidden}
.meter__bar i{display:block;height:100%;border-radius:99em}
.meter--ok .meter__bar{background:#d5efd5}.meter--ok .meter__bar i{background:var(--ok)}.meter--ok span{color:var(--ok-ink)}
.meter--warn .meter__bar{background:#fdecc0}.meter--warn .meter__bar i{background:var(--warn)}.meter--warn span{color:var(--warn-ink)}
.meter--serious .meter__bar{background:#fadfd3}.meter--serious .meter__bar i{background:var(--serious)}.meter--serious span{color:#9a4420}
.meter--crit .meter__bar{background:#f6d5d5}.meter--crit .meter__bar i{background:var(--crit)}.meter--crit span{color:var(--crit-ink)}

.notes{display:grid;gap:.55em;font-size:.9em}
.note{display:flex;gap:.6em;align-items:flex-start;line-height:1.35}
.note .i{margin-top:.15em;width:1.1em;height:1.1em;flex:none}
.note--warn .i{color:#b7791f}.note--crit .i{color:var(--crit)}.note--info .i{color:var(--series-1)}
.note small{display:block;color:#7a849b;font-size:.88em}

/* плаващи карти върху макета */
.float{position:absolute;z-index:3;font-size:clamp(6.5px,calc(var(--k)*1cqw),14px);background:#fff;color:#1b2540;border-radius:.95em;border:1px solid #e3e7ef;
  box-shadow:0 22px 50px -18px rgba(0,0,0,.55),0 6px 14px -6px rgba(0,0,0,.25);padding:.95em 1.1em 1em}
.float--ai{left:-4%;bottom:-8%;width:45%}
.float--alert{right:7%;top:-9%;width:37%}
.float__h{display:flex;align-items:center;gap:.5em;font-size:.82em;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#5b667d;margin-bottom:.55em}
.float__h .i{color:var(--blue-600);width:1.25em;height:1.25em}
.float q{display:block;quotes:none;font-weight:700;color:var(--ink);font-size:.98em;line-height:1.3}
.float p{margin-top:.45em;font-size:.9em;line-height:1.4;color:#44506b}
.float small{display:flex;align-items:center;gap:.4em;margin-top:.65em;padding-top:.6em;border-top:1px solid #eef0f5;font-size:.8em;color:#7a849b}
.float small .i{width:1.05em;height:1.05em}
/* карта под прозореца, която застъпва долния му ръб — не закрива съдържание */
.float--below{position:relative;margin-top:-2.6em}
@media (max-width:40rem){ .float--ai{left:2%;bottom:-11%;width:58%} .float--alert{right:2%;top:-7%;width:52%} }

/* графики в макетите */
.chart{display:block;width:100%;height:auto;overflow:visible}
.chart text{font-family:var(--font-sans);fill:#7a849b;font-size:10px}
.chart .gridline{stroke:var(--grid);stroke-width:1}
.chart .axis{stroke:var(--axis);stroke-width:1}
.chart .bar{fill:var(--series-1);transition:opacity .15s}
.chart .bar:hover,.chart .bar:focus{opacity:.78;outline:none}
.chart .val{fill:#1b2540;font-weight:700}
.legend{display:flex;flex-wrap:wrap;gap:.3em 1.1em;font-size:.85em;color:#44506b;margin-bottom:.4em}
.legend span{display:inline-flex;align-items:center;gap:.4em}
.legend i{display:inline-block;width:1.1em;height:.18em;border-radius:1px;background:var(--series-1)}
.legend .is-fc{background:repeating-linear-gradient(90deg,var(--series-1) 0 .3em,transparent .3em .5em)}
.legend .is-band{height:.6em;background:rgba(53,102,201,.16)}
.hbars{display:grid;gap:.5em;font-size:.9em}
.hbar{display:grid;grid-template-columns:8.5em minmax(0,1fr) 3.2em;align-items:center;gap:.7em}
.hbar span{color:#33405a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hbar i{display:block;height:.85em;border-radius:0 .3em .3em 0;background:var(--series-1)}
.hbar b{text-align:right;font-weight:700;color:var(--ink)}
.tip{position:fixed;z-index:90;pointer-events:none;padding:.4rem .6rem;border-radius:.5rem;background:var(--blue-950);color:#fff;font-size:.8125rem;line-height:1.3;box-shadow:0 8px 24px -8px rgba(0,0,0,.5);
  opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s;white-space:nowrap}
.tip[data-show="true"]{opacity:1;transform:none}
.tip b{font-weight:800}
.tip span{color:var(--blue-200)}

/* работна карта */
.wcard{font-size:clamp(6.5px,calc(var(--k)*1cqw),14px);background:#fff;color:var(--ink);border-radius:.9em;border:1px solid var(--line);box-shadow:var(--shadow-2);padding:1.5em 1.6em 1.4em;line-height:1.35}
.wcard__h{display:flex;justify-content:space-between;gap:1.5em;align-items:flex-start;padding-bottom:1em;border-bottom:2px solid var(--ink)}
.wcard__h small{display:block;font-size:.78em;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#5b667d}
.wcard__h b{display:block;font-size:1.45em;font-weight:800;letter-spacing:-.015em;margin-top:.15em}
.wcard__meta{display:flex;flex-wrap:wrap;gap:.3em 1.4em;margin-top:.45em;font-size:.9em;color:#33405a}
.wcard__code{text-align:center;flex:none;width:13em}
.barcode{display:block;width:100%;height:3em;color:var(--ink)}
.wcard__code .mono{display:block;margin-top:.3em;font-size:.82em;letter-spacing:.06em}
.wcard__cols{display:grid;grid-template-columns:1fr 1fr;gap:1.4em;margin-top:1em}
.wcard h5{margin:0 0 .4em;font-size:.78em;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5b667d}
.wcard__list{display:grid;gap:.25em;font-size:.9em}
.wcard__list li{display:flex;justify-content:space-between;gap:1em;padding-bottom:.25em;border-bottom:1px dotted #cfd5e2}
.wcard__list li b{font-weight:700;white-space:nowrap}
.wsteps{margin-top:1.1em;border-top:1px solid #e3e7ef}
.wstep{display:grid;grid-template-columns:1.5em 2em minmax(0,1fr) 6.2em 9.5em;align-items:center;gap:.9em;padding:.55em 0;border-bottom:1px solid #e3e7ef;font-size:.9em}
.wstep__chk{display:grid;place-items:center;width:1.35em;height:1.35em;border-radius:.3em;border:1.5px solid #9aa4b8;color:transparent}
.wstep--done .wstep__chk{background:var(--ok-ink);border-color:var(--ok-ink);color:#fff}
.wstep__chk .i{width:1em;height:1em;stroke-width:3}
.wstep .barcode{height:1.9em}
.wstep--done{color:#5b667d}
.wstep b{font-weight:700;color:var(--ink)}
.wstep--done b{color:#5b667d}

/* разговор (запитване, AI) */
.thread{display:grid;gap:.7em}
.msg{max-width:86%;padding:.7em .9em;border-radius:.9em;font-size:.92em;line-height:1.4;background:#f1f3f8;color:#1b2540;border-top-left-radius:.25em}
.msg--out{margin-left:auto;background:var(--blue-900);color:#fff;border-top-left-radius:.9em;border-top-right-radius:.25em}
.msg small{display:block;margin-bottom:.2em;font-size:.82em;font-weight:700;opacity:.7}
.consent{display:flex;gap:.6em;align-items:flex-start;padding:.6em .8em;border-radius:.6em;font-size:.88em;line-height:1.35;background:#fdf3d7;color:#6f4711;border:1px solid #f0dba2;margin-bottom:.8em}
.consent .i{margin-top:.1em;flex:none}
.tabs{display:flex;flex-wrap:wrap;gap:.3em;margin-bottom:.8em;font-size:.9em}
.tabs span{display:inline-flex;align-items:center;gap:.4em;padding:.35em .75em;border-radius:.5em .5em 0 0;color:#5b667d;font-weight:650;border-bottom:2px solid transparent}
.tabs .is-on{color:var(--ink);border-color:var(--blue-600);background:#fff}
.tabs b{display:inline-grid;place-items:center;min-width:1.5em;height:1.5em;padding:0 .35em;border-radius:99em;background:#eef1f7;font-size:.82em;font-weight:800}
.tabs .is-on b{background:#fbe3e1;color:var(--crit-ink)}

/* тесен контейнер (телефон): макетът се опростява, вместо да се смалява до нечетимост */
@container (max-width:35rem){
  :is(.app,.float,.wcard,.tree,.costs){font-size:clamp(7px,max(calc(var(--k)*1cqw),2.75cqw),14px)}
  .app__body{grid-template-columns:1fr}
  .app__nav{display:none}
  .app__grid--2{grid-template-columns:1fr}
  .hide-sm{display:none !important}
  .float--ai{left:2%;bottom:-17%;width:66%}
  .float--alert{right:2%;top:-8%;width:62%}
  .float--below{margin-left:4% !important;width:92% !important}
  .wstep{grid-template-columns:1.5em 2em minmax(0,1fr) 8.5em}
  .wcard__code{width:10.5em}
}

/* ---------- Сигурност ---------- */
.sec{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.sec__cards{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.scard{padding:1.35rem 1.35rem 1.4rem;border-radius:var(--r);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1)}
.scard .i{width:1.6rem;height:1.6rem;color:var(--blue-200)}
.scard .h4{margin-top:.8rem;color:#fff}
.scard p{margin-top:.45rem;font-size:.9688rem;line-height:1.5;color:var(--blue-200)}
.iso{margin-top:2rem;width:100%;height:auto}
.iso text{font-family:var(--font-sans)}
@media (max-width:62rem){ .sec{grid-template-columns:1fr} }
@media (max-width:36rem){ .sec__cards{grid-template-columns:1fr} }

/* ---------- Четири колони с предимства ---------- */
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.feat{padding:1.5rem 1.4rem;border-radius:var(--r);background:var(--white);border:1px solid var(--line)}
.section--white .feat{background:var(--paper)}
.feat .i{width:1.7rem;height:1.7rem;color:var(--blue-600)}
.feat .h4{margin-top:.9rem}
.feat p{margin-top:.45rem;color:var(--ink-2);font-size:.9688rem;line-height:1.5}
@media (max-width:62rem){ .feats{grid-template-columns:repeat(2,1fr)} }
@media (max-width:34rem){ .feats{grid-template-columns:1fr} }

/* ---------- Екран за вход (макет) ---------- */
.login{font-size:clamp(7px,calc(var(--k)*1cqw),14px);background:#fff;border-radius:1em;border:1px solid var(--line);box-shadow:var(--shadow-2);overflow:hidden;color:var(--ink)}
.login__banner{height:7.5em;display:grid;place-items:center;background:linear-gradient(120deg,#1d5d52,#2c8a6d 55%,#7fc7a2);color:#fff;font-weight:800;font-size:1.25em;letter-spacing:.02em}
.login__body{padding:1.5em 1.7em 1.7em;text-align:center}
.login__co{font-weight:800;font-size:1.1em;letter-spacing:.04em;color:#33405a}
.login__sys{margin-top:.3em;font-weight:800;font-size:1.5em;letter-spacing:-.01em}
.login__sys b{color:var(--series-1)}
.login__fld{margin-top:.9em;text-align:left;font-size:.9em;font-weight:650;color:#33405a}
.login__fld i{display:block;margin-top:.3em;height:2.5em;border-radius:.5em;border:1px solid #d5dbe8;background:#fafbfd}
.login__btn{margin-top:1.1em;height:2.7em;border-radius:.55em;background:var(--series-1);color:#fff;display:grid;place-items:center;font-weight:750}
.swatches{display:flex;gap:.5rem;margin-top:1rem}
.swatches i{width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}

/* ---------- Таблица със статуси ---------- */
.status{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:1rem}
.status th,.status td{padding:.85rem 1.1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.status thead th{font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:var(--paper-2);font-weight:750}
.status tr:last-child td{border-bottom:0}
.status td:last-child{white-space:nowrap;text-align:right}
.status td small{display:block;color:var(--ink-3);font-size:.9375rem;margin-top:.15rem}
.status tr:target td{background:var(--blue-100)}
.status tr{scroll-margin-top:6rem}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
@media (max-width:60rem){ .split{grid-template-columns:1fr} }
.legend-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}

/* ---------- Стъпки ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;counter-reset:s}
.step{position:relative;padding:1.6rem 1.4rem 1.5rem;border-radius:var(--r);background:var(--white);border:1px solid var(--line);counter-increment:s}
.step::before{content:counter(s,decimal-leading-zero);display:block;font-family:var(--font-accent);font-style:italic;font-size:2.1rem;line-height:1;color:var(--blue-600);margin-bottom:.9rem}
.step p{margin-top:.45rem;color:var(--ink-2);font-size:.9688rem;line-height:1.5}
@media (max-width:62rem){ .steps{grid-template-columns:repeat(2,1fr)} }
@media (max-width:34rem){ .steps{grid-template-columns:1fr} }

/* ---------- Въпроси и отговори ---------- */
.faq{display:grid;gap:.6rem;max-width:52rem;margin-inline:auto}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:0 1.35rem}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 0;cursor:pointer;font-weight:750;font-size:1.125rem;line-height:1.3;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary .i{flex:none;color:var(--blue-600);transition:transform .25s var(--ease)}
.faq details[open] summary .i{transform:rotate(180deg)}
.faq details>div{padding:0 0 1.3rem;color:var(--ink-2);max-width:44rem}
.faq details>div p+p{margin-top:.7rem}
.faq details>div a{color:var(--blue-700);font-weight:650;text-underline-offset:.16em}

/* ---------- Заключителен призив ---------- */
.cta{position:relative;overflow:hidden;isolation:isolate;background:var(--blue-900);color:#fff;text-align:center}
.cta::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(48rem 24rem at 50% 118%,rgba(94,147,223,.28),transparent 62%),radial-gradient(50rem 28rem at 50% -30%,rgba(51,115,207,.5),transparent 62%)}
.cta .lead{margin:1.1rem auto 0;max-width:36rem}
.cta .cta-row{justify-content:center;margin-top:2rem}

/* ---------- Долна част ---------- */
.footer{background:var(--blue-950);color:var(--blue-200);font-size:.9688rem}
.footer a{text-decoration:none;color:var(--blue-200)}
.footer a:hover{color:#fff}
.footer__top{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:2rem;padding-block:3.5rem 2.5rem}
.footer__about p{margin-top:1rem;max-width:22rem;line-height:1.55;color:var(--blue-300)}
.footer__about .footer__logins{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin-top:1.1rem;font-weight:650}
.footer__logins a{display:inline-flex;align-items:center;gap:.35rem;color:#fff}
.footer__logins a:hover{color:var(--blue-200)}
.footer__logins .i{width:1em;height:1em;opacity:.75}
.footer h3{font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;font-weight:750;margin-bottom:.9rem}
.footer li+li{margin-top:.5rem}
.footer__bot{display:flex;flex-wrap:wrap;gap:.6rem 1.75rem;justify-content:space-between;padding-block:1.4rem 1.8rem;border-top:1px solid rgba(255,255,255,.08);font-size:.875rem;color:var(--blue-300)}
.footer__bot span{display:inline-flex;align-items:center;gap:.45rem}
.footer__bot .i{color:var(--green-300);width:1.1em;height:1.1em}
.footer .lang{margin-top:1.1rem}
.footer .lang a:hover{background:rgba(255,255,255,.07)}
@media (max-width:56rem){ .footer__top{grid-template-columns:1fr 1fr} .footer__about{grid-column:1/-1} }

/* ---------- Вътрешни страници ---------- */
.phero{position:relative;overflow:hidden;isolation:isolate;background:var(--blue-900);color:#fff;padding-block:clamp(2.5rem,5vw,4.5rem) clamp(3rem,6vw,5rem)}
.phero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(56rem 32rem at 95% -20%,rgba(51,115,207,.5),transparent 62%)}
.crumbs{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.875rem;color:var(--blue-300);margin-bottom:1.4rem}
.crumbs a{text-decoration:none;color:var(--blue-200)}
.crumbs a:hover{color:#fff}
.crumbs .i{width:.9em;height:.9em}
.phero__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(2rem,4vw,4rem);align-items:center}
.phero .lead{margin-top:1.25rem;max-width:36rem}
.phero .cta-row{margin-top:1.8rem}
@media (max-width:60rem){ .phero__grid{grid-template-columns:1fr} }
.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.pain{padding:1.6rem 1.5rem;border-radius:var(--r);background:var(--white);border:1px solid var(--line)}
.pain q{display:block;quotes:"„" "“";font-family:var(--font-accent);font-style:italic;font-size:1.3rem;line-height:1.3;color:var(--ink)}
.pain q::before{content:open-quote}.pain q::after{content:close-quote}
.pain q:lang(en){quotes:"“" "”"}
.pain q:lang(ru){quotes:"«" "»"}
.pain p{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--ink-2);font-size:1rem;line-height:1.5}
.pain p b{color:var(--ink)}
@media (max-width:56rem){ .pains{grid-template-columns:1fr} }
.tree{font-size:clamp(7px,calc(var(--k)*1cqw),14px);background:#fff;border:1px solid var(--line);border-radius:.9em;box-shadow:var(--shadow-2);padding:1.4em 1.5em;color:var(--ink);line-height:1.35}
.tree ul{margin-left:1.4em;padding-left:1.2em;border-left:1px solid #cfd5e2}
.tree li{position:relative;padding:.4em 0}
.tree ul li::before{content:"";position:absolute;left:-1.2em;top:1.3em;width:.9em;height:1px;background:#cfd5e2}
.tree__n{display:flex;align-items:center;gap:.6em;flex-wrap:wrap}
.tree__n b{font-weight:750}
.tree__n small{color:#5b667d;font-size:.88em}
.costs{font-size:clamp(7px,calc(var(--k)*1cqw),14px);background:#fff;border:1px solid var(--line);border-radius:.9em;box-shadow:var(--shadow-2);padding:1.3em 1.4em;color:var(--ink)}
.docs3{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.5rem}
.doc3{padding:1rem 1.1rem;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.doc3 .i{color:var(--blue-600);width:1.5rem;height:1.5rem}
.doc3 b{display:block;margin-top:.5rem;font-weight:750;line-height:1.25}
.doc3 span{display:block;margin-top:.2rem;font-size:.9375rem;color:var(--ink-2);line-height:1.4}
@media (max-width:40rem){ .docs3{grid-template-columns:1fr} }
.prose{max-width:44rem}
.prose p{margin-top:1rem;color:var(--ink-2)}
.prose .h3{margin-top:2.25rem}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media (max-width:56rem){ .rel{grid-template-columns:1fr} }
.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:48rem){ .two{grid-template-columns:1fr} }
.panel{padding:1.75rem 1.6rem;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--line)}
.panel--dark{background:var(--blue-900);color:#fff;border-color:var(--blue-700)}
.panel--dark p,.panel--dark li{color:var(--blue-200)}
.panel .h3+*{margin-top:1rem}
.panel .ticks{margin-top:1rem}
.kv{display:grid;gap:0;margin-top:1.25rem;border-top:1px solid var(--line)}
.kv div{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:1.25rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.kv dt{font-weight:750}
.kv dd{color:var(--ink-2)}
.kv dd a{color:var(--blue-700);font-weight:650;text-underline-offset:.16em}
.kv--tight div{grid-template-columns:minmax(0,6.25rem) minmax(0,1fr);gap:.75rem;padding:.6rem 0}
.kv--tight dt{font-weight:650;color:var(--ink-3)}
.kv--tight dd{color:var(--ink)}
@media (max-width:44rem){ .kv div{grid-template-columns:1fr;gap:.25rem} }
.toc{position:sticky;top:5.5rem;display:grid;gap:.15rem;font-size:.9688rem}
.toc a{padding:.4rem .75rem;border-left:2px solid var(--line);text-decoration:none;color:var(--ink-3);font-weight:600}
.toc a:hover{color:var(--ink);border-color:var(--blue-600)}
.withtoc{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
@media (max-width:60rem){ .withtoc{grid-template-columns:1fr} .toc{display:none} }
.block+.block{margin-top:clamp(3rem,6vw,4.5rem);padding-top:clamp(3rem,6vw,4.5rem);border-top:1px solid var(--line)}
.block .h2{font-size:clamp(1.7rem,2.6vw,2.25rem)}
.block>p{margin-top:1rem;color:var(--ink-2);max-width:44rem}

/* ---------- Форми ---------- */
.formgrid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
@media (max-width:58rem){ .formgrid{grid-template-columns:1fr} }
.form{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.4rem,3vw,2.25rem);box-shadow:var(--shadow-1)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:36rem){ .form__row{grid-template-columns:1fr} }
.field{margin-bottom:1.1rem}
.field label,.field legend{display:block;font-weight:700;font-size:.9688rem;margin-bottom:.4rem;padding:0}
.input{width:100%;min-height:3rem;padding:.65rem .85rem;border-radius:.6rem;border:1px solid var(--field-line);background:#fff;font:inherit;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.input:hover{border-color:var(--ink-3)}
.input:focus{outline:none;border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(35,93,181,.2)}
.input[aria-invalid="true"]{border-color:var(--crit);box-shadow:0 0 0 3px rgba(208,59,59,.12)}
.input[data-valid="true"]{border-color:var(--ok-ink)}
textarea.input{min-height:6.5rem;resize:vertical}
.hint{margin-top:.35rem;font-size:.875rem;color:var(--ink-3)}
.err{margin-top:.35rem;font-size:.875rem;font-weight:650;color:var(--crit-ink);display:none;align-items:center;gap:.35rem}
.err[data-show="true"]{display:flex}
.okmsg{margin-top:.35rem;font-size:.875rem;font-weight:650;color:var(--ok-ink);display:none;align-items:center;gap:.35rem}
.okmsg[data-show="true"]{display:flex}
fieldset{border:0;padding:0;margin:0}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:.45rem .9rem}
@media (max-width:30rem){ .checks{grid-template-columns:1fr} }
.field .check{display:flex;align-items:center;gap:.55rem;margin:0;font-size:.9688rem;font-weight:500;cursor:pointer}
.check input{width:1.15rem;height:1.15rem;accent-color:var(--blue-700)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__foot{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
.form__foot p{font-size:.875rem;color:var(--ink-3);max-width:24rem;line-height:1.45}
.form__foot a{color:var(--ink)}
.done{display:none;text-align:center;padding:2.5rem 1rem}
.done[data-show="true"]{display:block}
.done .i{width:3rem;height:3rem;color:var(--ok-ink);margin-inline:auto}
.done .h3{margin-top:1rem}
.done .btn .i{width:1.1em;height:1.1em;color:inherit;margin:0}
.done--wait>.i{color:var(--blue-600)}
.done p{margin-top:.6rem;color:var(--ink-2)}
.aside{display:grid;gap:1rem}

/* ---------- Движение ---------- */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal[data-in="true"]{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  /* без преходи изобщо — „transition: all" с минимална продължителност върху всичко обърква размерите, които зависят от контейнера */
  *,*::before,*::after{transition:none !important;animation:none !important}
}
@media print{ .header,.cta,.footer{display:none} .section{padding-block:1.5rem} }

/* ---------- Помощни класове ----------
   Заместват вградените стилове: политиката за съдържанието на сайта (style-src 'self') не допуска атрибут style. */
.mt-0{margin-top:0}.mt-05{margin-top:.5rem}.mt-06{margin-top:.6rem}.mt-08{margin-top:.8rem}.mt-09{margin-top:.9rem}.mt-10{margin-top:1rem}
.mt-11{margin-top:1.1rem}.mt-125{margin-top:1.25rem}.mt-15{margin-top:1.5rem}.mt-175{margin-top:1.75rem}.mt-20{margin-top:2rem}
.mt-07e{margin-top:.7em}.mt-08e{margin-top:.8em}.mt-09e{margin-top:.9em}
.mw-36{max-width:36rem}.mw-44{max-width:44rem}.mw-46{max-width:46rem}
.fs-15{font-size:.9375rem}.fs-086{font-size:.86em}.fs-088{font-size:.88em}.fs-115{font-size:1.15em}
.c-white{color:#fff}.c-muted{color:var(--ink-3)}
.i--xl{width:1.8rem;height:1.8rem}.ico-brand{color:var(--blue-600)}.ico-light{color:var(--blue-200)}
.cols-2{grid-template-columns:1fr 1fr}.ai-start{align-items:start}
.w-14{width:14%}.w-16{width:16%}.w-19{width:19%}.w-22{width:22%}.w-36{width:36%}.w-37{width:37%}.w-38{width:38%}
.w-61{width:61%}.w-62{width:62%}.w-82{width:82%}.w-88{width:88%}.w-100{width:100%}
.bg-ramp-2{background:var(--ramp-2)}.bg-ramp-3{background:var(--ramp-3)}.bg-ramp-4{background:var(--ramp-4)}.bg-ramp-5{background:var(--ramp-5)}
.pad-flat{padding:1.2em 1.4em 1.5em}
.kpi-n{font-size:1.7em;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.kpi-sub{margin-top:.25em;font-size:.85em;color:#5b667d}
.kpi-sub--ok{color:#0f6b3c;font-weight:700}
.row-between{display:flex;justify-content:space-between;align-items:center;gap:1em}
.row-total{display:flex;justify-content:space-between;align-items:center;gap:1em;margin-top:.9em;padding-top:.8em;border-top:1px solid #e7eaf1;font-size:.9em}
.fake-input{height:3em;border:1px solid #e1e5ee;border-radius:.5em;background:#fafbfd}
.app--bare{background:transparent;border:0;box-shadow:none;overflow:visible}
.login-wrap{max-width:25rem;margin-inline:auto;width:100%}
.float-pos-a{margin-left:44%;width:58%}.float-pos-b{margin-left:-3%;width:50%}.float-pos-c{margin-left:30%;width:73%}
.mock-k-31{--k:3.1}.mock-k-172{--k:1.72}
.reset-box{margin:0;padding:0;border:0}
.iso--flush{margin-top:0}

/* ---------- Съдържание от редактора: страници, новини, правни текстове, документация ---------- */
.entry{max-width:46rem}
.entry>*+*{margin-top:1.1rem}
.entry h2{font-size:clamp(1.5rem,2.4vw,2rem);margin-top:2.6rem;scroll-margin-top:6rem}
.entry h3{font-size:1.3rem;line-height:1.2;margin-top:2rem;scroll-margin-top:6rem}
.entry h4{font-size:1.1rem;line-height:1.25;margin-top:1.5rem}
.entry>:first-child{margin-top:0}
.entry p,.entry li,.entry dd{color:var(--ink-2)}
.entry a{color:var(--blue-700);text-underline-offset:.16em}
.entry a:hover{color:var(--blue-900)}
.entry ul,.entry ol{padding-left:1.4rem}
.entry ul{list-style:disc}.entry ol{list-style:decimal}
.entry li+li{margin-top:.4rem}
.entry li>ul,.entry li>ol{margin-top:.4rem}
.entry blockquote{margin:1.5rem 0;padding:.25rem 0 .25rem 1.25rem;border-left:3px solid var(--blue-300)}
.entry table{width:100%;border-collapse:collapse;font-size:1rem}
.entry th,.entry td{padding:.6rem .8rem;border:1px solid var(--line);text-align:left;vertical-align:top}
.entry th{background:var(--paper-2);font-weight:750;color:var(--ink)}
.entry .wp-block-table{overflow-x:auto;margin:1.5rem 0}
.entry figure{margin:1.5rem 0}
.entry figcaption{margin-top:.5rem;font-size:.875rem;color:var(--ink-3)}
.entry img{height:auto;border-radius:var(--r-sm)}
.entry code{font-family:var(--font-mono);font-size:.92em;background:var(--paper-2);padding:.1em .35em;border-radius:.3em}
.entry pre{overflow:auto;padding:1rem 1.1rem;border-radius:var(--r-sm);background:var(--blue-950);color:var(--blue-100);font-size:.9rem;line-height:1.5}
.entry pre code{background:none;padding:0;color:inherit}
.entry hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}
.entry details{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:.9rem 1.2rem}
.entry summary{cursor:pointer;font-weight:750}
.entry .wp-block-buttons{display:flex;flex-wrap:wrap;gap:.85rem}
.entry .wp-block-button__link{display:inline-flex;align-items:center;min-height:3rem;padding:.7rem 1.35rem;border-radius:.7rem;font-weight:700;text-decoration:none;background:var(--blue-700);color:#fff}
.entry .wp-block-button__link:hover{background:var(--blue-800);color:#fff}
.entry .is-style-outline .wp-block-button__link{background:transparent;color:var(--ink);border:1px solid var(--field-line)}
.entry .wp-block-columns{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.entry .wp-block-separator{border:0;border-top:1px solid var(--line)}
.entry .has-text-align-center{text-align:center}.entry .has-text-align-right{text-align:right}
.aligncenter{margin-inline:auto;text-align:center}
.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.soon{display:flex;gap:.9rem;align-items:flex-start;padding:1.25rem 1.4rem;border-radius:var(--r);background:var(--blue-50);border:1px solid var(--blue-100);color:var(--blue-800);max-width:46rem}
.soon .i{flex:none;margin-top:.15rem;color:var(--blue-600)}
.posts{display:grid;gap:1rem;max-width:52rem}
.post-card{display:block;padding:1.4rem 1.5rem;border-radius:var(--r);background:var(--white);border:1px solid var(--line);text-decoration:none;color:inherit;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.post-card:hover{border-color:var(--blue-300);box-shadow:var(--shadow-1)}
.post-card time{font-size:.875rem;color:var(--ink-3)}
.post-card p{margin-top:.5rem;color:var(--ink-2)}
.pager{margin-top:2rem;display:flex;gap:1rem;justify-content:space-between}
.pager a{color:var(--blue-700);font-weight:700;text-decoration:none}

/* ---------- Документация и правни текстове (текстът идва от content/, подготвен от tools/build-content.cjs) ---------- */
.reader{display:grid;grid-template-columns:17rem minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.reader__nav{position:sticky;top:5.5rem;max-height:calc(100vh - 7rem);overflow:auto;padding-right:.5rem;font-size:.9375rem;scrollbar-width:thin}
.reader__nav summary{display:flex;align-items:center;gap:.5rem;font-weight:750;color:var(--ink);cursor:pointer;list-style:none}
.reader__nav summary::-webkit-details-marker{display:none}
.reader__nav summary .i{color:var(--blue-600)}
.reader__back{margin-top:1.25rem;font-size:.9375rem}
.doc-toc,.doc-toc ol{list-style:none;margin:0;padding:0}
.doc-toc{margin-top:.8rem}
.doc-toc a{display:block;padding:.32rem .75rem;border-left:2px solid var(--line);text-decoration:none;color:var(--ink-2);font-weight:650;line-height:1.3}
.doc-toc ol a{padding-left:1.5rem;font-weight:500;font-size:.9rem;color:var(--ink-3)}
.doc-toc a:hover{color:var(--ink);border-color:var(--blue-600)}
.reader__body{max-width:54rem}
@media (min-width:64.0625rem){ .reader__nav summary{cursor:default;pointer-events:none} }
@media (max-width:64rem){
  .reader{grid-template-columns:minmax(0,1fr)}
  .reader__nav{position:static;max-height:none;overflow:visible;padding:.9rem 1.1rem;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}
  .reader__nav summary::after{content:"";margin-left:auto;width:.55rem;height:.55rem;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(45deg);transition:transform .2s var(--ease)}
  .reader__nav[open] summary::after{transform:rotate(-135deg)}
}
.entry--legal{max-width:50rem}
.entry .table-wrap{overflow-x:auto;margin:1.5rem 0}
.entry .table-wrap table{min-width:32rem}
.entry pre.diagram{background:var(--white);color:var(--ink);border:1px solid var(--line);font-size:.8125rem;line-height:1.35}
.entry h2,.entry h3,.entry h4{scroll-margin-top:6rem}
.entry h2.part{margin-top:3.5rem;padding-top:2.25rem;border-top:2px solid var(--line);font-size:clamp(1.35rem,2vw,1.7rem);letter-spacing:.01em}
.entry .callout{padding:.9rem 1.1rem;border-left-color:var(--blue-600);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--blue-50)}
.entry .callout--important{border-left-color:var(--warn);background:#fdf3d7}
.entry .callout--important p{color:#6f4711}
/* състояние на функция в спецификацията — същите цветове като чиповете, винаги с надпис */
.st{display:inline-block;vertical-align:.1em;padding:.1em .55em;border:1px solid;border-radius:99px;font-family:var(--font-sans);font-size:.72em;font-weight:750;letter-spacing:.04em;line-height:1.35;text-transform:uppercase;white-space:nowrap}
.st--built{background:var(--green-100);color:var(--ok-ink);border-color:#b9e4ca}
.st--partial{background:#fdf3d7;color:var(--warn-ink);border-color:#f0dba2}
.st--planned{background:var(--blue-50);color:var(--blue-600);border-color:var(--blue-100)}
.st--must{background:#fbe3e1;color:var(--crit-ink);border-color:#f3c0bb}
.dot{display:inline-block;width:.7em;height:.7em;margin-right:.15em;border-radius:50%}
.dot--ok{background:var(--ok)}.dot--warn{background:var(--warn)}.dot--serious{background:var(--serious)}.dot--crit{background:var(--crit)}
.gate{max-width:40rem;padding:2rem 1.9rem;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-1)}
.gate>.i{width:2rem;height:2rem;color:var(--blue-600)}
.gate h2{margin-top:.8rem}
.gate p{margin-top:.7rem;color:var(--ink-2)}
.gate .cta-row{margin-top:1.4rem}
.mod__meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}
.mod__meta .chip .i{width:1em;height:1em}
.panel .ticks a{color:var(--blue-700);font-weight:650;text-underline-offset:.16em}

/* ---------- Вход, регистрация, профил ---------- */
.auth{max-width:31rem;margin-inline:auto}
.auth--wide{max-width:46rem}
.notice{display:flex;gap:.7rem;align-items:flex-start;padding:.9rem 1.1rem;border-radius:var(--r-sm);border:1px solid;line-height:1.45;margin-bottom:1.25rem}
.notice .i{margin-top:.15rem;flex:none}
.notice p+p{margin-top:.4rem}
.notice--ok{background:var(--green-100);border-color:#b9e4ca;color:#0d4a2c}
.notice--err{background:#fdecea;border-color:#f3c0bb;color:#8a1f1f}
.notice--info{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-800)}
.notice--warn{background:#fdf3d7;border-color:#f0dba2;color:#6f4711}
.notice a{color:inherit;font-weight:700}
.form__links{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.9688rem}
.form__links a{color:var(--blue-700);font-weight:650}
.form h2{margin-bottom:1.1rem}
.form+.form{margin-top:1.25rem}
.field--check{margin-bottom:.8rem}
.field--check .check{align-items:flex-start;line-height:1.4}
.field--check .check input{margin-top:.15rem;flex:none}
.field--check .check a{color:var(--blue-700)}
.field--check .err{margin-left:1.7rem}
.account{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}
@media (max-width:58rem){ .account{grid-template-columns:1fr} }
.reqs{display:grid;gap:.6rem;margin-top:1rem}
.req{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--line)}
.req b{font-weight:750}
.req small{display:block;color:var(--ink-3);font-size:.875rem}
.chip--new{background:var(--blue-50);color:var(--blue-700);border-color:var(--blue-100)}
.chip--wait{background:#fdf3d7;color:var(--warn-ink);border-color:#f0dba2}
.split-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:48rem){ .split-2{grid-template-columns:1fr} }
.choice{display:flex;flex-direction:column;gap:.6rem;padding:1.6rem 1.5rem;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--line)}
.choice .i{width:1.7rem;height:1.7rem;color:var(--blue-600)}
.choice .btn .i{width:1.15em;height:1.15em;color:inherit}
.choice p{color:var(--ink-2)}
.choice .btn,.choice .link{margin-top:auto;align-self:flex-start}
.danger{border-color:#f3c0bb}
.btn--danger{background:#fff;color:var(--crit-ink);border-color:#e3a39c}
.btn--danger:hover{background:#fdecea}
.field .check span{font-weight:inherit;color:inherit}
/* звездичката на задължителното поле */
.field .req-star,.field .check .req-star{margin-left:.1rem;color:var(--crit-ink);font-weight:700}
/* съобщение с бутон „ОК“ (скриптът го показва, например при грешен ЕИК) */
.dialog{width:calc(100% - 2.5rem);max-width:26rem;padding:1.5rem 1.5rem 1.25rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);color:var(--ink);box-shadow:var(--shadow-float)}
.dialog::backdrop{background:rgba(10,30,66,.5)}
.dialog p{display:flex;gap:.65rem;align-items:flex-start;font-weight:650;line-height:1.45}
.dialog p .i{flex:none;margin-top:.1rem;color:var(--crit)}
.dialog__foot{display:flex;justify-content:flex-end;margin-top:1.25rem}
.dialog .btn{min-width:6rem}
.pw{position:relative}
.pw .input{padding-right:3.1rem}
.pw__btn{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:2.4rem;height:2.4rem;border:0;border-radius:.5rem;background:transparent;color:var(--ink-3);cursor:pointer}
.pw__btn:hover{color:var(--ink);background:var(--blue-50)}
.pw__btn[aria-pressed="true"]{color:var(--blue-700)}
.pw__btn[hidden]{display:none}
.btn[aria-disabled="true"]{opacity:.7;pointer-events:none}

/* ---------- Знакът „Software Hosted in Europe“ (начална страница; template-parts/pages/<език>/part-label.php) ----------
   Логото е файлът от алианса без промяна. Тук се задава само размерът на показване — без рамка, сянка, фон,
   филтър или преход: по правилата за употребата му логото стои самостоятелно и не се анимира. */
.label-band{padding-block:clamp(1.25rem,4vw,3rem)} /* файлът на логото е квадрат с прозрачно поле около знака — то е част от отстъпа */
.label-band__grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 3rem}
.label-band__logo{display:block;flex:none;width:15rem;max-width:100%;height:auto}
.label-band__text{max-width:30rem}
.label-band__text p{margin-top:.5rem;color:var(--ink-2)}
@media (max-width:40rem){ .label-band__grid{flex-direction:column;text-align:center} }

/* ---------- „Не съм робот“ (плъгинът, inc/human.php; поведението — site.js) ---------- */
.human{max-width:30rem;margin-top:1.1rem;padding:.55rem .9rem .65rem;border:1px solid var(--field-line);border-radius:.6rem;background:var(--paper)}
.field--check.human .check{min-height:2.75rem;align-items:center;font-weight:650}
.field--check.human .check input{margin-top:0}
/* .field .check{display:flex} е по-силно от атрибута hidden — затова изрично */
.human .check[hidden],.human__st[hidden],.human__nojs[hidden]{display:none}
.human__st{display:flex;align-items:center;gap:.4rem;margin:0 0 0 1.7rem;min-height:1.4em}
.human__ok,.human__bad{display:none}
.human__st .i{width:1.1rem;height:1.1rem}
.human .err{margin-left:1.7rem}
.human[data-state="busy"] .human__st::before{content:"";flex:none;width:.9rem;height:.9rem;border:2px solid var(--line);border-top-color:var(--blue-600);border-radius:50%;animation:rf-spin .8s linear infinite}
.human[data-state="done"]{border-color:var(--ok-ink)}
.human[data-state="done"] .human__st{color:var(--ok-ink);font-weight:650}
.human[data-state="done"] .human__ok{display:inline-flex}
.human[data-state="fail"]{border-color:var(--crit)}
.human[data-state="fail"] .human__st{color:var(--crit-ink);font-weight:650}
.human[data-state="fail"] .human__bad{display:inline-flex}
.human__nojs a{color:var(--blue-700)}
@keyframes rf-spin{to{transform:rotate(360deg)}}

/* ---------- Цени: базовият пакет вляво, калкулаторът вдясно, сумата под него ----------
   На страницата няма цени на добавки и проценти — сумата идва от сървъра (плъгинът, inc/pricing.php). */
.pricing{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto 1fr;
  grid-template-areas:"base calc" "side calc";gap:1rem clamp(1.25rem,3vw,2rem);align-items:start}
.pricing>.plan{grid-area:base}
.pricing>.calc{grid-area:calc}
.pricing>.custom{grid-area:side}
@media (max-width:60rem){ .pricing{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"base" "calc" "side"} }
.plan{padding:clamp(1.5rem,3vw,2.1rem);border-radius:var(--r-lg);background:var(--white);border:1px solid var(--line)}
.plan--base{border-color:var(--blue-300);box-shadow:var(--shadow-2)}
.plan__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .75rem;margin-top:.9rem}
.plan__price b{font-size:clamp(2.6rem,4.6vw,3.5rem);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--blue-800);font-variant-numeric:tabular-nums}
.plan__price span{color:var(--ink-3);font-weight:600}
.plan__list{margin-top:1.4rem;border-top:1px solid var(--line)}
.plan__list li{display:flex;gap:.8rem;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--line);line-height:1.4}
.plan__list .i{margin-top:.05rem;color:var(--blue-600)}
.plan__list b{display:block;font-weight:750}
.plan__list small{display:block;margin-top:.15rem;color:var(--ink-3);font-size:.9375rem;line-height:1.45}
.plan__foot{margin-top:1.1rem;font-size:.9375rem;color:var(--ink-3)}
.custom{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem 1.5rem;align-items:center;margin-top:1rem;padding:clamp(1.4rem,3vw,1.9rem);
  border-radius:var(--r-lg);background:var(--blue-50);border:1px solid var(--blue-100)}
.custom>.i{width:2rem;height:2rem;color:var(--blue-600)}
.custom p{margin-top:.45rem;color:var(--ink-2);max-width:44rem}
/* в колоната до калкулатора: текстът под иконата, бутонът — под текста */
.custom--side{margin-top:0;grid-template-columns:auto minmax(0,1fr);align-items:start}
.custom--side .btn{grid-column:2;justify-self:start}
@media (max-width:52rem){ .custom{grid-template-columns:1fr} .custom .btn{grid-column:auto;justify-self:start} }

/* калкулаторът: потребителите и добавките, под тях — сумата и бутонът за запитване */
.calc{display:grid;gap:1rem}
.calc__opts{padding:clamp(1.4rem,3vw,2rem);border-radius:var(--r-lg);background:var(--white);border:1px solid var(--line)}
.calc__label{display:block;font-weight:700;font-size:.9688rem;margin-bottom:.5rem;padding:0}
.calc__users{margin-bottom:1.4rem}
.stepper{display:inline-flex;align-items:stretch;border:1px solid var(--field-line);border-radius:.7rem;overflow:hidden;background:#fff}
.stepper:focus-within{border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(35,93,181,.2)}
.stepper__btn{width:3rem;border:0;background:var(--paper-2);font-size:1.45rem;font-weight:700;line-height:1;color:var(--blue-800);cursor:pointer;transition:background-color .15s}
.stepper__btn:hover{background:var(--blue-100)}
.stepper__btn[hidden]{display:none}
.stepper .input{width:6.5rem;min-height:3.1rem;border:0;border-radius:0;text-align:center;font-size:1.25rem;font-weight:750;font-variant-numeric:tabular-nums;box-shadow:none}
.stepper .input:focus{box-shadow:none}
.range{margin-top:1rem}
.range[hidden]{display:none}
.range input{display:block;width:100%;margin:0;accent-color:var(--blue-700);cursor:pointer}
.range__ends{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.8125rem;color:var(--ink-3);font-variant-numeric:tabular-nums}
.calc__set legend{margin-bottom:.6rem}
.copts{display:grid;gap:.5rem}
.copts__note{margin:.35rem 0 0;font-size:.875rem;font-weight:700;color:var(--ink-3)}
.copt{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.8rem;align-items:center;padding:.8rem 1rem;border-radius:var(--r);background:var(--paper);
  border:1px solid var(--line);cursor:pointer;transition:border-color .15s,background-color .15s}
.copt:hover{border-color:var(--blue-300)}
.copt b{display:block;font-weight:700}
.copt small{display:block;color:var(--ink-3);font-size:.875rem;line-height:1.4}
/* отметката изглежда като превключвател: сив — изключено, син — включено */
.copt input{appearance:none;-webkit-appearance:none;width:2.6rem;height:1.5rem;margin:0;border-radius:999px;border:1px solid var(--field-line);cursor:pointer;
  background:var(--line) radial-gradient(circle,#fff 0 .5rem,transparent .52rem) no-repeat 0 50%/1.5rem 1.5rem;transition:background-color .15s,background-position .15s,border-color .15s}
.copt input:checked{background-color:var(--blue-700);border-color:var(--blue-700);background-position:100% 50%}
.copt input:disabled{cursor:not-allowed}
.copt--fixed{cursor:default}
.copt--fixed:hover{border-color:var(--line)}
.copt--fixed .i{justify-self:center;color:var(--green-600);stroke-width:2.4}
.copt--l1{margin-left:1.4rem}
.copt--l2{margin-left:2.8rem}
.copt:has(input:checked){border-color:var(--blue-500);background:var(--blue-50)}
.copt:has(input:disabled){cursor:not-allowed;color:var(--ink-3);background:transparent;border-style:dashed}
.calc__go{margin-top:1.25rem}
.calc__go[hidden]{display:none}
.calc__dl div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.12)}
.calc__dl div:first-child{padding-top:0}
.calc__dl dt{color:var(--blue-200)}
.calc__dl dd{margin-left:auto;font-weight:750;white-space:nowrap;font-variant-numeric:tabular-nums;color:#fff}
.calc__dl .calc__total{border-bottom:0;padding-top:1.15rem}
.calc__total dt{color:#fff;font-weight:700}
.calc__total dd{font-size:clamp(2rem,3.6vw,2.7rem);font-weight:800;letter-spacing:-.02em;line-height:1}
.calc__sum[aria-busy="true"] dd{opacity:.55;transition:opacity .2s}
.calc__sum .btn{margin-top:1.4rem;width:100%}
.calc__over{margin-top:.9rem;font-size:.9375rem;color:var(--blue-100)}
/* тесен екран: по-малък отстъп на вложените редове */
@media (max-width:36rem){ .copt--l1{margin-left:.7rem} .copt--l2{margin-left:1.4rem} .copt{gap:.6rem;padding:.75rem .8rem} }