/* ============================================================
   BUTEX TRANSLATIONS — "Сегментите"
   Целият език излиза от логото: оранжево · небесно · нави +
   мозайката от квадратчета (= преводачески сегменти) по дъга.
   Светла европейска B2B тема · скала x1.618 · Manrope + Onest
   ============================================================ */

:root{
  --bg:      #f7f9fc;
  --bg-2:    #eef2f8;
  --card:    #ffffff;
  --ink:     #1c2333;
  --ink-2:   #3d465c;
  --muted:   #666f85;   /* 17.07: 4.30->5.03:1 на бял фон, WCAG AA (беше #707a90) */
  --line:    rgba(28,35,51,.13);
  --line-soft:rgba(28,35,51,.07);
  --orange:  #e0731d;   /* Butex */
  --orange-deep:#c25f12;
  --sky:     #36a9e0;   /* Translations */
  --navy:    #232d7c;   /* дълбокото от дъгата */
  --yellow:  #f2b705;   /* стъпка 1 (по желание на клиента) */
  --green:   #2f9e68;   /* стъпка 3 (по желание на клиента) */

  --t-0: .8125rem;
  --t-1: 1.0625rem;
  --t-2: 1.3125rem;
  --t-3: 1.625rem;
  --t-4: clamp(1.9rem, 3.4vw, 2.625rem);
  --t-5: clamp(2.3rem, 4.8vw, 4rem);
  --t-6: clamp(2.6rem, 5.8vw, 5.2rem);

  --s-2: 13px; --s-3: 21px; --s-4: 34px; --s-5: 55px; --s-6: 89px; --s-7: 144px;

  /* Sora няма кирилица -> Manrope (variable) поема U+0400-04FF на bg/ страницата.
     Латиницата НАВСЯКЪДЕ си остава Sora — Manrope се тегли само при кирилски глифове. */
  --font-d: 'Sora', 'Manrope', sans-serif;
  --font-b: 'Inter', sans-serif;
  --font-m: 'JetBrains Mono', monospace;
  --ease: cubic-bezier(.22,.9,.24,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-b);
  font-size:var(--t-1);line-height:1.618;
  color:var(--ink);background:var(--bg);
  overflow-x:hidden;
}
::selection{background:var(--orange);color:#fff}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1220px;margin:0 auto;padding:0 var(--s-4)}

h1,h2,h3{font-family:var(--font-d);font-weight:800;line-height:1.1;letter-spacing:-.015em}
h2{font-size:var(--t-4)}
h1 em,h2 em{font-style:normal;color:var(--orange)}

#segments{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
main,footer,.stats{position:relative;z-index:2}
header.site-header{position:sticky;top:0;z-index:50}/* над скрима z-40, за да е менюто отгоре */

.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60}
.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--navy),var(--sky),var(--orange))}

/* ---------- header ---------- */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;gap:var(--s-4);
  padding:0 var(--s-4);height:78px;
  background:rgba(247,249,252,.9);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
  transition:transform .4s var(--ease);
}
.site-header.hidden{transform:none}
.logo{height:50px;width:auto}
.nav{display:flex;gap:var(--s-4);margin-left:auto}
.nav a{font-size:.93rem;font-weight:600;color:var(--ink-2);position:relative;padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:2px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.nav a:hover{color:var(--ink)}
.nav a:hover::after{transform:scaleX(1);transform-origin:left}
.lang{
  display:flex;gap:4px;align-items:center;
  font-family:var(--font-m);font-size:.72rem;letter-spacing:.06em;
  border:1px solid var(--line);border-radius:99px;padding:7px 13px;color:var(--muted);
}
.lang b{color:var(--orange);font-weight:600}
.lang span{opacity:.45;cursor:default}
.lang a{opacity:.7;transition:opacity .2s, color .2s}
.lang a:hover{opacity:1;color:var(--navy)}
.lang b:not(:last-child)::after,.lang span:not(:last-child)::after,.lang a:not(:last-child)::after{content:"·";margin:0 2px 0 6px;color:var(--muted);opacity:.6}
.f-langs a{color:var(--navy);font-weight:600}
.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:42px;height:42px;cursor:pointer;position:relative}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{
  content:"";position:absolute;left:10px;width:20px;height:2px;background:var(--ink);transition:.25s;
}
.nav-toggle span{top:20px}
.nav-toggle span::before{top:-7px;left:0}
.nav-toggle span::after{top:7px;left:0}

