:root{
  --bg:#07090d; --bg-2:#0b0e14; --panel:#11151c; --panel-2:#161b24; --line:#1e2530;
  --text:#e8eef5; --muted:#8895a6; --faint:#5c6875;
  --cy:#22d3ee; --bl:#3b82f6; --am:#f59e0b; --red:#f87171; --grn:#4ade80; --vi:#a78bfa;
  --r:12px;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);
  font:16px/1.65 ui-sans-serif,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3{letter-spacing:-.02em;margin:0}
p{margin:0}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}

/* бутони */
.btn{display:inline-block;background:linear-gradient(180deg,var(--cy),#0ea5c4);color:#04222a;
  border:0;border-radius:9px;padding:12px 22px;font-weight:650;cursor:pointer;
  transition:transform .15s,filter .15s}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--cy);color:var(--cy)}
.btn.sm{padding:9px 16px;font-size:14px}
.btn.block{display:block;text-align:center;width:100%;margin-top:16px}

/* навигация */
.nav{position:sticky;top:0;z-index:40;background:rgba(7,9,13,.86);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:26px;height:64px}
.logo{font-weight:700;letter-spacing:.06em;font-size:15px;display:flex;align-items:center;gap:9px}
.logo .mark{font-family:var(--mono);color:var(--cy);font-size:17px}
.links{display:flex;gap:24px;margin-left:auto;font-size:14.5px;color:var(--muted)}
.links a:hover{color:var(--text)}

/* герой */
.hero{padding:74px 0 62px;background:
  radial-gradient(900px 420px at 18% -10%, rgba(34,211,238,.13), transparent 60%),
  radial-gradient(760px 380px at 88% 8%, rgba(59,130,246,.11), transparent 62%)}
.hero-in{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.22em;color:var(--cy);
  text-transform:uppercase;margin-bottom:16px}
h1{font-size:47px;line-height:1.1}
.grad{background:linear-gradient(92deg,var(--cy),var(--bl) 70%);-webkit-background-clip:text;
  background-clip:text;color:transparent}
.lead{color:var(--muted);font-size:17.5px;margin-top:20px;max-width:56ch}
.cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.micro{color:var(--faint);font-size:13px;margin-top:16px}

/* терминал */
.term{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  box-shadow:0 22px 60px rgba(0,0,0,.55)}
.term-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:var(--panel);
  border-bottom:1px solid var(--line)}
.term-bar i{width:10px;height:10px;border-radius:50%;background:#2c3542}
.term-bar i:first-child{background:#f87171}
.term-bar i:nth-child(2){background:#fbbf24}
.term-bar i:nth-child(3){background:#4ade80}
.term-bar span{margin-left:10px;font-family:var(--mono);font-size:11.5px;color:var(--faint)}
.term pre{margin:0;padding:18px;font-family:var(--mono);font-size:12.6px;line-height:1.85;
  color:#b9c6d4;overflow-x:auto}
.term .c{color:var(--cy)}
.term .ok{color:var(--grn)} .term .warn{color:var(--am)} .term .err{color:var(--red)}

/* лента с числа */
.strip{border-block:1px solid var(--line);background:var(--bg-2)}
.strip-in{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 22px;text-align:center}
.strip b{display:block;font-size:26px;letter-spacing:-.02em}
.strip span{color:var(--muted);font-size:13px}

/* секции */
.sec{padding:76px 0}
.sec-head{max-width:640px;margin-bottom:38px}
.sec-head h2{font-size:32px}
.sec-head p{color:var(--muted);margin-top:11px;font-size:16.5px}

/* карти */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;
  transition:border-color .18s,transform .18s}
.card:hover{border-color:#2b3646;transform:translateY(-2px)}
.card h3{font-size:18px;margin:14px 0 9px}
.card p{color:var(--muted);font-size:14.5px}
.ic{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;
  font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em}
.ic.red{background:rgba(248,113,113,.13);color:var(--red)}
.ic.blue{background:rgba(59,130,246,.15);color:#7aa8ff}
.ic.cy{background:rgba(34,211,238,.13);color:var(--cy)}
.ic.am{background:rgba(245,158,11,.14);color:var(--am)}
.ic.gr{background:rgba(74,222,128,.13);color:var(--grn)}
.ic.vi{background:rgba(167,139,250,.15);color:var(--vi)}

/* двата продукта */
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:0}
.brand-box{border:1px solid var(--line);border-radius:14px;padding:30px;background:var(--panel)}
.brand-box.play{background:linear-gradient(160deg,rgba(34,211,238,.09),var(--panel) 55%)}
.brand-box.biz{background:linear-gradient(160deg,rgba(59,130,246,.11),var(--panel) 55%)}
.tag-line{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--faint);
  text-transform:uppercase}
.brand-box h3{font-size:24px;margin:10px 0 12px;font-weight:500}
.brand-box h3 b{font-weight:800;letter-spacing:.02em}
.brand-box p{color:var(--muted);font-size:15px;margin-bottom:22px}

/* цени */
.prices{display:grid;gap:16px}
.prices.four{grid-template-columns:repeat(4,1fr)}
.price{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:26px 22px;
  position:relative;display:flex;flex-direction:column}
.price.hot{border-color:rgba(34,211,238,.45);
  background:linear-gradient(175deg,rgba(34,211,238,.08),var(--panel) 45%)}
.ribbon{position:absolute;top:-11px;left:22px;background:var(--cy);color:#04222a;
  font-size:11px;font-weight:700;padding:3px 11px;border-radius:99px;letter-spacing:.03em}
.price h3{font-size:16px;color:var(--muted);font-weight:600}
.amt{font-size:38px;font-weight:700;letter-spacing:-.03em;margin-top:10px}
.per{color:var(--faint);font-size:13px}
.who{color:var(--text);font-size:14px;margin:16px 0 14px;padding-bottom:14px;
  border-bottom:1px solid var(--line)}
.price ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}
.price li{color:var(--muted);font-size:14px;padding-left:20px;position:relative}
.price li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;
  border-radius:50%;background:var(--cy);opacity:.75}
.price li b{color:var(--text)}

/* Team / Enterprise ред */
.team-row{display:grid;grid-template-columns:1fr auto auto;gap:26px;align-items:center;
  margin-top:16px;padding:26px 28px;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r)}
.team-row.ent{background:linear-gradient(120deg,rgba(59,130,246,.1),var(--panel) 60%);
  border-color:rgba(59,130,246,.3)}
.team-row h3{font-size:20px}
.team-row p{color:var(--muted);font-size:14.5px;margin-top:7px;max-width:62ch}
.team-price{text-align:right}
.team-price b{display:block;font-size:24px;letter-spacing:-.02em}
.team-price span{color:var(--faint);font-size:12.5px}

/* решетка с възможности за бизнеса */
.biz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;margin-top:26px}
.biz-grid div{background:var(--panel);padding:20px 22px}
.biz-grid b{display:block;font-size:14.5px;margin-bottom:5px}
.biz-grid span{color:var(--muted);font-size:13.5px}

