/* ═══════════════════════════════════════
   REDESIGN.CSS — KomplektoffLabs 2026
   Accent: #d4ff4e (lime-yellow)
   ═══════════════════════════════════════ */

/* ─── KEYFRAMES ─── */
@keyframes kl-pulse {
  0%,100%{box-shadow:0 0 0 0 rgba(212,255,78,.35),0 10px 30px rgba(212,255,78,.2)}
  50%{box-shadow:0 0 0 10px rgba(212,255,78,0),0 14px 40px rgba(212,255,78,.35)}
}
@keyframes kl-float {
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes kl-fade-up {
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:none}
}
@keyframes kl-scale-in {
  from{opacity:0;transform:scale(.93) translateY(16px)}
  to{opacity:1;transform:scale(1) translateY(0)}
}
@keyframes kl-blink {
  0%,100%{opacity:1}50%{opacity:.25}
}
@keyframes kl-bot-msg {
  from{opacity:0;transform:translateX(-8px)}
  to{opacity:1;transform:none}
}
@keyframes kl-bot-user {
  from{opacity:0;transform:translateX(8px)}
  to{opacity:1;transform:none}
}
@keyframes kl-shimmer {
  0%{background-position:-200% center}
  100%{background-position:200% center}
}

/* ─── PROMO BAR ─── */
#promo{
  background: rgba(10,10,10,.95) !important;
  border-bottom:1px solid rgba(212,255,78,.2) !important;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.promo-ico{color:var(--acc);font-size:.9rem;flex-shrink:0}