/* ---------- бутони ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-d);font-weight:700;font-size:.92rem;
  padding:16px 32px;border-radius:14px;cursor:pointer;border:none;
  transition:transform .3s var(--ease), box-shadow .3s, background .3s;
}
.btn .arr{transition:transform .3s var(--ease)}
.btn:hover .arr{transform:translateX(5px)}
.btn-primary{background:var(--orange);color:#fff}
.btn-primary:hover{background:var(--orange-deep);transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(224,115,29,.55)}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--sky);color:var(--sky);transform:translateY(-2px)}
.btn:focus-visible,a:focus-visible{outline:2px solid var(--navy);outline-offset:3px}

/* ---------- hero ---------- */
.hero{min-height:100vh;display:flex;align-items:center;padding:150px 0 var(--s-6);position:relative}
.hero-wrap{display:grid;grid-template-columns:1.618fr 1fr;gap:var(--s-6);align-items:center}
.eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--font-m);font-size:var(--t-0);letter-spacing:.16em;text-transform:uppercase;color:var(--navy);font-weight:500;
}
.eyebrow::before{content:"";width:13px;height:13px;border-radius:3px;background:var(--orange);transform:rotate(45deg) scale(.8)}
.hero h1{font-size:var(--t-6);margin:var(--s-3) 0 var(--s-4)}
.cycle-line{display:block;min-height:1.15em}
.cycle{color:var(--orange);display:inline-block}
.cycle.swap{animation:swap .5s var(--ease)}
@keyframes swap{0%{opacity:0;transform:translateY(.35em) skewY(2deg)}100%{opacity:1;transform:none}}
.lede{font-size:var(--t-2);color:var(--ink-2);max-width:30em;margin-bottom:var(--s-4)}
.lede b{color:var(--ink);font-weight:600}
.hero-actions{display:flex;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-4)}
.trust{display:flex;gap:var(--s-3);flex-wrap:wrap;list-style:none}
.trust li{
  font-size:var(--t-0);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;
  padding-left:18px;position:relative;
}
.trust li b{color:var(--orange)}
.trust li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;border-radius:2px;background:var(--sky)}

/* картата с двойките */
.hero-card{
  background:var(--card);border:1px solid var(--line-soft);border-radius:20px;
  padding:var(--s-3);box-shadow:0 40px 80px -40px rgba(28,35,51,.3), 0 2px 0 rgba(255,255,255,.8) inset;
}
.hc-head{
  display:flex;align-items:center;gap:10px;padding-bottom:var(--s-2);border-bottom:1px solid var(--line-soft);
  font-family:var(--font-m);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
}
.hc-dot{width:9px;height:9px;border-radius:3px;background:var(--orange);transform:rotate(45deg)}
.hc-mono{margin-left:auto;color:var(--sky)}
.pair{
  display:flex;align-items:center;gap:var(--s-2);padding:15px 4px;border-bottom:1px solid var(--line-soft);
  font-family:var(--font-d);font-weight:700;font-size:1.05rem;
}
.pair .p-arr{color:var(--orange);font-weight:400}
.pair .p-r{color:var(--navy)}
.pair.dim{opacity:.55;font-weight:600;font-size:.95rem}
.hc-foot{padding-top:var(--s-2);font-size:.8rem;color:var(--muted)}

.scroll-cue{
  position:absolute;bottom:30px;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:8px;
  font-family:var(--font-m);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);
}
.scroll-cue .ln{width:2px;height:38px;border-radius:2px;background:linear-gradient(180deg,var(--orange),transparent);animation:cue 2.2s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

.rise{opacity:0;transform:translateY(30px);animation:rise 1s var(--ease) forwards}
.r1{animation-delay:.1s}.r2{animation-delay:.22s}.r3{animation-delay:.38s}.r4{animation-delay:.55s}
@keyframes rise{to{opacity:1;transform:none}}

/* ---------- числа ---------- */
.stats{background:var(--navy);color:#fff;padding:var(--s-5) 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4)}
.stat{text-align:center}
.stat b{font-family:var(--font-d);font-weight:800;font-size:var(--t-5);line-height:1;display:block}
.stat b i{font-style:normal;color:var(--orange)}
.stat span{font-size:var(--t-0);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65);font-weight:600}

/* ---------- секции ---------- */
.section{padding:var(--s-7) 0}
.section-label{max-width:700px;margin-bottom:var(--s-5)}
.section-num{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--font-m);font-size:var(--t-0);letter-spacing:.18em;text-transform:uppercase;color:var(--sky);font-weight:500;
  margin-bottom:var(--s-3);
}
.section-num::before{content:"";width:13px;height:13px;border-radius:3px;background:var(--sky);transform:rotate(45deg) scale(.8)}
.sec-sub{margin-top:var(--s-2);color:var(--ink-2)}