/* таблица */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:720px}
th{text-align:center;padding:16px 14px;border-bottom:1px solid var(--line);
  font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
th:first-child{text-align:left}
td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:center;color:var(--muted)}
td:first-child{text-align:left;color:var(--text)}
tr:last-child td{border-bottom:0}
tbody tr:hover td{background:var(--panel-2)}
td.y{color:var(--grn)} td.n{color:#3c4653}

/* въпроси */
.faq{display:grid;gap:10px;max-width:860px}
details{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 22px}
details[open]{border-color:#2b3646}
summary{cursor:pointer;font-weight:550;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;color:var(--cy);font-family:var(--mono)}
details[open] summary::after{content:"−"}
details p{color:var(--muted);font-size:15px;margin-top:12px}

/* долна част */
footer{border-top:1px solid var(--line);background:var(--bg-2);padding:40px 0;margin-top:40px}
.foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.foot .micro{max-width:44ch;margin-top:10px}
.foot-links{display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--muted)}
.foot-links a:hover{color:var(--cy)}

@media (max-width:980px){
  .hero-in{grid-template-columns:1fr;gap:38px}
  h1{font-size:36px}
  .prices.four{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr}
  .links{display:none}
}
@media (max-width:620px){
  .prices.four{grid-template-columns:1fr}
  .strip-in{grid-template-columns:repeat(2,1fr);gap:22px}
  .team-row{grid-template-columns:1fr;text-align:left}
  .team-price{text-align:left}
  h1{font-size:30px}
  .sec{padding:54px 0}
}

/* превключвател на езика */
.lang{display:flex;align-items:center;gap:2px;font-family:var(--mono);font-size:12px;
  border:1px solid var(--line);border-radius:7px;padding:3px;margin-left:8px}
.lang span,.lang a{padding:3px 9px;border-radius:5px;color:var(--faint);letter-spacing:.04em}
.lang .on{background:var(--panel-2);color:var(--cy)}
.lang a:hover{color:var(--text)}
@media (max-width:980px){ .lang{margin-left:auto} }

/* ═══════════════════════════════════════════════════════════
   Модернизация на интерфейса
   ═══════════════════════════════════════════════════════════ */

/* --- аврора фон: три бавно движещи се петна --- */
.aurora{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.aurora i{position:absolute;display:block;border-radius:50%;filter:blur(90px);opacity:.42}
.aurora i:nth-child(1){width:52vw;height:52vw;left:-12vw;top:-18vw;
  background:radial-gradient(circle,#22d3ee,transparent 66%);animation:drift1 34s ease-in-out infinite}
.aurora i:nth-child(2){width:44vw;height:44vw;right:-10vw;top:-6vw;
  background:radial-gradient(circle,#3b82f6,transparent 66%);animation:drift2 41s ease-in-out infinite}
.aurora i:nth-child(3){width:38vw;height:38vw;left:38vw;top:52vw;
  background:radial-gradient(circle,#7c3aed,transparent 70%);opacity:.26;animation:drift3 48s ease-in-out infinite}
@keyframes drift1{0%,100%{transform:none}50%{transform:translate(7vw,5vw) scale(1.12)}}
@keyframes drift2{0%,100%{transform:none}50%{transform:translate(-6vw,7vw) scale(.9)}}
@keyframes drift3{0%,100%{transform:none}50%{transform:translate(4vw,-9vw) scale(1.16)}}

/* --- фина зърнистост, за да не изглежда градиентът плосък --- */
.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}

body{position:relative;background:var(--bg)}

/* --- навигация, която се уплътнява при скрол --- */
.nav{border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.nav.stuck{border-bottom-color:var(--line);background:rgba(7,9,13,.92)}

/* --- градиентен ръб на картите + сияние около курсора --- */
.card,.price,.brand-box,.team-row,.tbl-wrap,details,.biz-grid{position:relative;isolation:isolate}
.card::before,.price::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,rgba(34,211,238,.34),transparent 38%,transparent 62%,rgba(59,130,246,.26));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;transition:opacity .3s;pointer-events:none}
.card:hover::before,.price:hover::before{opacity:1}
.price.hot::before{opacity:.85}

.card::after,.price::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(34,211,238,.10),transparent 42%);
  opacity:0;transition:opacity .35s}
.card:hover::after,.price:hover::after{opacity:1}

.card,.price{background:linear-gradient(180deg,rgba(255,255,255,.028),transparent 58%),var(--panel);
  backdrop-filter:blur(6px)}
.card:hover,.price:hover{transform:translateY(-3px)}
.price{transition:transform .22s}

/* --- бутоните --- */
.btn{position:relative;overflow:hidden;
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 8px 22px -10px rgba(34,211,238,.6)}
.btn::after{content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);
  transform:translateX(-120%);transition:transform .6s}
.btn:hover::after{transform:translateX(120%)}
.btn.ghost{box-shadow:none;backdrop-filter:blur(6px)}

/* --- типография --- */
h1{font-size:clamp(34px,5.1vw,58px);line-height:1.04;letter-spacing:-.033em}
.sec-head h2{font-size:clamp(26px,3.2vw,38px);letter-spacing:-.028em}
.amt{font-variant-numeric:tabular-nums}
.lead{font-size:clamp(16px,1.35vw,19px)}

/* --- лентата с числа --- */
.strip{background:linear-gradient(180deg,rgba(255,255,255,.022),transparent),var(--bg-2)}
.strip b{background:linear-gradient(180deg,var(--text),#93a3b5);-webkit-background-clip:text;
  background-clip:text;color:transparent;font-size:30px}
.strip-in>div{position:relative}
.strip-in>div+div::before{content:"";position:absolute;left:0;top:14%;height:72%;width:1px;
  background:linear-gradient(180deg,transparent,var(--line),transparent)}

/* --- терминалът --- */
.term{position:relative}
.term::before{content:"";position:absolute;inset:-1px;border-radius:15px;z-index:-1;
  background:linear-gradient(135deg,rgba(34,211,238,.5),transparent 42%,transparent 58%,rgba(59,130,246,.4))}
.term pre{min-height:268px}
.cursor{display:inline-block;width:8px;height:15px;background:var(--cy);
  vertical-align:-2px;animation:blink 1.05s step-end infinite}
@keyframes blink{50%{opacity:0}}

/* --- поява при скрол --- */
.reveal{opacity:0;transform:translateY(16px);
  transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}

/* --- таблицата --- */
.tbl-wrap{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%),var(--panel)}
thead th{position:sticky;top:64px;background:var(--panel-2);z-index:2}
td.y{font-weight:600}
td.y::before{content:"✓ ";color:var(--grn)}

/* --- въпросите --- */
details{transition:background .25s,border-color .25s}
details:hover{background:var(--panel-2)}
details summary::after{transition:transform .25s;display:inline-block}
details[open] summary::after{transform:rotate(180deg)}

/* --- намалено движение: спира анимацията, но НЕ крие съдържание --- */
@media (prefers-reduced-motion:reduce){
  .aurora i{animation:none}
  .cursor{animation:none}
  .reveal{opacity:1;transform:none;transition:none}
  .btn::after{display:none}
  html{scroll-behavior:auto}
  *{transition-duration:.01ms!important}
}

/* ═══════════════════════════════════════════════════════════
   Втора вълна: бенто, превключване на цените, движение
   ═══════════════════════════════════════════════════════════ */

/* --- техническа мрежа в героя --- */
.hero{position:relative;padding:96px 0 78px}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(148,175,200,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(148,175,200,.055) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:radial-gradient(760px 420px at 28% 34%,#000,transparent 72%);
  mask-image:radial-gradient(760px 420px at 28% 34%,#000,transparent 72%)}
.hero-in{position:relative;z-index:1}

/* значка над заглавието */
.badge{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 8px;
  border:1px solid var(--line);border-radius:99px;background:rgba(17,21,28,.7);
  backdrop-filter:blur(8px);font-size:12.5px;color:var(--muted);margin-bottom:22px}
.badge b{display:inline-flex;align-items:center;gap:6px;color:var(--cy);
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.badge .dot{width:6px;height:6px;border-radius:50%;background:var(--grn);
  box-shadow:0 0 0 3px rgba(74,222,128,.18);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(74,222,128,0)}}

/* --- бягаща лента с техники --- */
.marq{border-bottom:1px solid var(--line);background:var(--bg-2);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marq-track{display:flex;gap:40px;padding:15px 0;width:max-content;
  animation:slide 46s linear infinite}
.marq-track span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;
  color:var(--faint);white-space:nowrap;text-transform:uppercase}
.marq-track span::before{content:"◆";color:var(--cy);opacity:.5;margin-right:14px;font-size:8px;
  vertical-align:middle}
@keyframes slide{to{transform:translateX(-50%)}}

/* --- бенто решетка за направленията --- */
.cards{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(0,auto)}
.card{grid-column:span 2}
.card:nth-child(1){grid-column:span 3}
.card:nth-child(2){grid-column:span 3}
.card:nth-child(1),.card:nth-child(2){padding:30px}
.card:nth-child(1) h3,.card:nth-child(2) h3{font-size:22px}
.card:nth-child(1) p,.card:nth-child(2) p{font-size:15.5px}
.card:nth-child(1){background:
  radial-gradient(520px 260px at 84% -12%,rgba(248,113,113,.12),transparent 62%),
  linear-gradient(180deg,rgba(255,255,255,.028),transparent 58%),var(--panel)}
.card:nth-child(2){background:
  radial-gradient(520px 260px at 84% -12%,rgba(59,130,246,.14),transparent 62%),
  linear-gradient(180deg,rgba(255,255,255,.028),transparent 58%),var(--panel)}
.ic{box-shadow:0 0 0 1px rgba(255,255,255,.05) inset}

/* --- броячи --- */
.strip b{font-variant-numeric:tabular-nums}

/* --- превключване месечно / годишно --- */
.billing{display:inline-flex;align-items:center;gap:4px;padding:4px;margin-top:20px;
  border:1px solid var(--line);border-radius:99px;background:var(--panel)}
.billing button{background:none;border:0;padding:8px 18px;border-radius:99px;cursor:pointer;
  color:var(--muted);font-size:13.5px;transition:color .2s,background .2s}
.billing button.on{background:var(--panel-2);color:var(--text);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset}
.billing .save{font-size:11px;color:var(--grn);margin-left:2px;padding-right:12px;
  font-family:var(--mono);letter-spacing:.04em}
.amt{transition:opacity .18s}
.amt.swap{opacity:0}
.per small{display:block;color:var(--grn);font-size:11.5px;margin-top:3px;
  font-family:var(--mono);min-height:14px}

/* --- по-плътен ритъм --- */
.sec{padding:92px 0}
.sec-head{margin-bottom:44px}
.sec-head::before{content:"";display:block;width:34px;height:2px;margin-bottom:20px;
  background:linear-gradient(90deg,var(--cy),transparent)}

@media (max-width:980px){
  .cards{grid-template-columns:1fr}
  .card,.card:nth-child(1),.card:nth-child(2){grid-column:span 1}
  .hero{padding:64px 0 54px}
}
@media (prefers-reduced-motion:reduce){
  .marq-track{animation:none}
  .badge .dot{animation:none}
}

/* ═══════════════════════════════════════════════════════════
   Трета вълна: HUD естетика
   ═══════════════════════════════════════════════════════════ */

/* --- скенерни линии по целия екран, много фини --- */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.016) 0 1px,transparent 1px 3px)}
.nav,main,footer{position:relative;z-index:1}

/* --- ъглови скоби на панелите, като в интерфейс на уред --- */
.card,.price,.brand-box,.team-row,.tbl-wrap{--br:rgba(34,211,238,.32)}
.card>.br,.price>.br,.brand-box>.br,.team-row>.br{display:none}
.card::before,.price::before{border-radius:inherit}

.cards .card,.prices .price,.brand-box,.team-row{
  background-image:
    linear-gradient(var(--br),var(--br)),linear-gradient(var(--br),var(--br)),
    linear-gradient(var(--br),var(--br)),linear-gradient(var(--br),var(--br)),
    linear-gradient(var(--br),var(--br)),linear-gradient(var(--br),var(--br)),
    linear-gradient(var(--br),var(--br)),linear-gradient(var(--br),var(--br)),
    linear-gradient(180deg,rgba(255,255,255,.028),transparent 58%);
  background-repeat:no-repeat;
  background-size:
    11px 1px,1px 11px,  11px 1px,1px 11px,
    11px 1px,1px 11px,  11px 1px,1px 11px,  100% 100%;
  background-position:
    10px 10px,10px 10px,
    calc(100% - 10px) 10px,calc(100% - 10px) 10px,
    10px calc(100% - 10px),10px calc(100% - 10px),
    calc(100% - 10px) calc(100% - 10px),calc(100% - 10px) calc(100% - 10px),
    0 0;
  background-color:var(--panel)}

/* --- надписи в моноспейс с индекс --- */
.sec-head{counter-increment:sec}
.sec-head::before{content:"[" counter(sec,decimal-leading-zero) "]";
  width:auto;height:auto;background:none;font-family:var(--mono);font-size:11px;
  letter-spacing:.18em;color:var(--cy);opacity:.8;margin-bottom:12px}
body{counter-reset:sec}

/* --- сияние на акцентите --- */
.eyebrow{text-shadow:0 0 22px rgba(34,211,238,.55)}
.grad{filter:drop-shadow(0 0 30px rgba(34,211,238,.22))}
.amt{text-shadow:0 0 26px rgba(255,255,255,.1)}
.price.hot{box-shadow:0 0 0 1px rgba(34,211,238,.3),0 24px 60px -28px rgba(34,211,238,.6)}
.ribbon{box-shadow:0 0 20px rgba(34,211,238,.55)}

/* --- сканиращ лъч в героя --- */
.hero::after{content:"";position:absolute;left:0;right:0;height:120px;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(34,211,238,.055),transparent);
  animation:sweep 8.5s ease-in-out infinite}
@keyframes sweep{0%{top:-120px;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}

/* --- лека нестабилност на заглавието, само веднъж на цикъл --- */
.grad{position:relative}
.grad::after{content:attr(data-t);position:absolute;left:0;top:0;width:100%;
  color:var(--cy);opacity:0;mix-blend-mode:screen;pointer-events:none;
  animation:glitch 9s steps(1) infinite}
@keyframes glitch{
  0%,92%,100%{opacity:0;transform:none;clip-path:inset(0 0 100% 0)}
  93%{opacity:.5;transform:translate(-2px,1px);clip-path:inset(12% 0 62% 0)}
  95%{opacity:.4;transform:translate(3px,-1px);clip-path:inset(58% 0 22% 0)}
  97%{opacity:0;transform:none;clip-path:inset(0 0 100% 0)}}

/* --- терминалът с по-ярък ръб --- */
.term{box-shadow:0 0 0 1px rgba(34,211,238,.16),0 30px 80px -40px rgba(34,211,238,.5),
  0 22px 60px rgba(0,0,0,.6)}
.term-bar span{color:var(--cy);opacity:.7}

/* --- таблицата като табло с данни --- */
table{font-family:var(--mono);font-size:13px}
td:first-child{font-family:ui-sans-serif,-apple-system,"Segoe UI",Roboto,sans-serif}
th{color:var(--cy);opacity:.85}

/* --- бутоните с ъгли --- */
.btn{border-radius:7px}
.btn.ghost{border-color:rgba(34,211,238,.28)}

@media (prefers-reduced-motion:reduce){
  .hero::after,.grad::after{animation:none;opacity:0}
  body::before{opacity:.5}
}

/* ═══════════════════════════════════════════════════════════
   Логото с glitch
   ═══════════════════════════════════════════════════════════ */
.logo.glitch{position:relative;isolation:isolate}
.logo.glitch .gt{position:relative;display:inline-block}

/* двата цветни слоя, които се разминават за миг */
.logo.glitch .gt::before,
.logo.glitch .gt::after{
  content:attr(data-t);position:absolute;left:0;top:0;width:100%;
  pointer-events:none;mix-blend-mode:screen;opacity:0}
.logo.glitch .gt::before{color:#ff4d6d;animation:lg-r 4.5s steps(1) infinite}
.logo.glitch .gt::after{color:var(--cy);animation:lg-c 4.5s steps(1) infinite}

@keyframes lg-r{
  0%,72%,100%{opacity:0;transform:none;clip-path:inset(0 0 100% 0)}
  74%{opacity:.95;transform:translate(-3px,-1px);clip-path:inset(0 0 55% 0)}
  77%{opacity:.85;transform:translate(4px,1px);clip-path:inset(40% 0 22% 0)}
  80%{opacity:.9;transform:translate(-2px,1px);clip-path:inset(68% 0 0 0)}
  83%{opacity:.8;transform:translate(3px,-1px);clip-path:inset(20% 0 48% 0)}
  86%{opacity:0;transform:none;clip-path:inset(0 0 100% 0)}}
@keyframes lg-c{
  0%,72%,100%{opacity:0;transform:none;clip-path:inset(0 0 100% 0)}
  74%{opacity:.9;transform:translate(3px,1px);clip-path:inset(0 0 55% 0)}
  77%{opacity:.8;transform:translate(-4px,-1px);clip-path:inset(40% 0 22% 0)}
  80%{opacity:.85;transform:translate(2px,-1px);clip-path:inset(68% 0 0 0)}
  83%{opacity:.75;transform:translate(-3px,1px);clip-path:inset(20% 0 48% 0)}
  86%{opacity:0;transform:none;clip-path:inset(0 0 100% 0)}}

/* самият текст трепва съвсем леко в същия момент */
.logo.glitch .gt{animation:lg-t 4.5s steps(1) infinite}
@keyframes lg-t{
  0%,72%,100%{transform:none;text-shadow:none}
  74%{transform:translateX(2px) skewX(-1.5deg);text-shadow:0 0 14px rgba(34,211,238,.7)}
  77%{transform:translateX(-2px) skewX(1.5deg)}
  80%{transform:translateX(1px);text-shadow:0 0 12px rgba(255,77,109,.6)}
  83%{transform:translateX(-1px) skewX(-1deg)}
  86%{transform:none;text-shadow:none}}

/* курсорът пред логото пулсира */
.logo .mark{animation:lg-blink 2.4s step-end infinite}
@keyframes lg-blink{50%{opacity:.35}}

/* при посочване ефектът се задейства веднага */
.logo.glitch:hover .gt::before{animation:lg-r .7s steps(1) 1}
.logo.glitch:hover .gt::after{animation:lg-c .7s steps(1) 1}
.logo.glitch:hover .gt{animation:lg-t .7s steps(1) 1}

@media (prefers-reduced-motion:reduce){
  .logo.glitch .gt,.logo.glitch .gt::before,.logo.glitch .gt::after,.logo .mark{animation:none}
  .logo.glitch .gt::before,.logo.glitch .gt::after{opacity:0}
}

/* --- маркер за предстоящи възможности --- */
.soon{display:inline-block;font-style:normal;font-family:var(--mono);font-size:9.5px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--am);
  background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.32);
  border-radius:99px;padding:1px 7px;vertical-align:1px;margin-left:5px}
.road{display:inline-block;margin-top:8px;color:var(--faint);font-size:13.5px}
td.soon-cell{color:var(--am)}
td.soon-cell .soon{margin-left:0}

/* ═══════════════════════════════════════════════════════════
   Четвърта вълна: видео фон и по-нагъл вид
   ═══════════════════════════════════════════════════════════ */

/* --- видеото зад героя --- */
.hero{overflow:hidden}
.hero-video{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-video video{width:100%;height:100%;object-fit:cover;
  filter:grayscale(.35) contrast(1.08) brightness(.62);transform:scale(1.04)}
.hero-veil{position:absolute;inset:0;
  background:
    radial-gradient(900px 520px at 22% 42%,rgba(7,9,13,.86),rgba(7,9,13,.55) 58%,transparent 78%),
    linear-gradient(180deg,rgba(7,9,13,.82),rgba(7,9,13,.5) 38%,var(--bg) 96%),
    repeating-linear-gradient(180deg,rgba(0,0,0,.28) 0 2px,transparent 2px 4px)}
.hero::before{z-index:1}   /* мрежата остава над видеото */
.hero::after{z-index:1}
.hero-in{z-index:2}

/* --- видео лентата между секциите --- */
.band{position:relative;height:280px;overflow:hidden;
  border-block:1px solid var(--line);display:grid;place-items:center}
.band video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:grayscale(.45) brightness(.5) contrast(1.1)}
.band-veil{position:absolute;inset:0;
  background:linear-gradient(90deg,var(--bg),rgba(7,9,13,.55) 32%,rgba(7,9,13,.55) 68%,var(--bg)),
             repeating-linear-gradient(180deg,rgba(0,0,0,.3) 0 2px,transparent 2px 4px)}
.band-cap{position:relative;z-index:1;max-width:720px;text-align:center;padding:0 24px;
  font-family:var(--mono);font-size:clamp(13px,1.5vw,17px);line-height:1.7;color:#cfe2ee;
  text-shadow:0 2px 24px rgba(0,0,0,.9)}

/* --- по-агресивна типография --- */
h1{font-size:clamp(38px,6.2vw,76px);line-height:.98;letter-spacing:-.04em;font-weight:800}
.sec-head h2{font-size:clamp(28px,4vw,46px);font-weight:800}
.eyebrow{font-size:12.5px;letter-spacing:.3em}
.amt{font-size:clamp(34px,3.4vw,46px);font-weight:800}

/* --- неонови акценти --- */
.grad{background:linear-gradient(92deg,#22d3ee,#60a5fa 45%,#a78bfa 85%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 40px rgba(34,211,238,.35))}
.btn{background:linear-gradient(180deg,#2ee6ff,#0ea5c4);
  box-shadow:0 1px 0 rgba(255,255,255,.3) inset,
             0 0 0 1px rgba(34,211,238,.35),
             0 14px 40px -14px rgba(34,211,238,.95)}
.price.hot{box-shadow:0 0 0 1px rgba(34,211,238,.45),0 30px 80px -30px rgba(34,211,238,.85)}
.badge{border-color:rgba(34,211,238,.35);box-shadow:0 0 30px -10px rgba(34,211,238,.6)}
.strip b{font-size:clamp(26px,3vw,34px)}
.marq-track span{font-size:12.5px;color:#7c8ea0}
.marq-track span::before{color:var(--cy);opacity:.85}

/* --- панелите малко по-плътни върху видеото --- */
.term{background:rgba(9,12,18,.86);backdrop-filter:blur(3px)}

@media (max-width:980px){
  .hero-video video{filter:grayscale(.4) brightness(.5)}
  .band{height:200px}
}
@media (max-width:620px){
  .hero-video video{filter:grayscale(.2) contrast(1.1) brightness(.8)}
}
/* При изрично пестене на данни оставяме само постера. */
@media (prefers-reduced-data: reduce){
  .hero-video video,.band video,.cardvid video,.bizvid video{display:none}
  .hero-video{background:url("/media/hero-poster.jpg") center/cover no-repeat}
}
@media (prefers-reduced-motion:reduce){
  .hero-video video,.band video{display:none}
  .hero-video{background:url("/media/hero-poster.jpg") center/cover no-repeat}
}

/* --- корекция: видеото трябва да се вижда, не само да се подразбира --- */
.hero-video video{filter:grayscale(.2) contrast(1.12) brightness(.95) saturate(1.1);
  transform:scale(1.03)}
.hero-veil{
  background:
    radial-gradient(760px 480px at 20% 46%,rgba(7,9,13,.9),rgba(7,9,13,.62) 46%,rgba(7,9,13,.15) 74%,transparent 88%),
    linear-gradient(180deg,rgba(7,9,13,.6),rgba(7,9,13,.2) 34%,rgba(7,9,13,.55) 78%,var(--bg) 99%),
    linear-gradient(90deg,rgba(7,9,13,.55),transparent 42%),
    repeating-linear-gradient(180deg,rgba(0,0,0,.22) 0 2px,transparent 2px 4px)}
/* лек цветен воал, за да върви с палитрата */
.hero-video::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,rgba(34,211,238,.10),transparent 42%,rgba(124,58,237,.12));
  mix-blend-mode:screen}

/* заглавието да не изяжда целия екран */
h1{font-size:clamp(36px,5.2vw,64px)}

/* лентата също да се вижда повече */
.band video{filter:grayscale(.25) brightness(.72) contrast(1.12)}
.band-veil{background:
  linear-gradient(90deg,var(--bg),rgba(7,9,13,.4) 26%,rgba(7,9,13,.4) 74%,var(--bg)),
  repeating-linear-gradient(180deg,rgba(0,0,0,.24) 0 2px,transparent 2px 4px)}

/* текстът в лентата да е четим и върху светъл кадър */
.band-cap{background:rgba(7,9,13,.55);backdrop-filter:blur(3px);
  border:1px solid rgba(34,211,238,.18);border-radius:10px;padding:14px 22px}

/* ═══════════════════════════════════════════════════════════
   Пета вълна: видео в картите и в секциите
   ═══════════════════════════════════════════════════════════ */

/* --- фоново видео в двете големи карти --- */
.cards .card{position:relative;overflow:hidden}
.cardvid{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  opacity:.34;transition:opacity .45s}
.cardvid video{width:100%;height:100%;object-fit:cover;
  filter:grayscale(.45) contrast(1.1) brightness(.72)}
.cardvid::after{content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,var(--panel) 18%,rgba(17,21,28,.72) 48%,rgba(17,21,28,.35) 82%)}
.cards .card:nth-child(1):hover .cardvid,
.cards .card:nth-child(2):hover .cardvid{opacity:.52}
.cards .card>*:not(.cardvid){position:relative;z-index:1}

/* --- лентата с глобуса е по-плитка и по-контрастна --- */
.band-globe{height:230px}
.band-globe video{filter:grayscale(.1) brightness(.85) contrast(1.15)}
.band-globe .band-veil{background:
  radial-gradient(620px 240px at 50% 50%,transparent,rgba(7,9,13,.55) 72%),
  linear-gradient(90deg,var(--bg),transparent 22%,transparent 78%,var(--bg)),
  repeating-linear-gradient(180deg,rgba(0,0,0,.2) 0 2px,transparent 2px 4px)}

/* --- видео зад заглавието на BUSINESS --- */
.bizsec{position:relative}
.bizvid{position:absolute;left:0;right:0;top:0;height:300px;z-index:0;overflow:hidden;
  pointer-events:none;opacity:.3}
.bizvid video{width:100%;height:100%;object-fit:cover;
  filter:grayscale(.5) brightness(.6) contrast(1.05)}
.bizvid::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,9,13,.55),var(--bg) 92%),
             linear-gradient(90deg,rgba(7,9,13,.7),transparent 55%)}
