/* Rankora — начална страница. Тъмносиньо, синьо, бяло; зелено/червено само за данни. */
body.landing { background: #fff; }
.landing, .landing * { font-feature-settings: 'locl' 0; }
.landing [id] { scroll-margin-top: 90px; }
.landing section { position: relative; }
.ln-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; position: relative; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; font: 700 12.5px var(--font); letter-spacing: .14em; text-transform: uppercase; color: var(--brand); }
.eyebrow::before { content: ''; width: 22px; height: 2px; background: currentColor; border-radius: 2px; }
.dark-sec .eyebrow, .ln-hero .eyebrow { color: #8fb0ff; }
.ln-h2 { font: 800 clamp(30px, 3.8vw, 48px)/1.1 var(--display); letter-spacing: -.03em; margin: 14px 0 16px; color: var(--ink); }
.dark-sec .ln-h2 { color: #fff; }
.ln-lead { font-size: 18px; color: var(--ink-2); max-width: 640px; margin: 0; }
.dark-sec .ln-lead { color: rgba(255,255,255,.7); }
.ln-head { max-width: 780px; margin-bottom: 52px; }
.ln-head.center { text-align: center; margin-left: auto; margin-right: auto; }
.ln-head.center .ln-lead { margin: 0 auto; }
.ln-sec { padding: 110px 0; }
.ln-sec.tint { background: var(--bg); }
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
.reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .reveal { opacity: 1; transform: none; transition: none; } }
@keyframes blink { 50% { opacity: 0; } }
.ok-ic, .no-ic, .part-ic { width: 26px; height: 26px; border-radius: 50%; display: inline-grid; place-items: center; flex: none; }
.ok-ic { background: #dcf6ea; color: #0e9f6e; }
.no-ic { background: #ffe5e3; color: #e0453a; }
.part-ic { background: #fff1d6; color: #c98100; }
.ok-ic svg, .no-ic svg, .part-ic svg { width: 14px; height: 14px; }

/* ───────── Бутони ───────── */
.lbtn { position: relative; display: inline-flex; align-items: center; gap: 12px; border: 0; border-radius: 12px; padding: 14px 16px 14px 22px; font: 600 15.5px var(--font); text-decoration: none; cursor: pointer; overflow: hidden; isolation: isolate; transition: transform .2s, box-shadow .2s, background .2s; white-space: nowrap; }
.lbtn .ar { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; transition: transform .25s; }
.lbtn .ar svg { width: 15px; height: 15px; }
.lbtn:hover .ar { transform: translateX(3px); }
.lbtn:active { transform: scale(.97); }
.lbtn-primary { background: linear-gradient(180deg, #4a80ff, #2559f0); color: #fff; box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 10px 24px -8px rgba(47,107,255,.7); }
.lbtn-primary .ar { background: rgba(255,255,255,.18); }
.lbtn-primary::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.35) 50%, transparent 70%); transform: translateX(-120%); transition: transform .8s; }
.lbtn-primary:hover::after { transform: translateX(120%); }
.lbtn-line { background: #fff; color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--line-2); padding-right: 22px; }
.lbtn-line:hover { box-shadow: inset 0 0 0 1.5px var(--ink); }
.lbtn-white { background: #fff; color: var(--navy); padding-right: 22px; }
.lbtn-sm { padding: 9px 12px 9px 16px; font-size: 14px; border-radius: 10px; }
.lbtn-sm .ar { width: 22px; height: 22px; border-radius: 6px; }

/* ───────── Header ───────── */
.lh { position: fixed; top: 0; left: 0; right: 0; z-index: 50; transition: background .3s, box-shadow .3s, color .3s; color: #fff; }
.lh .ln-wrap { display: flex; align-items: center; gap: 30px; height: 76px; }
.lh .logo, .lf .logo { color: inherit; }
.lh .logo .word { color: inherit; font-size: 26px; }
.lh.solid { background: rgba(255,255,255,.92); backdrop-filter: saturate(1.6) blur(14px); color: var(--ink); box-shadow: 0 1px 0 var(--line); }
.lh-nav { display: flex; gap: 4px; margin-left: 18px; }
.lh-nav > a, .lh-nav > .dd > button { color: inherit; text-decoration: none; font: 500 15px var(--font); padding: 10px 14px; border-radius: 10px; background: none; border: 0; cursor: pointer; opacity: .82; display: inline-flex; align-items: center; gap: 6px; transition: opacity .15s, background .15s; }
.lh-nav > a:hover, .lh-nav > .dd > button:hover, .lh-nav > .dd.open > button { opacity: 1; background: rgba(127,150,200,.14); }
.lh-nav .dd { position: relative; }
.lh-nav .dd > button svg { width: 14px; height: 14px; transition: transform .2s; }
.lh-nav .dd.open > button svg { transform: rotate(180deg); }
.mega { position: absolute; top: calc(100% + 12px); left: -20px; width: 640px; background: #fff; color: var(--ink); border-radius: 18px; box-shadow: 0 30px 70px -20px rgba(7,20,51,.45), 0 0 0 1px rgba(13,24,52,.06); padding: 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: .2s; }
.dd.open .mega { opacity: 1; visibility: visible; transform: none; }
.mega a { display: flex; gap: 14px; padding: 14px; border-radius: 12px; text-decoration: none; color: inherit; transition: background .15s; }
.mega a:hover { background: var(--bg); }
.mega a .mi { width: 38px; height: 38px; border-radius: 10px; border: 1.5px solid var(--line); display: grid; place-items: center; color: var(--brand); flex: none; background: #fff; }
.mega a .mi svg { width: 19px; height: 19px; }
.mega a b { display: block; font-size: 14.5px; }
.mega a span { font-size: 13px; color: var(--ink-2); line-height: 1.4; }
.mega .mega-foot { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; background: var(--bg); border-radius: 12px; padding: 14px 16px; margin-top: 6px; font-size: 14px; }
.mega .mega-foot a { padding: 0; display: inline; color: var(--brand); font-weight: 600; }
.lh-right { margin-left: auto; display: flex; gap: 10px; align-items: center; }
.lh-login { color: inherit; text-decoration: none; font-weight: 600; font-size: 15px; padding: 10px 14px; opacity: .9; }
.lh-burger { display: none; background: none; border: 0; color: inherit; cursor: pointer; padding: 8px; }
.lh-burger svg { width: 26px; height: 26px; }
@media (max-width: 1020px) {
  .lh-nav, .lh-login { display: none; }
  .lh-burger { display: block; }
  .lh.menu-open .lh-nav { display: flex; flex-direction: column; position: absolute; top: 76px; left: 0; right: 0; background: #fff; color: var(--ink); padding: 12px 20px 20px; box-shadow: 0 20px 40px rgba(7,20,51,.2); margin: 0; }
  .lh.menu-open .mega { position: static; width: auto; box-shadow: none; grid-template-columns: 1fr; display: none; }
  .lh.menu-open .dd.open .mega { display: grid; }
}

/* ───────── Hero ───────── */
.ln-hero { background: radial-gradient(1000px 600px at 75% 20%, #12307a 0%, transparent 60%), linear-gradient(170deg, #050f28 0%, #0a1a45 70%, #0d2156 100%); color: #fff; padding: 150px 0 150px; overflow: hidden; }
.ln-hero canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-inner { display: grid; grid-template-columns: 1.02fr 1fr; gap: 50px; align-items: center; }
.ln-hero h1 { font: 800 clamp(40px, 5.4vw, 70px)/1.03 var(--display); letter-spacing: -.04em; margin: 20px 0 22px; }
.ln-hero h1 .grad { background: linear-gradient(90deg, #7aa2ff, #b9cdff 60%, #7aa2ff); -webkit-background-clip: text; background-clip: text; color: transparent; background-size: 200% 100%; animation: shine 6s linear infinite; }
@keyframes shine { to { background-position: -200% 0; } }
.ln-hero .sub { font-size: 19px; color: rgba(255,255,255,.75); max-width: 540px; margin: 0 0 32px; }
.hero-form { display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 16px; padding: 8px 8px 8px 18px; max-width: 580px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.6), 0 0 0 6px rgba(74,128,255,.18); transition: box-shadow .2s; }
.hero-form:focus-within { box-shadow: 0 30px 60px -20px rgba(0,0,0,.6), 0 0 0 6px rgba(74,128,255,.45); }
.hero-form .pfx { color: var(--ink-3); font: 500 16px var(--font); white-space: nowrap; }
.hero-form input { flex: 1; min-width: 0; border: 0; outline: 0; font: 600 17px var(--font); color: var(--ink); padding: 12px 2px; background: transparent; }
.hero-form input::placeholder { color: #a7b0c6; font-weight: 500; }
.hero-meta { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 18px; font-size: 14px; color: rgba(255,255,255,.62); }
.hero-meta span { display: inline-flex; align-items: center; gap: 8px; }
.hero-meta svg { width: 16px; height: 16px; color: #6ee7b7; }
.form-error.ln { color: #ffb4ab; margin-top: 10px; min-height: 22px; font-size: 14px; }
@media (max-width: 1020px) { .hero-inner { grid-template-columns: 1fr; } .hero-visual { display: none; } .ln-hero { padding-top: 120px; } }
@media (max-width: 560px) { .hero-form { flex-wrap: wrap; } .hero-form .lbtn { width: 100%; justify-content: center; } .hero-form .pfx { display: none; } }
.hero-visual { position: relative; height: 470px; }
.serp { position: absolute; inset: 20px 20px 40px 30px; background: #fff; color: var(--ink); border-radius: 18px; box-shadow: 0 40px 90px -20px rgba(0,0,0,.65); overflow: hidden; }
.serp-top { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-bottom: 1px solid #edf0f6; }
.serp-top .g { font: 700 20px Arial, sans-serif; letter-spacing: -.5px; }
.serp-q { flex: 1; display: flex; align-items: center; gap: 10px; border-radius: 99px; padding: 9px 16px; box-shadow: 0 1px 6px rgba(32,33,36,.18); font-size: 14px; }
.serp-q svg { width: 15px; height: 15px; color: #9aa0a6; }
.serp-q .typed::after { content: '|'; animation: blink .9s steps(2) infinite; color: var(--brand); margin-left: 1px; }
.serp-list { padding: 8px 22px; }
.serp-item { padding: 12px 0; position: relative; transition: transform .8s cubic-bezier(.3,.8,.2,1); }
.serp-item .u { font-size: 12px; color: #4d5156; display: flex; align-items: center; gap: 8px; }
.serp-item .u i { width: 18px; height: 18px; border-radius: 50%; background: #eef1f6; display: inline-block; }
.serp-item .t { color: #1a0dab; font-size: 17px; margin: 3px 0 2px; font-family: Arial, sans-serif; }
.serp-item .d { color: #4d5156; font-size: 12.5px; line-height: 1.45; }
.serp-item.ours .u i { background: var(--brand); }
.serp-item.ours::before { content: ''; position: absolute; inset: 0 -12px; border-radius: 12px; background: rgba(47,107,255,.07); box-shadow: inset 0 0 0 1.5px rgba(47,107,255,.35); z-index: -1; }
.serp-item .rank { position: absolute; right: -6px; top: 12px; font: 800 12px var(--font); color: #fff; background: var(--brand); padding: 3px 8px; border-radius: 99px; opacity: 0; }
.serp-item.ours .rank { opacity: 1; }
.float { position: absolute; background: rgba(255,255,255,.97); color: var(--ink); border-radius: 14px; padding: 12px 14px; box-shadow: 0 24px 50px -16px rgba(0,0,0,.55); font-size: 13px; display: flex; gap: 10px; align-items: center; animation: bob 7s ease-in-out infinite; z-index: 2; }
.float b { display: block; font-size: 14px; }
.float small { color: var(--ink-3); }
.float .fi { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; flex: none; }
.float .fi svg { width: 17px; height: 17px; }
.float.f1 { left: -10px; top: 70px; }
.float.f2 { right: -16px; top: 210px; animation-delay: -2.5s; }
.float.f3 { left: 30px; bottom: 6px; animation-delay: -4.5s; }
@keyframes bob { 50% { transform: translateY(-10px); } }
.datastrip { margin-top: 80px; display: flex; align-items: center; gap: 34px; flex-wrap: wrap; justify-content: space-between; }
.datastrip small { color: rgba(255,255,255,.5); font-size: 12.5px; text-transform: uppercase; letter-spacing: .12em; font-weight: 600; }
.datastrip span { color: rgba(255,255,255,.72); font: 700 16px var(--display); display: inline-flex; align-items: center; gap: 8px; }
.datastrip span svg { width: 18px; height: 18px; opacity: .8; }

/* ───────── Показатели (застъпват hero) ───────── */
.statband { margin-top: -86px; position: relative; z-index: 3; }
.stat-card { display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border-radius: 24px; box-shadow: 0 40px 80px -30px rgba(7,20,51,.45), 0 0 0 1px rgba(13,24,52,.05); overflow: hidden; }
.st { padding: 28px 26px 24px; border-right: 1px solid var(--line); display: grid; gap: 14px; align-content: start; position: relative; }
.st:last-child { border-right: 0; }
.st-top { display: flex; align-items: center; justify-content: space-between; }
.st-ic { width: 42px; height: 42px; border-radius: 12px; background: var(--navy); color: #fff; display: grid; place-items: center; }
.st-ic svg { width: 20px; height: 20px; }
.st-chip { font-size: 12px; font-weight: 700; color: var(--brand); background: var(--brand-soft); padding: 4px 10px; border-radius: 99px; }
.st b { font: 800 42px/1 var(--display); letter-spacing: -.04em; color: var(--ink); }
.st b em { font-style: normal; color: var(--brand); }
.st span.l { color: var(--ink-2); font-size: 14.5px; }
.st .viz { height: 34px; display: flex; align-items: flex-end; gap: 4px; }
.st .viz i { flex: 1; border-radius: 3px 3px 0 0; background: linear-gradient(180deg, #4a80ff, #2559f0); opacity: .85; }
.st .viz i:nth-child(odd) { opacity: .45; }
.st .prog { height: 8px; border-radius: 99px; background: var(--bg-2); overflow: hidden; }
.st .prog i { display: block; height: 100%; width: 0; border-radius: 99px; background: linear-gradient(90deg, #4a80ff, #2559f0); transition: width 1.6s cubic-bezier(.2,.7,.2,1); }
.in .st .prog i, .st.in .prog i { width: var(--w); }
.st .dots { display: flex; gap: 5px; }
.st .dots i { width: 9px; height: 9px; border-radius: 50%; background: var(--brand); animation: pulse24 1.6s infinite; }
.st .dots i:nth-child(2) { animation-delay: .2s; } .st .dots i:nth-child(3) { animation-delay: .4s; }
@keyframes pulse24 { 50% { opacity: .25; transform: scale(.7); } }
@media (max-width: 900px) { .stat-card { grid-template-columns: repeat(2, 1fr); } .st:nth-child(2) { border-right: 0; } .st:nth-child(-n+2) { border-bottom: 1px solid var(--line); } }

/* ───────── Как работи ───────── */
.steps-line { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; position: relative; }
.steps-line::before { content: ''; position: absolute; top: 27px; left: 8%; right: 8%; height: 2px; background: repeating-linear-gradient(90deg, var(--line-2) 0 8px, transparent 8px 16px); }
.sl .num { width: 56px; height: 56px; border-radius: 50%; background: #fff; border: 2px solid var(--brand); color: var(--brand); display: grid; place-items: center; font: 800 20px var(--display); margin-bottom: 24px; position: relative; box-shadow: 0 0 0 8px #fff; }
.sl h3 { font: 800 22px var(--display); margin: 0 0 10px; letter-spacing: -.02em; }
.sl p { color: var(--ink-2); margin: 0; }
.sl .tag { display: inline-block; margin-top: 14px; font-size: 13px; font-weight: 600; color: var(--brand); background: var(--brand-soft); padding: 5px 11px; border-radius: 99px; }
@media (max-width: 860px) { .steps-line { grid-template-columns: 1fr; } .steps-line::before { display: none; } }

/* ───────── Възможности — bento ───────── */
.bento { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: minmax(220px, auto); gap: 18px; }
.bx { background: #fff; border-radius: 22px; box-shadow: 0 0 0 1px rgba(13,24,52,.06), 0 18px 40px -26px rgba(13,24,52,.35); padding: 24px; display: flex; flex-direction: column; overflow: hidden; position: relative; transition: transform .3s, box-shadow .3s; }
.bx:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px rgba(47,107,255,.25), 0 30px 60px -30px rgba(47,107,255,.45); }
.bx.w2 { grid-column: span 2; } .bx.h2 { grid-row: span 2; }
.bx.navy { background: linear-gradient(160deg, #0a1a45, #102a6b); color: #fff; }
.bx.navy p { color: rgba(255,255,255,.72); }
.bx .bt { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.bx .bt svg { width: 20px; height: 20px; color: var(--brand); }
.bx.navy .bt svg { color: #8fb0ff; }
.bx h3 { font: 800 19px/1.25 var(--display); margin: 0; letter-spacing: -.015em; }
.bx p { color: var(--ink-2); font-size: 14.5px; margin: 6px 0 0; }
.bx .vis { margin-top: auto; padding-top: 18px; }
.mini { background: var(--bg); border-radius: 14px; padding: 12px; font-size: 13px; }
.bx.navy .mini { background: rgba(255,255,255,.07); }
.mrow { display: flex; align-items: center; gap: 10px; padding: 7px 4px; border-bottom: 1px solid var(--line); }
.bx.navy .mrow { border-color: rgba(255,255,255,.08); }
.mrow:last-child { border: 0; }
.mrow .p { margin-left: auto; font: 800 14px var(--display); }
.chg-up { font-size: 11.5px; font-weight: 700; color: #0e9f6e; background: #dcf6ea; padding: 2px 7px; border-radius: 6px; }
.chg-dn { font-size: 11.5px; font-weight: 700; color: #e0453a; background: #ffe5e3; padding: 2px 7px; border-radius: 6px; }
.sq { width: 9px; height: 9px; border-radius: 3px; flex: none; }
.ring3 { display: flex; justify-content: space-between; gap: 8px; }
.ring3 div { text-align: center; font-size: 12px; color: var(--ink-2); font-weight: 600; }
.ring3 svg { width: 62px; height: 62px; display: block; margin: 0 auto 4px; }
.diff-old { background: #ffe5e3; color: #b42318; text-decoration: line-through; padding: 6px 9px; border-radius: 8px; margin-bottom: 6px; font-size: 13px; }
.diff-new { background: #dcf6ea; color: #067647; padding: 6px 9px; border-radius: 8px; font-size: 13px; }
.bigdelta { display: flex; align-items: center; gap: 14px; font: 800 38px var(--display); letter-spacing: -.03em; }
.bigdelta s { color: #e0453a; text-decoration-thickness: 3px; }
.bigdelta svg { width: 26px; height: 26px; color: var(--ink-3); }
.bigdelta em { font-style: normal; color: #0e9f6e; }
.codebox { background: #0a1a45; color: #c9d7ff; border-radius: 12px; padding: 12px 14px; font: 12px/1.6 'JetBrains Mono', ui-monospace, monospace; white-space: pre; overflow: hidden; }
.codebox .k { color: #7aa2ff; } .codebox .s { color: #8ee6b5; }
.bots { display: flex; flex-wrap: wrap; gap: 6px; }
.bots span { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; background: rgba(255,255,255,.08); padding: 6px 10px; border-radius: 99px; }
.bots span svg { width: 13px; height: 13px; color: #6ee7b7; }
.mail { background: #fff; color: var(--ink); border-radius: 12px; padding: 12px; font-size: 12.5px; box-shadow: 0 10px 30px -14px rgba(0,0,0,.4); }
.mail b { display: block; font-size: 13px; margin-bottom: 6px; }
.mail ol { margin: 0; padding-left: 18px; color: var(--ink-2); display: grid; gap: 3px; }
.files { display: flex; gap: 10px; }
.files span { flex: 1; text-align: center; border-radius: 12px; padding: 14px 6px; font: 800 13px var(--display); }
.files .pdf { background: #ffe5e3; color: #b42318; } .files .xls { background: #dcf6ea; color: #067647; } .files .csv { background: var(--brand-soft); color: var(--brand); }
.sites { display: flex; flex-wrap: wrap; gap: 6px; }
.sites span { font-size: 12px; font-weight: 600; background: var(--bg); border-radius: 8px; padding: 6px 9px; display: inline-flex; align-items: center; gap: 6px; }
.sites span i { width: 7px; height: 7px; border-radius: 50%; background: #0e9f6e; }
.oppbar { display: grid; gap: 8px; }
.oppbar div { display: grid; grid-template-columns: 1fr auto; gap: 6px 8px; align-items: center; font-size: 12.5px; }
.oppbar i { grid-column: 1 / -1; display: block; height: 6px; border-radius: 99px; background: linear-gradient(90deg, #4a80ff, #2559f0); }
.bx svg.chart { width: 100%; height: 120px; display: block; }
@media (max-width: 1060px) { .bento { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .bento { grid-template-columns: 1fr; } .bx.w2 { grid-column: auto; } .bx.h2 { grid-row: auto; } }

/* ───────── Модули — табове ───────── */
.ticker { background: var(--navy); color: rgba(255,255,255,.8); overflow: hidden; padding: 16px 0; }
.ticker-track { display: flex; width: max-content; animation: scroll 60s linear infinite; }
.ticker:hover .ticker-track { animation-play-state: paused; }
.ticker span { display: inline-flex; align-items: center; gap: 12px; padding: 0 22px; font-size: 14.5px; font-weight: 500; white-space: nowrap; }
.ticker span::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #4a80ff; }
@keyframes scroll { to { transform: translateX(-50%); } }
.modtabs { display: grid; grid-template-columns: 340px 1fr; gap: 24px; align-items: start; }
.modlist { display: grid; gap: 6px; }
.modbtn { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 16px; border: 0; background: transparent; cursor: pointer; text-align: left; font: inherit; color: var(--ink); transition: background .2s, box-shadow .2s; }
.modbtn:hover { background: var(--bg); }
.modbtn.on { background: #fff; box-shadow: 0 0 0 1.5px var(--brand), 0 16px 30px -18px rgba(47,107,255,.6); }
.modbtn .mic { width: 42px; height: 42px; border-radius: 12px; background: var(--bg-2); color: var(--ink-2); display: grid; place-items: center; flex: none; transition: .2s; }
.modbtn.on .mic { background: var(--brand); color: #fff; }
.modbtn .mic svg { width: 20px; height: 20px; }
.modbtn b { display: block; font: 700 15.5px var(--display); letter-spacing: -.01em; }
.modbtn small { color: var(--ink-3); font-size: 13px; }
.modbtn .arr2 { margin-left: auto; color: var(--ink-3); opacity: 0; transition: .2s; }
.modbtn.on .arr2 { opacity: 1; color: var(--brand); }
.modbtn .arr2 svg { width: 16px; height: 16px; }
.modpanel { background: #fff; border-radius: 24px; box-shadow: 0 0 0 1px rgba(13,24,52,.06), 0 40px 80px -40px rgba(13,24,52,.4); padding: 34px; }
.modpanel .mp-head { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 8px; }
.modpanel .mp-ic { width: 54px; height: 54px; border-radius: 16px; background: linear-gradient(160deg, #0a1a45, #102a6b); color: #fff; display: grid; place-items: center; flex: none; }
.modpanel .mp-ic svg { width: 26px; height: 26px; }
.modpanel h3 { font: 800 26px var(--display); margin: 2px 0 4px; letter-spacing: -.02em; }
.modpanel .mp-sub { color: var(--ink-2); margin: 0; }
.mp-checks { list-style: none; padding: 0; margin: 24px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 22px; }
.mp-checks li { display: flex; gap: 10px; align-items: center; font-size: 14.5px; font-weight: 500; }
.mp-checks .ok-ic { width: 22px; height: 22px; }
.mp-checks .ok-ic svg { width: 12px; height: 12px; }
.mp-example { border-radius: 16px; background: var(--bg); padding: 16px 18px; display: grid; gap: 6px; }
.mp-example .lbl { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.mp-example .row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; font-weight: 600; }
.mp-example p { margin: 0; color: var(--ink-2); font-size: 14px; }
.fade-swap { animation: swap .35s ease; }
@keyframes swap { from { opacity: 0; transform: translateY(8px); } }
@media (max-width: 960px) { .modtabs { grid-template-columns: 1fr; } .modlist { grid-template-columns: 1fr 1fr; } .mp-checks { grid-template-columns: 1fr; } }

/* ───────── Безплатен инструмент ───────── */
.tool { display: grid; grid-template-columns: 1fr 1.05fr; background: #fff; border-radius: 26px; box-shadow: 0 0 0 1px rgba(13,24,52,.06), 0 50px 90px -40px rgba(13,24,52,.4); overflow: hidden; }
.tool-in { padding: 34px; }
.tool-in h3 { font: 800 20px var(--display); margin: 0 0 4px; }
.tool-in > p { color: var(--ink-2); margin: 0 0 22px; font-size: 14.5px; }
.tool label { display: flex; justify-content: space-between; font-weight: 600; font-size: 14px; margin-bottom: 8px; }
.tool label .cnt { font-weight: 700; font-size: 12.5px; padding: 2px 8px; border-radius: 99px; background: var(--bg-2); color: var(--ink-3); font-variant-numeric: tabular-nums; }
.tool label .cnt.ok { color: #0e9f6e; background: #dcf6ea; }
.tool label .cnt.bad { color: #e0453a; background: #ffe5e3; }
.tool input, .tool textarea { width: 100%; border: 0; border-radius: 12px; box-shadow: inset 0 0 0 1.5px var(--line-2); padding: 13px 14px; font: 500 15px var(--font); color: var(--ink); outline: 0; margin-bottom: 18px; resize: vertical; background: #fff; }
.tool input:focus, .tool textarea:focus { box-shadow: inset 0 0 0 2px var(--brand); }
.meter { height: 5px; border-radius: 9px; background: var(--line); margin: -12px 0 18px; overflow: hidden; }
.meter i { display: block; height: 100%; border-radius: 9px; transition: width .2s, background .2s; }
.tool-out { background: linear-gradient(160deg, #0a1a45, #12307a); padding: 34px; color: #fff; position: relative; overflow: hidden; }
.tool-out::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px); background-size: 20px 20px; }
.tool-bar { position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; gap: 10px; flex-wrap: wrap; }
.dev { display: inline-flex; background: rgba(255,255,255,.1); border-radius: 10px; padding: 3px; }
.dev button { border: 0; background: none; color: rgba(255,255,255,.75); font: 600 13px var(--font); padding: 7px 12px; border-radius: 8px; cursor: pointer; display: inline-flex; gap: 6px; align-items: center; }
.dev button svg { width: 15px; height: 15px; }
.dev button.on { background: #fff; color: var(--navy); }
.score-pill { font-size: 13px; font-weight: 700; background: rgba(255,255,255,.12); padding: 6px 12px; border-radius: 99px; }
.browser { position: relative; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 30px 60px -20px rgba(0,0,0,.5); transition: max-width .35s; max-width: 100%; margin: 0 auto; }
.browser.mobile { max-width: 340px; }
.browser-top { display: flex; align-items: center; gap: 6px; padding: 10px 12px; background: #f1f3f7; }
.browser-top i { width: 9px; height: 9px; border-radius: 50%; background: #d4d9e3; }
.browser-top span { flex: 1; margin-left: 8px; background: #fff; border-radius: 99px; font-size: 11.5px; color: #6b7280; padding: 4px 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.snip { padding: 20px 22px 24px; font-family: Arial, sans-serif; color: #202124; }
.snip .su { display: flex; gap: 10px; align-items: center; font-size: 13px; }
.snip .su i { width: 28px; height: 28px; border-radius: 50%; background: #e8efff; display: grid; place-items: center; font-style: normal; font-size: 12px; font-weight: 700; color: var(--brand); }
.snip .su small { display: block; color: #4d5156; font-size: 12px; }
.snip .st { color: #1a0dab; font-size: 20px; line-height: 1.3; margin: 8px 0 4px; word-break: break-word; }
.browser.mobile .snip .st { font-size: 18px; }
.snip .sd { color: #4d5156; font-size: 14px; line-height: 1.55; word-break: break-word; }
.tips { position: relative; margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; font-size: 13.5px; }
.tips div { display: flex; gap: 9px; align-items: flex-start; background: rgba(255,255,255,.07); border-radius: 10px; padding: 9px 10px; color: rgba(255,255,255,.88); }
.tips .ok-ic, .tips .part-ic { width: 20px; height: 20px; }
.tips .ok-ic svg, .tips .part-ic svg { width: 11px; height: 11px; }
@media (max-width: 900px) { .tool { grid-template-columns: 1fr; } .tips { grid-template-columns: 1fr; } }

/* ───────── За кого ───────── */
.who { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.who-card { border-radius: 22px; background: #fff; box-shadow: 0 0 0 1px rgba(13,24,52,.07); overflow: hidden; display: flex; flex-direction: column; transition: transform .3s, box-shadow .3s; }
.who-card:hover { transform: translateY(-6px); box-shadow: 0 0 0 1.5px var(--brand), 0 30px 50px -28px rgba(47,107,255,.55); }
.who-top { position: relative; height: 128px; background: linear-gradient(150deg, #0a1a45, #1a3c8f); overflow: hidden; display: flex; align-items: flex-end; padding: 18px 22px; }
.who-top::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.12) 1px, transparent 1px); background-size: 16px 16px; mask-image: linear-gradient(to left, #000, transparent 80%); }
.who-top .wi { position: relative; width: 56px; height: 56px; border-radius: 16px; background: rgba(255,255,255,.12); box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); display: grid; place-items: center; color: #fff; }
.who-top .wi svg { width: 28px; height: 28px; }
.who-top .wtag { position: absolute; right: 18px; top: 18px; font-size: 12px; font-weight: 700; color: #cfe0ff; background: rgba(255,255,255,.1); padding: 4px 10px; border-radius: 99px; }
.who-body { padding: 22px; display: flex; flex-direction: column; flex: 1; }
.who-body h3 { font: 800 19px var(--display); margin: 0 0 8px; }
.who-body p { color: var(--ink-2); margin: 0 0 16px; font-size: 14.5px; }
.who-body ul { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 9px; }
.who-body li { display: flex; gap: 10px; align-items: center; font-size: 14px; font-weight: 500; }
.who-body li .ok-ic { width: 22px; height: 22px; background: var(--brand-soft); color: var(--brand); }
.who-body li .ok-ic svg { width: 12px; height: 12px; }
.who-body .wl { margin-top: auto; color: var(--brand); font-weight: 600; font-size: 14.5px; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.who-body .wl svg { width: 15px; height: 15px; transition: transform .2s; }
.who-card:hover .wl svg { transform: translateX(4px); }
@media (max-width: 1060px) { .who { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .who { grid-template-columns: 1fr; } }

/* ───────── Защо Rankora (тъмна секция) ───────── */
.dark-sec { background: radial-gradient(900px 500px at 15% 0%, rgba(47,107,255,.28), transparent 60%), radial-gradient(700px 400px at 100% 100%, rgba(47,107,255,.18), transparent 60%), #050f28; color: #fff; overflow: hidden; }
.dark-sec::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(ellipse at center, #000 40%, transparent 85%); pointer-events: none; }
.cmp-wrap { overflow-x: auto; border-radius: 24px; box-shadow: 0 50px 100px -40px rgba(0,0,0,.7); }
.cmp { width: 100%; min-width: 820px; border-collapse: separate; border-spacing: 0; background: #fff; color: var(--ink); }
.cmp th, .cmp td { padding: 16px 18px; border-bottom: 1px solid var(--line); font-size: 14.5px; text-align: center; vertical-align: middle; }
.cmp th:first-child, .cmp td:first-child { text-align: left; font-weight: 600; width: 30%; }
.cmp thead th { font: 800 14.5px var(--display); background: #fff; position: static; padding-top: 26px; padding-bottom: 20px; color: var(--ink); cursor: default; white-space: normal; text-transform: none; letter-spacing: -.01em; }
.cmp thead th small { display: block; font: 500 12px var(--font); color: var(--ink-3); margin-top: 3px; }
.cmp .us { background: rgba(47,107,255,.06); }
.cmp thead th.us { background: var(--navy); color: #fff; position: relative; }
.cmp thead th.us small { color: #8fb0ff; }
.cmp thead th.us .best { position: absolute; top: 7px; left: 50%; transform: translateX(-50%); font: 700 10px var(--font); letter-spacing: .08em; text-transform: uppercase; color: var(--navy); background: #7aa2ff; padding: 2px 8px; border-radius: 99px; white-space: nowrap; }
.cmp tbody tr:last-child td { border-bottom: 0; }
.cmp tbody tr:hover td { background: #fafbff; }
.cmp tbody tr:hover td.us { background: rgba(47,107,255,.1); }
.cmp td .txt { display: block; font-size: 12.5px; color: var(--ink-3); margin-top: 4px; }
.cmp td.us .txt { color: var(--brand); font-weight: 600; }
.cmp-note { color: rgba(255,255,255,.5); font-size: 13px; margin-top: 16px; text-align: center; }

/* ───────── Цени ───────── */
.prc { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; align-items: stretch; }
.pc { background: #fff; border-radius: 22px; box-shadow: 0 0 0 1px rgba(13,24,52,.08); padding: 28px 24px; display: flex; flex-direction: column; position: relative; transition: box-shadow .25s, transform .25s; }
.pc:hover { box-shadow: 0 0 0 1.5px var(--brand), 0 30px 60px -36px rgba(47,107,255,.6); }
.pc .pn { display: flex; align-items: center; justify-content: space-between; }
.pc .pn b { font: 800 17px var(--display); }
.pc .pn .pic { width: 38px; height: 38px; border-radius: 11px; background: var(--bg-2); color: var(--brand); display: grid; place-items: center; }
.pc .pn .pic svg { width: 18px; height: 18px; }
.pc .pd { color: var(--ink-2); font-size: 14px; margin: 8px 0 18px; min-height: 40px; }
.pc .pp { display: flex; align-items: baseline; gap: 6px; padding-bottom: 20px; border-bottom: 1px dashed var(--line-2); }
.pc .pp b { font: 800 46px/1 var(--display); letter-spacing: -.045em; }
.pc .pp span { color: var(--ink-3); font-size: 14px; }
.pc ul { list-style: none; padding: 0; margin: 20px 0 26px; display: grid; gap: 11px; flex: 1; align-content: start; }
.pc li { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; }
.pc li .ok-ic { width: 20px; height: 20px; background: var(--brand-soft); color: var(--brand); margin-top: 1px; }
.pc li .ok-ic svg { width: 11px; height: 11px; }
.pc li.no { color: var(--ink-3); }
.pc li.no .ok-ic { background: var(--bg-2); color: var(--ink-3); }
.pc .lbtn { justify-content: center; }
.pc.feat { background: linear-gradient(170deg, #0a1a45, #12307a); color: #fff; box-shadow: 0 50px 90px -40px rgba(7,20,51,.75); transform: translateY(-12px); }
.pc.feat .pd, .pc.feat .pp span { color: rgba(255,255,255,.7); }
.pc.feat .pp { border-color: rgba(255,255,255,.15); }
.pc.feat .pn .pic { background: rgba(255,255,255,.12); color: #fff; }
.pc.feat li .ok-ic { background: rgba(122,162,255,.2); color: #b9cdff; }
.pc .ribbon { position: absolute; top: -13px; left: 24px; background: linear-gradient(90deg, #7aa2ff, #b9cdff); color: var(--navy); font-size: 12px; font-weight: 800; padding: 5px 12px; border-radius: 99px; }
.allplans { margin-top: 34px; background: var(--bg); border-radius: 20px; padding: 22px 26px; display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.allplans b { font: 800 15px var(--display); }
.allplans span { display: inline-flex; gap: 8px; align-items: center; font-size: 14px; color: var(--ink-2); font-weight: 500; }
.allplans span svg { width: 16px; height: 16px; color: var(--brand); }
.oneoff { margin-top: 16px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; border-radius: 20px; padding: 22px 26px; box-shadow: inset 0 0 0 1.5px var(--line); }
.oneoff .oi { width: 46px; height: 46px; border-radius: 14px; background: var(--navy); color: #fff; display: grid; place-items: center; }
.oneoff .oi svg { width: 22px; height: 22px; }
.oneoff .ot { flex: 1; min-width: 240px; }
.oneoff b { font: 800 17px var(--display); display: block; }
.oneoff .ot span { color: var(--ink-2); font-size: 14.5px; }
.oneoff .pr { font: 800 30px var(--display); letter-spacing: -.03em; }
@media (max-width: 1100px) { .prc { grid-template-columns: repeat(2, 1fr); } .pc.feat { transform: none; } }
@media (max-width: 600px) { .prc { grid-template-columns: 1fr; } }

/* ───────── Ръководство ───────── */
.guide { display: grid; grid-template-columns: 280px 1fr; gap: 48px; align-items: start; }
.toc { position: sticky; top: 100px; background: #fff; border-radius: 20px; box-shadow: 0 0 0 1px var(--line); padding: 22px; }
.toc b { font: 800 14px var(--display); display: block; margin-bottom: 12px; }
.toc a { display: flex; gap: 12px; padding: 10px 8px; border-radius: 10px; text-decoration: none; color: var(--ink-2); font-size: 14.5px; font-weight: 500; transition: background .15s, color .15s; }
.toc a:hover, .toc a.on { background: var(--bg); color: var(--brand); }
.toc a span { font: 800 13px var(--display); color: var(--brand); }
.toc .toc-cta { margin-top: 14px; padding-top: 16px; border-top: 1px dashed var(--line-2); font-size: 13.5px; color: var(--ink-2); }
.toc .toc-cta a { display: inline; padding: 0; color: var(--brand); font-weight: 700; }
.article { background: #fff; border-radius: 26px; box-shadow: 0 0 0 1px var(--line); padding: 44px 48px; }
.article .meta { display: flex; gap: 16px; align-items: center; color: var(--ink-3); font-size: 13.5px; margin-bottom: 26px; flex-wrap: wrap; }
.article .meta span { display: inline-flex; gap: 6px; align-items: center; }
.article .meta svg { width: 15px; height: 15px; }
.article .chap { padding: 4px 0 26px; }
.article .chap + .chap { border-top: 1px solid var(--line); padding-top: 30px; }
.article h3 { display: flex; gap: 16px; align-items: baseline; font: 800 23px/1.25 var(--display); margin: 0 0 12px; letter-spacing: -.02em; }
.article h3 span { font: 800 15px var(--display); color: var(--brand); background: var(--brand-soft); padding: 4px 10px; border-radius: 8px; flex: none; }
.article p { color: var(--ink-2); font-size: 16.5px; line-height: 1.75; margin: 0; }
.article .callout { margin-top: 16px; display: flex; gap: 14px; background: linear-gradient(90deg, var(--brand-soft), #f4f7ff); border-radius: 14px; padding: 16px 18px; font-size: 15px; color: var(--ink); }
.article .callout svg { width: 22px; height: 22px; color: var(--brand); flex: none; }
.article .facts3 { margin-top: 16px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.article .facts3 div { background: var(--bg); border-radius: 12px; padding: 14px; }
.article .facts3 b { display: block; font: 800 20px var(--display); color: var(--brand); }
.article .facts3 span { font-size: 13px; color: var(--ink-2); }
@media (max-width: 960px) { .guide { grid-template-columns: 1fr; } .toc { position: static; } .article { padding: 28px 22px; } .article .facts3 { grid-template-columns: 1fr; } }

/* ───────── Въпроси ───────── */
.faq2 { display: grid; grid-template-columns: 380px 1fr; gap: 56px; align-items: start; }
.faq2-side { position: sticky; top: 100px; }
.faq2-side .ln-h2 { font-size: clamp(28px, 3vw, 40px); }
.helpcard { margin-top: 26px; background: linear-gradient(160deg, #0a1a45, #12307a); color: #fff; border-radius: 20px; padding: 24px; position: relative; overflow: hidden; }
.helpcard::after { content: ''; position: absolute; width: 160px; height: 160px; right: -50px; bottom: -60px; border-radius: 50%; background: radial-gradient(circle, rgba(122,162,255,.5), transparent 70%); }
.helpcard b { font: 800 17px var(--display); display: block; margin-bottom: 6px; }
.helpcard p { color: rgba(255,255,255,.72); margin: 0 0 16px; font-size: 14.5px; }
.helpcard a { color: #fff; font-weight: 700; text-decoration: none; display: inline-flex; gap: 8px; align-items: center; position: relative; z-index: 1; }
.helpcard a svg { width: 17px; height: 17px; }
.qa { border-radius: 18px; box-shadow: 0 0 0 1px var(--line); background: #fff; overflow: hidden; }
.qa details { border-bottom: 1px solid var(--line); }
.qa details:last-child { border-bottom: 0; }
.qa summary { list-style: none; cursor: pointer; display: flex; gap: 14px; align-items: center; padding: 17px 20px; font-weight: 600; font-size: 15.5px; transition: background .15s; }
.qa summary::-webkit-details-marker { display: none; }
.qa summary:hover { background: #fafbff; }
.qa summary .qn { font: 800 13px var(--display); color: var(--brand); width: 26px; flex: none; }
.qa summary .qt { flex: 1; }
.qa summary .qx { width: 28px; height: 28px; border-radius: 9px; background: var(--bg-2); display: grid; place-items: center; flex: none; transition: .25s; }
.qa summary .qx svg { width: 14px; height: 14px; }
.qa details[open] summary .qx { background: var(--brand); color: #fff; transform: rotate(45deg); }
.qa details[open] summary { background: #fafbff; }
.qa details p { margin: 0; padding: 0 20px 18px 60px; color: var(--ink-2); font-size: 15px; background: #fafbff; }
@media (max-width: 960px) { .faq2 { grid-template-columns: 1fr; gap: 28px; } .faq2-side { position: static; } }

/* ───────── Светлосин CTA ───────── */
.cta-light { background: linear-gradient(180deg, #eaf1ff, #dfe9ff); padding: 96px 0; overflow: hidden; }
.cta-light::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(47,107,255,.18) 1.2px, transparent 1.2px); background-size: 24px 24px; mask-image: radial-gradient(ellipse at center, #000 30%, transparent 75%); }
.cta-light .ln-wrap { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center; }
.cta-light h2 { font: 800 clamp(30px, 3.8vw, 48px)/1.1 var(--display); letter-spacing: -.03em; margin: 14px 0 14px; }
.cta-light p { color: var(--ink-2); font-size: 18px; margin: 0; }
.cta-box2 { background: #fff; border-radius: 22px; padding: 28px; box-shadow: 0 30px 60px -30px rgba(13,24,52,.4); }
.cta-box2 .hero-form { box-shadow: inset 0 0 0 1.5px var(--line-2); max-width: none; }
.cta-box2 .hero-form:focus-within { box-shadow: inset 0 0 0 2px var(--brand); }
.cta-box2 ul { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 8px; color: var(--ink-2); font-size: 14.5px; }
.cta-box2 li { display: flex; gap: 10px; align-items: center; }
.cta-box2 li svg { width: 17px; height: 17px; color: var(--brand); }
@media (max-width: 900px) { .cta-light .ln-wrap { grid-template-columns: 1fr; } }

/* ───────── Footer ───────── */
.lf { background: #040c22; color: rgba(255,255,255,.66); padding: 90px 0 0; position: relative; overflow: hidden; }
.lf::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, #000, transparent 90%); pointer-events: none; }
.lf::after { content: ''; position: absolute; width: 1000px; height: 700px; left: 50%; top: -420px; transform: translateX(-50%); background: radial-gradient(ellipse, rgba(47,107,255,.32), transparent 65%); pointer-events: none; }
.lf svg.lf-net { position: absolute; right: -40px; bottom: 40px; width: 560px; height: 320px; opacity: .5; pointer-events: none; }
.lf-top { position: relative; z-index: 1; display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 40px; padding-bottom: 60px; }
.lf .logo .word { color: #fff; font-size: 30px; }
.lf-brand p { margin: 18px 0 24px; max-width: 320px; font-size: 15px; line-height: 1.65; }
.lf h4 { color: #fff; font: 700 15px var(--display); margin: 6px 0 22px; position: relative; padding-bottom: 14px; letter-spacing: -.01em; }
.lf h4::before { content: ''; position: absolute; left: 0; bottom: 0; width: 34px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, #4a80ff, #8fb0ff); }
.lf h4::after { content: ''; position: absolute; left: 40px; bottom: 0; width: 6px; height: 3px; border-radius: 3px; background: #4a80ff; opacity: .55; }
.lf ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.lf a { color: rgba(255,255,255,.66); text-decoration: none; font-size: 15px; transition: color .15s, padding .2s; }
.lf ul a:hover { color: #fff; padding-left: 4px; }
.lf .soon-tag { font-size: 11px; font-weight: 700; color: #7aa2ff; border: 1px solid rgba(122,162,255,.4); border-radius: 99px; padding: 1px 7px; margin-left: 6px; }
.lf-contact { display: grid; gap: 12px; margin-top: 8px; }
.lf-contact a { display: inline-flex; gap: 10px; align-items: center; color: #fff; font-weight: 500; }
.lf-contact svg { width: 18px; height: 18px; color: #7aa2ff; }
.lf-band { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: rgba(255,255,255,.025); }
.lf-band div { padding: 22px 24px; display: flex; gap: 14px; align-items: center; font-size: 14.5px; }
.lf-band div + div { border-left: 1px solid rgba(255,255,255,.08); }
.lf-band .bi { width: 40px; height: 40px; border-radius: 12px; background: rgba(74,128,255,.15); display: grid; place-items: center; flex: none; padding: 0; }
.lf-band svg { width: 20px; height: 20px; color: #8fb0ff; }
.lf-band b { color: #fff; display: block; font-size: 15px; }
.lf-bottom { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding: 26px 0 30px; margin-top: 50px; border-top: 1px solid rgba(255,255,255,.08); font-size: 13.5px; }
.lf-bottom nav { display: flex; gap: 22px; flex-wrap: wrap; }
.lf-bottom .made a { color: #4a80ff; font-weight: 800; font-size: 13.5px; }
.lf-bottom .made a:hover { color: #8fb0ff; }
.to-top { position: fixed; right: 22px; bottom: 22px; width: 46px; height: 46px; border-radius: 14px; border: 0; background: var(--navy); color: #fff; display: grid; place-items: center; cursor: pointer; box-shadow: 0 14px 30px -10px rgba(7,20,51,.6); opacity: 0; transform: translateY(12px); transition: .25s; z-index: 40; }
.to-top.show { opacity: 1; transform: none; }
.to-top svg { width: 20px; height: 20px; }
@media (max-width: 1000px) { .lf-top { grid-template-columns: 1fr 1fr; } .lf-brand { grid-column: 1 / -1; } .lf-band { grid-template-columns: 1fr; } .lf-band div + div { border-left: 0; border-top: 1px solid rgba(255,255,255,.08); } }

/* ═════════════ v4 ═════════════ */
/* Бутони — един премиум стил навсякъде */
.lbtn { border-radius: 14px; font-weight: 700; letter-spacing: -.005em; padding: 7px 7px 7px 22px; min-height: 52px; gap: 14px; }
.lbtn .ar { width: 38px; height: 38px; border-radius: 11px; }
.lbtn .ar svg { width: 17px; height: 17px; }
.lbtn-primary { background: linear-gradient(135deg, #6b98ff 0%, #2f6bff 42%, #1b4ad6 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 -2px 0 rgba(4,20,80,.25), 0 0 0 1px rgba(27,74,214,.55), 0 14px 30px -10px rgba(47,107,255,.85); }
.lbtn-primary .ar { background: #fff; color: #1b4ad6; box-shadow: 0 4px 10px -2px rgba(4,20,80,.35); }
.lbtn-primary::after { animation: sheen 4.5s ease-in-out infinite; transition: none; }
@keyframes sheen { 0%, 60% { transform: translateX(-120%); } 85%, 100% { transform: translateX(120%); } }
.lbtn-primary:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -2px 0 rgba(4,20,80,.25), 0 0 0 1px rgba(27,74,214,.6), 0 0 0 6px rgba(47,107,255,.18), 0 20px 40px -12px rgba(47,107,255,.95); }
.lbtn-line { background: linear-gradient(180deg, #fff, #f6f8fd); box-shadow: inset 0 0 0 1.5px var(--line-2), 0 6px 16px -10px rgba(13,24,52,.25); padding-right: 7px; }
.lbtn-line .ar { background: var(--brand-soft); color: var(--brand); }
.lbtn-line:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1.5px var(--brand), 0 14px 28px -14px rgba(47,107,255,.5); color: var(--brand); }
.lbtn-line:hover .ar { background: var(--brand); color: #fff; }
.lbtn-white { background: #fff; color: var(--navy); padding-right: 7px; box-shadow: 0 14px 30px -12px rgba(0,0,0,.45); }
.lbtn-white .ar { background: var(--navy); color: #fff; }
.lbtn-white:hover { transform: translateY(-2px); }
.lbtn-sm { min-height: 44px; padding: 5px 5px 5px 18px; font-size: 14.5px; border-radius: 12px; gap: 12px; }
.lbtn-sm .ar { width: 34px; height: 34px; border-radius: 9px; }
.hero-form .lbtn, .cta-box2 .lbtn { min-height: 54px; }

/* Header: меню вдясно + профил */
.lh-right { gap: 8px; }
.lh-nav { margin-left: 0; margin-right: 8px; }
.lh-profile { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; color: inherit; text-decoration: none; background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); transition: .2s; position: relative; }
.lh-profile svg { width: 20px; height: 20px; }
.lh-profile:hover { background: rgba(255,255,255,.16); }
.lh.solid .lh-profile { background: var(--bg); box-shadow: inset 0 0 0 1px var(--line-2); }
.lh.solid .lh-profile:hover { box-shadow: inset 0 0 0 1.5px var(--brand); color: var(--brand); }
.lh-profile .tip { position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%); background: var(--ink); color: #fff; font-size: 12.5px; font-weight: 600; padding: 5px 9px; border-radius: 7px; white-space: nowrap; opacity: 0; pointer-events: none; transition: .15s; }
.lh-profile:hover .tip { opacity: 1; }
.mega { left: auto; right: -40px; }
@media (max-width: 1020px) { .lh-profile { display: grid; } }

/* Как работи — карти с илюстрации */
.how { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; position: relative; }
.how::before { content: ''; position: absolute; top: 108px; left: 16%; right: 16%; height: 2px; background: linear-gradient(90deg, var(--brand) 0 50%, var(--line-2) 50%) 0 0 / 200% 100%; z-index: 0; transition: background-position 2s ease; background-position: 100% 0; }
.how.in::before { background-position: 0 0; }
.hw { position: relative; z-index: 1; background: #fff; border-radius: 24px; box-shadow: 0 0 0 1px rgba(13,24,52,.07), 0 30px 60px -40px rgba(13,24,52,.4); overflow: hidden; display: flex; flex-direction: column; }
.hw-vis { height: 216px; background: linear-gradient(160deg, #f4f7ff, #e9efff); position: relative; display: grid; place-items: center; padding: 20px; overflow: hidden; }
.hw-vis::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(47,107,255,.14) 1px, transparent 1px); background-size: 18px 18px; }
.hw-num { position: absolute; top: 16px; left: 16px; z-index: 2; font: 800 13px var(--display); color: #fff; background: var(--navy); padding: 6px 10px; border-radius: 9px; }
.hw-body { padding: 24px; }
.hw-body h3 { font: 800 21px var(--display); margin: 0 0 8px; letter-spacing: -.02em; }
.hw-body p { color: var(--ink-2); margin: 0; font-size: 15px; }
.hw-body .tag { display: inline-flex; margin-top: 14px; font-size: 13px; font-weight: 700; color: var(--brand); background: var(--brand-soft); padding: 5px 11px; border-radius: 99px; }
.hv-input { position: relative; width: 100%; max-width: 280px; background: #fff; border-radius: 14px; padding: 8px 8px 8px 14px; display: flex; align-items: center; gap: 8px; box-shadow: 0 20px 40px -20px rgba(13,24,52,.45); font-size: 14px; }
.hv-input .ty { flex: 1; font-weight: 600; color: var(--ink); white-space: nowrap; overflow: hidden; }
.hv-input .ty::after { content: '|'; color: var(--brand); animation: blink .9s steps(2) infinite; }
.hv-input b { background: linear-gradient(135deg, #6b98ff, #1b4ad6); color: #fff; font-size: 12px; padding: 8px 10px; border-radius: 9px; }
.hv-cursor { position: absolute; right: 24px; bottom: -18px; width: 22px; height: 22px; color: var(--ink); animation: clicky 3s infinite; }
@keyframes clicky { 0%, 70% { transform: translate(18px, 18px); } 80% { transform: translate(0, 0); } 85% { transform: scale(.85); } 100% { transform: none; } }
.hv-report { position: relative; width: 100%; max-width: 290px; background: #fff; border-radius: 14px; padding: 14px; box-shadow: 0 20px 40px -20px rgba(13,24,52,.45); display: grid; grid-template-columns: 70px 1fr; gap: 12px; align-items: center; font-size: 12.5px; }
.hv-report .rows { display: grid; gap: 6px; }
.hv-report .rows div { display: flex; align-items: center; gap: 7px; font-weight: 600; }
.hv-report svg { width: 70px; height: 70px; }
.hv-feed { position: relative; width: 100%; max-width: 290px; display: grid; gap: 8px; }
.hv-feed div { background: #fff; border-radius: 12px; padding: 10px 12px; display: flex; gap: 10px; align-items: center; font-size: 12.5px; font-weight: 600; box-shadow: 0 14px 30px -18px rgba(13,24,52,.45); animation: feedIn 6s infinite; opacity: 0; }
.hv-feed div:nth-child(2) { animation-delay: 1.2s; } .hv-feed div:nth-child(3) { animation-delay: 2.4s; }
.hv-feed small { margin-left: auto; color: var(--ink-3); font-weight: 500; }
@keyframes feedIn { 0% { opacity: 0; transform: translateY(8px); } 10%, 80% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: #12b07e; box-shadow: 0 0 0 0 rgba(18,176,126,.6); animation: livep 1.6s infinite; flex: none; }
@keyframes livep { 70% { box-shadow: 0 0 0 8px rgba(18,176,126,0); } 100% { box-shadow: 0 0 0 0 rgba(18,176,126,0); } }
@media (max-width: 900px) { .how { grid-template-columns: 1fr; } .how::before { display: none; } }

/* Bento — анимации и детайли */
.bento-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 40px; }
.bento-head .ln-head { margin-bottom: 0; }
.bx::after { content: ''; position: absolute; right: 18px; top: 18px; width: 30px; height: 30px; border-radius: 9px; background: var(--brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f6bff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E") center/15px no-repeat; opacity: 0; transform: scale(.8); transition: .25s; }
.bx.navy::after { background-color: rgba(255,255,255,.12); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E"); }
.bx:hover::after { opacity: 1; transform: none; }
.bx .livebadge { display: inline-flex; align-items: center; gap: 7px; font-size: 11.5px; font-weight: 700; color: #0e9f6e; background: #dcf6ea; padding: 3px 9px; border-radius: 99px; margin-left: auto; }
.bx.navy .livebadge { background: rgba(18,176,126,.18); color: #6ee7b7; }
.bx .draw { stroke-dasharray: 700; stroke-dashoffset: 700; transition: stroke-dashoffset 2.2s cubic-bezier(.3,.7,.2,1); }
.bx.in .draw, .in .bx .draw { stroke-dashoffset: 0; }
.bx .area { opacity: 0; transition: opacity 1.2s .8s; }
.bx.in .area { opacity: 1; }
.ring3 .rg { transition: stroke-dasharray 1.6s cubic-bezier(.3,.7,.2,1); }
.oppbar i { transform-origin: left; transform: scaleX(0); transition: transform 1.4s cubic-bezier(.3,.7,.2,1); }
.bx.in .oppbar i { transform: none; }
.bx .bigstat { font: 800 30px var(--display); letter-spacing: -.03em; color: #fff; }

/* Модули — по-добри на мобилно */
.modpanel .mp-foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 20px; padding-top: 20px; border-top: 1px dashed var(--line-2); }
.modpanel .mp-count { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; color: var(--ink-2); font-size: 14px; }
.modpanel .mp-count b { font: 800 22px var(--display); color: var(--brand); }
.mp-progress { display: flex; gap: 4px; margin-top: 16px; }
.mp-progress i { flex: 1; height: 4px; border-radius: 4px; background: var(--line); transition: background .3s; }
.mp-progress i.on { background: var(--brand); }
@media (max-width: 960px) {
  .modtabs { gap: 14px; }
  .modlist { display: flex; overflow-x: auto; gap: 8px; scroll-snap-type: x mandatory; padding: 4px 2px 10px; margin: 0 -24px; padding-left: 24px; padding-right: 24px; scrollbar-width: none; }
  .modlist::-webkit-scrollbar { display: none; }
  .modbtn { flex: none; scroll-snap-align: start; padding: 10px 14px 10px 10px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
  .modbtn .mic { width: 34px; height: 34px; border-radius: 10px; }
  .modbtn small, .modbtn .arr2 { display: none; }
  .modbtn b { font-size: 14px; white-space: nowrap; }
  .modpanel { padding: 22px; }
  .modpanel h3 { font-size: 21px; }
  .modpanel .mp-ic { width: 44px; height: 44px; border-radius: 13px; }
}

/* SERP инструмент — примери и копиране */
.presets { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 20px; }
.presets button { border: 0; background: var(--bg); color: var(--ink-2); font: 600 13px var(--font); padding: 7px 12px; border-radius: 99px; cursor: pointer; box-shadow: inset 0 0 0 1px var(--line); transition: .15s; }
.presets button:hover, .presets button.on { background: var(--brand-soft); color: var(--brand); box-shadow: inset 0 0 0 1.5px var(--brand); }
.copybar { position: relative; margin-top: 16px; display: flex; gap: 10px; align-items: center; }
.copybar code { flex: 1; min-width: 0; background: rgba(0,0,0,.25); color: #c9d7ff; border-radius: 10px; padding: 10px 12px; font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.copybar button { border: 0; background: #fff; color: var(--navy); font: 700 13px var(--font); padding: 10px 14px; border-radius: 10px; cursor: pointer; white-space: nowrap; display: inline-flex; gap: 6px; align-items: center; }
.copybar button svg { width: 15px; height: 15px; }

/* За кого — табове по тип клиент */
.persona { display: grid; grid-template-columns: 320px 1fr; gap: 22px; align-items: stretch; }
.p-tabs { display: grid; gap: 10px; align-content: start; }
.p-tab { display: flex; gap: 14px; align-items: center; text-align: left; border: 0; cursor: pointer; font: inherit; color: var(--ink); background: #fff; border-radius: 18px; padding: 16px; box-shadow: inset 0 0 0 1px var(--line); transition: .2s; position: relative; overflow: hidden; }
.p-tab:hover { box-shadow: inset 0 0 0 1.5px var(--line-2); }
.p-tab .pi { width: 46px; height: 46px; border-radius: 14px; background: var(--bg); color: var(--brand); display: grid; place-items: center; flex: none; transition: .2s; }
.p-tab .pi svg { width: 22px; height: 22px; }
.p-tab b { display: block; font: 800 16px var(--display); letter-spacing: -.01em; }
.p-tab small { color: var(--ink-3); font-size: 13px; }
.p-tab.on { background: linear-gradient(160deg, #0a1a45, #14358a); color: #fff; box-shadow: 0 24px 40px -24px rgba(7,20,51,.7); }
.p-tab.on small { color: rgba(255,255,255,.65); }
.p-tab.on .pi { background: rgba(255,255,255,.12); color: #fff; }
.p-tab .bar { position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: linear-gradient(90deg, #7aa2ff, #b9cdff); }
.p-tab.on .bar { animation: pbar 7s linear forwards; }
@keyframes pbar { to { width: 100%; } }
.p-panel { background: #fff; border-radius: 26px; box-shadow: 0 0 0 1px rgba(13,24,52,.06), 0 40px 80px -40px rgba(13,24,52,.4); display: grid; grid-template-columns: 1.05fr 1fr; overflow: hidden; }
.p-text { padding: 36px; display: flex; flex-direction: column; }
.p-text .pk { font-size: 13px; font-weight: 700; color: var(--brand); background: var(--brand-soft); padding: 5px 11px; border-radius: 99px; align-self: flex-start; }
.p-text h3 { font: 800 28px/1.15 var(--display); margin: 16px 0 12px; letter-spacing: -.025em; }
.p-text p { color: var(--ink-2); margin: 0 0 20px; }
.p-text ul { list-style: none; padding: 0; margin: 0 0 26px; display: grid; gap: 12px; }
.p-text li { display: flex; gap: 12px; align-items: flex-start; font-weight: 500; }
.p-text li .ok-ic { width: 24px; height: 24px; background: var(--brand-soft); color: var(--brand); margin-top: 1px; }
.p-text li .ok-ic svg { width: 13px; height: 13px; }
.p-text .lbtn { align-self: flex-start; margin-top: auto; }
.p-vis { background: linear-gradient(160deg, #0a1a45, #12307a); position: relative; display: grid; place-items: center; padding: 30px; overflow: hidden; }
.p-vis::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.09) 1px, transparent 1px); background-size: 20px 20px; }
.p-vis::after { content: ''; position: absolute; width: 300px; height: 300px; right: -100px; top: -100px; border-radius: 50%; background: radial-gradient(circle, rgba(74,128,255,.5), transparent 70%); }
.p-card { position: relative; z-index: 1; width: 100%; max-width: 340px; background: #fff; border-radius: 18px; padding: 18px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.6); font-size: 13.5px; }
.p-card .ph { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.p-card .ph b { font: 800 15px var(--display); }
.p-card .ph small { color: var(--ink-3); }
.p-card .pr { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid var(--line); font-weight: 600; }
.p-card .pr .n { margin-left: auto; font: 800 14px var(--display); }
.p-card .scorechip { font: 800 12px var(--display); padding: 3px 8px; border-radius: 7px; }
.p-float { position: absolute; z-index: 2; background: #fff; border-radius: 12px; padding: 9px 12px; font-size: 12.5px; font-weight: 700; box-shadow: 0 20px 40px -14px rgba(0,0,0,.55); display: flex; gap: 8px; align-items: center; animation: bob 6s ease-in-out infinite; }
.p-float.a { left: 18px; bottom: 26px; }
.p-float.b { right: 18px; top: 24px; animation-delay: -3s; }
@media (max-width: 1060px) { .persona { grid-template-columns: 1fr; } .p-tabs { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 760px) { .p-panel { grid-template-columns: 1fr; } .p-tabs { grid-template-columns: 1fr 1fr; } .p-tab small { display: none; } .p-text { padding: 24px; } .p-text h3 { font-size: 23px; } }

/* Сравнение — общ резултат */
.cmp tfoot td { background: #f6f8fd; font-weight: 700; padding-top: 20px; padding-bottom: 20px; border-top: 2px solid var(--line); }
.cmp tfoot td.us { background: var(--navy); color: #fff; }
.cmp .score { font: 800 26px var(--display); letter-spacing: -.03em; }
.cmp .score small { font: 600 13px var(--font); opacity: .6; }
.cmp .sbar { height: 6px; border-radius: 99px; background: var(--line); margin: 8px auto 0; max-width: 120px; overflow: hidden; }
.cmp .sbar i { display: block; height: 100%; border-radius: 99px; background: var(--ink-3); }
.cmp tfoot td.us .sbar { background: rgba(255,255,255,.18); }
.cmp tfoot td.us .sbar i { background: linear-gradient(90deg, #7aa2ff, #b9cdff); }
.cmp td:first-child { position: sticky; left: 0; background: #fff; z-index: 1; }
.cmp tfoot td:first-child { background: #f6f8fd; }
.cmp-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 30px; }
.cmp-stats div { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 18px; padding: 20px 22px; backdrop-filter: blur(6px); }
.cmp-stats b { display: block; font: 800 34px var(--display); letter-spacing: -.03em; color: #fff; }
.cmp-stats b em { font-style: normal; color: #7aa2ff; }
.cmp-stats span { color: rgba(255,255,255,.68); font-size: 14.5px; }
@media (max-width: 760px) { .cmp-stats { grid-template-columns: 1fr; } }

/* Цени — превключвател */
.billing-toggle { display: flex; justify-content: center; margin: -18px 0 40px; }
.bt-wrap { display: inline-flex; align-items: center; gap: 4px; background: var(--bg); border-radius: 14px; padding: 5px; box-shadow: inset 0 0 0 1px var(--line); position: relative; }
.bt-wrap button { position: relative; z-index: 1; border: 0; background: none; font: 700 14.5px var(--font); color: var(--ink-2); padding: 11px 20px; border-radius: 10px; cursor: pointer; display: inline-flex; gap: 8px; align-items: center; transition: color .2s; }
.bt-wrap button.on { color: #fff; }
.bt-wrap .pill { position: absolute; z-index: 0; top: 5px; bottom: 5px; border-radius: 10px; background: linear-gradient(135deg, #6b98ff, #1b4ad6); box-shadow: 0 8px 20px -8px rgba(47,107,255,.8); transition: left .3s cubic-bezier(.3,.8,.2,1), width .3s; }
.bt-wrap .gift { font-size: 11.5px; font-weight: 800; background: #dcf6ea; color: #0e9f6e; padding: 2px 8px; border-radius: 99px; }
.pc .pp .old { text-decoration: line-through; color: var(--ink-3); font: 700 18px var(--display); }
.pc.feat .pp .old { color: rgba(255,255,255,.5); }
.pc .billed { font-size: 12.5px; color: var(--ink-3); margin-top: 6px; min-height: 18px; }
.pc.feat .billed { color: rgba(255,255,255,.6); }

/* Ръководство — прогрес и чеклист */
.toc .rp { display: flex; align-items: center; gap: 12px; padding: 12px; background: var(--bg); border-radius: 12px; margin-bottom: 14px; font-size: 13px; color: var(--ink-2); }
.toc .rp svg { width: 40px; height: 40px; flex: none; }
.toc .rp b { display: block; margin: 0; font: 800 15px var(--display); color: var(--ink); }
.checklist { margin-top: 26px; border-radius: 18px; background: linear-gradient(160deg, #0a1a45, #12307a); color: #fff; padding: 24px; }
.checklist h4 { font: 800 18px var(--display); margin: 0 0 4px; display: flex; justify-content: space-between; align-items: center; }
.checklist h4 span { font: 700 13px var(--font); color: #b9cdff; }
.checklist p { color: rgba(255,255,255,.7); margin: 0 0 14px; font-size: 14px; }
.checklist label { display: flex; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 10px; background: rgba(255,255,255,.06); margin-bottom: 6px; cursor: pointer; font-size: 14.5px; font-weight: 500; transition: background .15s; }
.checklist label:hover { background: rgba(255,255,255,.1); }
.checklist input { appearance: none; width: 20px; height: 20px; border-radius: 6px; box-shadow: inset 0 0 0 2px rgba(255,255,255,.4); display: grid; place-items: center; flex: none; cursor: pointer; margin: 0; }
.checklist input:checked { background: #4a80ff; box-shadow: none; }
.checklist input:checked::after { content: ''; width: 9px; height: 5px; border-left: 2.5px solid #fff; border-bottom: 2.5px solid #fff; transform: rotate(-45deg) translate(1px, -1px); }
.checklist input:checked + span { opacity: .6; text-decoration: line-through; }

/* Въпроси — търсене и категории */
.qa-tools { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 16px; }
.qa-search { flex: 1; min-width: 220px; display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 14px; padding: 0 14px; box-shadow: inset 0 0 0 1.5px var(--line-2); transition: box-shadow .15s; }
.qa-search:focus-within { box-shadow: inset 0 0 0 2px var(--brand); }
.qa-search svg { width: 18px; height: 18px; color: var(--ink-3); }
.qa-search input { flex: 1; border: 0; outline: 0; font: 500 15px var(--font); padding: 13px 0; background: transparent; color: var(--ink); }
.qa-cats { display: flex; gap: 6px; flex-wrap: wrap; }
.qa-cats button { border: 0; background: var(--bg); color: var(--ink-2); font: 600 13.5px var(--font); padding: 10px 14px; border-radius: 12px; cursor: pointer; box-shadow: inset 0 0 0 1px var(--line); }
.qa-cats button.on { background: var(--navy); color: #fff; box-shadow: none; }
.qa summary .qc { font-size: 11.5px; font-weight: 700; color: var(--ink-3); background: var(--bg); padding: 3px 8px; border-radius: 99px; }
.qa .empty-q { padding: 26px; text-align: center; color: var(--ink-2); display: none; }
.qa summary .qn { width: 34px; height: 34px; border-radius: 10px; background: var(--brand-soft); display: grid; place-items: center; }
.qa details[open] summary .qn { background: var(--brand); color: #fff; }
.qa details p { padding-left: 68px; }

/* CTA — синьото от бутоните */
.cta-blue { background: linear-gradient(135deg, #4a80ff 0%, #2f6bff 40%, #1b4ad6 100%); padding: 100px 0; overflow: hidden; color: #fff; }
.cta-blue::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.18) 1.2px, transparent 1.2px); background-size: 24px 24px; mask-image: radial-gradient(ellipse at 30% 50%, #000 20%, transparent 70%); }
.cta-blue::after { content: ''; position: absolute; width: 700px; height: 700px; right: -200px; top: -300px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.22), transparent 65%); }
.cta-blue .ln-wrap { display: grid; grid-template-columns: 1.15fr 1fr; gap: 48px; align-items: center; z-index: 1; }
.cta-blue .eyebrow { color: #dbe6ff; }
.cta-blue h2 { font: 800 clamp(30px, 3.8vw, 50px)/1.08 var(--display); letter-spacing: -.03em; margin: 14px 0 16px; color: #fff; }
.cta-blue p { color: rgba(255,255,255,.85); font-size: 18px; margin: 0 0 22px; }
.cta-blue .ticks { display: flex; gap: 18px; flex-wrap: wrap; }
.cta-blue .ticks span { display: inline-flex; gap: 8px; align-items: center; font-weight: 600; font-size: 14.5px; }
.cta-blue .ticks svg { width: 18px; height: 18px; background: rgba(255,255,255,.2); border-radius: 50%; padding: 3px; }
.cta-blue .cta-box2 { box-shadow: 0 40px 80px -30px rgba(4,20,80,.7); }
.cta-blue .cta-box2 h3 { font: 800 20px var(--display); margin: 0 0 4px; color: var(--ink); }
.cta-blue .cta-box2 > p { color: var(--ink-2); font-size: 14.5px; margin: 0 0 16px; }
@media (max-width: 900px) { .cta-blue .ln-wrap { grid-template-columns: 1fr; } }

/* Footer — сияние и звезди */
.lf { background: radial-gradient(1200px 500px at 50% -10%, #0f2a6e 0%, transparent 60%), #030a1d; }
.lf::after { display: none; }
.lf .aurora { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.lf .aurora i { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .5; animation: drift 18s ease-in-out infinite alternate; }
.lf .aurora i:nth-child(1) { width: 520px; height: 520px; left: -120px; top: -160px; background: #2f6bff; }
.lf .aurora i:nth-child(2) { width: 420px; height: 420px; right: -80px; top: 120px; background: #1b3fa8; animation-delay: -6s; }
.lf .aurora i:nth-child(3) { width: 300px; height: 300px; left: 40%; bottom: -160px; background: #4a80ff; opacity: .3; animation-delay: -12s; }
@keyframes drift { to { transform: translate(60px, 40px) scale(1.1); } }
.lf .stars { position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(1px 1px at 10% 20%, rgba(255,255,255,.6), transparent), radial-gradient(1px 1px at 30% 70%, rgba(255,255,255,.4), transparent), radial-gradient(1.5px 1.5px at 55% 30%, rgba(180,205,255,.7), transparent), radial-gradient(1px 1px at 75% 60%, rgba(255,255,255,.5), transparent), radial-gradient(1px 1px at 90% 15%, rgba(255,255,255,.5), transparent), radial-gradient(1.5px 1.5px at 20% 90%, rgba(180,205,255,.6), transparent), radial-gradient(1px 1px at 65% 85%, rgba(255,255,255,.4), transparent), radial-gradient(1px 1px at 45% 50%, rgba(255,255,255,.35), transparent); animation: twinkle 5s ease-in-out infinite alternate; }
@keyframes twinkle { to { opacity: .45; } }
.lf .topline { position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(122,162,255,.8), transparent); }
@media (prefers-reduced-motion: reduce) { .lf .aurora i, .lf .stars, .lbtn-primary::after, .hv-feed div, .hv-cursor { animation: none; } .hv-feed div { opacity: 1; } }
.pc .pp { flex-wrap: wrap; row-gap: 2px; }
.pc .pp .old { width: 100%; font-size: 15px; }
.pc .pp .old:empty { display: none; }
.pc .pp b { font-size: 44px; white-space: nowrap; }

@media (max-width: 620px) {
  .lh-right > .lbtn-sm { display: none; }
  .lh .ln-wrap { gap: 12px; }
  .qa summary .qc { display: none; }
  .qa summary { padding: 14px 16px; font-size: 15px; }
  .qa details p { padding: 0 16px 16px 16px; }
  .ln-sec { padding: 76px 0; }
}

.mp-more { display: none; border: 0; background: var(--brand-soft); color: var(--brand); font: 700 14px var(--font); padding: 11px 16px; border-radius: 12px; cursor: pointer; width: 100%; margin: -8px 0 18px; }
@media (max-width: 960px) { .mp-checks.clamp li:nth-child(n+9) { display: none; } .mp-more { display: block; } }

/* ═════════ Страница с безплатни инструменти ═════════ */
.pt-hero { padding: 140px 0 130px; }
.pt-hero h1 { margin: 18px auto 16px; }
.crumbs { display: inline-flex; gap: 8px; font-size: 13.5px; color: rgba(255,255,255,.6); }
.crumbs a { color: rgba(255,255,255,.8); text-decoration: none; }
.pt-wrap { margin-top: -80px; position: relative; z-index: 2; display: grid; grid-template-columns: 270px 1fr; background: #fff; border-radius: 26px; box-shadow: 0 50px 100px -40px rgba(7,20,51,.5), 0 0 0 1px rgba(13,24,52,.05); overflow: hidden; }
.pt-tabs { background: var(--bg); padding: 16px; display: grid; gap: 4px; align-content: start; border-right: 1px solid var(--line); }
.pt-tabs button { display: flex; gap: 12px; align-items: center; border: 0; background: none; text-align: left; font: 600 14.5px var(--font); color: var(--ink-2); padding: 12px 14px; border-radius: 12px; cursor: pointer; transition: .15s; }
.pt-tabs button svg { width: 18px; height: 18px; flex: none; }
.pt-tabs button:hover { background: #fff; color: var(--ink); }
.pt-tabs button.on { background: #fff; color: var(--brand); box-shadow: 0 0 0 1.5px var(--brand), 0 10px 20px -14px rgba(47,107,255,.6); }
.pt-body { padding: 34px; min-height: 480px; }
.pt-body h2 { font: 800 24px var(--display); margin: 0 0 6px; letter-spacing: -.02em; }
.pt-body > div > p.muted { margin: 0 0 20px; }
.pt-form { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 22px; }
.pt-form .search-in { flex: 1; min-width: 240px; padding: 15px 16px; font-size: 15.5px; }
.pt-rows { border-radius: 14px; box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.pt-row { display: grid; grid-template-columns: 26px minmax(140px, 1fr) 1.6fr; gap: 12px; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--line); font-size: 14px; }
.pt-row:last-child { border-bottom: 0; }
.pt-row small { display: block; color: var(--ink-3); font-size: 12px; }
.pt-row > span { color: var(--ink-2); word-break: break-word; }
.pt-h { font: 800 15px var(--display); margin: 22px 0 10px; }
.pt-score { display: flex; gap: 18px; align-items: center; margin-bottom: 18px; padding: 18px; border-radius: 16px; background: var(--bg); }
.pt-num { font: 800 46px/1 var(--display); letter-spacing: -.04em; }
.pt-snip { font-family: Arial, sans-serif; background: #fff; border-radius: 14px; padding: 18px 20px; box-shadow: inset 0 0 0 1px var(--line); }
.pt-snip small { color: #4d5156; font-size: 12.5px; }
.pt-snip b { display: block; color: #1a0dab; font-weight: 400; font-size: 20px; margin: 6px 0 4px; }
.pt-snip p { margin: 0; color: #4d5156; font-size: 14px; line-height: 1.55; }
.pt-loading { display: flex; gap: 8px; justify-content: center; align-items: flex-end; height: 70px; }
.pt-loading i { width: 20px; border-radius: 8px; background: var(--brand); animation: bounce 1.1s ease-in-out infinite; transform-origin: bottom; height: 50px; }
.pt-loading i:nth-child(2) { animation-delay: .15s; height: 64px; } .pt-loading i:nth-child(3) { animation-delay: .3s; height: 40px; }
.pt-gate { text-align: center; padding: 30px; border-radius: 18px; background: var(--brand-soft); }
.pt-gate b { font: 800 18px var(--display); display: block; margin-bottom: 6px; }
.pt-gate p { color: var(--ink-2); margin: 0 0 16px; }
.pt-more { margin-top: 26px; display: flex; gap: 24px; align-items: center; justify-content: space-between; flex-wrap: wrap; background: linear-gradient(135deg, #4a80ff, #1b4ad6); color: #fff; border-radius: 22px; padding: 28px 32px; }
.pt-more h2 { color: #fff; font: 800 24px var(--display); margin: 0 0 6px; }
.pt-more p { margin: 0; color: rgba(255,255,255,.85); max-width: 640px; }
@media (max-width: 900px) { .pt-wrap { grid-template-columns: 1fr; } .pt-tabs { display: flex; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line); } .pt-tabs button { flex: none; white-space: nowrap; } .pt-body { padding: 22px; } .pt-row { grid-template-columns: 26px 1fr; } .pt-row > span { grid-column: 2; } }

/* Само в Rankora */
.only { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.only-card { border-radius: 22px; padding: 26px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); transition: .25s; position: relative; overflow: hidden; }
.only-card:hover { background: rgba(255,255,255,.08); border-color: rgba(122,162,255,.45); transform: translateY(-4px); }
.only-card .oi { width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(135deg, #4a80ff, #1b4ad6); display: grid; place-items: center; margin-bottom: 18px; box-shadow: 0 12px 24px -10px rgba(47,107,255,.8); }
.only-card .oi svg { width: 22px; height: 22px; color: #fff; }
.only-card h3 { color: #fff; font: 800 19px var(--display); margin: 0 0 8px; }
.only-card p { color: rgba(255,255,255,.7); margin: 0; font-size: 15px; }
.only-card .ex { margin-top: 16px; font-size: 13px; color: #b9cdff; background: rgba(255,255,255,.06); border-radius: 10px; padding: 9px 12px; font-weight: 600; }
@media (max-width: 960px) { .only { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .only { grid-template-columns: 1fr; } }
.trial-note { display: inline-flex; align-items: center; gap: 10px; margin: -24px auto 34px; background: #dcf6ea; color: #067647; font-weight: 700; padding: 10px 16px; border-radius: 99px; font-size: 14.5px; }
/* v6 – дизайн */
.hero-inner { grid-template-columns: 1.12fr 1fr; }
.ln-hero h1 { font-size: clamp(38px, 4.7vw, 64px); }
.serp-item { background: #fff; }
.serp-item.ours { background: transparent; }
.serp-item.ours { background: #f4f7ff; z-index: 2; box-shadow: 0 10px 24px -12px rgba(47,107,255,.5); border-radius: 12px; }
.serp-item.ours::before { inset: 0 -12px; }

/* ═════════ v7: вътрешни страници ═════════ */
.lbtn-ghost{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28);padding-right:22px}
.lbtn-ghost:hover{background:rgba(255,255,255,.14)}
.page-hero{padding:140px 0 120px}
.page-hero.small{padding:130px 0 90px}
.page-hero h1{font-size:clamp(36px,4.6vw,58px)}
.page-hero.small h1{font-size:clamp(32px,4vw,48px)}
.page-hero .sub{font-size:18px}
.page-hero.small .sub{font-size:14.5px;color:rgba(255,255,255,.6)}
.lh-nav a[aria-current="page"]{color:var(--brand);font-weight:700}
.pg-contact{display:grid;grid-template-columns:380px 1fr;gap:26px;margin-top:-70px;position:relative;z-index:2;align-items:start}
#oferta .pg-contact{margin-top:0}
.pg-cards{display:grid;gap:14px}
.pg-card{display:flex;gap:14px;align-items:center;background:#fff;border-radius:18px;padding:18px 20px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
a.pg-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.pg-card b{display:block;font-size:15px}
.pg-card span span{color:var(--ink-2);font-size:14.5px;word-break:break-word}
.pg-ic{flex:none;width:46px;height:46px;border-radius:13px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}
.pg-ic svg{width:22px;height:22px}
.pg-side-cta{background:linear-gradient(135deg,#0b2a6b,#1b4ad6);color:#fff;border-radius:18px;padding:22px}
.pg-side-cta b{font:800 18px/1.3 var(--display);display:block;margin-bottom:6px}
.pg-side-cta p{color:#c9d7f5;font-size:14.5px;margin:0 0 14px}
.pg-panel{background:#fff;border-radius:24px;padding:34px 36px;box-shadow:var(--shadow-lg)}
.pg-panel h2{font:800 26px/1.2 var(--display);margin:0 0 6px;letter-spacing:-.02em}
.pg-panel>.muted{margin:0 0 22px}
.pg-form{position:relative}
.pg-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.pg-f{display:grid;gap:6px;margin-bottom:14px}
.pg-f label{font-size:13.5px;font-weight:600;color:var(--ink-2)}
.pg-f input,.pg-f textarea,.pg-f select{font:inherit;font-size:15.5px;border:1.5px solid var(--line-2);border-radius:12px;padding:12px 14px;background:#fff;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}
.pg-f input:focus,.pg-f textarea:focus,.pg-f select:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(47,107,255,.12)}
.pg-f textarea{min-height:130px;resize:vertical}
.pg-err{color:var(--bad);font-size:14px;min-height:20px;margin:0 0 8px}
.pg-submit{width:100%;justify-content:center}
.pg-note{font-size:13px;color:var(--ink-3);margin:12px 0 0;text-align:center}
.pg-note a{color:var(--brand)}
.pg-ok{text-align:center;padding:30px 10px}
.pg-ok span{width:70px;height:70px;border-radius:50%;background:var(--mint-soft);color:var(--good);display:grid;place-items:center;margin:0 auto 16px}
.pg-ok span svg{width:32px;height:32px}
.pg-ok h3{font:800 22px/1.3 var(--display);margin:0 0 8px}
.pg-ok p{color:var(--ink-2);margin:0}
.pg-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.pg-links a{display:block;background:var(--bg);border-radius:18px;padding:20px 22px;text-decoration:none;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s,transform .15s}
.pg-links a:hover{box-shadow:inset 0 0 0 1.5px var(--brand);transform:translateY(-2px)}
.pg-links b{display:block;font-size:16px;margin-bottom:4px}
.pg-links span{color:var(--ink-2);font-size:14.5px}
.pg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-60px;position:relative;z-index:2}
.pg-stats div{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow-lg);text-align:center}
.pg-stats b{display:block;font:800 34px/1 var(--display);color:var(--brand);letter-spacing:-.03em;margin-bottom:8px}
.pg-stats span{color:var(--ink-2);font-size:14.5px}
.pg-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pg-svc-card{background:#fff;border-radius:22px;padding:28px;box-shadow:var(--shadow)}
.pg-svc-card h3{font:800 19px/1.3 var(--display);margin:16px 0 8px}
.pg-svc-card p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.6}
.pg-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.pg-steps li{position:relative;background:var(--bg);border-radius:22px;padding:28px 24px;box-shadow:inset 0 0 0 1px var(--line)}
.pg-steps .n{font:800 15px var(--display);color:var(--brand);background:var(--brand-soft);border-radius:10px;padding:6px 10px;display:inline-block}
.pg-steps h3{font:800 18px/1.3 var(--display);margin:16px 0 8px}
.pg-steps p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.6}
.pg-cms{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:34px}
.pg-cms span{color:var(--ink-3);font-size:14px;margin-right:4px}
.pg-cms b{background:#fff;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;box-shadow:inset 0 0 0 1px var(--line)}
.pg-offer-info{padding:10px 6px}
.pg-check{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.pg-check li{display:flex;gap:12px;align-items:center;font-size:16px}
.pg-check svg{flex:none;width:26px;height:26px;padding:5px;border-radius:50%;background:var(--mint-soft);color:var(--good);box-sizing:border-box}
.pg-faq{display:grid;gap:12px;margin-top:30px}
.pg-faq details{background:var(--bg);border-radius:16px;box-shadow:inset 0 0 0 1px var(--line)}
.pg-faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:700;font-size:16px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.pg-faq summary::-webkit-details-marker{display:none}
.pg-faq summary svg{flex:none;width:20px;height:20px;color:var(--brand);transition:transform .2s}
.pg-faq details[open] summary svg{transform:rotate(45deg)}
.pg-faq p{margin:0;padding:0 22px 20px;color:var(--ink-2);line-height:1.65}
.legal-wrap{display:grid;grid-template-columns:230px 1fr;gap:26px;align-items:start;margin-top:-50px;position:relative;z-index:2}
.legal-toc{position:sticky;top:96px;background:#fff;border-radius:18px;padding:18px;box-shadow:var(--shadow);display:grid;gap:2px}
.legal-toc b{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:8px}
.legal-toc a{color:var(--ink-2);text-decoration:none;font-size:14px;padding:6px 8px;border-radius:8px}
.legal-toc a:hover{background:var(--bg);color:var(--brand)}
.legal{background:#fff;border-radius:24px;padding:40px 44px;box-shadow:var(--shadow-lg);color:var(--ink-2);font-size:16px;line-height:1.7}
.legal section+section{border-top:1px solid var(--line);margin-top:26px;padding-top:26px}
.legal h2{font:800 21px/1.3 var(--display);color:var(--ink);margin:0 0 12px;letter-spacing:-.01em;scroll-margin-top:100px}
.legal p{margin:0 0 12px}
.legal ul,.legal ol{margin:0 0 12px;padding-left:22px}
.legal li{margin-bottom:6px}
.legal a{color:var(--brand);font-weight:600}
.legal b{color:var(--ink)}
.legal code{background:var(--bg-2);border-radius:6px;padding:2px 6px;font-size:14px}
.legal-table{overflow-x:auto}
.legal-table table{width:100%;border-collapse:collapse;font-size:14.5px}
.legal-table th,.legal-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.legal-table th{color:var(--ink);background:var(--bg)}
.gl-tools{position:sticky;top:76px;z-index:5;background:#fff;border-radius:20px;padding:16px;box-shadow:var(--shadow-lg);margin-top:-50px;display:grid;gap:12px}
.gl-tools .search-in{width:100%;box-sizing:border-box;font-size:16px;padding:13px 16px}
.gl-az{display:flex;flex-wrap:wrap;gap:4px}
.gl-az a{min-width:30px;text-align:center;padding:5px 6px;border-radius:8px;color:var(--ink-2);text-decoration:none;font-weight:700;font-size:14px}
.gl-az a:hover{background:var(--brand-soft);color:var(--brand)}
.gl-list{margin-top:26px;display:grid;gap:16px}
.gl-group{display:grid;grid-template-columns:70px 1fr;gap:16px;background:#fff;border-radius:22px;padding:22px;box-shadow:var(--shadow);scroll-margin-top:200px}
.gl-letter{font:800 38px/1 var(--display);color:var(--brand)}
.gl-group dl{margin:0;display:grid;gap:16px}
.gl-item{scroll-margin-top:200px;border-radius:12px;transition:background .3s}
.gl-item.hl{background:var(--sun-soft);padding:10px;margin:-10px}
.gl-item dt{font-weight:800;font-size:17px;color:var(--ink);margin-bottom:4px}
.gl-item dd{margin:0;color:var(--ink-2);line-height:1.65}
.gl-empty{text-align:center;color:var(--ink-2);margin:30px 0}
.gl-empty a{color:var(--brand);font-weight:700}
@media (max-width:980px){
  .pg-contact{grid-template-columns:1fr}
  .pg-svc,.pg-steps{grid-template-columns:1fr 1fr}
  .pg-stats{grid-template-columns:1fr 1fr}
  .legal-wrap{grid-template-columns:1fr}
  .legal-toc{position:static}
}
@media (max-width:620px){
  .page-hero{padding:118px 0 100px}
  .page-hero.small{padding:110px 0 80px}
  .pg-panel{padding:24px 18px;border-radius:20px}
  .pg-grid2,.pg-links,.pg-svc,.pg-steps{grid-template-columns:1fr}
  .pg-stats b{font-size:28px}
  .legal{padding:26px 20px;font-size:15.5px}
  .gl-group{grid-template-columns:1fr;gap:8px;padding:18px}
  .gl-letter{font-size:30px}
  .gl-tools{top:64px}
}

.lh-mcta{display:none}

/* ═════════ v8: мобилно меню ═════════ */
.lh-burger{position:relative;width:44px;height:44px;border-radius:12px;padding:0;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);transition:background .25s,box-shadow .25s}
.lh-burger span{position:absolute;left:12px;height:2px;border-radius:2px;background:currentColor;transition:top .3s cubic-bezier(.7,0,.2,1),transform .35s cubic-bezier(.7,0,.2,1),width .3s,opacity .2s}
.lh-burger span:nth-child(1){top:15px;width:20px}
.lh-burger span:nth-child(2){top:21px;width:13px}
.lh-burger span:nth-child(3){top:27px;width:17px}
.lh-burger:hover span{width:20px}
.lh.solid .lh-burger{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line-2)}
.lh.menu-open .lh-burger{background:linear-gradient(180deg,#4a80ff,#2559f0);box-shadow:0 8px 22px -8px rgba(47,107,255,.9);color:#fff}
.lh.menu-open .lh-burger span:nth-child(1){top:21px;width:20px;transform:rotate(45deg)}
.lh.menu-open .lh-burger span:nth-child(2){opacity:0;transform:translateX(10px)}
.lh.menu-open .lh-burger span:nth-child(3){top:21px;width:20px;transform:rotate(-45deg)}
html.mm-lock{overflow:hidden}
@keyframes mmIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes mmItem{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@media (max-width:1020px){
  .lh.menu-open{background:#050f28!important;color:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:none}
  .lh.menu-open .lh-profile{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);color:#fff}
  .lh.menu-open .lh-nav{position:fixed;top:76px;left:0;right:0;bottom:0;height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:10px 22px 26px;display:flex;flex-direction:column;gap:0;color:#fff;box-shadow:none;counter-reset:mm;
    background:radial-gradient(600px 340px at 100% 0%,rgba(47,107,255,.32),transparent 70%),radial-gradient(500px 300px at 0% 100%,rgba(122,162,255,.16),transparent 70%),linear-gradient(180deg,#050f28,#0a1d4d);animation:mmIn .3s ease}
  .lh.menu-open .lh-nav::before{content:"";position:fixed;inset:76px 0 0;pointer-events:none;background-image:linear-gradient(rgba(130,160,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(130,160,255,.07) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 80% 10%,#000,transparent 75%);mask-image:radial-gradient(circle at 80% 10%,#000,transparent 75%)}
  .lh.menu-open .lh-nav>*{position:relative;opacity:0;animation:mmItem .42s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i,0) * 45ms + 60ms)}
  .lh.menu-open .lh-nav>a,.lh.menu-open .lh-nav>.dd>button{display:flex;align-items:center;gap:14px;width:100%;font:700 21px/1.2 var(--display);letter-spacing:-.01em;color:#fff;opacity:1;padding:17px 2px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.08);background:none;text-align:left}
  .lh.menu-open .lh-nav>a::before,.lh.menu-open .lh-nav>.dd>button::before{counter-increment:mm;content:"0" counter(mm);font:600 11.5px var(--font);letter-spacing:.12em;color:#6f95ff;min-width:22px}
  .lh.menu-open .lh-nav>a::after{content:"";margin-left:auto;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);opacity:.4;transition:opacity .2s,transform .2s}
  .lh.menu-open .lh-nav>a:hover::after,.lh.menu-open .lh-nav>a:active::after{opacity:1;transform:translateX(3px) rotate(45deg)}
  .lh.menu-open .lh-nav>a:hover,.lh.menu-open .lh-nav>.dd>button:hover{background:none;color:#a9c1ff}
  .lh.menu-open .lh-nav>a[aria-current="page"]{color:#8fb0ff}
  .lh.menu-open .lh-nav>.dd>button svg{margin-left:auto;width:16px;height:16px;opacity:.6}
  .lh.menu-open .dd.open .mega{display:grid;gap:2px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);border-radius:16px;padding:6px;margin:4px 0 10px;animation:mmIn .25s ease}
  .lh.menu-open .mega a{color:#fff;padding:10px;border-radius:12px}
  .lh.menu-open .mega a:hover{background:rgba(255,255,255,.06)}
  .lh.menu-open .mega a b{color:#fff;font-size:15px}
  .lh.menu-open .mega a span span{color:rgba(255,255,255,.55);font-size:13px}
  .lh.menu-open .mega .mi{background:rgba(111,149,255,.14);color:#9fc0ff}
  .lh.menu-open .mega-foot{display:none}
  .lh.menu-open .lh-mcta{display:grid;gap:10px;margin-top:auto;padding-top:26px;border-top:0}
  .lh.menu-open .lh-mcta .lbtn{justify-content:center;width:100%;box-sizing:border-box;font-size:16px;padding-top:15px;padding-bottom:15px}
  .lh.menu-open .lh-mcta .lbtn-line{color:#fff;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22)}
  .lh-mmail{display:flex;align-items:center;justify-content:center;gap:8px;color:rgba(255,255,255,.6);text-decoration:none;font-size:14px;margin-top:6px}
  .lh-mmail svg{width:16px;height:16px}
}
@media (prefers-reduced-motion:reduce){.lh.menu-open .lh-nav>*{animation:none;opacity:1}.lh-burger span{transition:none}}

.pt-kw{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.pt-kw span{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:6px 12px;font-size:14px}

/* ═════════ v8: „Ние го оправяме“ на началната ═════════ */
.fix-band{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;background:linear-gradient(135deg,#f3f7ff,#ffffff);border-radius:32px;padding:56px;box-shadow:inset 0 0 0 1px var(--line)}
.fix-copy .ln-h2{font-size:clamp(28px,3.2vw,42px)}
.fix-copy .ln-h2 .hl{color:var(--brand)}
.ln-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);background:var(--brand-soft);border-radius:999px;padding:7px 14px}
.ln-kicker svg{width:16px;height:16px}
.fix-list{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:12px}
.fix-list li{display:flex;gap:12px;align-items:center;font-size:16px;color:var(--ink)}
.fix-list svg{flex:none;width:26px;height:26px;padding:5px;border-radius:50%;background:var(--mint-soft);color:var(--good);box-sizing:border-box}
.fix-ctas{display:flex;gap:12px;flex-wrap:wrap}
.fix-visual{position:relative}
.fix-visual::before{content:"";position:absolute;inset:8% -4% -6% 10%;background:radial-gradient(circle at 60% 40%,rgba(47,107,255,.25),transparent 65%);filter:blur(10px)}
.fv-card{position:relative;background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow-lg)}
.fv-head{display:flex;align-items:center;gap:10px;font-size:15px;margin-bottom:18px}
.fv-dot{width:10px;height:10px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px var(--mint-soft)}
.fv-tag{margin-left:auto;font-size:12px;font-weight:600;color:var(--ink-3);background:var(--bg);border-radius:999px;padding:4px 10px}
.fv-scores{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-bottom:18px}
.fv-score{border-radius:18px;padding:16px;text-align:center}
.fv-score small{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.7}
.fv-score b{display:block;font:800 44px/1.05 var(--display);letter-spacing:-.03em}
.fv-score span{font-size:13px;opacity:.8}
.fv-score.before{background:#fff1ef;color:#c7271d}
.fv-score.after{background:var(--mint-soft);color:#0b8a62}
.fv-arrow{width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px -8px rgba(47,107,255,.8)}
.fv-arrow svg{width:18px;height:18px}
.fv-items{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:2px}
.fv-items li{display:flex;align-items:center;gap:10px;font-size:14.5px;padding:9px 0;border-bottom:1px dashed var(--line)}
.fv-items svg{flex:none;width:20px;height:20px;padding:4px;border-radius:50%;background:var(--mint-soft);color:var(--good);box-sizing:border-box}
.fv-items em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:700;color:var(--good);text-transform:uppercase;letter-spacing:.05em}
.fv-foot{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;background:var(--bg);border-radius:14px;padding:12px 14px}
.fv-foot span{font-size:13.5px;color:var(--ink-2)}
.fv-foot b{font:800 20px var(--display);color:var(--good)}
.fv-foot svg{width:100%;height:30px}
@media (max-width:980px){.fix-band{grid-template-columns:1fr;padding:34px 24px;gap:34px}}
@media (max-width:520px){.fv-score b{font-size:34px}.fv-items em{display:none}.fix-band{border-radius:24px;padding:28px 18px}}