/* езици */
.lang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}
.lang-card{
  background:var(--card);border:1px solid var(--line-soft);border-radius:20px;
  padding:var(--s-4);position:relative;overflow:hidden;
  transition:transform .35s var(--ease), box-shadow .35s;
}
.lang-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--navy),var(--sky),var(--orange));
  transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);
}
.lang-card:hover{transform:translateY(-6px);box-shadow:0 30px 56px -30px rgba(28,35,51,.3)}
.lang-card:hover::before{transform:scaleX(1)}
.lc-pair{
  font-family:var(--font-m);font-size:.78rem;letter-spacing:.14em;color:var(--orange);font-weight:500;
}
.lang-card h3{font-size:var(--t-2);margin:12px 0 10px}
.lang-card p{font-size:.95rem;color:var(--ink-2)}

/* услуги */
.services{background:var(--bg-2);border-block:1px solid var(--line-soft)}
.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3)}
/* Значката отляво; заглавието и текстът - едно ПОД друго вдясно от нея.
   (Беше flex ред и трите деца - значка, заглавие, текст - лягаха едно до друго;
   на тесен екран заглавието и абзацът се смачкваха в две колони.) */
.svc{
  background:var(--card);border:1px solid var(--line-soft);border-radius:20px;
  padding:var(--s-4);
  display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto 1fr;
  column-gap:var(--s-3);align-items:start;
  transition:transform .35s var(--ease), box-shadow .35s;
}
/* Редът на заглавието е auto, а на текста 1fr: така излишната височина на значката
   (40px) отива НАДОЛУ, а не между заглавието и текста. Иначе при по-къс абзац
   (карта 03) зейваше празнина, каквато другите карти нямат. */
.svc .s-idx{grid-row:1 / span 2}
.svc h3, .svc p{grid-column:2}
.svc p{align-self:start}
.svc:hover{transform:translateY(-5px);box-shadow:0 26px 50px -28px rgba(28,35,51,.28)}
.s-idx{
  font-family:var(--font-m);font-size:.8rem;color:#fff;background:var(--navy);
  width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none;
}
.svc:nth-child(2) .s-idx{background:var(--sky)}
.svc:nth-child(3) .s-idx{background:var(--orange)}
.svc:nth-child(4) .s-idx{background:var(--ink)}
.svc h3{font-size:var(--t-2);margin-bottom:8px}
.svc p{font-size:.95rem;color:var(--ink-2)}

/* модел */
.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3)}
.step{position:relative;padding:var(--s-4) 0 0;--p:.25}
.step::before{content:"";position:absolute;top:0;left:0;right:var(--s-3);height:8px;border-radius:999px;background:var(--line)}
/* прогресът: всяка стъпка запълва линията с една четвърт повече */
.step::after{
  content:"";position:absolute;top:0;left:0;height:8px;border-radius:999px;
  width:calc((100% - var(--s-3)) * var(--p));
  background:var(--yellow);
  transform-origin:left center;transform:scaleX(0);
  transition:transform .9s cubic-bezier(.22,.85,.3,1) .15s;
}
.step.in::after,.step.reveal.in::after{transform:scaleX(1)}
.step:nth-child(2){--p:.5}
.step:nth-child(3){--p:.75}
.step:nth-child(4){--p:1}
.step:nth-child(2)::after{background:var(--orange);transition-delay:.3s}
.step:nth-child(3)::after{background:var(--green);transition-delay:.45s}
.step:nth-child(4)::after{background:var(--sky);transition-delay:.6s}
@media (prefers-reduced-motion:reduce){
  .step::after{transition:none;transform:scaleX(1)}
}
.st-n{font-family:var(--font-m);font-size:.8rem;color:var(--muted)}
.step h3{font-size:1.15rem;margin:8px 0 10px}
.step p{font-size:.92rem;color:var(--ink-2)}
.rodo{
  margin-top:var(--s-5);background:var(--card);border:1px solid var(--line-soft);
  border-left:4px solid var(--navy);border-radius:14px;padding:var(--s-3) var(--s-4);
  font-size:.95rem;color:var(--ink-2);
}
.rodo b{color:var(--navy)}