.bizsec>*:not(.bizvid){position:relative;z-index:1}

/* На телефон видеата също вървят — само са по-приглушени, за да не бият текста. */
@media (max-width:620px){
  .cardvid{opacity:.4}
  .bizvid{opacity:.3;height:220px}
}
/* Ако браузърът е отказал да пусне видеото, poster-ът поема — да е видим. */
video[data-blocked]{opacity:1}
@media (prefers-reduced-motion:reduce){
  .cardvid video,.bizvid video,.band-globe video{display:none}
}

/* ═══════════════════════════════════════════════════════════
   Изскачащ прозорец за картите
   ═══════════════════════════════════════════════════════════ */
.cards .card{cursor:pointer}
.readmore{position:relative;z-index:1;display:inline-block;margin-top:14px;
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--cy);opacity:.8;transition:opacity .2s,transform .2s}
.cards .card:hover .readmore{opacity:1;transform:translateX(3px)}

.modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px;
  background:rgba(4,6,10,.8);backdrop-filter:blur(8px);
  opacity:0;transition:opacity .22s}
.modal.on{opacity:1}
.modal-box{width:min(760px,100%);max-height:88vh;overflow:hidden;display:flex;flex-direction:column;
  background:var(--panel);border:1px solid var(--line);border-radius:16px;
  box-shadow:0 0 0 1px rgba(34,211,238,.18),0 40px 120px -30px rgba(0,0,0,.95);
  transform:translateY(14px) scale(.985);transition:transform .26s cubic-bezier(.22,1,.36,1)}
