/* ═══════════════════════════════════════════════════════════════════════
   BCC.BG FRAMEWORK CSS v2.0 — 1:1 копие от bcc-framework.css
   Този блок е общ за целия сайт и се поддържа централно.
   При промяна: редактирай само bcc-framework.css и копирай тук.
   ═══════════════════════════════════════════════════════════════════════ */
/*
 * ╔══════════════════════════════════════════════════════════════════════╗
 * ║  BCC.BG FRAMEWORK CSS — v2.0  (bcc-framework.css)                  ║
 * ╠══════════════════════════════════════════════════════════════════════╣
 * ║  1. Design Tokens      7. Form System                               ║
 * ║  2. Reset & Base       8. Badge System                              ║
 * ║  3. Animations         9. Card System                               ║
 * ║  4. Typography        10. Navigation                                ║
 * ║  5. Color System      11. Footer                                    ║
 * ║  6. Button System     12. Ticker / Marquee                          ║
 * ║                       13. Toast                                     ║
 * ║                       14. Mobile Sticky CTA                        ║
 * ║                       15. Utilities                                 ║
 * ║                       16. Section Layout Helpers                    ║
 * ║                       17. Responsive                                ║
 * ╚══════════════════════════════════════════════════════════════════════╝
 */

/* ── 1. DESIGN TOKENS ─────────────────────────────────────────────────── */
:root {
  --bg:#F4F6F9; --bg2:#EAECF2; --card:#FFFFFF;
  --border:rgba(0,0,0,.08); --border2:rgba(0,0,0,.14);
  --fire:#D94209; --fire-h:#E84A0C;
  --gold:#B07D0A; --goldf:#C49619;
  --green:#127A41; --greenf:#1FAE62;
  --blue:#1555A0; --bluef:#1B6FBA;
  --purple:#6B21A8; --purplef:#7C3AED;
  --teal:#0E7490; --tealf:#0891B2;
  --sky:#0369A1; --skyf:#0EA5E9;
  --muted:#5A6A7E; --muted2:#8A99AC;
  --ink:#1A2332; --nav-bg:#1A2B3C;
}

/* ── 2. RESET & BASE ──────────────────────────────────────────────────── */
*,::before,::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}
body{font-family:Inter,sans-serif;background:var(--bg);color:var(--ink);font-size:18px;line-height:1.65;overflow-x:hidden;max-width:100%}//
a{text-decoration:none;color:inherit}
img,svg,video,iframe{max-width:100%;display:block}
.container{max-width:1280px;margin:0 auto;padding:0 36px;width:100%;box-sizing:border-box}