/* историята */
.story{background:var(--bg-2);border-block:1px solid var(--line-soft)}
.timeline{display:flex;flex-direction:column;gap:var(--s-4);max-width:860px}
.t-item{display:grid;grid-template-columns:144px 1fr;gap:var(--s-4);align-items:start}
.t-mark{
  font-family:var(--font-m);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--orange);font-weight:500;padding:8px 0;border-top:2px solid var(--orange);
}
.t-item:nth-child(2n) .t-mark{color:var(--sky);border-color:var(--sky)}
.t-item h3{font-size:var(--t-2);margin-bottom:8px}
.t-item p{font-size:.97rem;color:var(--ink-2)}
.story-quote{
  margin-top:var(--s-6);max-width:760px;
  /* глас, не заглавие: по-лек шрифт, по-въздушен ред */
  font-family:var(--font-b);font-weight:400;font-size:var(--t-2);line-height:1.6;
  letter-spacing:-.005em;color:var(--ink);
  border-left:5px solid var(--orange);padding-left:var(--s-4);
}
.story-quote em{font-style:normal;font-weight:600;color:var(--orange)}

/* контакт */
.cta{padding:var(--s-7) 0}
.cta-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--s-6);align-items:start}
.cta h2{font-size:var(--t-5);margin:var(--s-3) 0}
.cta-sub{color:var(--ink-2);margin-bottom:var(--s-4)}
.c-list{list-style:none}
.c-list li{display:flex;gap:var(--s-3);padding:13px 0;border-bottom:1px solid var(--line-soft);font-size:.95rem;align-items:baseline}
.c-list b{min-width:80px;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sky);font-weight:700}
.c-list a{color:var(--orange);font-weight:600;border-bottom:1px solid transparent;transition:border-color .25s}
.c-list a:hover{border-color:var(--orange)}
.c-form{
  background:var(--card);border:1px solid var(--line);border-radius:22px;
  padding:var(--s-4);box-shadow:0 40px 80px -44px rgba(28,35,51,.35);
}
.c-form h3{font-size:var(--t-3);margin-bottom:var(--s-3)}
.f-row{margin-bottom:var(--s-2)}
.f-row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}
.f-row label{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-weight:700}
.f-row input,.f-row select,.f-row textarea{
  width:100%;background:var(--bg);border:1.5px solid var(--line);border-radius:12px;
  padding:13px 15px;font-family:var(--font-b);font-size:.95rem;color:var(--ink);
  transition:border-color .25s, box-shadow .25s;
}
.f-row input:focus,.f-row select:focus,.f-row textarea:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 3px rgba(54,169,224,.14)}
.c-form .btn{width:100%;justify-content:center;margin-top:var(--s-2)}
.form-note{display:none;margin-top:var(--s-2);padding:13px;border-radius:12px;background:#e9f4ec;border-left:4px solid #4a8a5c;font-size:.9rem}
.form-note.err{background:#fbeeea;border-left-color:#c0533c}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}

/* footer */
.footer{border-top:1px solid var(--line-soft);padding:var(--s-4) 0;background:var(--card)}
.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--s-3);font-size:.85rem;color:var(--muted)}
.f-logo{height:30px;width:auto}
.f-langs i{font-style:normal;color:var(--muted);opacity:1}
.sig b{color:#b85a10;font-weight:700}
.sig:hover b{color:var(--navy)}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease), transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}