.modal.on .modal-box{transform:none}

.modal-media{position:relative;aspect-ratio:16/7;overflow:hidden;background:#05070b;flex:none}
.modal-media video{width:100%;height:100%;object-fit:cover;
  filter:grayscale(.2) contrast(1.08) brightness(.9)}
.modal-media::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 45%,rgba(17,21,28,.35) 78%,var(--panel)),
             repeating-linear-gradient(180deg,rgba(0,0,0,.16) 0 2px,transparent 2px 4px)}
.modal-badge{position:absolute;left:18px;top:16px;z-index:1;font-family:var(--mono);
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--cy);
  background:rgba(7,9,13,.72);border:1px solid rgba(34,211,238,.32);
  border-radius:99px;padding:4px 12px;backdrop-filter:blur(6px)}

.modal-body{padding:24px 28px 28px;overflow-y:auto}
.modal-body h3{font-size:24px;letter-spacing:-.02em;margin:0 0 14px}
.modal-body p{color:var(--muted);font-size:15.5px;line-height:1.72;margin-bottom:13px}
.modal-body p:last-child{margin-bottom:0}
.modal-body b{color:var(--text)}
.modal-body code{font-family:var(--mono);font-size:13px;color:var(--cy);
  background:rgba(34,211,238,.09);border:1px solid rgba(34,211,238,.2);
  border-radius:4px;padding:1px 6px}