.p-btn{
  background:var(--acc) !important;
  color:#000 !important;
  border:none !important;
  font-weight:700;
  border-radius:50px;
  padding:.32rem 1rem;
  transition:all .2s;
}
.p-btn:hover{background:#fff !important;transform:translateY(-1px)}
.p-close{color:rgba(255,255,255,.5)}
.p-close:hover{color:#fff}
.p-txt,.p-price{color:#fff !important}

/* ─── HERO TOP ROW ─── */
.hero-top-row{
  display:flex;
  align-items:center;
  gap:1.5rem;
  margin-bottom:1.2rem;
  flex-wrap:wrap;
  opacity:0;
  animation:kl-fade-up .7s .3s ease both;
}
.hero-live-badge{
  display:inline-flex;align-items:center;gap:.5rem;
  border:1px solid rgba(212,255,78,.3);
  background:rgba(212,255,78,.06);
  color:var(--acc);
  font-family:var(--cond);font-size:.72rem;letter-spacing:.12em;
  text-transform:uppercase;font-weight:700;
  padding:.3rem .9rem;border-radius:50px;
}
.hero-live-dot{
  width:7px;height:7px;background:var(--acc);
  border-radius:50%;flex-shrink:0;
  animation:kl-blink 1.4s ease infinite;
}
.hero-year{
  margin-left:auto;
  font-family:var(--head);font-size:1rem;
  color:rgba(255,255,255,.1);letter-spacing:.1em;
}

/* ─── HERO TITLE ─── */
.hl-dark{color:#222 !important}
.hl2{
  padding-left:6vw;
  display:flex !important;
  align-items:center;
  gap:1.5rem;
  color:#222 !important;
}
.hl-line{
  display:inline-block;
  width:clamp(3rem,6vw,7rem);
  height:clamp(.45rem,.9vw,.9rem);
  background:var(--acc);
  border-radius:4px;flex-shrink:0;
}

/* ─── HERO STATS ROW ─── */
.hero-stats-row{
  display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;
  padding:1.5rem 0;
  border-top:1px solid rgba(255,255,255,.06);
  margin-top:1rem;
}
.hstat{display:flex;flex-direction:column;gap:.1rem}
.hstat-n{
  font-family:var(--head);font-size:clamp(1.6rem,2.5vw,2rem);
  color:var(--acc);letter-spacing:.04em;line-height:1;
}
.hstat-l{
  font-family:var(--cond);font-size:.65rem;
  letter-spacing:.12em;text-transform:uppercase;color:#444;
}
.hstat-sep{
  width:1px;height:36px;
  background:rgba(255,255,255,.07);flex-shrink:0;
}
.hstat-tags{
  display:flex;align-items:center;gap:.6rem;
  font-family:var(--cond);font-size:.72rem;
  letter-spacing:.1em;text-transform:uppercase;color:#333;
}
.htag-dot{color:rgba(212,255,78,.3)}

/* ─── NAV BUTTONS ─── */
.ncta{
  background:var(--acc) !important;
  color:#000 !important;
  font-weight:800;
  border-radius:50px;
  padding:.5rem 1.3rem;
  transition:all .25s;
}
.ncta:hover{
  background:#fff !important;
  color:#000 !important;
  transform:translateY(-1px);
}

/* ─── OFFER ACCENT BAR ─── */
.offer-accentbar{
  display:flex;align-items:center;gap:2rem;flex-wrap:wrap;
  border:1px solid rgba(212,255,78,.2);
  border-radius:18px;padding:1.8rem 2.2rem;
  margin-bottom:5rem;
  background:rgba(212,255,78,.03);
  position:relative;overflow:hidden;
}
.offer-accentbar::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(212,255,78,.04),transparent);
  background-size:200% 100%;
  animation:kl-shimmer 3s linear infinite;
}
.oab-left{display:flex;align-items:center;gap:1.2rem;position:relative;z-index:1}
.oab-icon{
  width:44px;height:44px;border-radius:12px;
  background:rgba(212,255,78,.1);border:1px solid rgba(212,255,78,.25);
  display:flex;align-items:center;justify-content:center;
  color:var(--acc);font-size:1.1rem;flex-shrink:0;
}
.oab-title{font-family:var(--head);font-size:1.4rem;letter-spacing:.04em;color:#fff}
.oab-sub{font-family:var(--cond);font-size:.72rem;letter-spacing:.08em;color:#888;text-transform:uppercase;margin-top:.2rem}
.oab-prices{
  display:flex;align-items:center;gap:1rem;
  position:relative;z-index:1;
}
.oab-old{
  font-family:var(--head);font-size:1.4rem;
  color:rgba(255,255,255,.2);text-decoration:line-through;letter-spacing:.04em;
}
.oab-new{
  font-family:var(--head);font-size:clamp(2rem,3.5vw,2.8rem);
  color:var(--acc);letter-spacing:.03em;line-height:1;
}
.oab-cta{
  margin-left:auto;
  display:inline-flex;align-items:center;gap:.6rem;
  background:var(--acc);color:#000;
  font-family:var(--cond);font-size:.82rem;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;
  padding:.8rem 1.8rem;border-radius:50px;border:none;cursor:pointer;
  transition:all .25s;position:relative;z-index:1;
  animation:kl-pulse 2.5s ease-in-out infinite;
}
.oab-cta:hover{
  background:#fff;transform:translateY(-2px);
  animation:none;box-shadow:0 8px 28px rgba(212,255,78,.2);
}
.opcta{
  display:inline-flex;align-items:center;gap:.75rem;
  background:var(--acc);color:#000 !important;
  font-family:var(--cond);font-size:.85rem;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;
  padding:1rem 2rem;border-radius:50px;border:none;cursor:pointer;
  transition:all .3s;
  animation:kl-pulse 2.5s ease-in-out infinite;
}
.opcta:hover{background:#fff;transform:translateY(-2px);animation:none}
.opcta i{font-size:.9rem}

/* ─── MODALS ─── */
.modal-overlay{
  position:fixed;inset:0;
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  z-index:9000;
  display:flex;align-items:center;justify-content:center;
  padding:1rem;
  opacity:0;pointer-events:none;
  transition:opacity .3s ease;
  overflow-y:auto;
}
.modal-overlay.open{opacity:1;pointer-events:all}
.modal-overlay.open .modal-box{animation:kl-scale-in .4s cubic-bezier(.16,1,.3,1) both}
.modal-box{
  background:#0f0f0f;
  border:1px solid rgba(212,255,78,.15);
  border-radius:22px;width:100%;max-width:860px;
  max-height:88vh;overflow-y:auto;
  padding:2.8rem;position:relative;
  scrollbar-width:thin;scrollbar-color:#222 transparent;
}
.modal-box::-webkit-scrollbar{width:3px}
.modal-box::-webkit-scrollbar-thumb{background:#222;border-radius:2px}
.modal-close{
  position:absolute;top:1.4rem;right:1.4rem;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  color:#fff;width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:.9rem;cursor:pointer;transition:all .25s;
}
.modal-close:hover{background:rgba(255,255,255,.12);transform:rotate(90deg)}
.modal-hd{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem}
.modal-num{
  font-family:var(--head);font-size:4.5rem;
  color:rgba(212,255,78,.12);letter-spacing:.04em;line-height:1;flex-shrink:0;
}
.modal-title{font-family:var(--head);font-size:clamp(2rem,4vw,3rem);letter-spacing:.04em;color:#fff;line-height:1;margin-bottom:.4rem}
.modal-sub{font-family:var(--cond);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.modal-body{display:grid;grid-template-columns:1fr 1.1fr;gap:2.8rem;margin-bottom:2.5rem}
.modal-body.single{grid-template-columns:1fr}
.modal-desc p{font-size:.92rem;color:rgba(255,255,255,.65);line-height:1.85;margin-bottom:1.5rem}
.modal-desc.full{width:100%}
.modal-feats{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.mf{
  display:flex;align-items:flex-start;gap:.65rem;
  font-size:.82rem;color:rgba(255,255,255,.6);line-height:1.5;
}
.mf i{color:var(--acc);font-size:.85rem;flex-shrink:0;margin-top:.15rem;width:14px;text-align:center}

/* modal examples */
.modal-ex{display:flex;flex-direction:column;gap:.9rem}
.mex-label{
  font-family:var(--cond);font-size:.65rem;letter-spacing:.14em;
  text-transform:uppercase;color:#333;margin-bottom:.3rem;
}
.mex-item{
  display:flex;flex-direction:column;gap:.5rem;
  border:1px solid rgba(255,255,255,.06);border-radius:14px;
  overflow:hidden;transition:border-color .3s;
  text-decoration:none;color:inherit;
}
.mex-item:not(.no-link):hover{border-color:rgba(212,255,78,.25)}
.mex-img{position:relative;height:90px;background:#1a1a1a;overflow:hidden;flex-shrink:0}
.mex-img.wide{height:130px}
.mex-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.mex-item:not(.no-link):hover .mex-img img{transform:scale(1.05)}
.mex-ov{
  position:absolute;inset:0;background:rgba(212,255,78,.75);
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .3s;
  font-family:var(--cond);font-size:.72rem;letter-spacing:.1em;
  color:#000;font-weight:700;gap:.4rem;
}
.mex-item:hover .mex-ov{opacity:1}
.mex-name{font-family:var(--body);font-size:.88rem;font-weight:600;color:#fff;padding:0 .9rem}
.mex-type{font-family:var(--cond);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#444;padding:0 .9rem .8rem}

/* modal bot list */
.mex-bot{
  display:flex;align-items:flex-start;gap:.9rem;
  border:1px solid rgba(255,255,255,.06);border-radius:13px;
  padding:.9rem;text-decoration:none;color:inherit;
  transition:all .3s;
}
.mex-bot:hover{border-color:rgba(212,255,78,.25);transform:translateX(4px)}
.mex-bot-img{width:58px;height:58px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#1a1a1a}
.mex-bot-img img{width:100%;height:100%;object-fit:cover}
.mex-bot-handle{font-family:var(--body);font-size:.88rem;font-weight:700;color:var(--acc);margin-bottom:.25rem}
.mex-bot-desc{font-size:.78rem;color:rgba(255,255,255,.45);line-height:1.5;margin-bottom:.4rem}
.mex-bot-link{font-family:var(--cond);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);display:flex;align-items:center;gap:.4rem}

/* modal in-dev */
.modal-indev{
  display:flex;align-items:flex-start;gap:1rem;
  border:1px dashed rgba(255,255,255,.08);border-radius:14px;
  padding:1.8rem;margin-top:1.5rem;
}
.modal-indev i{color:rgba(212,255,78,.4);font-size:1.5rem;flex-shrink:0;margin-top:.1rem}
.mid-t{font-family:var(--head);font-size:1.3rem;letter-spacing:.05em;color:rgba(255,255,255,.25);margin-bottom:.4rem}
.mid-s{font-size:.82rem;color:rgba(255,255,255,.2);line-height:1.6}

/* modal footer */
.modal-ft{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;
  border-top:1px solid rgba(255,255,255,.05);padding-top:2rem;
}
.modal-cta{
  display:inline-flex;align-items:center;gap:.7rem;
  background:var(--acc);color:#000;
  font-family:var(--cond);font-size:.82rem;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;
  padding:.85rem 1.8rem;border-radius:50px;border:none;cursor:pointer;
  transition:all .25s;
}
.modal-cta:hover{background:#fff;transform:translateY(-2px)}
.modal-tags{display:flex;flex-wrap:wrap;gap:.35rem}
.modal-tags span{
  font-family:var(--cond);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid rgba(212,255,78,.2);background:rgba(212,255,78,.05);
  color:rgba(212,255,78,.7);padding:.18rem .55rem;border-radius:50px;
}

/* ─── BOTS BANNER ─── */
.bots-banner{
  border:1px solid rgba(212,255,78,.12);border-radius:22px;
  padding:4rem;margin-bottom:4rem;
  display:grid;grid-template-columns:1fr auto;gap:4rem;
  align-items:center;overflow:hidden;position:relative;
  background:rgba(212,255,78,.02);
}
.bots-banner::before{
  content:'';position:absolute;
  top:-40%;left:-5%;width:45%;height:180%;
  background:radial-gradient(ellipse,rgba(212,255,78,.05) 0%,transparent 70%);
  pointer-events:none;
}
.bb-label{
  display:inline-flex;align-items:center;gap:.5rem;
  border:1px solid rgba(212,255,78,.2);background:rgba(212,255,78,.06);
  color:var(--acc);
  font-family:var(--cond);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
  padding:.28rem .85rem;border-radius:50px;margin-bottom:1.5rem;
}
.bb-title{
  font-family:var(--head);font-size:clamp(2.5rem,4.5vw,4.5rem);
  letter-spacing:.04em;color:#fff;line-height:.95;margin-bottom:1.2rem;
}
.bb-title em{font-style:normal;color:var(--acc)}
.bb-desc{font-size:.92rem;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:2rem;max-width:340px}
.bb-cta{
  display:inline-flex;align-items:center;gap:.7rem;
  background:var(--acc);color:#000;
  font-family:var(--cond);font-size:.82rem;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;
  padding:.9rem 2rem;border-radius:50px;text-decoration:none;
  transition:all .3s;
  animation:kl-pulse 2.5s ease-in-out infinite;
}
.bb-cta:hover{background:#fff;transform:translateY(-2px);animation:none}

/* bot phone mockup */
.bb-mockup{flex-shrink:0}
.bot-phone{
  width:210px;background:#0d0d0d;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;padding:1.1rem;
  box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 40px rgba(212,255,78,.04);
  animation:kl-float 4s ease infinite;
}
.bps-topbar{
  display:flex;align-items:center;gap:.5rem;
  padding-bottom:.55rem;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:.6rem;
}
.bps-avatar{
  width:28px;height:28px;border-radius:50%;
  background:rgba(212,255,78,.12);border:1px solid rgba(212,255,78,.2);
  display:flex;align-items:center;justify-content:center;
  color:var(--acc);font-size:.75rem;flex-shrink:0;
}
.bps-topbar span{font-family:var(--cond);font-size:.68rem;letter-spacing:.05em;color:rgba(255,255,255,.6);flex:1}
.bps-status{display:flex;align-items:center;gap:.3rem;font-family:var(--cond);font-size:.6rem;color:#444;letter-spacing:.05em}
.bps-dot{width:5px;height:5px;background:var(--acc);border-radius:50%;animation:kl-blink 1.5s ease infinite}
.bps-msgs{display:flex;flex-direction:column;gap:.5rem}
.bps-msg{
  font-size:.7rem;line-height:1.4;padding:.45rem .65rem;
  border-radius:10px;max-width:84%;color:#fff;
}
.bps-msg.bot{
  background:rgba(255,255,255,.06);border-radius:3px 10px 10px 10px;
  align-self:flex-start;
  opacity:0;animation:kl-bot-msg .4s ease both;
}
.bps-msg.user{
  background:rgba(212,255,78,.14);border-radius:10px 3px 10px 10px;
  align-self:flex-end;color:var(--acc);
  opacity:0;animation:kl-bot-user .4s ease both;
}
.bps-msg:nth-child(1){animation-delay:.6s}
.bps-msg:nth-child(2){animation-delay:1.1s}
.bps-msg:nth-child(3){animation-delay:1.6s}
.bps-btns{display:flex;gap:.35rem;flex-wrap:wrap;opacity:0;animation:kl-bot-msg .4s 2.1s ease both}
.bps-btn{
  background:rgba(212,255,78,.1);border:1px solid rgba(212,255,78,.22);
  border-radius:7px;padding:.28rem .55rem;
  font-size:.62rem;color:var(--acc);font-family:var(--cond);letter-spacing:.04em;cursor:pointer;
}

/* bot card examples */
.bce-wrap{margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}
.bce-label{font-family:var(--cond);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#2a2a2a;margin-bottom:.6rem}
.bce-row{
  display:flex;align-items:center;gap:.7rem;
  padding:.48rem .5rem;border-radius:9px;
  text-decoration:none;color:inherit;transition:background .2s;
  margin-bottom:.25rem;
}
.bce-row:hover{background:rgba(212,255,78,.05)}
.bce-thumb{width:34px;height:34px;border-radius:7px;object-fit:cover;background:#1a1a1a;flex-shrink:0;border:1px solid rgba(255,255,255,.05)}
.bce-name{font-family:var(--body);font-size:.78rem;font-weight:600;color:var(--acc)}
.bce-sub{font-size:.68rem;color:#333}
.bce-ico{margin-left:auto;color:#222;font-size:.8rem;transition:transform .2s,color .2s}
.bce-row:hover .bce-ico{transform:translate(3px,-3px);color:var(--acc)}
.bce-indev{
  display:flex;align-items:center;gap:.6rem;
  border:1px dashed rgba(255,255,255,.06);border-radius:9px;padding:.7rem .8rem;
  font-size:.75rem;color:#333;
}
.bce-indev i{color:#2a2a2a;font-size:.85rem}

/* ─── CONTACT BANNER ─── */
.contact-banner{
  border:1px solid rgba(212,255,78,.15);border-radius:20px;
  padding:2.5rem;margin-bottom:5rem;
  display:flex;align-items:center;gap:2rem;flex-wrap:wrap;
  background:rgba(212,255,78,.02);
  position:relative;overflow:hidden;
}
.contact-banner::before{
  content:'';position:absolute;
  top:-40%;right:-5%;width:300px;height:300px;
  background:radial-gradient(circle,rgba(212,255,78,.05) 0%,transparent 70%);
  pointer-events:none;
}
.cb-icon{
  width:54px;height:54px;border-radius:14px;
  background:rgba(212,255,78,.08);border:1px solid rgba(212,255,78,.2);
  display:flex;align-items:center;justify-content:center;
  color:var(--acc);font-size:1.3rem;flex-shrink:0;
}
.cb-text{flex:1;min-width:200px}
.cb-title{font-family:var(--head);font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:.04em;color:#fff;margin-bottom:.4rem}
.cb-sub{font-family:var(--cond);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#555}
.cb-chips{display:flex;flex-direction:column;gap:.4rem}
.cb-chip{
  display:inline-flex;align-items:center;gap:.5rem;
  border:1px solid rgba(212,255,78,.15);background:rgba(212,255,78,.04);
  color:rgba(212,255,78,.6);
  font-family:var(--cond);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;
  padding:.28rem .75rem;border-radius:50px;white-space:nowrap;
}

/* contact quick links */
.contact-links{display:flex;flex-direction:column;gap:.6rem;margin-top:2rem}
.clink{
  display:flex;align-items:center;gap:.85rem;
  border:1px solid rgba(255,255,255,.07);border-radius:12px;
  padding:.9rem 1.2rem;text-decoration:none;color:#fff;
  transition:all .3s;
}
.clink:hover{transform:translateX(6px)}
.clink-tg{background:rgba(0,122,255,.06);border-color:rgba(0,122,255,.15)}
.clink-tg:hover{background:rgba(0,122,255,.12);border-color:rgba(0,122,255,.35)}
.clink-em{background:rgba(212,255,78,.04);border-color:rgba(212,255,78,.12)}
.clink-em:hover{background:rgba(212,255,78,.08);border-color:rgba(212,255,78,.25)}
.clink i:first-child{font-size:1rem;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.clink span{font-family:var(--body);font-size:.88rem;font-weight:600;flex:1}
.cl-arr{color:#222;font-size:.8rem;transition:transform .25s,color .25s}
.clink:hover .cl-arr{transform:translate(4px,-4px);color:var(--acc)}

/* ─── SUBMIT BUTTON ─── */
.csub{
  background:var(--acc) !important;
  color:#000 !important;
  border:none;border-radius:10px;
  padding:1.1rem 1.8rem;
  font-family:var(--cond);font-size:.88rem;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;
  display:flex;align-items:center;justify-content:space-between;
  width:100%;cursor:pointer;transition:all .25s;
}
.csub:hover{background:#fff !important;transform:translateY(-2px)}
.sarr{font-size:1rem;transition:transform .3s}
.csub:hover .sarr{transform:translate(4px,-4px)}
.csub span:first-child{color:#000 !important}
.csub .sarr{color:#000 !important}

/* ─── FOOTER FIX ─── */
.fpow{
  border-top:1px solid rgba(255,255,255,.08) !important;
  color:rgba(255,255,255,.3) !important;
}
.fpow a{color:rgba(255,255,255,.35) !important}
.fpow a:hover{color:var(--acc) !important}
.fmqw{color:rgba(255,255,255,.07) !important}

/* ─── MOBILE NAV ─── */
#mobnav{
  height:62px;
  align-items:stretch;
  padding:0 0 env(safe-area-inset-bottom);
  background:rgba(10,10,10,.96) !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
.mni{padding:.5rem .4rem .4rem;border-radius:0;gap:.12rem}
.mni svg{width:19px;height:19px}
.mni span{font-size:.54rem;letter-spacing:.06em}
.mni.on{color:var(--acc) !important}
.mni.on::before{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:24px;height:2px;background:var(--acc);border-radius:0 0 2px 2px;
}
.mni-offer{color:rgba(212,255,78,.35) !important}
.mni-offer.on,.mni-offer:hover{color:var(--acc) !important}

/* ─── RESPONSIVE ─── */
@media(max-width:1060px){
  .bots-banner{grid-template-columns:1fr;gap:2.5rem;padding:2.5rem}
  .bb-mockup{display:flex;justify-content:center}
  .modal-body{grid-template-columns:1fr;gap:2rem}
}
@media(max-width:860px){
  .hero-stats-row{gap:1rem}
  .hstat-sep{display:none}
  .hero-top-row{gap:.8rem}
  .hero-year{display:none}
  .offer-accentbar{flex-direction:column;text-align:center;padding:1.5rem}
  .oab-left{justify-content:center}
  .oab-cta{margin-left:0}
  .modal-box{padding:1.5rem;max-height:92vh;border-radius:18px}
  .modal-feats{grid-template-columns:1fr}
  .modal-hd{gap:.8rem}
  .modal-num{font-size:2.8rem}
  .modal-title{font-size:clamp(1.5rem,5vw,2.2rem)}
  .modal-ft{flex-direction:column;align-items:stretch}
  .modal-cta{justify-content:center}
  .contact-banner{flex-direction:column;padding:1.5rem}
  .cb-chips{flex-direction:row;flex-wrap:wrap}
  .bots-banner{padding:2rem 1.5rem}
  .sec{padding-left:1.2rem !important;padding-right:1.2rem !important}
  #offer{padding-left:1.2rem !important;padding-right:1.2rem !important}
}
@media(max-width:560px){
  .hero-stats-row{flex-direction:column;align-items:flex-start;gap:.8rem}
  .bb-title{font-size:clamp(2rem,8vw,3rem)}
  .hstat{flex-direction:row;align-items:center;gap:.5rem}
  .hstat-n{font-size:1.5rem}
  .mex-bot{flex-direction:column}
  .mex-bot-img{width:100%;height:120px;border-radius:10px 10px 0 0}
}


/* === FINAL UI FIXES === */
:root{
  --acc:#f4c430;
  --acc-2:#ffcf40;
  --acc-soft:rgba(244,196,48,.14);
  --acc-soft-2:rgba(244,196,48,.24);
  --acc-glow:rgba(244,196,48,.26);
  --text-soft:rgba(255,255,255,.72);
}

html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at top, rgba(244,196,48,.06), transparent 34%),
    #080808;
}
::selection{background:rgba(244,196,48,.95);color:#111}
::-moz-selection{background:rgba(244,196,48,.95);color:#111}

a,button,input,textarea,select{ -webkit-tap-highlight-color: transparent; }

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:2px solid var(--acc);
  outline-offset:3px;
  box-shadow:0 0 0 6px rgba(244,196,48,.14);
}

a:active,button:active,.modal-cta:active,.csub:active,.ncta:active,.p-btn:active,.opcta:active,.oab-cta:active,.bb-cta:active{
  transform:translateY(1px) scale(.985);
}

#promo,
#nav,
#mobnav,
footer,
.modal-box,
.contact-banner,
.bots-banner,
.ocard,
.bcard,
.ccard,
.bmx,
.mex-item,
.mex-bot,
.wi,
.clink{
  border-color:rgba(244,196,48,.16) !important;
}

#promo{
  background:linear-gradient(135deg, rgba(38,31,9,.96), rgba(78,61,12,.92)) !important;
  box-shadow:0 16px 44px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06);
}
#nav{
  background:rgba(10,10,10,.58) !important;
  border-bottom:1px solid rgba(244,196,48,.08) !important;
}
#nav.scrolled,
#mobnav.scrolled{
  background:rgba(10,10,10,.84) !important;
}
footer{
  background:linear-gradient(180deg, rgba(14,14,14,.96), rgba(8,8,8,.98)) !important;
}
footer::before{
  background:linear-gradient(180deg, rgba(244,196,48,.08), rgba(255,255,255,0)) !important;
}

.promo-ico,
.acc,.ottl span,.opnew,.otimer,.ock,.wcur,.mni.on,.bcta:hover,.fcol a:hover,.fright a:hover,.cemail:hover,.fpow a,
.hero-live-dot,.bb-title em,.modal-sub,.mex-bot-handle,.mex-bot-link,.oab-new,.cb-icon,.cb-chip,.bce-name{
  color:var(--acc) !important;
}
.hero-live-dot{background:var(--acc) !important; box-shadow:0 0 0 6px rgba(244,196,48,.12)}

.p-btn,
.ncta,
.opcta,
.csub,
.mni.cta,
.modal-cta,
.oab-cta,
.bb-cta{
  background:linear-gradient(180deg, #ffd65a, #e8b91f) !important;
  color:#161616 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 14px 34px rgba(244,196,48,.22), inset 0 1px 0 rgba(255,255,255,.32) !important;
}
.p-btn *, .ncta *, .opcta *, .csub *, .modal-cta *, .oab-cta *, .bb-cta *{ color:#161616 !important; }
.p-btn:hover,
.ncta:hover,
.opcta:hover,
.csub:hover,
.modal-cta:hover,
.oab-cta:hover,
.bb-cta:hover,
.mni.cta:hover{
  background:linear-gradient(180deg, #ffe07c, #f1c533) !important;
  color:#111 !important;
  box-shadow:0 18px 40px rgba(244,196,48,.28), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
.p-close:hover,.modal-close:hover{ color:var(--acc) !important; }

#hero{
  min-height:clamp(680px, 88vh, 920px);
  padding:10.5rem 2.5rem 4.5rem !important;
  justify-content:space-between;
  gap:2rem;
}
.hero-top-row{margin-bottom:1.2rem}
.htitle{margin-bottom:1.5rem}
.hero-stats-row{
  margin:1.5rem 0 1.75rem;
  padding:1rem 1.15rem;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border:1px solid rgba(244,196,48,.12);
  border-radius:22px;
}
.hpill,.hero-live-badge,.hero-year,.obadge,.wi-tag,.cchip,.bmxt,.bmeta,.itag,.modal-tags span{
  background:rgba(244,196,48,.08) !important;
  border-color:rgba(244,196,48,.22) !important;
  color:#fff4c8 !important;
}
.hl-line{background:linear-gradient(90deg, transparent, var(--acc), transparent) !important}
.hsline{background:linear-gradient(180deg, rgba(244,196,48,0), rgba(244,196,48,.9), rgba(244,196,48,0)) !important}

.mstrip,
.fmq{
  position:relative;
  background:linear-gradient(180deg, rgba(244,196,48,.06), rgba(244,196,48,.02));
  border-top:1px solid rgba(244,196,48,.18) !important;
  border-bottom:1px solid rgba(244,196,48,.14) !important;
}
.mw,
.fmqw{
  color:rgba(255,235,170,.92) !important;
  text-shadow:0 0 18px rgba(244,196,48,.08);
}
.ms{ color:rgba(244,196,48,.64) !important; }

.shd{border-bottom:1px solid rgba(244,196,48,.16) !important}
.sidx,.sttl,.ocardtag,.hstxt,.wi-n,.wi-d,.fcolt,.bfeats li,.bck,.cb-sub,.mex-label,.bce-label,.mex-type,.bps-topbar span{color:rgba(255,239,196,.72) !important}

.offer-accentbar,
.bots-banner,
.contact-banner,
.modal-box,
.ocard,
.bmx,
.clink,
.mex-item,
.mex-bot{
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)),
    rgba(10,10,10,.86) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
}
.wi:hover,
.clink:hover,
.mex-item:hover,
.mex-bot:hover,
.bce-row:hover{
  background:rgba(244,196,48,.05) !important;
}
.bcico,.iico,.bmxico,.osbox,.oab-icon,.cb-icon,.bps-avatar,
.clink i:first-child{
  background:rgba(244,196,48,.1) !important;
  border-color:rgba(244,196,48,.24) !important;
  color:var(--acc) !important;
}

.modal-overlay{
  background:radial-gradient(circle at top, rgba(244,196,48,.08), transparent 30%), rgba(0,0,0,.84) !important;
}
.modal-box{
  border:1px solid rgba(244,196,48,.18) !important;
  border-radius:26px;
}
.modal-num{color:rgba(244,196,48,.16) !important}
.modal-desc p,
.mf,
.mex-bot-desc,
.bb-desc,
.mid-s,
.bce-sub,
.odesc,
.osdsc,
.bcdesc,
.atxt,
.idesc,
.fcopy,
.fpow,
.cir,
.cil,
.clbl{
  color:var(--text-soft) !important;
}
.modal-close{
  background:rgba(244,196,48,.08) !important;
  border-color:rgba(244,196,48,.18) !important;
}
.mex-ov{
  background:linear-gradient(180deg, rgba(255,214,90,.94), rgba(232,185,31,.94)) !important;
  color:#111 !important;
}

.cemail,
.cir,
.clink span,
.cb-title,
.flogo,
.fcol a,
.fright a,
.fpoph,
.bmxttl,
.osttl,
.oab-title,
.iname,
.bcname,
.bps-msg,
.bps-status,
.bce-indev,
.mid-t,
.fmqw,
.hdesc,
.oli,
.mex-name{
  color:#fff !important;
}
.cemail{
  text-shadow:0 0 28px rgba(244,196,48,.08);
  border-bottom-color:rgba(244,196,48,.18) !important;
}
.cirow{border-bottom:1px solid rgba(244,196,48,.08)}
.contact-links{gap:.8rem}
.clink{
  border-radius:16px;
}
.clink-tg,
.clink-em{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)) !important;
}
.cl-arr{color:rgba(255,235,170,.76) !important}
.clink:hover .cl-arr{color:var(--acc) !important}
.cb-chip{color:#fff1bc !important}

.cinp,
.cinp option,
.cinp optgroup{
  color:#fff !important;
}
.cfield{position:relative}
select.cinp{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding:.85rem 3rem .85rem 0 !important;
  border-bottom:1.5px solid rgba(244,196,48,.22) !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5 10 12.5 15 7.5' stroke='%23f4c430' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right .2rem center;
  background-size:18px 18px;
}
textarea.cinp,
input.cinp{
  padding-right:0 !important;
}
.cinp:hover{border-bottom-color:rgba(244,196,48,.38) !important}
.cinp:focus{
  border-bottom-color:var(--acc) !important;
  box-shadow:0 12px 24px -20px rgba(244,196,48,.45) !important;
}
.cinp option,
.cinp optgroup{
  background:#101010 !important;
}

.csub[disabled]{
  opacity:.82;
  cursor:progress;
  filter:saturate(.9);
}

#mobnav{
  background:rgba(10,10,10,.95) !important;
  border-top:1px solid rgba(244,196,48,.12) !important;
}
.mni{
  color:rgba(255,244,208,.62) !important;
}
.mni.on,
.mni:hover,
.mni-offer,
.mni-offer.on,
.mni-offer:hover{color:var(--acc) !important}
.mni.on::before{background:var(--acc) !important}

@media(max-width:860px){
  #hero{
    min-height:auto;
    padding:8.75rem 1.2rem 3rem !important;
    gap:1.35rem;
  }
  .hero-top-row{align-items:flex-start}
  .hero-stats-row{
    padding:.95rem 1rem;
    border-radius:18px;
    margin:1.1rem 0 1.2rem;
  }
  .contact-banner,
  .bots-banner,
  .offer-accentbar,
  .modal-box{
    border-radius:20px;
  }
}
@media(max-width:560px){
  #hero{
    padding-top:8.15rem !important;
    padding-bottom:2.4rem !important;
  }
  .hero-top-row{gap:.65rem}
  .hpill,.hero-live-badge{font-size:.62rem}
  .hero-stats-row{width:100%}
  .hdesc{font-size:.95rem;line-height:1.65}
  .contact-links{margin-top:1.35rem}
  .clink{padding:.95rem 1rem;border-radius:14px}
  .cemail{font-size:clamp(2rem,12vw,3.2rem);line-height:1}
  .modal-box{padding:1.15rem;border-radius:18px}
  .modal-close{top:.9rem;right:.9rem}
  .modal-ft{padding-top:1.35rem}
  .mni span{font-size:.52rem}
}

/* ===== HERO V2 ===== */
.hero-main{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1rem;
}
.hero-title-inline{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  flex-wrap:nowrap;
  gap:0;
  width:100%;
  text-align:center;
  margin-bottom:.2rem;
}
.hero-word{
  display:inline-block !important;
  padding-left:0 !important;
  line-height:.86;
}
.hero-word-light{color:#f3f1eb !important}
.hero-word-dark{color:#1e1e1e !important}
.hero-title-under{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
  margin-bottom:.4rem;
}
.hero-line-center{
  width:clamp(120px, 12vw, 220px) !important;
  height:12px !important;
  border-radius:999px !important;
  margin:0 auto;
  box-shadow:0 0 24px rgba(244,196,48,.22);
}
.hero-subtitle{
  margin:0;
  max-width:860px;
  text-align:center;
  font-family:var(--cond);
  font-size:clamp(.84rem,1.1vw,1rem);
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(255,240,204,.72);
}
.hero-content-block{
  display:flex;
  flex-direction:column;
  gap:1.35rem;
  max-width:760px;
  text-align:center;
  align-items:center;
}
.hbot{
  align-items:flex-end;
}
.hdesc{
  max-width:760px !important;
  font-size:1.08rem;
}
.hero-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:.9rem;
}
.hero-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.7rem;
  min-height:58px;
  padding:0 1.55rem;
  border-radius:18px;
  border:1px solid rgba(244,196,48,.18);
  font-family:var(--cond);
  font-size:.84rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
}
.hero-cta i{font-size:.95rem}
.hero-cta:hover{transform:translateY(-2px)}
.hero-cta-primary{
  background:linear-gradient(180deg, #ffd65a, #e8b91f);
  color:#161616 !important;
  box-shadow:0 14px 34px rgba(244,196,48,.2), inset 0 1px 0 rgba(255,255,255,.32);
}
.hero-cta-primary *{color:#161616 !important}
.hero-cta-secondary{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  color:#fff !important;
  box-shadow:0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
}
.hero-cta-secondary:hover{
  border-color:rgba(244,196,48,.34);
  background:rgba(244,196,48,.07);
}

/* ===== CUSTOM SELECT ===== */
.select-hidden-native{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:1px !important;
  height:1px !important;
}
.custom-select{
  position:relative;
  width:100%;
}
.custom-select-trigger{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.88rem 0;
  background:transparent;
  border:none;
  border-bottom:1.5px solid rgba(244,196,48,.22);
  color:#fff;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:border-color .2s ease, transform .2s ease;
}
.custom-select.open .custom-select-trigger,
.custom-select-trigger:hover,
.custom-select-trigger:focus-visible{
  border-bottom-color:var(--acc);
}
.custom-select-label{
  display:flex;
  flex-direction:column;
  gap:.18rem;
  min-width:0;
}
.custom-select-value{
  color:#fff;
  font-size:.98rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.custom-select-value.placeholder{color:rgba(255,255,255,.44)}
.custom-select-meta{
  font-family:var(--cond);
  font-size:.64rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,240,204,.42);
}
.custom-select-arrow{
  width:34px;
  height:34px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(244,196,48,.08);
  border:1px solid rgba(244,196,48,.16);
  color:var(--acc);
  flex-shrink:0;
  transition:transform .25s ease, background .25s ease;
}
.custom-select.open .custom-select-arrow{transform:rotate(180deg); background:rgba(244,196,48,.14)}
.custom-select-dropdown{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 12px);
  background:linear-gradient(180deg, rgba(25,25,25,.98), rgba(12,12,12,.98));
  border:1px solid rgba(244,196,48,.16);
  border-radius:18px;
  box-shadow:0 24px 60px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);
  padding:.7rem;
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
  z-index:35;
  max-height:340px;
  overflow:auto;
}
.custom-select.open .custom-select-dropdown{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.custom-select-group-label{
  padding:.5rem .85rem .4rem;
  font-family:var(--cond);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,240,204,.38);
}
.custom-select-option{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.82rem .9rem;
  border:none;
  background:transparent;
  color:#fff;
  border-radius:14px;
  cursor:pointer;
  text-align:left;
  transition:background .2s ease, transform .2s ease, color .2s ease;
}
.custom-select-option:hover,
.custom-select-option.active{
  background:rgba(244,196,48,.08);
  color:#fff6d9;
}
.custom-select-option span:last-child{
  font-family:var(--cond);
  font-size:.62rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,240,204,.38);
}
.custom-select-option.active span:last-child{color:var(--acc)}

/* ===== DISCOUNT POPUP ===== */
.discount-popup{
  position:fixed;
  left:24px;
  bottom:24px;
  width:min(390px, calc(100vw - 32px));
  padding:1rem 1rem 1rem;
  background:linear-gradient(180deg, rgba(24,24,24,.98), rgba(10,10,10,.98));
  border:1px solid rgba(244,196,48,.18);
  border-radius:22px;
  box-shadow:0 22px 60px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.03) inset;
  z-index:8500;
  transform:translateY(calc(100% + 40px));
  opacity:0;
  pointer-events:none;
  transition:transform .45s cubic-bezier(.16,1,.3,1), opacity .35s ease;
}
.discount-popup::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(circle at top right, rgba(244,196,48,.18), transparent 38%);
  pointer-events:none;
}
.discount-popup.show{
  transform:translateY(0);
  opacity:1;
  pointer-events:auto;
}
.discount-popup-badge{
  display:inline-flex;
  align-items:center;
  padding:.38rem .75rem;
  border-radius:999px;
  background:rgba(244,196,48,.1);
  border:1px solid rgba(244,196,48,.18);
  font-family:var(--cond);
  font-size:.62rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#fff1bc;
  margin-bottom:.9rem;
}
.discount-popup-title{
  font-family:var(--head);
  font-size:clamp(1.6rem, 3vw, 2.2rem);
  line-height:.95;
  color:#fff;
  margin-bottom:.6rem;
}
.discount-popup-text{
  margin:0 0 1rem;
  color:var(--text-soft);
  line-height:1.65;
  font-size:.92rem;
  max-width:31ch;
}
.discount-popup-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 1.15rem;
  border-radius:16px;
  background:linear-gradient(180deg, #ffd65a, #e8b91f);
  color:#111 !important;
  font-family:var(--cond);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-decoration:none;
  box-shadow:0 14px 34px rgba(244,196,48,.18), inset 0 1px 0 rgba(255,255,255,.32);
}
.discount-popup-close{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(244,196,48,.15);
  background:rgba(244,196,48,.07);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.discount-popup-close:hover{color:var(--acc)}

@media(max-width:860px){
  .hero-title-inline{
    flex-wrap:wrap;
    gap:.12em;
  }
  .hero-subtitle{letter-spacing:.14em}
  .hero-cta-row{width:100%}
  .hero-cta{flex:1 1 240px}
}

@media(max-width:560px){
  .hero-subtitle{
    font-size:.72rem;
    letter-spacing:.12em;
    max-width:100%;
  }
  .hero-word{display:block !important}
  .hero-title-inline{
    display:block;
    text-align:left;
  }
  .hero-line-center{margin-left:0}
  .hero-title-under{align-items:flex-start}
  .hdesc{font-size:.96rem !important}
  .hero-cta-row{flex-direction:column}
  .hero-cta{width:100%}
  .discount-popup{
    left:12px;
    right:12px;
    bottom:86px;
    width:auto;
    border-radius:18px;
  }
  .custom-select-dropdown{max-height:280px}
}


/* ===== PATCH: hero / popup / footer / legal ===== */
.hero-word-light,
.hero-word-dark,
.hero-word{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}
.hero-line-center{
  width:clamp(72px, 7vw, 110px) !important;
  height:6px !important;
  box-shadow:0 0 16px rgba(244,196,48,.18);
}
.hero-subtitle{color:rgba(255,255,255,.86)}

.discount-popup{
  left:50%;
  right:auto;
  width:min(420px, calc(100vw - 32px));
  text-align:center;
  transform:translate(-50%, calc(100% + 40px));
}
.discount-popup.show{transform:translate(-50%, 0)}
.discount-popup-badge{margin:0 auto .9rem}
.discount-popup-title{margin-bottom:.75rem}
.discount-popup-code{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  padding:.62rem .95rem;
  margin:0 auto 1rem;
  border-radius:999px;
  border:1px solid rgba(244,196,48,.24);
  background:rgba(244,196,48,.08);
  font-family:var(--cond);
  font-size:.7rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#f8e8b0;
}
.discount-popup-code span{
  color:#fff;
  font-size:.95rem;
  letter-spacing:.18em;
}
.discount-popup-text{
  max-width:none;
  text-align:center;
}
.discount-popup-btn{min-width:100%}

.cagree{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  margin:.25rem 0 .25rem;
  padding:1rem 1rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.025);
  color:rgba(255,255,255,.72);
  line-height:1.55;
  font-size:.84rem;
}
.cagree input{
  width:18px;
  height:18px;
  margin-top:.15rem;
  accent-color:#f4c430;
  flex:0 0 auto;
}
.cagree a{
  color:#fff3c4;
  text-decoration:none;
  border-bottom:1px solid rgba(244,196,48,.35);
}
.cagree a:hover{color:#fff}

.fbody{
  grid-template-columns:minmax(220px, 1fr) minmax(420px, 1.6fr) minmax(220px, 1fr);
  gap:1.25rem;
  align-items:stretch;
}
.fbrand,
.fcol,
.fright{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.07);
  border-radius:22px;
  padding:1.25rem 1.2rem;
  box-shadow:0 18px 40px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.03);
}
.fbrand{
  display:flex;
  flex-direction:column;
  gap:.9rem;
}
.fbrand-note{
  max-width:26ch;
  color:rgba(255,255,255,.48);
  font-size:.84rem;
  line-height:1.65;
}
.fcols{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}
.fcol{gap:.7rem}
.fcol a,
.fright a{
  color:rgba(255,255,255,.82);
}
.fright{
  align-items:flex-start;
  justify-content:space-between;
}
.fpow{
  margin-top:1rem;
  padding-top:1.15rem;
}
.fpow a{
  color:rgba(255,255,255,.62) !important;
  font-style:normal;
}

@media(max-width:980px){
  .fbody{
    grid-template-columns:1fr;
  }
  .fcols{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .hero-line-center{margin-left:auto}
  .hero-title-under{align-items:center}
  .discount-popup{
    left:50%;
    right:auto;
    bottom:86px;
    width:calc(100vw - 24px);
    transform:translate(-50%, calc(100% + 40px));
  }
  .discount-popup.show{transform:translate(-50%, 0)}
  .discount-popup-code{
    width:100%;
    padding:.8rem .9rem;
  }
  .cagree{
    padding:.9rem;
    font-size:.78rem;
  }
}


/* ===== PATCH V2: hero / footer / php docs ===== */
.hero-main{
  gap:1.15rem;
}
.hero-title-under{
  gap:1rem;
  width:100%;
}
.hero-line-center{
  width:clamp(64px, 5vw, 90px) !important;
  height:4px !important;
  border-radius:999px !important;
  margin:0 auto;
  box-shadow:0 0 16px rgba(244,196,48,.2);
}
.hero-subtitle{
  max-width:920px;
  text-align:center;
  color:rgba(255,255,255,.9) !important;
}
.hero-cta-row-top{
  justify-content:center;
  width:100%;
}
.hero-stats-row{
  width:min(760px, 100%);
  margin:1.15rem auto 0;
  padding:1rem 1.15rem;
  justify-content:center;
  align-items:center;
  gap:1rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  box-shadow:0 18px 40px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03);
}
.hstat{
  align-items:center;
  text-align:center;
  min-width:92px;
}
.hstat-n{
  font-size:clamp(1.45rem, 2vw, 2rem);
  line-height:1;
}
.hstat-l{
  font-size:.76rem;
  letter-spacing:.12em;
}
.hstat-sep{
  height:32px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.14), rgba(255,255,255,0));
}
.hstat-tags{
  justify-content:center;
  text-align:center;
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.hero-content-block{
  max-width:680px;
  margin:0 0 0 auto;
  margin-right:23%;
  text-align:center;
}
.hbot{
  grid-template-columns:1fr auto auto;
  align-items:center;
  margin-top:1.35rem;
  justify-items:center;
}
.hscroll, .hidx{ justify-self:auto; }
.hdesc{
  max-width:680px !important;
  margin:0 auto;
  font-size:1rem;
  line-height:1.7;
}
.hscroll{
  align-items:center;
}
.hsline{
  height:28px !important;
  opacity:.72;
}

.fbody{
  display:grid;
  grid-template-columns:minmax(250px,1.05fr) minmax(0,1.75fr) minmax(250px,1fr);
  gap:1.2rem;
  padding:2.2rem 2.5rem 1.35rem;
  align-items:stretch;
}
.fbrand,
.fcol,
.fright{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:1.35rem;
  box-shadow:0 20px 44px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
}
.fbrand::before,
.fcol::before,
.fright::before{
  content:'';
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, rgba(244,196,48,.4), rgba(244,196,48,0));
  opacity:.55;
}
.fbrand{
  justify-content:space-between;
}
.flogo{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(244,196,48,.16), rgba(244,196,48,.05));
  border:1px solid rgba(244,196,48,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15);
}
.fcopy{
  line-height:1.75;
}
.fbrand-note{
  max-width:none;
  color:rgba(255,255,255,.56);
}
.fcols{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:1rem;
}
.fcolt{
  margin-bottom:.55rem;
  color:#fff2c8 !important;
}
.fcol a,
.fright a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.65rem;
  min-height:42px;
  padding:.72rem .85rem;
  border-radius:14px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
  color:rgba(255,255,255,.86);
  text-decoration:none;
  transition:transform .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}
.fcol a::after,
.fright a::after{
  content:'↗';
  opacity:.45;
  transition:transform .22s ease, opacity .22s ease;
}
.fcol a:hover,
.fright a:hover{
  transform:translateY(-2px);
  background:rgba(244,196,48,.08);
  border-color:rgba(244,196,48,.2);
  color:#fff;
}
.fcol a:hover::after,
.fright a:hover::after{
  transform:translate(2px,-1px);
  opacity:1;
}
.fright{
  align-items:stretch;
  justify-content:flex-start;
  gap:.85rem;
}
.fpow{
  margin:0 2.5rem 0;
  padding:1.15rem 1.35rem 2rem;
  border-top:1px solid rgba(255,255,255,.05);
  display:flex;
  justify-content:center;
  align-items:center;
  gap:.45rem;
  color:rgba(255,255,255,.46);
}
.fpow strong{
  color:#fff;
  font-weight:700;
}

.doc-back-label{
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}

@media(max-width:980px){
  .hbot{
    grid-template-columns:1fr;
    justify-items:center;
    gap:.85rem;
  }
  .hscroll,.hidx{
    display:none;
  }
  .fbody{
    grid-template-columns:1fr;
  }
  .fcols{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .hero-cta-row-top{
    flex-direction:column;
  }
  .hero-cta-row-top .hero-cta{
    width:100%;
  }
  .hero-stats-row{
    width:100%;
    padding:.95rem;
    gap:.8rem;
  }
  .hstat{
    min-width:auto;
    width:100%;
  }
  .hstat-tags{
    width:100%;
    flex-wrap:wrap;
  }
  .fbody{
    padding:1.6rem 1rem 1rem;
  }
  .fpow{
    margin:0 1rem;
    padding:1rem 0 1.4rem;
  }
}

/* ===== PATCH V6 — desktop/mobile polish + layout fixes ===== */

:root{
  --kl-white:#ffffff;
  --kl-soft:rgba(255,255,255,.78);
}

/* Brand is always white */
.nlogo,
.nlogo:hover,
.nlogo:visited,
.hero-word,
.hero-word-light,
.hero-word-dark,
.hl,
.htitle,
.htitle span,
.hero-subtitle,
.hdesc,
.hdesc strong{
  color:var(--kl-white) !important;
  -webkit-text-fill-color:var(--kl-white) !important;
}

.hdesc{
  max-width:760px !important;
  font-size:1.02rem !important;
  line-height:1.82 !important;
  text-wrap:balance;
}
.hdesc strong{
  font-weight:800;
}
.hero-subtitle{
  color:rgba(255,255,255,.84) !important;
}

/* Desktop top elements */
@media (min-width: 861px){
  #promo{
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) translateY(-120%) !important;
    width:min(820px, calc(100vw - 48px)) !important;
    border-radius:0 0 22px 22px !important;
    justify-content:center !important;
    gap:.9rem !important;
    padding:.8rem 3rem .8rem 1.15rem !important;
  }
  #nav.pp{ top:78px !important; }
  .cookie-banner{
    left:22px !important;
    right:auto !important;
    bottom:22px !important;
    width:min(460px, calc(100vw - 44px)) !important;
  }
}

/* Mobile: separate promo and logo clearly */
@media (max-width: 860px){
  #promo{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    transform:translateY(-110%) !important;
    border-radius:0 !important;
    padding:.7rem 2.7rem .7rem .85rem !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:.45rem !important;
    min-height:54px !important;
  }

  #nav{
    top:54px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    padding:.95rem 1rem !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    border-bottom:1px solid rgba(255,255,255,.05) !important;
    background:rgba(10,10,10,.94) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
  }
  #nav.pp{ top:54px !important; }
  .nlinks,
  .ncta{ display:none !important; }
  .nlogo{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    font-size:1.32rem !important;
    line-height:1 !important;
    letter-spacing:.12em !important;
    white-space:nowrap !important;
  }

  #hero{
    padding-top:136px !important;
  }

  .hero-main,
  .hero-title-under,
  .hero-content-block{
    align-items:center !important;
    text-align:center !important;
  }
  .hero-title-inline{
    display:block !important;
    width:100% !important;
    text-align:center !important;
  }
  .hero-word{
    display:inline !important;
  }
  .hero-line-center{ margin:0 auto !important; }

  .hero-cta-row-top{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:.9rem !important;
  }
  .hero-cta-row-top .hero-cta{
    width:100% !important;
    min-height:54px !important;
    padding:.75rem 1.1rem !important;
    border-radius:50px !important;
    border:1px solid rgba(244,196,48,.18) !important;
    box-shadow:0 8px 24px rgba(0,0,0,.2) !important;
    font-size:.82rem !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
  }
  .hero-cta-primary{
    background:linear-gradient(180deg, #f4c430 0%, #dfad17 100%) !important;
    color:#111 !important;
  }
  .hero-cta-primary *{ color:#111 !important; }
  .hero-cta-secondary{
    background:linear-gradient(180deg, rgba(22,18,8,.98) 0%, rgba(10,10,10,.98) 100%) !important;
    color:#fff !important;
  }

  .p-txt{
    font-size:.68rem !important;
    line-height:1.15 !important;
    letter-spacing:.08em !important;
  }
  .p-btn{
    background:rgba(244,196,48,.16) !important;
    color:#fff !important;
    border:1px solid rgba(244,196,48,.26) !important;
    padding:.36rem .8rem !important;
    font-size:.62rem !important;
  }
  .p-price{
    font-size:.95rem !important;
    color:#f7d566 !important;
  }

  .cookie-banner{
    bottom:84px !important;
    left:10px !important;
    width:calc(100vw - 20px) !important;
  }

  #mobnav{
    height:74px !important;
    padding:0 8px calc(6px + env(safe-area-inset-bottom)) !important;
    background:rgba(11,11,11,.98) !important;
    border-top:1px solid rgba(244,196,48,.14) !important;
    box-shadow:0 -10px 35px rgba(0,0,0,.34) !important;
  }
  .mni{
    min-width:0 !important;
    border-radius:16px !important;
    padding:9px 4px 7px !important;
    color:rgba(255,255,255,.84) !important;
  }
  .mni svg{
    width:20px !important;
    height:20px !important;
  }
  .mni span{
    font-size:.56rem !important;
    letter-spacing:.07em !important;
  }
  .mni.mni-cta{
    background:linear-gradient(180deg, rgba(244,196,48,.22), rgba(244,196,48,.1)) !important;
    border:1px solid rgba(244,196,48,.26) !important;
    color:#f9dc7a !important;
  }
}

@media (max-width: 520px){
  .hero-top-row{
    justify-content:center !important;
  }
  .hero-year{ margin-left:0 !important; }
  .hdesc{
    font-size:.95rem !important;
    line-height:1.72 !important;
  }
  .hero-cta-row-top .hero-cta{
    min-height:48px !important;
    font-size:.78rem !important;
  }
  .p-btn{ display:none !important; }
}


/* ═════════ PATCH v7 — stable promo + nav ═════════ */
:root{
  --kl-promo-h-desktop: 52px;
  --kl-nav-h-desktop: 76px;
  --kl-promo-h-mobile: 54px;
  --kl-nav-h-mobile: 72px;
}

body.promo-visible #promo,
body:not(.promo-hidden) #promo{
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
}

body.promo-hidden #promo{
  transform:translateY(-110%) !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media (min-width: 861px){
  #promo{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    min-height:var(--kl-promo-h-desktop) !important;
    transform:none !important;
    border-radius:0 !important;
    justify-content:center !important;
    gap:.9rem !important;
    padding:.7rem 3.2rem .7rem 1rem !important;
    transition:transform .28s ease, opacity .2s ease !important;
  }
  #nav,
  #nav.pp{
    position:fixed !important;
    top:var(--kl-promo-h-desktop) !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    min-height:var(--kl-nav-h-desktop) !important;
    padding:1rem 2.5rem !important;
    transition:background .25s ease, box-shadow .25s ease !important;
  }
  body.promo-hidden #nav,
  body.promo-hidden #nav.pp{
    top:0 !important;
  }
  #hero{
    padding-top:calc(var(--kl-promo-h-desktop) + var(--kl-nav-h-desktop) + 26px) !important;
  }
}

@media (max-width: 860px){
  #promo{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    min-height:var(--kl-promo-h-mobile) !important;
    transform:none !important;
    border-radius:0 !important;
    justify-content:flex-start !important;
    gap:.55rem !important;
    padding:.72rem 2.9rem .72rem .9rem !important;
    transition:transform .28s ease, opacity .2s ease !important;
  }
  #nav,
  #nav.pp{
    position:fixed !important;
    top:var(--kl-promo-h-mobile) !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    min-height:var(--kl-nav-h-mobile) !important;
    padding:.9rem 1rem !important;
    transition:background .25s ease, box-shadow .25s ease !important;
  }
  body.promo-hidden #nav,
  body.promo-hidden #nav.pp{
    top:0 !important;
  }
  #hero{
    padding-top:calc(var(--kl-promo-h-mobile) + var(--kl-nav-h-mobile) + 16px) !important;
  }
}