@media (prefers-reduced-motion:reduce){
  .rise,.reveal{opacity:1;transform:none;animation:none;transition:none}
  .cycle.swap{animation:none}
}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .hero-wrap{grid-template-columns:1fr;gap:var(--s-5)}
  .hero-card{max-width:520px}
  .lang-grid{grid-template-columns:1fr}
  .svc-grid{grid-template-columns:1fr}
  .model-grid{grid-template-columns:1fr 1fr;gap:var(--s-4) var(--s-3)}
  .stats-grid{grid-template-columns:1fr 1fr;gap:var(--s-4) var(--s-3)}
  .cta-grid{grid-template-columns:1fr;gap:var(--s-5)}
}
@media (max-width:720px){
  .lang{display:none}
  .nav{
    position:fixed;top:78px;right:0;height:calc(100dvh - 78px);width:min(320px,86vw);z-index:120;
    background:var(--card);flex-direction:column;align-items:flex-start;gap:var(--s-3);
    padding:var(--s-5) var(--s-4);transform:translateX(100%);
    transition:transform .4s var(--ease);border-left:1px solid var(--line);
    box-shadow:-14px 0 44px rgba(15,18,40,.16);
  }
  .nav.open{transform:none}
  /* затъмнен фон под отвореното меню: z-40 = над съдържанието (main z-2), под хедъра+менюто (header z-50) */
  body.menu-open::after{content:"";position:fixed;inset:0;background:rgba(15,18,40,.42);z-index:40}
  .nav a{font-size:1.15rem}
  .nav-toggle{display:block;margin-left:auto}
  body.menu-open .nav-toggle span{background:transparent}
  body.menu-open .nav-toggle span::before{transform:rotate(45deg);top:0}
  body.menu-open .nav-toggle span::after{transform:rotate(-45deg);top:0}
  .section{padding:var(--s-6) 0}
  .model-grid{grid-template-columns:1fr}
  .t-item{grid-template-columns:1fr;gap:var(--s-2)}
  .t-mark{border-top:none;border-left:2px solid var(--orange);padding:0 0 0 12px}
  .f-row2{grid-template-columns:1fr}
  .footer-inner{justify-content:center;text-align:center}
}


/* ===== КОД-ЛОГО (swoosh + wordmark) ===== */
.brand{display:inline-flex;align-items:center;gap:13px}
.b-mark{height:48px;width:auto;flex:none}
.b-word{display:flex;flex-direction:column;gap:4px;line-height:1}
.b-row{display:flex;align-items:baseline;gap:7px}
.b-butex{font-family:var(--font-d);font-weight:800;font-size:1.55rem;color:var(--orange);letter-spacing:-.01em}
.b-trans{font-family:var(--font-d);font-weight:600;font-size:1.55rem;color:var(--sky);letter-spacing:-.01em}
.b-ltd{font-style:normal;font-size:.6rem;color:var(--muted);font-weight:600;letter-spacing:.06em;align-self:flex-end;padding-bottom:4px}
.b-rule{height:2px;width:88%;background:linear-gradient(90deg,var(--orange),rgba(224,115,29,0));border-radius:2px}
.f-brand2 .b-mark{height:40px}
.f-brand2 .b-butex,.f-brand2 .b-trans{font-size:1.3rem}

/* акцент на RO/BG (без bold по желание на клиента — само лек цвят) */
.hi{font-style:normal;font-weight:inherit;color:var(--navy)}

/* ProZ badge */
.proz-badge{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap}
.proz-badge .pz{font-weight:700;color:var(--navy);border-bottom:1px solid transparent;transition:border-color .25s}
.proz-badge:hover .pz{border-color:var(--navy)}
.pz-bb{font-size:.76rem;color:var(--orange-deep);background:rgba(224,115,29,.12);padding:4px 10px;border-radius:99px;font-weight:600;letter-spacing:.02em}