.modal-x{position:absolute;right:14px;top:13px;z-index:2;width:34px;height:34px;
  display:grid;place-items:center;border-radius:50%;cursor:pointer;
  background:rgba(7,9,13,.7);border:1px solid var(--line);color:var(--muted);
  font-size:17px;line-height:1;backdrop-filter:blur(6px);transition:color .2s,border-color .2s}
.modal-x:hover{color:var(--text);border-color:var(--cy)}

body.locked{overflow:hidden}

@media (max-width:620px){
  .modal{padding:0;place-items:end}
  .modal-box{max-height:92vh;border-radius:18px 18px 0 0;border-bottom:0}
  .modal-media{aspect-ratio:16/9}
  .modal-body{padding:20px 20px calc(env(safe-area-inset-bottom) + 24px)}
  .modal-body h3{font-size:20px}
}
@media (prefers-reduced-motion:reduce){
  .modal,.modal-box{transition:none}
  .modal-media video{display:none}
}

/* ═══════════════════════════════════════════════════════════
   Шеста вълна: движение по темата
   ═══════════════════════════════════════════════════════════ */

/* --- сканиращ лъч, който минава веднъж при поява на картата --- */
.cards .card,.prices .price{--scan:0}
.cards .card::before,.prices .price::before{z-index:2}
.cards .card.in .scanline,.prices .price.in .scanline{animation:scan 1.05s cubic-bezier(.4,0,.2,1) .12s 1}
.scanline{position:absolute;left:0;right:0;top:0;height:2px;z-index:3;pointer-events:none;
  opacity:0;background:linear-gradient(90deg,transparent,var(--cy),transparent);
  box-shadow:0 0 18px rgba(34,211,238,.9)}