/* ── 3. ANIMATIONS ────────────────────────────────────────────────────── */
@keyframes blink        {0%,100%{opacity:1}50%{opacity:.25}}
@keyframes tick         {to{transform:translateX(-50%)}}
@keyframes line-fill    {from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes num-breathe  {0%,100%{opacity:1;transform:scale(1)}45%{opacity:.45;transform:scale(.82)}}
@keyframes pulse-dot    {0%,100%{opacity:1}50%{opacity:.35}}
@keyframes fact-in      {from{opacity:0}to{opacity:1}}
@keyframes stripe-fill-x{from{transform:scaleX(0);transform-origin:left center}to{transform:scaleX(1);transform-origin:left center}}
@keyframes stripe-fill-y{from{transform:scaleY(0);transform-origin:top center}to{transform:scaleY(1);transform-origin:top center}}

/* ── 4. TYPOGRAPHY ────────────────────────────────────────────────────── */
/* Default scale — Inter. Syne САМО като .font-display, никога default на heading */
h1{font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.5px}
h2{font-size:clamp(22px,3vw,36px);font-weight:700;line-height:1.15;letter-spacing:-.3px}
h3{font-size:clamp(18px,2.2vw,26px);font-weight:700;line-height:1.2}
h4{font-size:clamp(15px,1.6vw,20px);font-weight:600;line-height:1.3}
h5{font-size:15px;font-weight:600;line-height:1.4}
h6{font-size:13px;font-weight:600;line-height:1.4;text-transform:uppercase;letter-spacing:.08em}
/* Syne — само числа/символи, не блок текст с букви (заради кирилица) */
.font-display{font-family:'Syne',sans-serif;font-weight:800}
/* Section eyebrow */
.sr,.eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fire);margin-bottom:14px;display:flex;align-items:center;gap:6px}
.sr::before,.eyebrow::before{content:'';display:inline-block;width:16px;height:2px;background:currentColor;flex-shrink:0}
/* Legacy Syne heading helpers — запазват се при миграция */
.h2{font-family:sans-serif;font-size:clamp(24px,2.8vw,40px);font-weight:800;line-height:1.08;color:var(--ink)}
.sh,.text-sh{font-family:'Syne',sans-serif;font-weight:800;letter-spacing:-1px;}
.text-lg{font-size:clamp(22px,2.8vw,38px);font-weight:800;color:#fff;letter-spacing:-1px;line-height:1.1;margin-bottom:12px}
.text-md{font-size:clamp(20px,2vw,28px);font-weight:800;color:#fff;line-height:1.2;margin-bottom:12px}
.text-sm{sans-serif;font-size:clamp(18px,2vw,26px);font-weight:800;color:#fff;line-height:1.2;margin-bottom:14px}
.sh-sm-alt{font-family:'Syne',sans-serif;font-size:clamp(18px,2vw,25px);font-weight:800;color:#fff;line-height:1.2;margin-bottom:10px}
.sh-xs{font-family:'Syne',sans-serif;font-size:clamp(20px,2.4vw,30px);font-weight:800;color:#fff;line-height:1.2;margin:0}
.sh-ink-xl{font-family:'Syne',sans-serif;font-size:20px;font-weight:800;color:var(--ink);line-height:1.2}
.sh-ink-lg{font-family:'Syne',sans-serif;font-size:18px;font-weight:800;color:var(--ink);line-height:1.2;margin-bottom:10px}
.sh-ink-md{font-family:'Syne',sans-serif;font-size:16px;font-weight:800;color:var(--ink);margin-bottom:8px}
.sec-intro{font-size:15px;color:var(--muted);line-height:1.7;margin:0 auto}
.sec-intro-lg{font-size:16px;color:var(--muted);max-width:760px;margin:0 auto;line-height:1.7}
.fw-bold{font-weight:800;}
/* fs* — font-size utilities matching h1–h6 scale */
.fs1{font-size:clamp(28px,4vw,48px);line-height:120%;} 
.fs2{font-size:clamp(22px,3vw,36px);line-height:120%;} 
.fs3{font-size:clamp(18px,2.2vw,26px);line-height:120%;}
.fs4{font-size:clamp(15px,1.6vw,20px);line-height:120%;} 
.fs5{font-size:15px} 
.fs6{font-size:13px}

/* ── 5. COLOR SYSTEM ──────────────────────────────────────────────────── */
.text-fire{color:var(--fire)} .text-gold{color:var(--goldf)} .text-green{color:var(--greenf)}
.text-blue{color:var(--blue)} .text-purple{color:var(--purplef)} .text-teal{color:var(--teal)} .text-sky{color:var(--sky)}
.text-ink{color:var(--ink)} .text-muted{color:var(--muted)} .text-muted2{color:var(--muted2)} .text-white{color:#fff} .text-navy{color:var(--nav-bg)}
.text-ghost{opacity:.45} .text-ghost-2{opacity:.25}
/* bg solid */
.bg-fire{background-color:var(--fire)} .bg-gold{background-color:var(--gold)} .bg-green{background-color:var(--green)}
.bg-blue{background-color:var(--blue)} .bg-purple{background-color:var(--purple)} .bg-teal{background-color:var(--teal)} .bg-sky{background-color:var(--sky)}
.bg-ink{background-color:var(--ink)} .bg-navy{background-color:var(--nav-bg)} .bg-white{background-color:#fff} .bg-light{background-color:var(--bg)} .bg-dark{background-color:var(--nav-bg)}
/* bg light ~12% */
.bg-fire-light{background-color:rgba(217,66,9,.12)} .bg-gold-light{background-color:rgba(176,125,10,.12)} .bg-green-light{background-color:rgba(18,122,65,.12)}
.bg-blue-light{background-color:rgba(21,85,160,.12)} .bg-purple-light{background-color:rgba(107,33,168,.12)} .bg-teal-light{background-color:rgba(14,116,144,.12)} .bg-sky-light{background-color:rgba(3,105,161,.12)}
/* bg ghost ~6% */
.bg-fire-ghost{background-color:rgba(217,66,9,.06)} .bg-gold-ghost{background-color:rgba(176,125,10,.07)} .bg-green-ghost{background-color:rgba(18,122,65,.07)}
.bg-blue-ghost{background-color:rgba(21,85,160,.07)} .bg-purple-ghost{background-color:rgba(107,33,168,.07)} .bg-teal-ghost{background-color:rgba(14,116,144,.07)} .bg-sky-ghost{background-color:rgba(3,105,161,.07)}
/* border solid */
.border-fire{border-color:var(--fire)!important} .border-gold{border-color:var(--goldf)!important} .border-green{border-color:var(--greenf)!important}
.border-blue{border-color:var(--blue)!important} .border-purple{border-color:var(--purplef)!important} .border-teal{border-color:var(--teal)!important} .border-sky{border-color:var(--sky)!important}
.border-ink{border-color:var(--ink)!important} .border-muted{border-color:var(--border2)!important} .border-white{border-color:rgba(255,255,255,.22)!important}
/* border light ~25% */
.border-fire-light{border-color:rgba(217,66,9,.25)!important} .border-gold-light{border-color:rgba(176,125,10,.25)!important} .border-green-light{border-color:rgba(18,122,65,.28)!important}
.border-blue-light{border-color:rgba(21,85,160,.28)!important} .border-purple-light{border-color:rgba(107,33,168,.25)!important} .border-teal-light{border-color:rgba(14,116,144,.28)!important} .border-sky-light{border-color:rgba(3,105,161,.28)!important}
/* border ghost ~14% */
.border-fire-ghost{border-color:rgba(217,66,9,.14)!important} .border-gold-ghost{border-color:rgba(176,125,10,.14)!important} .border-green-ghost{border-color:rgba(18,122,65,.15)!important}
.border-blue-ghost{border-color:rgba(21,85,160,.15)!important} .border-purple-ghost{border-color:rgba(107,33,168,.14)!important} .border-teal-ghost{border-color:rgba(14,116,144,.15)!important} .border-sky-ghost{border-color:rgba(3,105,161,.15)!important}

/* ── 6. BUTTON SYSTEM ─────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:8px;font-family:Inter,sans-serif;font-weight:600;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s,border-color .18s,color .18s;border:none;text-decoration:none;white-space:nowrap;padding:10px 20px;font-size:14px}
.btn-fire{--btn-glow:rgba(217,66,9,.42);background:var(--fire);color:#fff;box-shadow:0 3px 16px rgba(217,66,9,.22)}
.btn-fire:hover{background:var(--fire-h);transform:translateY(-2px);box-shadow:0 6px 22px rgba(217,66,9,.32)}
.btn-outline{--btn-glow:rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.22)}
.btn-outline:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.38);transform:translateY(-1px)}
.btn-ghost{--btn-glow:rgba(0,0,0,.28);background:transparent;color:var(--ink);border:1px solid var(--border2)}
.btn-ghost:hover{border-color:var(--muted2);background:#ECF0F6;transform:translateY(-1px)}
.btn-tab{--btn-glow:rgba(217,66,9,.38);background:rgba(255,255,255,.1);color:rgba(200,214,229,.8);border:none}
.btn-tab:hover,.btn-tab.active{background:#fff;color:var(--fire)}
/* Размери */
.btn-lg{padding:14px 30px;font-size:16px}
.btn-md{padding:10px 20px;font-size:14px}
.btn-sm{padding:7px 14px;font-size:13px}
/* Модификатори */
.btn-full{width:100%;justify-content:center}
/* .btn-glow — само дифузна сянка, без outline ring */
.btn-glow:hover{box-shadow:0 8px 28px var(--btn-glow,transparent)}
.btn-fire.btn-glow:hover{box-shadow:0 8px 32px rgba(217,66,9,.48)}

/* ── 7. FORM SYSTEM ───────────────────────────────────────────────────── */
.fld{width:100%;box-sizing:border-box;font-family:Inter,sans-serif;font-size:14px;border-radius:8px;outline:none;transition:border-color .15s,background .15s;display:block;background:#F4F6F9;color:var(--ink);border:1px solid #D0D8E4;padding:10px 12px}
.fld::placeholder{color:var(--muted2)}
.fld:focus{border-color:var(--fire);background:#fff}
.fld:disabled{opacity:.45;cursor:not-allowed}
.fld.fld-has-error{border-color:var(--fire);background:rgba(217,66,9,.04)}
.fld-dark{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.14)}
.fld-dark::placeholder{color:rgba(200,214,229,.45)}
.fld-dark:focus{border-color:var(--fire);background:rgba(255,255,255,.11)}
.fld-dark:disabled{opacity:.35;cursor:not-allowed}
.fld-dark.fld-has-error{border-color:var(--fire);background:rgba(217,66,9,.08)}
.fld-lg{padding:12px 15px;font-size:14px}
.fld-md{padding:10px 12px;font-size:14px}
.fld-sm{padding:9px 12px;font-size:13px}
textarea.fld{resize:vertical;min-height:88px;line-height:1.6}
select.fld{appearance:none;cursor:pointer;background-color:#F4F6F9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235A6A7E' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;padding-right:34px}
select.fld.fld-dark{background-color:rgba(255,255,255,.08);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(200,214,229,0.6)' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;color:rgba(200,214,229,.85)}
select.fld.fld-dark option{background:#1A2B3C;color:#fff}
.fld-wrap{position:relative;display:block}
.fld-wrap .fld{padding-left:38px}
.fld-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--muted2);pointer-events:none;line-height:1}
.fld-wrap.fld-dark .fld-icon{color:rgba(200,214,229,.45)}
.fld-label{display:block;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:5px}
.fld-label.on-dark{color:rgba(200,214,229,.75)}
.fld-label .fld-req{color:var(--fire);margin-left:2px}
.fld-hint{font-size:11.5px;color:var(--muted);margin-top:4px;line-height:1.5}
.fld-hint.on-dark{color:rgba(200,214,229,.35)}
.fld-error{font-size:11.5px;color:var(--fire);margin-top:4px;line-height:1.5;display:flex;align-items:center;gap:4px}
.form-col{display:flex;flex-direction:column;gap:10px;width:100%}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.form-field{display:flex;flex-direction:column}
.form-note{font-size:11px;color:var(--muted);text-align:center;line-height:1.5}
.form-note.on-dark{color:rgba(200,214,229,.35)}

/* ── 8. BADGE SYSTEM ──────────────────────────────────────────────────── */
/* Цвят изцяло от color utilities */
.badge{display:inline-flex;align-items:center;gap:5px;font-family:Inter,sans-serif;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;line-height:1;font-size:11px;padding:4px 11px;border-radius:7px}
.badge-sm{font-size:9px;padding:3px 8px;border-radius:5px}
.badge-md{font-size:11px;padding:4px 11px;border-radius:7px}
.badge-lg{font-size:13px;padding:6px 14px;border-radius:9px}
.badge-xl{font-size:15px;padding:8px 18px;border-radius:11px}
.badge-bordered{border:1px solid transparent}

/* ── 9. CARD SYSTEM ───────────────────────────────────────────────────── */
/* bg/border от utilities */
.card{border:1px solid var(--border);border-radius:14px;padding:24px;position:relative;overflow:hidden}
.card-sm{border-radius:10px;padding:16px}
.card-md{border-radius:14px;padding:24px}
.card-lg{border-radius:18px;padding:36px}
.card-hover{transition:transform .22s,box-shadow .22s,border-color .22s;cursor:default}
.card-hover:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.09);border-color:var(--border2)}
/* Top stripe — .card-stripe + .card-stripe-{color} */
.card-stripe::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
/* Thick stripe — .card-stripe-lg replaces .card-stripe (не се комбинират) */
.card-stripe-lg::before{content:'';position:absolute;top:0;left:0;right:0;height:6px}
.card-stripe-fire::before{background:var(--fire)}
.card-stripe-gold::before{background:var(--goldf)}
.card-stripe-green::before{background:var(--greenf)}
.card-stripe-blue::before{background:var(--blue)}
.card-stripe-purple::before{background:var(--purplef)}
.card-stripe-teal::before{background:var(--teal)}
.card-stripe-sky::before{background:var(--sky)}
/* Left stripe — .card-stripe .card-stripe-left .card-stripe-{color} */
.card-stripe-left::before{top:0;bottom:0;right:auto;width:3px;height:auto}
.card-stripe-lg.card-stripe-left::before{width:6px}
/* Animated stripe — CSS паузирана; JS добавя .is-visible чрез IntersectionObserver */
.card-stripe-anim::before{animation:stripe-fill-x .9s cubic-bezier(.4,0,.2,1) forwards;animation-play-state:paused}
.card-stripe-anim.card-stripe-left::before{animation-name:stripe-fill-y}
.card-stripe-anim.is-visible::before{animation-play-state:running}

/* ── 10. NAVIGATION ───────────────────────────────────────────────────── */
nav{position:sticky;top:0;z-index:300;background:var(--nav-bg);border-bottom:2px solid var(--fire);transition:box-shadow .2s}
.nav-row{height:58px;display:flex;align-items:center}
.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%}
.logo{display:inline-flex;align-items:center;gap:10px;font-family:'Syne',sans-serif;font-weight:800;font-size:22px;letter-spacing:-.5px;line-height:1;color:#fff;text-decoration:none}
.logo em{font-style:normal;color:var(--fire)}
.logo-mark{flex-shrink:0}
.logo small{display:block;font-family:Inter,sans-serif;font-size:11px;line-height:120%;font-weight:400;color:#7A9AB5;text-transform:uppercase;margin-top:3px}
.nav-links{display:flex;gap:0;list-style:none;height:58px;align-items:center}
.nav-item{position:relative;height:100%;display:flex;align-items:center}
.nav-item>a,.nav-item>button{font-size:14px;color:#C8D6E5;padding:0 13px;height:100%;display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;font-weight:500;transition:color .15s;white-space:nowrap}
.nav-item>a:hover,.nav-item>button:hover,.nav-item:hover>a,.nav-item:hover>button{color:#fff;background:rgba(255,255,255,.07)}
.nav-caret{font-size:9px;opacity:.5;transition:transform .18s}
.nav-item:hover .nav-caret{transform:rotate(180deg)}
.nav-drop{display:none;position:absolute;top:60px;left:0;min-width:220px;background:#fff;border:1px solid var(--border2);border-top:3px solid var(--fire);border-radius:0 0 8px 8px;padding:6px 0;z-index:400;box-shadow:0 8px 32px rgba(0,0,0,.15)}
.nav-drop.right{left:auto;right:0}
.nav-item:hover .nav-drop{display:block}
.nd-item{display:block;padding:9px 18px;font-size:14px;color:#2A3D52;transition:all .12s;white-space:nowrap}
.nd-item:hover{color:var(--fire);background:#F7F9FC;padding-left:22px}
.nd-sep{height:1px;background:#E8ECF2;margin:5px 0}
.nd-label{padding:7px 18px 3px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2)}
.nav-lang-drop{min-width:140px}
.nav-lang-item{display:flex;align-items:center;justify-content:space-between;padding:9px 18px;font-size:14px;color:#2A3D52;transition:all .12s;white-space:nowrap;text-decoration:none}
.nav-lang-item:hover{color:var(--fire);background:#F7F9FC;padding-left:22px}
.nav-lang-item.active{font-weight:700;color:var(--ink)}
@media(max-width:1199px){
  .nav-lang-item{color:rgba(255,255,255,.75);padding:10px 28px}
  .nav-lang-item:hover{color:#fff;background:rgba(255,255,255,.07);padding-left:34px}
  .nav-lang-item.active{color:#fff;font-weight:600}
}
.nav-lang-item.active::after{content:'✓';color:var(--fire);font-size:12px;margin-left:10px}
.nav-lang-li>button{justify-content:flex-start;gap:7px;width:100%}
.nav-lang-label{display:none}
@media(max-width:1199px){
.nav-lang-label{display:inline}
.nav-item.nav-lang-li{order:-1}
}
.login-drop{min-width:280px;padding:18px}
.login-links{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid #E8ECF2}
.login-links a{font-size:12.5px;color:var(--muted);transition:color .15s}
.login-links a:hover{color:var(--fire)}
.nav-end{display:flex;align-items:center;gap:10px}
.live-pill{display:flex;align-items:center;gap:6px;border:1px solid rgba(31,174,98,.35);background:rgba(31,174,98,.12);border-radius:100px;padding:5px 12px;font-size:12px;font-weight:500;color:#2DD971;white-space:nowrap}
.pulse{width:7px;height:7px;border-radius:50%;background:#2DD971;animation:blink 1.3s ease-in-out infinite;flex-shrink:0}
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0}
.hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .25s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mob-menu a{display:block;padding:10px 16px 10px 28px;color:rgba(255,255,255,.75);font-size:15px;font-weight:400;border-bottom:1px solid rgba(255,255,255,.05);transition:color .15s}
.mob-menu a:hover{color:#fff}
.mob-section{margin-bottom:6px}
.mob-section-label{padding:14px 16px 6px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.3)}
.mob-section a{border-bottom:none}
.mob-reg{background:var(--fire)!important;color:#fff!important;border-radius:9px;margin-top:8px;text-align:center;border:none!important;font-weight:700!important;padding:13px 16px!important}

/* ── 11. FOOTER ───────────────────────────────────────────────────────── */
footer{background:#1A2B3C;border-top:1px solid rgba(255,255,255,.08);padding:48px 0 28px}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}
.fg-about p{font-size:14px;color:#7A9AB5;line-height:1.4;margin-top:10px;font-weight:300}
.fg-contacts{margin-top:14px}
.fg-contacts a{display:block;font-size:13px;color:#7A9AB5;margin-bottom:4px;transition:color .15s}
.fg-contacts a:hover{color:#fff}
.fg-head{font-family:'Syne',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.22);margin-bottom:12px}
.fg-links{list-style:none;display:flex;flex-direction:column;gap:8px}
.fg-links a{font-size:14.5px;color:#7A9AB5;transition:color .15s}
.fg-links a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:rgba(255,255,255,.18);flex-wrap:wrap;gap:8px}
.footer-bottom a{color:rgba(255,255,255,.18)}
.footer-bottom a:hover{color:#7A9AB5}

/* ── 12. TICKER / MARQUEE ─────────────────────────────────────────────── */
.ticker{background:var(--fire);overflow:hidden;padding:7px 0;contain:layout style}
.ticker-track{display:flex;width:max-content;animation:tick 42s linear infinite;will-change:transform;backface-visibility:hidden}
.ticker-track:hover{animation-play-state:paused}
.tick{display:inline-flex;align-items:center;gap:9px;padding:0 26px;border-right:1px solid rgba(255,255,255,.22);font-size:13px;font-weight:500;white-space:nowrap;color:#fff}
.ti-live{background:#fff;color:var(--fire);border-radius:3px;padding:1px 6px;font-size:10px;font-weight:800;letter-spacing:.07em}

/* ── 13. TOAST ────────────────────────────────────────────────────────── */
.toast{position:fixed;bottom:90px;right:24px;background:var(--ink);color:#fff;padding:14px 20px;border-radius:10px;font-size:14px;font-weight:500;z-index:9999;opacity:0;transform:translateY(12px);transition:all .3s;pointer-events:none;max-width:300px;line-height:1.5}
.toast.show{opacity:1;transform:translateY(0)}
.toast::before{content:'✓';display:inline-block;margin-right:8px;color:var(--greenf);font-weight:700}

/* ── 14. MOBILE STICKY CTA ────────────────────────────────────────────── */
.mob-sticky{display:none;position:fixed;bottom:0;left:0;right:0;background:#1A2B3C;border-top:2px solid var(--fire);padding:10px 16px;z-index:998;gap:8px;align-items:center;justify-content:center}
.mob-sticky a{flex:0 0 auto;text-align:center}
@media(max-width:560px){
  .mob-sticky{justify-content:flex-start}
  .mob-sticky .hide-sm{display:none;}
}

/* ── 15. UTILITIES ────────────────────────────────────────────────────── */
.count-ghost-wrap{display:inline-grid}
.count-ghost-wrap>*{grid-area:1/1}
.count-ghost-val{visibility:hidden;pointer-events:none;user-select:none}
.ico{display:inline-block;vertical-align:middle;flex-shrink:0}
.ico-va{vertical-align:middle;display:inline-block;flex-shrink:0}
.vc-hdr-ico{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted2)}
.vc-hdr-ico i{color:inherit;font-size:1.8rem;padding:0}
i.ti{padding:0}
.dark-body{color:rgba(200,214,229,.9)}
.dark-link-row{display:flex;align-items:center;gap:10px;padding:10px 13px;background:rgba(255,255,255,.07);border-radius:9px;text-decoration:none;transition:background .2s}
.dark-link-row:hover{background:rgba(255,255,255,.12)}
.dark-link-btn{padding:8px 14px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:rgba(200,214,229,.8);font-size:13px;font-weight:600;text-decoration:none;transition:border-color .15s}
.muted-sm{font-size:13.5px;color:var(--muted);line-height:1.6}
.muted-xs{color:var(--muted);font-size:13px}
.col-gap8{display:flex;flex-direction:column;gap:8px}
/* chk-* — legacy bullet colors; нов код ползва .text-* */
.chk-fire{color:var(--fire);flex-shrink:0} .chk-gold{color:var(--goldf);flex-shrink:0} .chk-blue{color:var(--blue);flex-shrink:0}
.chk-green{color:var(--greenf);flex-shrink:0} .chk-purple{color:var(--purplef);flex-shrink:0} .chk-teal{color:var(--teal);flex-shrink:0} .chk-sky{color:var(--sky);flex-shrink:0} .chk-ink-blue{color:var(--blue);flex-shrink:0}

/* ── 16. SECTION LAYOUT HELPERS ───────────────────────────────────────── */
.sec-center{text-align:center;margin-bottom:44px}
.sec-center.mb52{margin-bottom:52px} .sec-center.mb48{margin-bottom:48px} .sec-center.mb40{margin-bottom:40px}
.sec-hdr-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}
.sec-hdr-row.mb28{margin-bottom:28px} .sec-hdr-row.mb20{margin-bottom:20px}
.sec-white-border{padding:80px 0;background:#fff;border-top:1px solid var(--border)}
.sec-bg-top{padding:88px 0;background:var(--bg)}
.sec-bg-border{padding:84px 0;background:var(--bg);border-top:1px solid var(--border)}
.sec-dark-fire{padding:84px 0;background:#1A2B3C;border-top:3px solid var(--fire)}
.sec-bg-tb{padding:68px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.sec-white-tb{padding:68px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff}
.sec-products{padding:92px 0;background:var(--bg);border-top:1px solid var(--border)}

/* ── 17. RESPONSIVE ───────────────────────────────────────────────────── */
@media(max-width:1199px){
  .fg{grid-template-columns:1fr 1fr}
  nav{position:fixed;top:0;left:0;right:0;width:100%}
  .ticker{margin-top:60px;overflow:hidden}
  .hamburger{display:flex}
  .nav-end .btn{display:none}
  .nav-end .live-pill{display:none}
  .mob-sticky{display:flex}
  body{padding-bottom:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;width:100%;background:var(--nav-bg);z-index:999;overflow-y:auto;flex-direction:column;gap:0;height:auto;padding:0 0 80px;box-sizing:border-box}
  .nav-links.open{display:flex}
  body.nav-open .mob-sticky{display:none!important}
  .nav-item{height:auto;display:block;border-bottom:1px solid rgba(255,255,255,.06);width:100%}
  .nav-item>a,.nav-item>button{height:auto;padding:13px 20px;font-size:15px;font-weight:600;color:rgba(255,255,255,.85);width:100%;justify-content:space-between;border-radius:0;box-sizing:border-box}
  .nav-item>a:hover,.nav-item>button:hover,.nav-item:hover>a,.nav-item:hover>button{background:rgba(255,255,255,.04);color:#fff}
  .nav-caret{font-size:11px;opacity:.45;margin-left:auto;padding-left:8px;flex-shrink:0}
  .nav-drop{display:block;position:static;min-width:0;width:100%;border:none;padding:0 0 8px 20px;box-shadow:none;background:transparent;z-index:auto}
  .nav-item>a .nav-caret,.nav-item>button .nav-caret{display:none}
  .nd-item{font-size:14px;color:rgba(255,255,255,.6);padding:8px 12px;border-radius:6px;white-space:normal}
  .nd-item:hover{color:#fff;background:rgba(255,255,255,.06);padding-left:14px}
  .nd-sep{background:rgba(255,255,255,.08)}
  .nd-label{color:rgba(255,255,255,.25)}
  .nav-login-item{display:none}
  .nd-desktop-only{display:none!important}
  .nav-mob-cta{display:flex;flex-direction:column;gap:8px;padding:16px 20px;margin-top:8px;border-top:1px solid rgba(255,255,255,.08)}
}
@media(min-width:1200px){.nav-mob-cta{display:none!important}}
@media(max-width:720px){nav{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important}}
@media(max-width:560px){
  .fg{grid-template-columns:1fr}
  .form-grid-2{grid-template-columns:1fr}
  .final-btns{flex-direction:column;align-items:stretch}
  .final-btns a{text-align:center}
}