/* ProZ код-лого (wordmark) — Pro нави + Z оранжево */
.proz-mk{font-family:var(--font-d);font-weight:800;letter-spacing:-.02em;color:var(--navy);text-transform:none}
.proz-mk i{font-style:normal;color:var(--orange)}
.proz-mk u{text-decoration:none;font-weight:600;font-size:.72em;color:var(--muted);letter-spacing:0}
/* ProZ чип до оценката (hero trust + числа) */
.proz-chip{display:inline-flex;align-items:center;gap:7px}
.proz-chip .stars{color:var(--orange);letter-spacing:1px;font-size:.9em}
.stats .proz-mk{color:#fff}
.stats .proz-mk u{color:rgba(255,255,255,.6)}

/* файл upload */
.opt{color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0}
.file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden}
.file-drop{display:flex;align-items:center;gap:12px;width:100%;background:var(--bg);border:1.5px dashed var(--line);border-radius:12px;padding:13px 15px;cursor:pointer;transition:border-color .25s,background .25s;color:var(--muted)}
.file-drop:hover{border-color:var(--sky);background:#fff}
.fd-ic{width:30px;height:30px;border-radius:8px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}
.fd-tx{font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-drop.has{border-style:solid;border-color:var(--sky);color:var(--ink);background:#fff}
.file-drop.has .fd-ic{background:var(--sky)}

/* ===== РЕФЕРЕНЦИИ ===== */
.ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}
.ref-card{position:relative;background:var(--card);border:1px solid var(--line-soft);border-radius:20px;padding:var(--s-4) var(--s-4) var(--s-3);display:flex;flex-direction:column;gap:var(--s-2);box-shadow:0 30px 60px -42px rgba(28,35,51,.32);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s;overflow:hidden}
.ref-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--navy),var(--sky),var(--orange));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.ref-card:hover{transform:translateY(-6px);box-shadow:0 38px 72px -38px rgba(28,35,51,.42);border-color:var(--line)}
.ref-card:hover::before{transform:scaleX(1)}
.r-quote{font-family:var(--font-d);font-weight:800;font-size:3.2rem;line-height:.7;color:var(--orange);opacity:.32;height:26px}
.ref-card blockquote{font-size:1.04rem;line-height:1.55;color:var(--ink-2);flex:1}
.ref-card figcaption{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line-soft);padding-top:var(--s-3);margin-top:6px}
.r-ava{width:48px;height:48px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--c);box-shadow:0 8px 18px -8px var(--c)}
.r-ava svg{width:32px;height:32px;opacity:.95}
.r-meta{display:flex;flex-direction:column}
.r-meta b{font-weight:700;font-size:.95rem;color:var(--ink)}
.r-meta span{font-size:.82rem;color:var(--muted)}
.ref-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-5);flex-wrap:wrap}
.ref-note{font-size:.85rem;color:var(--muted);font-style:italic}
.trust a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.trust a:hover{border-color:currentColor}
.stat-link{display:contents}
.proz-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.proz-pill{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--navy);background:rgba(54,169,224,.10);padding:7px 13px;border-radius:99px;border:1px solid transparent;text-decoration:none;transition:border-color .2s,transform .2s}
.proz-pill:hover{border-color:var(--sky);transform:translateY(-2px)}
.proz-pill.bb{color:var(--orange-deep);background:rgba(224,115,29,.12)}

@media (max-width:1080px){
  .ref-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .ref-grid{grid-template-columns:1fr}
  .b-ltd{display:none}
  .b-butex,.b-trans{font-size:1.3rem}
  .b-mark{height:40px}
  .ref-cta{flex-direction:column;align-items:flex-start}
}


/* ===== въртящо се код-лого + интеграция в дизайна ===== */
.b-mark{animation:markPulse 3.6s ease-in-out infinite}
.brand:hover .b-mark{animation-duration:1.5s}
@keyframes markPulse{0%,100%{opacity:.5;filter:drop-shadow(0 0 0 rgba(224,115,29,0))}50%{opacity:1;filter:drop-shadow(0 0 7px rgba(224,115,29,.42))}}
.cta{position:relative;overflow:hidden}
.cta .wrap{position:relative;z-index:1}
.cta-watermark{position:absolute;top:4%;right:-12%;width:min(580px,50vw);animation:wmPulse 9s ease-in-out infinite;pointer-events:none;z-index:0}
@keyframes wmPulse{0%,100%{opacity:.03}50%{opacity:.08}}
@media (prefers-reduced-motion:reduce){.b-mark,.cta-watermark{animation:none}}
@media (max-width:720px){.cta-watermark{display:none}}


/* ===== безопасна форма (без upload към relay) · GDPR ===== */
.form-hint{font-size:.82rem;color:var(--ink-2);background:rgba(54,169,224,.08);border:1px solid rgba(54,169,224,.18);border-radius:12px;padding:12px 15px;line-height:1.5}
.form-hint b{color:var(--navy)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;color:var(--muted);line-height:1.45;margin-top:6px;cursor:pointer}
.consent input{margin-top:3px;accent-color:var(--orange);width:16px;height:16px;flex:none}
.consent a{color:var(--orange);border-bottom:1px solid transparent}
.consent:hover a{border-color:var(--orange)}