@keyframes scan{
  0%{opacity:0;transform:translateY(0)}
  8%{opacity:1}
  92%{opacity:1}
  100%{opacity:0;transform:translateY(var(--sh,420px))}}

/* --- ъгловите скоби се „изчертават" --- */
.cards .card,.prices .price{background-size:
  0 1px,1px 0,  0 1px,1px 0,
  0 1px,1px 0,  0 1px,1px 0,  100% 100%;
  transition:background-size .5s cubic-bezier(.22,1,.36,1) .18s}
.cards .card.in,.prices .price.in,.cards .card:hover,.prices .price:hover{background-size:
  11px 1px,1px 11px,  11px 1px,1px 11px,
  11px 1px,1px 11px,  11px 1px,1px 11px,  100% 100%}

/* --- мигащ курсор след надписите в моноспейс --- */
.eyebrow::after{content:"▌";margin-left:6px;color:var(--cy);
  animation:cur 1.1s step-end infinite}
@keyframes cur{50%{opacity:0}}

/* --- индикатор за trace в лентата с числа --- */
.strip-in>div:nth-child(4){position:relative}
.trace-bar{display:block;height:3px;width:70%;margin:10px auto 0;border-radius:99px;
  background:rgba(255,255,255,.07);overflow:hidden}
.trace-bar i{display:block;height:100%;width:0;border-radius:99px;
  background:linear-gradient(90deg,var(--grn),var(--am) 55%,var(--red));
  animation:trace 6s cubic-bezier(.35,0,.2,1) infinite}