#promo .p-txt{
  display:block !important;
  white-space:nowrap;
}
#promo .p-price{
  display:block !important;
  white-space:nowrap;
}
#promo .p-btn{
  white-space:nowrap;
}


/* ═════════ FINAL PATCH — mobile text + nav + cursor ═════════ */

/* 1. Курсор не исчезает при показе попапа (PC) */
.discount-popup,
.discount-popup *,
.discount-popup-btn,
.discount-popup-close,
.modal-overlay,
.modal-overlay *,
.modal-box,
.modal-box * {
  cursor: auto !important;
}
.discount-popup-btn,
.discount-popup-close { cursor: pointer !important; }

/* 2. Текст hero по центру на мобильном */
@media (max-width: 860px) {
  .hero-main,
  .hero-title-under,
  .hero-content-block,
  .hero-top-row,
  .hero-cta-row,
  .hero-cta-row-top,
  .hero-stats-row {
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
  }
  .hdesc,
  .hero-subtitle {
    text-align: center !important;
    max-width: 100% !important;
  }
  .hero-line-center { margin: 0 auto !important; }
}

/* 3. Нижнее меню — компактнее и красивее */
@media (max-width: 860px) {
  #mobnav {
    height: 60px !important;
    padding: 0 6px calc(4px + env(safe-area-inset-bottom)) !important;
    background: rgba(8,8,8,.96) !important;
    border-top: 1px solid rgba(244,196,48,.12) !important;
    box-shadow: 0 -6px 24px rgba(0,0,0,.4) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
  }
  body { padding-bottom: 60px !important; }
  .mni {
    padding: 6px 3px 5px !important;
    border-radius: 12px !important;
    gap: 2px !important;
  }
  .mni svg {
    width: 18px !important;
    height: 18px !important;
  }
  .mni span {
    font-size: .48rem !important;
    letter-spacing: .05em !important;
  }
  .mni.mni-cta {
    background: linear-gradient(180deg, rgba(244,196,48,.2), rgba(244,196,48,.08)) !important;
    border: 1px solid rgba(244,196,48,.3) !important;
    border-radius: 14px !important;
    color: #f4c430 !important;
  }
  .mni.mni-cta svg,
  .mni.mni-cta span { color: #f4c430 !important; }
  .mni.on {
    background: rgba(244,196,48,.08) !important;
    color: #f4c430 !important;
  }
  .mni.on span { color: #f4c430 !important; }
  /* Popup / cookie выше уменьшенного меню */
  .discount-popup { bottom: 72px !important; }
  .cookie-banner { bottom: 72px !important; }
}

@media (max-width: 400px) {
  .mni span { font-size: .42rem !important; }
  .mni { padding: 5px 2px 4px !important; }
  #mobnav { height: 56px !important; }
  body { padding-bottom: 56px !important; }
}