/* ===== swoosh като подслой зад "B" (прегръща буквата) ===== */
.brand{position:relative}
.b-mark{margin-right:-42px;position:relative;z-index:0;transform:rotate(270deg)}
.b-word{position:relative;z-index:1}
.f-brand2 .b-mark{margin-right:-36px}


/* монограм аватар + trust strip */
.r-ava{font-family:var(--font-d);font-weight:800;font-size:1.32rem}
.ref-strip{margin-top:var(--s-4);text-align:center;font-size:.92rem;color:var(--muted);line-height:1.7}
.ref-strip b{color:var(--navy);font-weight:600}


/* ============================================================
   ПРЕМИУМ ТУНИНГ — класата се връща през форма (йерархия + въздух
   + детайли), без да се пипа съдържанието/желанията на клиента.
   ============================================================ */
/* по-силна типографска йерархия */
h2{font-size:clamp(2.15rem,3.9vw,3rem);letter-spacing:-.022em}
.hero h1{letter-spacing:-.03em}
.sec-sub{font-size:var(--t-2);max-width:48ch;line-height:1.6;color:var(--ink-2)}
.section-num{font-size:.84rem;letter-spacing:.22em}
.eyebrow{letter-spacing:.2em}
/* повече въздух между мисъл и мисъл */
.section-label{margin-bottom:var(--s-6)}
@media (min-width:1081px){ .section{padding:calc(var(--s-7) + 16px) 0} }
/* по-богати, по-плавни hover-и (доверие през детайл) */
.lang-card,.svc,.ref-card{transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}
.lang-card:hover,.svc:hover{transform:translateY(-8px)}
.ref-card:hover{transform:translateY(-9px)}
/* числа: фин акцент-таван над всяка цифра + по-добра разредка */
.stats-grid{gap:var(--s-5) var(--s-4)}
.stat{position:relative;padding-top:var(--s-3)}
.stat::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%) rotate(45deg);width:9px;height:9px;border-radius:2px;background:var(--orange);opacity:.9}
.stat:nth-child(2)::before{background:var(--sky)}
.stat:nth-child(3)::before{background:#fff;opacity:.5}
.stat:nth-child(4)::before{background:var(--orange)}
.stat b{letter-spacing:-.02em}

/* ===== ДЪРЖАВИ КАТО ДИЗАЙН-ЕЛЕМЕНТ (обхватът, четимо + впечатляващо) ===== */
.country-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:var(--s-3)}
.country-tags .ct{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-b);font-size:.82rem;font-weight:500;color:var(--ink-2);background:var(--card);border:1px solid var(--line-soft);border-radius:99px;padding:8px 14px;transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.country-tags .ct::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--sky);transform:rotate(45deg);flex:none}
.country-tags .ct:nth-child(3n+2)::before{background:var(--orange)}
.country-tags .ct:nth-child(3n)::before{background:var(--navy)}
.country-tags .ct:hover{transform:translateY(-3px);border-color:var(--line);box-shadow:0 12px 24px -14px rgba(28,35,51,.32)}
.country-tags .ct-more{color:var(--muted);background:transparent;border-style:dashed}
.country-tags .ct-more::before{background:var(--muted);opacity:.5}


/* ===== мобилна езикова лента (mlang) ===== */
.mlang{display:none}
@media (max-width:720px){
  .mlang{
    display:flex;justify-content:center;align-items:center;gap:clamp(22px,9vw,44px);
    position:fixed;left:0;right:0;bottom:0;z-index:55;
    background:rgba(247,249,252,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    border-top:1px solid var(--line);
    font-family:var(--font-m);font-size:.92rem;letter-spacing:.06em;
    padding:11px 16px;padding-bottom:calc(11px + env(safe-area-inset-bottom));
    box-shadow:0 -8px 26px -18px rgba(28,35,51,.45);
  }
  .mlang b{color:var(--orange);font-weight:700}
  .mlang a{color:var(--ink-2);opacity:.72;font-weight:600;transition:opacity .2s,color .2s}
  .mlang a:hover,.mlang a:active{opacity:1;color:var(--navy)}
  body{padding-bottom:62px}
  body.menu-open .mlang{opacity:0;pointer-events:none;transition:opacity .2s}
}