@keyframes trace{
  0%{width:0}
  46%{width:92%}
  58%{width:92%}
  62%{width:0}
  100%{width:0}}

@media (prefers-reduced-motion:reduce){
  .scanline{display:none}
  .eyebrow::after{animation:none}
  .trace-bar i{animation:none;width:64%}
  .cards .card,.prices .price{transition:none;background-size:
    11px 1px,1px 11px, 11px 1px,1px 11px,
    11px 1px,1px 11px, 11px 1px,1px 11px, 100% 100%}
}

/* --- прозорец за заявка на достъп --- */
.modal-box.access{max-width:560px;position:relative}
.modal-box.access .modal-body{padding:30px 30px 28px}
.modal-box.access .modal-x{top:16px;right:16px}
.plan-chip{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--cy);background:rgba(34,211,238,.1);
  border:1px solid rgba(34,211,238,.3);border-radius:99px;padding:4px 12px;margin-bottom:16px}
.mailrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;
  padding:14px 16px;background:var(--bg);border:1px solid var(--line);border-radius:10px}
.mailrow .mail{flex:1;min-width:0;font-family:var(--mono);font-size:14.5px;color:var(--cy);
  overflow:hidden;text-overflow:ellipsis}
.signin-row{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
  color:var(--faint);font-size:13.5px}
.signin-row a{color:var(--cy);margin-left:6px}
button.btn.block{display:block;width:100%;text-align:center;margin-top:16px;cursor:pointer}

/* --- ред за плащане в прозореца за достъп --- */
.payrow{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin-top:22px;padding:16px 18px;border-radius:10px;
  background:linear-gradient(135deg,rgba(34,211,238,.1),rgba(59,130,246,.06));
  border:1px solid rgba(34,211,238,.28)}
.payamt{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.payamt small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:2px}
.paynote{margin-top:9px;color:var(--faint);font-size:12.5px;line-height:1.6}

/* три плана вместо четири */
.prices.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:980px){ .prices.three{grid-template-columns:repeat(2,1fr)} }
@media (max-width:620px){ .prices.three{grid-template-columns:1fr} }

/* --- формата за заявка на достъп --- */
.leadform{margin-top:20px;display:flex;flex-direction:column;gap:12px}
.lf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.leadform label{display:block}
.leadform label span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.leadform input,.leadform textarea{width:100%;background:var(--bg);color:var(--text);
  border:1px solid var(--line);border-radius:8px;padding:11px 13px;font:inherit;font-size:14.5px;
  outline:none;transition:border-color .18s}
.leadform input:focus,.leadform textarea:focus{border-color:var(--cy)}
.leadform textarea{resize:vertical;min-height:76px}
.cf-turnstile{min-height:66px;display:flex;align-items:center}
.lf-note{font-size:13.5px;line-height:1.6;color:var(--grn);
  background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.25);
  border-radius:8px;padding:11px 13px;margin:0}
.lf-note.bad{color:#ffb3b3;background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.3)}
.mailalt{margin-top:14px;padding-top:13px;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:12.5px;color:var(--faint);text-align:center}
@media (max-width:620px){ .lf-row{grid-template-columns:1fr} }

/* Бутонът в навигацията не се чупи на редове и не се смачква на тесен екран (25.10.2026). */
.btn{white-space:nowrap;flex-shrink:0}
@media (max-width:620px){
  .nav-in{gap:12px}
  .nav-in .btn{padding:8px 12px;font-size:13px}
}