:root{
  --g:  #C9A84C;
  --gl: #E8C96A;
  --gd: #8A6820;
  --glow: rgba(201,168,76,.35);
  --cdek:  #00A651;
  --cdekl: #00D668;
  --ozon:  #005BFF;
  --ozonl: #4D8FFF;
  --ink:   #080808;
  --ink2:  #0D0D0D;
  --ink3:  #131313;
  --ink4:  #1A1A1A;
  --ln:    rgba(255,255,255,.08);
  --w:     #FFFFFF;
  --ow:    #E4D9C0;
  --mu:    rgba(255,255,255,.28);
}

*{margin:0;padding:0;box-sizing:border-box;}

/* ══ GLOBAL ANCHOR RESET — prevent browser default blue links ══ */
a { color: inherit; text-decoration: none; }
a:visited { color: inherit; }
a:focus { outline: 2px solid rgba(201,168,76,.5); outline-offset: 2px; }

html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body{
  font-family:'JetBrains Mono',monospace;
  background:var(--ink);
  color:var(--w);
  overflow-x:hidden;
  cursor:none;
}

/* ══ NOISE LAYER ══ */
body::after{
  content:'';
  position:fixed;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");
  pointer-events:none;z-index:9990;opacity:.35;
}

/* ══ CURSOR ══ */
#C{width:6px;height:6px;background:var(--g);border-radius:50%;position:fixed;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .15s,border-radius .2s;box-shadow:0 0 12px 3px var(--glow);}
#CR{width:32px;height:32px;border:1px solid var(--g);border-radius:50%;position:fixed;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);opacity:.3;transition:all .18s;}
body:has(a:hover) #C,body:has(button:hover) #C{width:44px;height:44px;border-radius:3px;background:transparent;border:1.5px solid var(--gl);}
body:has(a:hover) #CR,body:has(button:hover) #CR{opacity:0;}
/* ══ CURSOR TRAIL ══ */
.ct{position:fixed;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);z-index:9995;}
/* Mobile: restore default cursor */
@media (pointer: coarse), (max-width: 900px) {
  body { cursor: auto !important; }
  #C, #CR { display: none !important; }
  a, button { cursor: pointer !important; }
}


/* ══ PROGRESS ══ */
#PB{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--gd),var(--g),var(--gl));z-index:9000;width:0;box-shadow:0 0 16px var(--glow);will-change:width;}

/* ══ HEADER ══ */
header{
  position:fixed;top:0;left:0;right:0;z-index:500;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 52px;height:62px;
  border-bottom:1px solid var(--ln);
}
header::before{content:'';position:absolute;inset:0;background:rgba(8,8,8,.88);backdrop-filter:blur(28px);z-index:-1;}

.logo{display:flex;align-items:center;gap:12px;text-decoration:none;}
.logo-vit{font-family:'Bebas Neue',sans-serif;font-size:30px;letter-spacing:4px;color:var(--gl);line-height:1;}
.logo-div{width:1px;height:22px;background:var(--ln);}
.logo-sub{display:flex;flex-direction:column;}
.logo-n{font-family:'Unbounded',sans-serif;font-size:9px;font-weight:700;letter-spacing:2.5px;color:var(--ow);text-transform:uppercase;}
.logo-c{font-size:9px;color:rgba(255,255,255,.42);letter-spacing:1.5px;margin-top:2px;}

/* ══ LOGO IMAGE ══ */
.logo-img-wrap{
  position:relative;
  width:46px;height:46px;
  flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.logo-img{
  width:46px;height:46px;
  object-fit:contain;
  filter:drop-shadow(0 0 8px rgba(201,168,76,.35));
  transition:filter .4s, transform .4s cubic-bezier(.16,1,.3,1);
  animation:logoFloat 6s ease-in-out infinite;
  will-change:transform,filter;
}
.logo:hover .logo-img{
  filter:drop-shadow(0 0 18px rgba(232,201,106,.65)) drop-shadow(0 0 6px rgba(201,168,76,.5));
  transform:scale(1.08);
}
/* Тонкое кольцо-гало вокруг логотипа */
.logo-img-wrap::before{
  content:'';
  position:absolute;inset:-4px;
  border-radius:50%;
  border:1px solid rgba(201,168,76,.15);
  animation:logoRing 4s ease-in-out infinite;
  pointer-events:none;
}
.logo-img-wrap::after{
  content:'';
  position:absolute;inset:-10px;
  border-radius:50%;
  border:1px solid rgba(201,168,76,.06);
  animation:logoRing 4s ease-in-out infinite reverse;
  pointer-events:none;
}
@keyframes logoFloat{
  0%,100%{ transform:translateY(0); }
  50%     { transform:translateY(-2px); }
}
@keyframes logoRing{
  0%,100%{ opacity:.4; transform:scale(1); }
  50%     { opacity:.9; transform:scale(1.06); }
}

nav{display:flex;gap:28px;}
nav a,nav a:visited,nav a:link{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s;position:relative;}
nav a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--g);transition:width .3s;}
nav a:hover{color:var(--ow);}nav a:hover::after{width:100%;}

/* ── Partner badges + Lang switcher ── */
.hdr-right{display:flex;align-items:center;gap:6px;}

.hpb{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 10px;text-decoration:none;
  font-family:'Unbounded',sans-serif;font-size:8px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  position:relative;overflow:hidden;
  transition:box-shadow .3s,border-color .3s;
}
.hpb::after{content:'';position:absolute;inset:0;opacity:0;transition:opacity .3s;}
.hpb:hover::after{opacity:1;}
.hpb-c{border:1px solid rgba(0,166,81,.3);color:var(--cdekl);background:rgba(0,166,81,.04);-webkit-text-fill-color:var(--cdekl);}
.hpb-c::after{background:rgba(0,166,81,.08);}
.hpb-c:hover{border-color:rgba(0,166,81,.55);box-shadow:0 0 14px rgba(0,166,81,.18);}
.hpb-o{border:1px solid rgba(0,91,255,.3);color:var(--ozonl);background:rgba(0,91,255,.04);-webkit-text-fill-color:var(--ozonl);}
.hpb-o::after{background:rgba(0,91,255,.08);}
.hpb-o:hover{border-color:rgba(0,91,255,.55);box-shadow:0 0 14px rgba(0,91,255,.18);}
.hpb-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0;position:relative;z-index:1;}
.hpb-c .hpb-dot{background:var(--cdek);box-shadow:0 0 5px var(--cdek);animation:bsp 2s ease infinite;}
.hpb-o .hpb-dot{background:var(--ozon);box-shadow:0 0 5px var(--ozon);animation:bsp-o 2s ease infinite .4s;}
@keyframes bsp-o{0%,100%{box-shadow:0 0 0 0 rgba(0,91,255,.5);}60%{box-shadow:0 0 0 5px transparent;}}
.hpb-lbl{position:relative;z-index:1;-webkit-text-fill-color:inherit;}

.hdr-sep{width:1px;height:18px;background:var(--ln);margin:0 2px;}

.hdr-login-btn{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 10px;text-decoration:none;
  font-family:'Unbounded',sans-serif;font-size:8px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(255,255,255,.32);
  border:1px solid var(--ln);
  background:rgba(255,255,255,.02);
  transition:color .2s,border-color .2s,box-shadow .2s;
  position:relative;overflow:hidden;
  cursor:pointer;
}
.hdr-login-btn:hover{
  color:var(--gl);
  border-color:rgba(201,168,76,.35);
  box-shadow:0 0 12px rgba(201,168,76,.12);
}
.hdr-login-btn.logged-in{
  color:var(--g);
  border-color:rgba(201,168,76,.25);
}

.lang-sw{
  display:flex;align-items:center;
  border:1px solid var(--ln);overflow:hidden;
  background:rgba(255,255,255,.02);
}
.lang-btn{
  padding:5px 9px;
  font-family:'Unbounded',sans-serif;font-size:8px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(255,255,255,.45);cursor:pointer;
  transition:all .2s;border:none;background:transparent;
  border-right:1px solid var(--ln);
}
.lang-btn:last-child{border-right:none;}
.lang-btn:hover:not(.active){color:rgba(255,255,255,.55);background:rgba(255,255,255,.04);}
.lang-btn.active{color:var(--ink);background:var(--g);}

/* ══ HERO ══ */
.hero{
  min-height:100vh;
  position:relative;overflow:hidden;
  display:flex;align-items:flex-end;
  padding:62px 0 80px 0;
}

/* ══ AURORA SWEEP ══ */
.hero-aurora{
  position:absolute;
  top:0;left:-60%;
  width:40%;height:100%;
  background:linear-gradient(105deg,
    transparent 0%,
    rgba(201,168,76,.0) 30%,
    rgba(232,201,106,.055) 48%,
    rgba(255,235,160,.08) 52%,
    rgba(201,168,76,.03) 62%,
    transparent 100%
  );
  pointer-events:none;
  z-index:3;
  animation:auroraSweep 9s ease-in-out infinite;
  animation-delay:2s;
}
@keyframes auroraSweep{
  0%    { left:-60%; opacity:0; }
  8%    { opacity:1; }
  92%   { opacity:1; }
  100%  { left:130%; opacity:0; }
}

/* ══ BACK TO TOP ══ */
#btt{
  position:fixed;
  bottom:36px;right:36px;
  width:46px;height:46px;
  background:var(--g);
  border:none;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  z-index:8000;
  opacity:0;
  transform:translateY(16px);
  transition:opacity .35s cubic-bezier(.16,1,.3,1), transform .35s cubic-bezier(.16,1,.3,1), background .2s;
  pointer-events:none;
  box-shadow:0 8px 32px rgba(201,168,76,.25);
}
#btt.vis{
  opacity:1;
  transform:translateY(0);
  pointer-events:all;
}
#btt:hover{ background:var(--gl); }
#btt svg{ width:16px;height:16px;stroke:#080808;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round; }
/* Прогресс-кольцо вокруг кнопки */
#btt-ring{
  position:fixed;
  bottom:30px;right:30px;
  width:58px;height:58px;
  z-index:7999;
  pointer-events:none;
  opacity:0;
  transition:opacity .35s;
  transform:rotate(-90deg);
}
#btt-ring.vis{ opacity:1; }
#btt-ring circle{
  fill:none;
  stroke:var(--g);
  stroke-width:1.5;
  stroke-opacity:.35;
  stroke-dasharray:170;
  stroke-dashoffset:170;
  transition:stroke-dashoffset .1s linear;
}

/* ══ SOUND TOGGLE ══ */
#snd-btn{
  position:fixed;
  bottom:36px;right:92px;
  width:46px;height:46px;
  background:rgba(13,13,13,.85);
  border:1px solid var(--ln);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  z-index:8000;
  opacity:0;
  transform:translateY(16px);
  transition:opacity .35s cubic-bezier(.16,1,.3,1), transform .35s cubic-bezier(.16,1,.3,1), border-color .2s;
  pointer-events:none;
  backdrop-filter:blur(12px);
}
#snd-btn.vis{ opacity:1; transform:translateY(0); pointer-events:all; }
#snd-btn:hover{ border-color:rgba(201,168,76,.4); }
#snd-btn svg{ width:16px;height:16px;stroke:rgba(255,255,255,.4);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s; }
#snd-btn:hover svg{ stroke:var(--g); }
#snd-btn.on svg{ stroke:var(--g); }

/* ══ LIVE COUNTER CARD ══ */
.hcard-live-dot{
  display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--g);margin-right:6px;vertical-align:middle;
  box-shadow:0 0 8px var(--glow);
  animation:bsp 1.8s ease infinite;
}

/* Animated SVG background — full canvas logistics network */
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;}

/* Giant ghost type */
.hero-ghost{
  position:absolute;
  top:50%;left:50%;transform:translate(-50%,-50%);
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(180px,30vw,460px);
  letter-spacing:-10px;
  color:transparent;
  -webkit-text-stroke:1px rgba(201,168,76,.055);
  white-space:nowrap;
  pointer-events:none;
  animation:ghostDrift 16s ease-in-out infinite alternate;
  z-index:0;
}
@keyframes ghostDrift{0%{transform:translate(-50%,-50%) scale(1);}100%{transform:translate(-52%,-48%) scale(1.015);}}

/* Diagonal gold slash */
.hero-slash{
  position:absolute;
  top:-20%;left:58%;
  width:2px;height:140%;
  background:linear-gradient(180deg,transparent 0%,var(--g) 25%,var(--g) 75%,transparent 100%);
  transform:rotate(-12deg);
  z-index:1;
  box-shadow:0 0 40px 2px var(--glow);
}
.hero-slash::before{
  content:'';position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);
  width:12px;height:12px;background:var(--gl);border-radius:50%;
  box-shadow:0 0 40px 12px var(--glow);
}

.hero-content{
  position:relative;z-index:2;
  padding:0 52px;
  display:grid;grid-template-columns:1fr 1fr;
  gap:0;width:100%;align-items:end;
}
.hero-left{}

/* ══ INLINE LOGO between VIT / LOGISTICS ══ */
.h1-logo-row{
  display:flex;
  align-items:center;
  gap:32px;
  margin-bottom:2px;
}
.h1-logo-img{
  width:140px;height:140px;
  object-fit:contain;
  flex-shrink:0;
  margin-left:16px;
  filter:drop-shadow(0 0 22px rgba(201,168,76,.6)) drop-shadow(0 0 8px rgba(201,168,76,.35));
  animation:inlineLogoFloat 6s ease-in-out infinite, fadeUp .8s .08s ease both;
}
@keyframes inlineLogoFloat{
  0%,100%{ filter:drop-shadow(0 0 22px rgba(201,168,76,.6)) drop-shadow(0 0 8px rgba(201,168,76,.35)); transform:translateY(0); }
  50%    { filter:drop-shadow(0 0 42px rgba(232,201,106,.9)) drop-shadow(0 0 16px rgba(201,168,76,.6)); transform:translateY(-5px); }
}
.hero-tag{display:flex;align-items:center;gap:10px;margin-bottom:28px;animation:fadeUp .7s ease both;}
.hero-tag-line{width:32px;height:1px;background:var(--g);}
.hero-tag-txt{font-size:9.5px;letter-spacing:3.5px;text-transform:uppercase;color:var(--gl);font-weight:700;}

h1{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(90px,14vw,220px);
  line-height:.88;letter-spacing:2px;
  animation:fadeUp .8s .08s ease both;
}
h1 .h-vit{display:block;color:var(--ow);text-shadow:0 0 80px rgba(201,168,76,.08);}
h1 .h-log{
  display:block;position:relative;
  background:linear-gradient(105deg,var(--gd) 0%,var(--g) 30%,var(--gl) 48%,#fff 52%,var(--gl) 56%,var(--g) 70%,var(--gd) 100%);
  background-size:250% auto;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  animation:goldShimmer 4s linear infinite;
}
@keyframes goldShimmer{
  0%{background-position:0% center;}
  100%{background-position:250% center;}
}
h1 .h-log::after{
  content:'';position:absolute;bottom:-10px;left:0;
  width:0;height:2px;
  background:linear-gradient(90deg,var(--gd),var(--gl),var(--gd));
  background-size:200% auto;
  box-shadow:0 0 14px var(--glow);
  animation:lineGrow 1s 1.4s ease both, goldShimmer 3s 2.4s linear infinite;
  z-index:1;
}
@keyframes lineGrow{to{width:100%;}}
h1 .h-tbi{display:block;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.15);margin-top:14px;}

.hero-desc{
  font-size:14px;color:rgba(255,255,255,.55);line-height:1.85;
  max-width:420px;margin-top:28px;margin-bottom:36px;
  animation:fadeUp .8s .18s ease both;
}
.hero-btns{display:flex;gap:10px;animation:fadeUp .8s .26s ease both;}
.btn-gold{
  background:var(--g);color:var(--ink);text-decoration:none;
  padding:14px 32px;
  min-height:44px;
  font-family:'Unbounded',sans-serif;font-weight:700;font-size:10px;letter-spacing:1px;text-transform:uppercase;
  position:relative;overflow:hidden;transition:all .25s;cursor:pointer;display:inline-block;
}
.btn-gold::before{content:'';position:absolute;inset:0;background:var(--gl);transform:translateX(-101%);transition:.3s;}
.btn-gold:hover::before{transform:translateX(0);}
.btn-gold span{position:relative;z-index:1;color:#080808;-webkit-text-fill-color:#080808;}
.btn-gold .btn-txt{color:#080808;-webkit-text-fill-color:#080808;}
.btn-ghost{
  border:1px solid rgba(255,255,255,.12);color:var(--ow);text-decoration:none;
  padding:14px 32px;
  font-family:'Unbounded',sans-serif;font-weight:400;font-size:10px;letter-spacing:1px;text-transform:uppercase;
  transition:all .25s;cursor:pointer;display:inline-block;
}
.btn-ghost:hover{border-color:var(--g);color:var(--g);}

/* Right side: floating data cards */
.hero-right{
  display:flex;flex-direction:column;align-items:flex-end;gap:12px;
  padding-bottom:8px;
  animation:fadeUp .9s .35s ease both;
}
.hcard{
  background:rgba(13,13,13,.75);
  border:1px solid var(--ln);
  backdrop-filter:blur(20px);
  padding:18px 22px;min-width:220px;
  position:relative;overflow:hidden;
  transition:transform .3s,border-color .3s;
  cursor:pointer;
}
.hcard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--g);}
.hcard:hover{transform:translateX(-4px);border-color:rgba(201,168,76,.3);box-shadow:0 0 24px rgba(201,168,76,.08);}
.hcard-n{font-family:'Bebas Neue',sans-serif;font-size:44px;color:var(--gl);line-height:1;}
.hcard-l{font-size:9px;color:rgba(255,255,255,.45);letter-spacing:2px;text-transform:uppercase;margin-top:2px;}
.hcard-track{padding:16px 22px;}
.hcard-track .hcard-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.32);margin-bottom:10px;}
.hcard-steps{display:flex;flex-direction:column;gap:8px;}
.hcstep{display:flex;align-items:center;gap:10px;font-size:11px;transition:opacity .25s;}
.hcstep-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;transition:transform .2s, box-shadow .2s;}
.hcstep.ok .hcstep-dot{background:var(--g);}
.hcstep.act .hcstep-dot{background:var(--g);animation:dotPulse 2s ease-in-out infinite;}
.hcstep.wait .hcstep-dot{background:rgba(255,255,255,.1);}
.hcstep.ok span,.hcstep.act span{color:var(--ow);}
.hcstep.wait span{color:rgba(255,255,255,.32);}
.hcstep.act span{color:var(--gl);font-weight:600;}
@keyframes dotPulse{0%,100%{box-shadow:0 0 0 0 rgba(201,168,76,.6);}60%{box-shadow:0 0 0 5px rgba(201,168,76,0);}}
#live-pkg-count.flash{animation:pkgFlash .4s ease;}
@keyframes pkgFlash{0%{color:var(--gl);}40%{color:#fff;text-shadow:0 0 18px rgba(255,255,255,.6);}100%{color:var(--gl);}}
.hcard-num{
  display:flex;justify-content:space-between;align-items:center;
  border-top:1px solid var(--ln);margin-top:10px;padding-top:10px;
}
.hcard-num-lbl{font-size:9px;color:rgba(255,255,255,.32);}
.hcard-num-val{font-family:'Unbounded',sans-serif;font-size:10px;font-weight:700;letter-spacing:1px;color:var(--g);}

@keyframes fadeUp{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}}

/* ══ TICKER ══ */
.ticker{background:var(--g);height:44px;overflow:hidden;position:relative;}
.ticker::before,.ticker::after{
  content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;
}
.ticker::before{left:0;background:linear-gradient(90deg,var(--g),transparent);}
.ticker::after{right:0;background:linear-gradient(270deg,var(--g),transparent);}
/* Анимируемая обёртка — JS вычислит ширину и задаст keyframes */
.ticker-inner{
  display:flex;
  align-items:center;
  height:100%;
  will-change:transform;
}
.ticker-track{
  display:flex;
  align-items:center;
  height:100%;
  white-space:nowrap;
  flex-shrink:0;
}
.ti{
  font-family:'Bebas Neue',sans-serif;
  font-size:19px;letter-spacing:3px;
  color:var(--ink);
  padding:0 36px;
  display:inline-flex;align-items:center;gap:14px;
  white-space:nowrap;
  flex-shrink:0;
}
.ti::after{content:'◆';font-size:8px;opacity:.4;}

/* ══ NEWS ══ */
.news{background:var(--ink2);position:relative;padding:90px 52px;}
.news::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--g) 30%,var(--g) 70%,transparent);}

.sec-label{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.sec-label-line{width:28px;height:1px;background:var(--g);}
.sec-label-txt{font-size:9.5px;letter-spacing:3.5px;text-transform:uppercase;color:var(--g);font-weight:700;}
.sec-h{font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,7vw,90px);line-height:.9;letter-spacing:1px;color:var(--ow);margin-bottom:52px;}
.sec-h em{
  font-style:normal;
  background:linear-gradient(105deg,var(--gd) 0%,var(--g) 25%,var(--gl) 45%,rgba(255,240,170,1) 50%,var(--gl) 55%,var(--g) 75%,var(--gd) 100%);
  background-size:260% auto;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  animation:goldShimmer 5s linear infinite;
}

/* News magazine layout */
.news-wrap{display:grid;grid-template-columns:1.8fr 1fr;gap:1px;background:var(--ln);}
.news-right-col{display:grid;grid-template-rows:1fr 1fr;gap:1px;background:var(--ln);}

.nc{background:var(--ink2);display:flex;flex-direction:column;position:relative;overflow:hidden;cursor:pointer;transition:background .3s;}
.nc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--g);transform:scaleX(0);transform-origin:left;transition:transform .4s;}
.nc:hover{background:var(--ink3);}
.nc:hover::after{transform:scaleX(1);}

/* Photo slot */
.nc-photo{position:relative;overflow:hidden;background:var(--ink4);flex-shrink:0;}
.nc-photo-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;}
.nc-photo-ph-ico{font-size:32px;opacity:.2;}
.nc-photo-ph-txt{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);}
.nc-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.nc-big .nc-photo{height:260px;}
.nc-sm .nc-photo{height:140px;}

.nc-body{padding:26px 28px;flex:1;display:flex;flex-direction:column;}
.nc-sm .nc-body{padding:20px 22px;}
.nc-tag{display:inline-flex;align-items:center;gap:6px;font-size:8px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:10px;}
.nc-tag-dot{width:5px;height:5px;border-radius:50%;}
.t-vit .nc-tag-dot{background:var(--g);}   .t-vit .nc-tag{color:var(--g);}
.t-cdek .nc-tag-dot{background:var(--cdek);}  .t-cdek .nc-tag{color:var(--cdekl);}
.t-ozon .nc-tag-dot{background:var(--ozon);}  .t-ozon .nc-tag{color:var(--ozonl);}
.nc-date{font-size:9px;color:rgba(255,255,255,.35);margin-bottom:10px;}
.nc-title{font-family:'Unbounded',sans-serif;font-weight:700;line-height:1.35;color:var(--ow);margin-bottom:10px;}
.nc-big .nc-title{font-size:18px;}
.nc-sm .nc-title{font-size:13px;}
.nc-text{font-size:13px;color:rgba(255,255,255,.68);line-height:1.72;flex:1;}
.nc-link{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--g);text-decoration:none;margin-top:18px;padding-top:14px;border-top:1px solid var(--ln);transition:gap .2s;}
.nc-link:hover{gap:14px;}

.news-hint{display:flex;align-items:flex-start;gap:14px;padding:18px 22px;border:1px dashed rgba(201,168,76,.12);margin-top:18px;background:rgba(201,168,76,.02);}
.news-hint-ico{font-size:18px;flex-shrink:0;margin-top:1px;}
.news-hint-txt{font-size:14px;color:rgba(255,255,255,.65);line-height:1.7;}
.news-hint-txt strong{color:var(--gl);}
.news-hint-txt code{background:rgba(255,255,255,.05);padding:1px 7px;font-size:10px;color:rgba(255,255,255,.60);}

/* ══ ABOUT ══ */
.about{
  padding:0;background:var(--ink);
  display:grid;grid-template-columns:1fr 1fr;
  min-height:600px;
  position:relative;overflow:hidden;
}
/* Left: big graphic */
.about-left{
  background:var(--ink2);
  border-right:1px solid var(--ln);
  position:relative;overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:52px;
}
/* Animated geometric backdrop */
.about-geo{position:absolute;inset:0;opacity:.6;}
.about-num{
  font-family:'Bebas Neue',sans-serif;
  font-size:280px;color:transparent;
  -webkit-text-stroke:1px rgba(201,168,76,.08);
  line-height:1;position:absolute;top:-20px;right:-20px;
  animation:numFloat 8s ease-in-out infinite alternate;
}
@keyframes numFloat{0%{transform:translateY(0);}100%{transform:translateY(-12px);}}

.about-chips{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1;}
.achip{
  background:rgba(13,13,13,.8);
  border:1px solid var(--ln);
  padding:18px 20px;
  backdrop-filter:blur(12px);
  position:relative;overflow:hidden;
  transition:all .3s;
}
.achip::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--g);transform:scaleY(0);transform-origin:bottom;transition:.35s;}
.achip:hover::before{transform:scaleY(1);}
.achip:hover{border-color:rgba(201,168,76,.2);background:rgba(13,13,13,.95);}
.achip-ico{font-size:20px;margin-bottom:8px;}
.achip-t{font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;color:var(--ow);margin-bottom:4px;}
.achip-d{font-size:12px;color:rgba(255,255,255,.65);line-height:1.6;}

.about-right{padding:72px 52px;display:flex;flex-direction:column;justify-content:center;}
.about-lead{font-size:16px;color:rgba(255,255,255,.72);line-height:1.8;margin-bottom:22px;font-family:'Unbounded',sans-serif;font-weight:300;letter-spacing:.3px;}
.about-body{font-size:13px;color:rgba(255,255,255,.68);line-height:1.9;margin-bottom:28px;}
.about-tags{display:flex;flex-wrap:wrap;gap:8px;}
.atag{border:1px solid rgba(201,168,76,.2);padding:6px 14px;font-size:10px;letter-spacing:.5px;color:rgba(201,168,76,.7);background:rgba(201,168,76,.04);}

/* ══ BRANCHES ══ */
.branches{background:var(--ink2);position:relative;}
.branches::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--ln);}
.branches-head{
  padding:72px 52px 0;
  display:flex;align-items:flex-end;justify-content:space-between;
  border-bottom:1px solid var(--ln);
  padding-bottom:28px;
}
.btabs{display:flex;border:1px solid var(--ln);overflow:hidden;}
.btab{
  padding:11px 26px;
  font-family:'Unbounded',sans-serif;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  color:rgba(255,255,255,.3);cursor:pointer;transition:all .2s;
  border-right:1px solid var(--ln);background:transparent;border-top:none;border-left:none;border-bottom:none;
}
.btab:last-child{border-right:none;}
.btab.on{background:var(--g);color:var(--ink);}

.bpanel{display:none;}
.bpanel.show{display:grid;grid-template-columns:1fr 1fr;}

.binfo{padding:48px 52px;border-right:1px solid var(--ln);}
.bnum{font-family:'Bebas Neue',sans-serif;font-size:110px;color:rgba(201,168,76,.05);line-height:1;margin-bottom:-20px;}
.bname{font-family:'Bebas Neue',sans-serif;font-size:48px;color:var(--ow);letter-spacing:1px;margin-bottom:4px;}
.baddr{font-size:12px;color:rgba(255,255,255,.65);margin-bottom:28px;line-height:1.5;}
.bstatus{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(0,166,81,.2);padding:6px 14px;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--cdekl);margin-bottom:28px;background:rgba(0,166,81,.06);}
.bsdot{width:6px;height:6px;border-radius:50%;background:var(--cdek);animation:bsp 1.6s ease infinite;}
@keyframes bsp{0%,100%{box-shadow:0 0 0 0 rgba(0,166,81,.5);}60%{box-shadow:0 0 0 7px transparent;}}
.bprops{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px;}
.bprop{border-top:1px solid var(--ln);padding-top:10px;}
.bprop-l{font-size:8.5px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:4px;}
.bprop-v{font-size:12px;font-weight:700;color:rgba(255,255,255,.6);}
.bhours{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;}
.bhd{text-align:center;}
.bhd-d{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.42);margin-bottom:3px;}
.bhd-t{font-size:9px;color:rgba(255,255,255,.42);font-weight:700;}
.bhd.today .bhd-d{color:var(--g);}
.bhd.today .bhd-t{color:var(--gl);}
.bhd.cld .bhd-t{color:#ff4444;}

/* Map panel */
.bmap{background:var(--ink3);display:flex;flex-direction:column;position:relative;}
.bmap-art{flex:1;min-height:360px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.bmap-grid{position:absolute;inset:0;
  background-image:linear-gradient(rgba(201,168,76,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,.06) 1px,transparent 1px);
  background-size:44px 44px;
}
.bmap-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.bmap-pin-dot{width:14px;height:14px;background:var(--cdek);border-radius:50%;position:relative;z-index:2;box-shadow:0 0 20px var(--cdek);}
.bmap-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(0,166,81,.3);animation:mapRing 2.4s ease-out infinite;}
.bmap-ring:nth-child(1){width:36px;height:36px;animation-delay:0s;}
.bmap-ring:nth-child(2){width:72px;height:72px;animation-delay:.6s;}
.bmap-ring:nth-child(3){width:120px;height:120px;animation-delay:1.2s;}
.bmap-ring:nth-child(4){width:180px;height:180px;animation-delay:1.8s;}
@keyframes mapRing{0%{opacity:.7;transform:translate(-50%,-50%) scale(.6);}100%{opacity:0;transform:translate(-50%,-50%) scale(1.1);}}
.bmap-label{position:absolute;top:calc(50% - 60px);left:calc(50% + 14px);background:rgba(8,8,8,.9);border:1px solid rgba(0,166,81,.2);padding:9px 13px;backdrop-filter:blur(10px);}
.bmap-label-name{font-family:'Unbounded',sans-serif;font-size:9px;font-weight:700;color:var(--ow);}
.bmap-label-sub{font-size:8px;color:var(--cdekl);letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;}
.bmap-links{display:flex;border-top:1px solid var(--ln);}
.bmlink{flex:1;padding:13px;font-family:'Unbounded',sans-serif;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;text-align:center;color:rgba(255,255,255,.3);border-right:1px solid var(--ln);transition:all .2s;cursor:pointer;}
.bmlink:last-child{border-right:none;}
.bmlink:hover{background:rgba(255,255,255,.04);color:var(--ow);}
.bmlink.primary{background:var(--cdek);color:#fff;border-color:var(--cdek);}
.bmlink.primary:hover{background:var(--cdekl);}

/* ══ PARTNERS ══ */
.partners{padding:90px 52px;background:var(--ink);}
.partners-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--ln);margin-top:52px;}
.pcard{background:var(--ink2);padding:52px;position:relative;overflow:hidden;}
.pcard-ghost{position:absolute;bottom:-30px;right:-20px;font-family:'Bebas Neue',sans-serif;font-size:160px;line-height:1;pointer-events:none;}
.pcard-cdek .pcard-ghost{color:rgba(0,166,81,.05);}
.pcard-ozon .pcard-ghost{color:rgba(0,91,255,.05);}
.pcard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.pcard-cdek::before{background:linear-gradient(90deg,var(--cdek),var(--cdekl));}
.pcard-ozon::before{background:linear-gradient(90deg,var(--ozon),var(--ozonl));}
.pcard-logo{font-family:'Bebas Neue',sans-serif;font-size:56px;letter-spacing:2px;line-height:1;margin-bottom:20px;}
.pcard-cdek .pcard-logo{color:var(--cdekl);}
.pcard-ozon .pcard-logo{color:var(--ozonl);}
.pcard-title{font-family:'Unbounded',sans-serif;font-size:20px;font-weight:700;color:var(--ow);line-height:1.3;margin-bottom:14px;}
.pcard-desc{font-size:13px;color:rgba(255,255,255,.68);line-height:1.8;margin-bottom:28px;}
.pcard-list{display:flex;flex-direction:column;gap:9px;margin-bottom:32px;}
.pcard-item{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.6);}
.pcard-tick{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;flex-shrink:0;font-weight:700;}
.pcard-cdek .pcard-tick{background:rgba(0,166,81,.15);color:var(--cdekl);}
.pcard-ozon .pcard-tick{background:rgba(0,91,255,.12);color:var(--ozonl);}
.pcard-btn{display:inline-block;padding:14px 28px;font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;transition:all .2s;cursor:pointer;}
.pcard-cdek .pcard-btn{background:var(--cdek);color:#fff;}
.pcard-cdek .pcard-btn:hover{background:var(--cdekl);}
.pcard-ozon .pcard-btn{background:var(--ozon);color:#fff;}
.pcard-ozon .pcard-btn:hover{background:var(--ozonl);}

/* ══ SERVICES ══ */
.services{background:var(--ink2);border-top:1px solid var(--ln);}
.services-head{padding:72px 52px 48px;}
.services-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--ln);}
.srv{
  padding:32px 24px;
  border-right:1px solid var(--ln);
  position:relative;overflow:hidden;cursor:pointer;transition:all .35s;
}
.srv:last-child{border-right:none;}
/* Gold fill on hover */
.srv::before{
  content:'';position:absolute;inset:0;
  background:var(--g);
  transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);
}
.srv:hover::before{transform:translateY(0);}
.srv-ico{position:relative;z-index:1;margin-bottom:22px;}
.srv-ico svg{width:30px;height:30px;stroke:var(--g);transition:stroke .3s;}
.srv:hover .srv-ico svg{stroke:var(--ink);}
.srv-title{position:relative;z-index:1;font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;color:var(--ow);margin-bottom:8px;line-height:1.4;transition:color .3s;}
.srv:hover .srv-title{color:var(--ink);}
.srv-desc{position:relative;z-index:1;font-size:12px;color:rgba(255,255,255,.7);line-height:1.65;transition:color .3s;}
.srv:hover .srv-desc{color:rgba(0,0,0,.6);}

/* ══ TRACKER ══ */
.tracker{
  padding:90px 52px;background:var(--ink);
  display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;
}
.track-field{display:flex;border:1px solid var(--ln);margin-top:24px;transition:border-color .2s;}
.track-field:focus-within{border-color:rgba(201,168,76,.5);}
.track-inp{
  flex:1;background:transparent;border:none;outline:none;
  color:var(--ow);font-family:'Unbounded',sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;
  padding:15px 18px;
}
.track-inp::placeholder{color:rgba(255,255,255,.1);font-weight:400;font-family:'JetBrains Mono',monospace;font-size:11px;}
.track-go{
  background:var(--g);color:var(--ink);border:none;
  padding:15px 24px;
  font-family:'Unbounded',sans-serif;font-weight:700;font-size:10px;letter-spacing:1px;text-transform:uppercase;
  cursor:pointer;transition:background .2s;
}
.track-go:hover{background:var(--gl);}
.track-out{display:none;margin-top:20px;}
.track-out.show{display:block;animation:fadeUp .3s ease;}
.track-bar{border-left:3px solid var(--g);background:rgba(201,168,76,.05);padding:14px 18px;margin-bottom:14px;}
.track-bar-txt{font-size:13px;font-weight:600;color:var(--gl);}
.tstep{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--ln);}
.tstep:last-child{border-bottom:none;}
.tdot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;flex-shrink:0;}
.tdot.ok{background:var(--g);color:var(--ink);}
.tdot.cur{background:var(--g);color:var(--ink);animation:dotPulse 1.4s ease infinite;}
.tdot.wait{background:var(--ink3);border:1px solid var(--ln);}
.ts-title{font-size:14px;font-weight:600;color:rgba(255,255,255,.82);}
.ts-sub{font-size:10px;color:rgba(255,255,255,.65);margin-top:2px;}
.tdetail-chip{background:var(--ink2);border:1px solid var(--ln);padding:10px 14px;}
.tdetail-chip-l{font-size:9px;color:rgba(255,255,255,.3);letter-spacing:1px;text-transform:uppercase;margin-bottom:3px;}
.tdetail-chip-v{font-size:12px;font-weight:600;color:var(--ow);}
.track-loading{display:flex;align-items:center;gap:10px;font-size:12px;color:rgba(255,255,255,.4);padding:8px 0;}
.track-spinner{width:16px;height:16px;border:2px solid rgba(201,168,76,.2);border-top-color:var(--g);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0;}
@keyframes spin{to{transform:rotate(360deg);}}

/* Route visual */
.tv-wrap{background:var(--ink2);border:1px solid var(--ln);position:relative;}
.tv-wrap::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gd),var(--g),var(--gl));}
.tv-map{height:200px;position:relative;overflow:hidden;background:var(--ink3);}
.tv-grid{position:absolute;inset:0;
  background-image:linear-gradient(rgba(201,168,76,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,.04) 1px,transparent 1px);
  background-size:32px 32px;
}
.tv-route-line{position:absolute;top:50%;left:8%;right:8%;height:1.5px;background:rgba(201,168,76,.1);}
.tv-route-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--gd),var(--g));width:0%;transition:width 1.4s ease;box-shadow:0 0 12px var(--glow);}
.tv-dot-a{position:absolute;top:50%;left:8%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--g);border-radius:50%;}
.tv-dot-b{position:absolute;top:50%;right:8%;transform:translate(50%,-50%);width:12px;height:12px;background:var(--cdek);border-radius:50%;box-shadow:0 0 16px var(--cdek);}
.tv-truck{position:absolute;top:50%;transform:translateY(-120%);font-size:22px;transition:left 1.4s ease;animation:truckyBob .8s ease infinite;}
@keyframes truckyBob{0%,100%{margin-top:0;}50%{margin-top:-4px;}}
.tv-city-a{position:absolute;bottom:8px;left:8%;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.42);transform:translateX(-50%);}
.tv-city-b{position:absolute;bottom:8px;right:8%;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--cdekl);transform:translateX(50%);}
.tv-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ln);}
.tv-stat{padding:16px;border-right:1px solid var(--ln);}
.tv-stat:last-child{border-right:none;}
.tv-stat-l{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.42);margin-bottom:5px;}
.tv-stat-v{font-family:'Bebas Neue',sans-serif;font-size:26px;color:var(--gl);line-height:1;}
.tv-stat-u{font-size:9px;color:rgba(255,255,255,.42);margin-top:1px;}

/* ══ SCHEDULE ══ */
.schedule{background:var(--ink2);border-top:1px solid var(--ln);padding:80px 52px;}
.sched-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ln);margin-top:48px;}
.scard{background:var(--ink2);padding:40px;}
.scard-name{font-family:'Bebas Neue',sans-serif;font-size:40px;color:var(--ow);letter-spacing:1px;margin-bottom:4px;}
.scard-addr{font-size:11px;color:rgba(255,255,255,.42);margin-bottom:26px;}
.stable{width:100%;border-collapse:collapse;}
.stable th{text-align:left;font-size:8.5px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);padding:8px 0;border-bottom:1px solid var(--ln);}
.stable td{padding:10px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.04);}
.stable tr:last-child td{border:none;}
.stable tr.today-r td{background:rgba(201,168,76,.04);}
.td-d{color:rgba(255,255,255,.5);}
.td-d.tdy{color:var(--g);font-weight:700;}
.td-t{color:rgba(255,255,255,.3);}
.td-t.tdy{color:var(--ow);font-weight:700;}
.td-cl{color:#ff4444;}
.td-open{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:var(--cdekl);}
.td-open-d{width:5px;height:5px;border-radius:50%;background:var(--cdek);animation:blink 2s ease infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.2;}}
.snow{display:flex;justify-content:space-between;align-items:center;background:rgba(201,168,76,.04);border:1px solid rgba(201,168,76,.1);padding:20px 22px;margin-top:18px;}
.snow-l .snow-tag{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--g);margin-bottom:6px;}
.snow-l .snow-time{font-family:'Bebas Neue',sans-serif;font-size:42px;color:var(--ow);line-height:1;}
.snow-l .snow-sub{font-size:10px;color:rgba(255,255,255,.42);margin-top:3px;}
.snow-l .snow-sub span{color:var(--g);}
.snow-r{text-align:right;}
.snow-r .snow-tag{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.42);margin-bottom:4px;}
.snow-r .snow-val{font-family:'Bebas Neue',sans-serif;font-size:36px;color:var(--ow);line-height:1;}
.snow-r .snow-sub{font-size:10px;color:rgba(255,255,255,.42);}

/* ══ CALCULATOR ══ */
.calc{
  background:var(--ink);padding:90px 52px;
  display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;
  border-top:1px solid var(--ln);
}
.calc-form{background:var(--ink2);border:1px solid var(--ln);padding:40px;position:relative;}
.calc-form::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gd),var(--g),var(--gl));box-shadow:0 0 16px rgba(201,168,76,.2);}
.calc-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.cf{display:flex;flex-direction:column;gap:6px;}
.cf-l{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.42);}
.cf-inp,.cf-sel{
  background:transparent;border:1px solid var(--ln);color:var(--ow);
  padding:11px 13px;font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;
  outline:none;transition:border-color .2s;-webkit-appearance:none;
}
.cf-inp:focus,.cf-sel:focus{border-color:rgba(201,168,76,.4);}
.cf-sel option{background:var(--ink2);}

/* ── Calc country dropdown ── */
#calc-dropdown{
  background:var(--ink2);
  border:1px solid rgba(201,168,76,.25);
  border-top:none;
  box-shadow:0 16px 40px rgba(0,0,0,.6);
  z-index:300;
}
#calc-dropdown::-webkit-scrollbar{width:3px;}
#calc-dropdown::-webkit-scrollbar-thumb{background:rgba(201,168,76,.3);border-radius:2px;}
.calc-dd-item{
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  user-select:none;
}
.calc-dd-item:last-child{border-bottom:none !important;}
#calc-sel-display{
  border:1px solid rgba(201,168,76,.3);
  background:rgba(201,168,76,.06);
  transition:border-color .2s;
}
#calc-sel-display:hover{border-color:rgba(201,168,76,.5);}
#calc-search-wrap input::placeholder{color:rgba(255,255,255,.3);}
.calc-go{
  width:100%;background:var(--g);color:var(--ink);border:none;
  padding:15px;font-family:'Unbounded',sans-serif;font-weight:700;font-size:10px;letter-spacing:1px;text-transform:uppercase;
  cursor:pointer;margin-top:8px;transition:background .2s;
}
.calc-go:hover{background:var(--gl);}
.calc-res{display:none;margin-top:20px;padding-top:18px;border-top:1px solid var(--ln);}
.calc-res.show{display:block;animation:fadeUp .3s ease;}
.calc-price{font-family:'Bebas Neue',sans-serif;font-size:72px;color:var(--gl);line-height:.9;margin-bottom:8px;text-shadow:0 0 40px rgba(232,201,106,.3);}
.calc-price span{font-size:32px;color:rgba(255,255,255,.3);margin-left:4px;}
.calc-detail{font-size:14px;color:rgba(255,255,255,.65);line-height:1.7;}
.calc-note{font-size:10px;color:rgba(255,255,255,.65);margin-top:8px;}
.calc-right{display:flex;flex-direction:column;gap:0;}
.calc-right-title{font-family:'Bebas Neue',sans-serif;font-size:64px;color:var(--ow);line-height:.9;letter-spacing:1px;margin-bottom:24px;}
.calc-right-title em{font-style:normal;color:var(--g);}
.calc-right-desc{font-size:14px;color:rgba(255,255,255,.65);line-height:1.8;margin-bottom:24px;}
.calc-feats{border-top:1px solid var(--ln);}
.cfeat{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--ln);font-size:14px;color:rgba(255,255,255,.60);}
.cfeat-ico{font-size:18px;}

/* ══ CONTACT ══ */
.cstrip{
  background:var(--g);padding:56px 52px;
  display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
  position:relative;overflow:hidden;
}
.cstrip::before{content:'VIT';position:absolute;right:-10px;font-family:'Bebas Neue',sans-serif;font-size:220px;color:rgba(0,0,0,.08);line-height:1;pointer-events:none;top:50%;transform:translateY(-50%);}
.cstrip-title{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--ink);line-height:.9;letter-spacing:1px;}
.balanchivadze-title{font-size:52px;line-height:.95;}
.cstrip-sub{font-size:12px;color:rgba(0,0,0,.55);margin-top:6px;letter-spacing:.5px;}
.cstrip-acts{display:flex;gap:8px;flex-wrap:wrap;position:relative;}
.cbtn{padding:13px 22px;font-family:'Unbounded',sans-serif;font-weight:700;font-size:9px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:7px;}
.cbtn-dark{background:var(--ink);color:var(--g);}
.cbtn-dark:hover{background:#111;}
.cbtn-outline{border:2px solid rgba(0,0,0,.2);color:var(--ink);}
.cbtn-outline:hover{background:rgba(0,0,0,.08);}
.cbtn-cdek{background:var(--cdek);color:#fff;}
.cbtn-cdek:hover{background:var(--cdekl);}
.cbtn-ozon{background:var(--ozon);color:#fff;}
.cbtn-ozon:hover{background:var(--ozonl);}

/* ══ FOOTER ══ */
footer{
  background:var(--ink);
  display:block;
  overflow:hidden;
  position:relative;
}
.ft-brand{font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--g);letter-spacing:3px;}
.ft-legal{font-size:10px;color:rgba(255,255,255,.42);margin-top:3px;line-height:1.6;}
.ft-ps{display:flex;gap:6px;}
.ft-p{font-family:'Unbounded',sans-serif;font-size:8px;font-weight:700;padding:5px 12px;letter-spacing:1px;}
.ft-p-cdek{background:var(--cdek);color:#fff;}
.ft-p-ozon{background:var(--ozon);color:#fff;}
.ft-links{display:flex;gap:22px;}
.ft-links a,.ft-links a:visited,.ft-links a:link{font-size:10px;color:rgba(255,255,255,.42);text-decoration:none;letter-spacing:.5px;transition:color .2s;}
.ft-links a:hover{color:var(--g);}

/* ══ REVEAL ══ */
.r{opacity:0;transform:translateY(30px);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1);}
.r.d1{transition-delay:.1s;}.r.d2{transition-delay:.2s;}.r.d3{transition-delay:.3s;}
.r.vis{opacity:1;transform:none;}

/* ══ MOBILE ══ */
/* ══ REVIEWS ══ */
.reviews-strip{
  background:var(--ink);
  padding:72px 52px;
  border-top:1px solid var(--ln);
  position:relative;overflow:hidden;
}
.reviews-strip::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(201,168,76,.04),transparent 70%);
  pointer-events:none;
}
.reviews-inner{position:relative;}
.reviews-header{
  display:flex;align-items:flex-end;justify-content:space-between;
  margin-bottom:48px;gap:24px;
}
.reviews-rating{
  display:flex;align-items:center;gap:16px;flex-shrink:0;
  background:rgba(201,168,76,.06);border:1px solid rgba(201,168,76,.15);
  padding:16px 24px;
}
.reviews-score{
  font-family:'Bebas Neue',sans-serif;font-size:56px;
  color:var(--g);line-height:1;
}
.reviews-stars{font-size:18px;color:var(--g);letter-spacing:2px;margin-bottom:4px;}
.reviews-count{font-size:10px;color:rgba(255,255,255,.42);letter-spacing:1px;font-family:'JetBrains Mono',monospace;}

.reviews-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
@media(max-width:1100px){.reviews-grid{grid-template-columns:repeat(2,1fr);}}

/* Review card */
.rv-card{
  background:var(--ink2);
  border:1px solid var(--ln);
  padding:24px;
  position:relative;overflow:hidden;
  transition:border-color .3s,transform .35s cubic-bezier(.16,1,.3,1);
  cursor:default;
}
.rv-card:hover{border-color:rgba(201,168,76,.2);transform:translateY(-3px);}
.rv-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(201,168,76,.3),transparent);
  opacity:0;transition:opacity .3s;
}
.rv-card:hover::before{opacity:1;}

.rv-top{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.rv-avatar{
  width:42px;height:42px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;color:#fff;
}
.rv-meta{flex:1;}
.rv-name{font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;color:var(--ow);margin-bottom:4px;}
.rv-source{
  display:inline-flex;align-items:center;gap:4px;
  font-size:9px;letter-spacing:1px;font-family:'JetBrains Mono',monospace;
  padding:2px 7px;border-radius:2px;
}
.rv-tg{background:rgba(41,182,246,.12);color:#29B6F6;}
.rv-ig{background:rgba(225,48,108,.12);color:#E1306C;}
.rv-fb{background:rgba(24,119,242,.12);color:#1877F2;}
.rv-wa{background:rgba(37,211,102,.12);color:#25D366;}
.rv-li{background:rgba(10,102,194,.12);color:#0A66C2;}
.rv-tt{background:rgba(255,0,80,.12);color:#FF0050;}

.rv-stars{font-size:13px;color:var(--g);margin-left:auto;flex-shrink:0;}
.rv-text{
  font-size:13px;color:rgba(255,255,255,.62);
  line-height:1.75;margin-bottom:14px;
  font-family:'JetBrains Mono',monospace;
}
.rv-date{font-size:9px;color:rgba(255,255,255,.42);letter-spacing:1px;font-family:'JetBrains Mono',monospace;}

/* ══════════════════════════════════════════════════════════
   MOBILE GLOBAL OVERFLOW FIX
══════════════════════════════════════════════════════════ */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
* { min-width: 0; }

/* ══════════════════════════════════════════════════════════
   BURGER BUTTON
══════════════════════════════════════════════════════════ */
#mob-burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 42px; height: 42px;
  background: transparent;
  border: 1px solid var(--ln);
  cursor: pointer;
  position: relative;
  z-index: 600;
  flex-shrink: 0;
  transition: border-color .2s;
}
#mob-burger:hover { border-color: rgba(201,168,76,.35); }
#mob-burger span {
  display: block;
  width: 18px; height: 1.5px;
  background: rgba(255,255,255,.65);
  transition: transform .3s cubic-bezier(.16,1,.3,1), opacity .2s, width .3s;
  transform-origin: center;
}
#mob-burger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
#mob-burger.open span:nth-child(2) { opacity: 0; width: 0; }
#mob-burger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* Кнопка совёнка — скрыта на десктопе */
#mob-vit-ai-btn {
  display: none;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  z-index: 600;
}

/* ══════════════════════════════════════════════════════════
   MOBILE DRAWER
══════════════════════════════════════════════════════════ */
#mob-drawer {
  position: fixed;
  top: 62px; left: 0; right: 0;
  background: rgba(8,8,8,.97);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  border-bottom: 1px solid var(--ln);
  z-index: 490;
  transform: translateY(-110%);
  opacity: 0;
  transition: transform .38s cubic-bezier(.16,1,.3,1), opacity .3s;
  pointer-events: none;
}
#mob-drawer.open {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}

.mob-nav {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  border-bottom: 1px solid var(--ln);
}
.mob-nav a,.mob-nav a:visited,.mob-nav a:link {
  display: flex;
  align-items: center;
  padding: 14px 24px;
  font-family: 'Unbounded', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  text-decoration: none;
  border-left: 2px solid transparent;
  transition: color .2s, border-color .2s, background .2s;
}
.mob-nav a:hover {
  color: var(--gl);
  border-left-color: var(--g);
  background: rgba(201,168,76,.04);
}

.mob-bottom {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 14px 20px;
  gap: 10px;
  flex-wrap: nowrap;
}
.mob-login-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 14px;
  font-family: 'Unbounded', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--gl);
  border: 1px solid rgba(201,168,76,.35);
  background: rgba(201,168,76,.06);
  text-decoration: none;
  transition: background .2s, box-shadow .2s;
  text-align: center;
}
#mob-login-label {
  display: block;
  text-align: center;
  width: 100%;
}
.mob-login-btn:hover {
  background: rgba(201,168,76,.12);
  box-shadow: 0 0 16px rgba(201,168,76,.2);
}

.mob-partners {
  display: flex;
  gap: 6px;
}
.mob-partners a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 9px 12px;
  font-family: 'Unbounded', sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  transition: box-shadow .2s;
}
.mob-partners .mp-c {
  color: var(--cdekl);
  border: 1px solid rgba(0,166,81,.3);
  background: rgba(0,166,81,.04);
}
.mob-partners .mp-c:hover { box-shadow: 0 0 12px rgba(0,166,81,.2); }
.mob-partners .mp-o {
  color: var(--ozonl);
  border: 1px solid rgba(0,91,255,.3);
  background: rgba(0,91,255,.04);
}
.mob-partners .mp-o:hover { box-shadow: 0 0 12px rgba(0,91,255,.2); }
.mob-dot { width: 5px; height: 5px; border-radius: 50%; }
.mob-partners .mp-c .mob-dot { background: var(--cdek); box-shadow: 0 0 4px var(--cdek); }
.mob-partners .mp-o .mob-dot { background: var(--ozon); box-shadow: 0 0 4px var(--ozon); }

.mob-lang {
  display: flex;
  border: 1px solid var(--ln);
  overflow: hidden;
  margin-left: 0;
}
.mob-lang button {
  padding: 9px 12px;
  font-family: 'Unbounded', sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
  background: transparent;
  border: none;
  border-right: 1px solid var(--ln);
  cursor: pointer;
  transition: all .2s;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.mob-lang button:last-child { border-right: none; }
.mob-lang button.active { background: var(--g); color: var(--ink); }
.mob-lang button:hover:not(.active) { background: rgba(255,255,255,.04); color: rgba(255,255,255,.7); }

/* ══════════════════════════════════════════════════════════
   MOBILE BREAKPOINTS — COMPREHENSIVE FIX
══════════════════════════════════════════════════════════ */
@media(max-width:900px) {

  /* Burger visible, desktop nav hidden */
  #mob-burger { display: flex; }
  #mob-vit-ai-btn { display: flex; }
  nav, .hdr-right { display: none !important; }
  header { padding: 0 16px; }

  /* Global width safety */
  section, .partners, .services, .tracker, .schedule, .calc,
  .about, .branches, .reviews-strip, .socials-strip, footer {
    max-width: 100vw;
    overflow-x: hidden;
    box-sizing: border-box;
  }

  /* Hero */
  .hero-content { grid-template-columns: 1fr; padding: 0 20px; }
  .hero-right { display: none; }
  .hero, .hero-content { padding-bottom: 60px; padding-top: 100px; }
  .hero-left { overflow: visible !important; max-width: 100%; }
  h1 { font-size: clamp(52px,13vw,96px) !important; overflow: visible !important; word-break: break-word; line-height: .9 !important; }
  .h-vit,.h-log,.h-tbi { overflow: visible !important; display: block !important; line-height: .9 !important; margin: 0 !important; padding: 0 !important; }
  .h-log::after { bottom: -6px !important; }
  .h-tbi { margin-top: 8px !important; }
  .h1-logo-row { gap: 12px !important; margin-bottom: 0 !important; align-items: center !important; }
  .h1-logo-img { width: 64px !important; height: 64px !important; margin-left: 4px !important; }
  .hero-desc { font-size: 14px !important; line-height: 1.75 !important; margin-top: 20px !important; }
  /* Touch-friendly buttons */
  .btn-gold, .btn-ghost {
    padding: 16px 28px !important;
    font-size: 11px !important;
    min-height: 48px !important;
  }
  .hero-btns { flex-wrap: wrap; gap: 12px !important; }


  /* Section headings */
  .sec-h { font-size: clamp(26px,7vw,52px) !important; overflow: visible !important; word-break: break-word; }

  /* Padding reset for all main sections */
  .news, .about-right, .branches-head, .binfo,
  .partners, .services-head, .tracker, .schedule,
  .calc, .cstrip { padding-left: 20px !important; padding-right: 20px !important; }
  footer { padding: 28px 20px !important; }

  /* Grid collapses */
  .news-wrap { grid-template-columns: 1fr; }
  .about { grid-template-columns: 1fr; }
  .about-left { min-height: 300px; }
  .bpanel.show, .partners-grid, .sched-grid { grid-template-columns: 1fr !important; }
  .calc { grid-template-columns: 1fr !important; gap: 32px; }
  .tracker { grid-template-columns: 1fr !important; }
  .services-grid { grid-template-columns: repeat(2,1fr) !important; }
  .reviews-grid { grid-template-columns: 1fr !important; }
  .socials-row { grid-template-columns: 1fr !important; }
  .cstrip { flex-direction: column; }
  /* footer flex legacy removed */

  /* Partners */
  .partners { padding: 40px 20px !important; }
  .partners-grid { gap: 1px; }
  .pcard { padding: 32px 20px !important; }
  .pcard-new { padding: 32px 20px !important; }

  /* Branches map */
  .bmap { min-height: 280px; }
  .bmap-art { min-height: 240px; }

  /* Reviews */
  .reviews-strip { padding: 40px 20px !important; }
  .reviews-header { flex-direction: column !important; gap: 20px !important; }

  /* Socials */
  .socials-strip { padding: 36px 20px !important; }

  /* Ticker */
  /* ticker animation managed by JS */

  /* Calculator — prevent iOS zoom */
  .cf-inp, .cf-sel, #CL, #CB, #CH, #CW { font-size: 16px !important; }

  /* Route network */
  #branches > div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; display: grid !important; }

  /* Contact strip */
  #contact > div, section[style*="background:var(--g)"] { padding: 40px 20px !important; }

  /* Soon grid */
  .soon-grid { grid-template-columns: 1fr 1fr !important; }
}

@media(max-width:600px) {
  h1 { font-size: clamp(40px,14vw,70px) !important; }
  .sec-h { font-size: clamp(22px,8vw,38px) !important; }
  .services-grid { grid-template-columns: 1fr !important; }
  .soon-grid { grid-template-columns: 1fr !important; }
  .soon-card { padding: 16px 14px !important; }
  .pcard-logo { font-size: 38px !important; }
  .pcard-title { font-size: 16px !important; }
  .partners { padding: 28px 16px !important; }
  .reviews-strip { padding: 28px 16px !important; }
  .socials-strip { padding: 24px 16px !important; }
  .binfo, .bmap { padding: 28px 16px !important; }
  .calc-form { padding: 24px 16px !important; }
  .scard { padding: 28px 16px !important; }
  .about-right { padding: 40px 20px !important; }
  .cstrip { padding: 32px 16px !important; }
  .tracker { padding: 40px 16px !important; }
  .schedule { padding: 40px 16px !important; }

  /* Calc price big number */
  .calc-price { font-size: 56px !important; }

  /* Footer */
  footer { padding: 24px 16px !important; }
  .ft-links { flex-wrap: wrap; gap: 8px; }
}


/* Force footer nav link color on all states */
footer /* Footer nav links — full styling */
.ft-lnk {
  font-family: 'Unbounded', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  transition: color .2s, transform .2s;
  position: relative;
}
.ft-lnk::after {
  content: '';
  position: absolute;
  bottom: -2px; left: 0;
  width: 0; height: 1px;
  background: var(--g);
  transition: width .3s;
}
.ft-lnk:hover::after { width: 100%; }
.ft-lnk:hover { transform: translateX(3px); }

.ft-lnk,
footer .ft-lnk:link,
footer .ft-lnk:visited {
  color: rgba(255,255,255,.42) !important;
  text-decoration: none !important;
}
footer .ft-lnk:hover,
footer .ft-lnk:focus {
  color: var(--g) !important;
}

/* ══ VIT AI ASSISTANT ══════════════════════════════════════════════════════ */
/* ── Враппер кнопки + облачко ─────────────────────────────── */
.vit-hdr-wrap {
  position: relative;
  display: flex; align-items: center;
}

/* ── Кнопка с филином ────────────────────────────────────── */
.vit-ai-hdr-btn {
  position: relative;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex; align-items: center;
  transition: transform .2s;
}
.vit-ai-hdr-btn:hover { transform: translateY(-2px) scale(1.05); }

/* Картинка филина — вырезаем фон через mix-blend-mode */
.vit-hdr-owl-wrap {
  position: relative;
  width: 48px; height: 48px;
  flex-shrink: 0;
}
.vit-hdr-owl-img {
  width: 48px; height: 48px;
  object-fit: cover;
  object-position: center 10%;
  border-radius: 50%;
  /* Убираем тёмный фон — умножаем только светлые пиксели */
  mix-blend-mode: lighten;
  filter: drop-shadow(0 0 8px rgba(201,168,76,.6))
          drop-shadow(0 2px 12px rgba(0,0,0,.6))
          brightness(1.08) contrast(1.05);
  display: block;
  border: 1.5px solid rgba(201,168,76,.35);
}
.vit-ai-hdr-btn:hover .vit-hdr-owl-img {
  filter: drop-shadow(0 0 14px rgba(201,168,76,.9))
          drop-shadow(0 2px 12px rgba(0,0,0,.6))
          brightness(1.12) contrast(1.05);
}

.vit-ai-pulse {
  position: absolute;
  bottom: 2px; right: 2px;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 8px #4ade80;
  border: 2px solid #0a0a0a;
  animation: vit-pulse-dot 2s ease-in-out infinite;
}
@keyframes vit-pulse-dot {
  0%,100%{opacity:1;transform:scale(1);}
  50%{opacity:.65;transform:scale(.75);}
}

/* ── Облачко-подсказка ────────────────────────────────────── */
.vit-bubble-hint {
  position: absolute;
  right: 58px; top: 50%;
  transform: translateY(-50%);
  background: #fff;
  color: #1a1a1a;
  border-radius: 14px 14px 4px 14px;
  padding: 9px 32px 9px 13px;
  font-size: 11.5px; line-height: 1.45;
  font-weight: 500;
  white-space: nowrap;
  box-shadow: 0 6px 28px rgba(0,0,0,.35), 0 0 0 1px rgba(201,168,76,.2);
  pointer-events: all;
  animation: vit-bubble-in .4s cubic-bezier(.34,1.56,.64,1);
  z-index: 200;
}
.vit-bubble-hint::after {
  content: '';
  position: absolute;
  right: -7px; top: 50%;
  transform: translateY(-50%);
  border: 7px solid transparent;
  border-left-color: #fff;
  border-right: 0;
  margin-top: 0;
}
.vit-bubble-hint.hidden { display: none; }
@keyframes vit-bubble-in {
  from { opacity:0; transform: translateY(-50%) scale(.85); }
  to   { opacity:1; transform: translateY(-50%) scale(1); }
}
.vit-bubble-close {
  position: absolute; top: 5px; right: 7px;
  background: none; border: none;
  font-size: 10px; color: #aaa;
  cursor: pointer; line-height: 1; padding: 2px;
}
.vit-bubble-close:hover { color: #555; }

/* ── Chat overlay ────────────────────────────────────────────────────────── */
#vit-chat-overlay {
  position: fixed; inset: 0; z-index: 9998;
  background: rgba(0,0,0,0);
  pointer-events: none;
  transition: background .3s;
}
#vit-chat-overlay.open {
  background: rgba(0,0,0,.45);
  pointer-events: all;
}

/* ── Chat panel ─────────────────────────────────────────────────────────── */
#vit-chat {
  position: fixed;
  bottom: 24px; right: 24px;
  width: 380px; height: 580px;
  background: #0d0d0d;
  border: 1px solid rgba(201,168,76,.22);
  border-radius: 20px;
  box-shadow: 0 24px 80px rgba(0,0,0,.8), 0 0 40px rgba(201,168,76,.08);
  display: flex; flex-direction: column;
  overflow: hidden;
  z-index: 9999;
  transform: translateY(20px) scale(.96);
  opacity: 0;
  pointer-events: none;
  transition: transform .3s cubic-bezier(.34,1.56,.64,1), opacity .25s;
}
#vit-chat.open {
  transform: translateY(0) scale(1);
  opacity: 1;
  pointer-events: all;
}

/* ── Chat header ────────────────────────────────────────────────────────── */
.vit-chat-hdr {
  display: flex; align-items: center; gap: 12px;
  padding: 16px 18px 14px;
  background: linear-gradient(135deg, rgba(201,168,76,.12), rgba(201,168,76,.05));
  border-bottom: 1px solid rgba(201,168,76,.15);
  flex-shrink: 0;
}
.vit-avatar-wrap {
  position: relative; flex-shrink: 0;
}
.vit-avatar-wrap svg { display: block; }
.vit-online-dot {
  position: absolute; bottom: 1px; right: 1px;
  width: 9px; height: 9px; border-radius: 50%;
  background: #4ade80; border: 2px solid #0d0d0d;
  animation: vit-pulse-dot 2s infinite;
}
.vit-chat-hdr-info { flex: 1; min-width: 0; }
.vit-chat-name {
  font-size: 14px; font-weight: 700; color: #fff;
  letter-spacing: .3px;
}
.vit-chat-role {
  font-size: 10px; color: rgba(201,168,76,.7);
  letter-spacing: 1px; text-transform: uppercase; margin-top: 1px;
}
.vit-chat-close {
  width: 28px; height: 28px; border-radius: 50%;
  background: rgba(255,255,255,.06); border: none;
  color: rgba(255,255,255,.4); cursor: pointer; font-size: 14px;
  display: flex; align-items: center; justify-content: center;
  transition: background .2s, color .2s;
  flex-shrink: 0;
}
.vit-chat-close:hover { background: rgba(255,255,255,.12); color: #fff; }

/* ── Quick actions ──────────────────────────────────────────────────────── */
.vit-quick-wrap {
  padding: 10px 14px 8px;
  border-bottom: 1px solid rgba(255,255,255,.05);
  flex-shrink: 0;
  display: flex; gap: 6px; flex-wrap: wrap;
}
.vit-quick-btn {
  background: rgba(201,168,76,.08);
  border: 1px solid rgba(201,168,76,.18);
  border-radius: 20px;
  padding: 5px 12px;
  font-size: 10px; font-weight: 500; letter-spacing: .3px;
  color: rgba(201,168,76,.85);
  cursor: pointer; white-space: nowrap;
  transition: background .2s, border-color .2s;
}
.vit-quick-btn:hover {
  background: rgba(201,168,76,.16);
  border-color: rgba(201,168,76,.4);
}

/* ── Messages ───────────────────────────────────────────────────────────── */
.vit-msgs {
  flex: 1; overflow-y: auto; padding: 14px;
  display: flex; flex-direction: column; gap: 10px;
  scroll-behavior: smooth;
}
.vit-msgs::-webkit-scrollbar { width: 4px; }
.vit-msgs::-webkit-scrollbar-track { background: transparent; }
.vit-msgs::-webkit-scrollbar-thumb { background: rgba(201,168,76,.2); border-radius: 2px; }

.vit-msg { display: flex; gap: 8px; max-width: 100%; }
.vit-msg.user { flex-direction: row-reverse; }
.vit-msg-avatar {
  width: 28px; height: 28px; border-radius: 50%;
  flex-shrink: 0; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  background: rgba(201,168,76,.15);
}
.vit-msg.user .vit-msg-avatar {
  background: rgba(72,124,255,.2);
}
.vit-bubble {
  max-width: calc(100% - 44px);
  padding: 9px 13px;
  border-radius: 14px;
  font-size: 12.5px; line-height: 1.55;
  word-break: break-word;
}
.vit-msg.bot .vit-bubble {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.85);
  border-radius: 4px 14px 14px 14px;
}
.vit-msg.user .vit-bubble {
  background: linear-gradient(135deg, rgba(201,168,76,.25), rgba(201,168,76,.15));
  border: 1px solid rgba(201,168,76,.25);
  color: rgba(255,255,255,.9);
  border-radius: 14px 4px 14px 14px;
}

/* Typing dots */
.vit-typing {
  display: flex; gap: 4px; align-items: center; padding: 10px 13px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 4px 14px 14px 14px;
  width: fit-content;
}
.vit-typing span {
  width: 6px; height: 6px; border-radius: 50%;
  background: rgba(201,168,76,.6);
  animation: vit-typing 1.2s ease-in-out infinite;
}
.vit-typing span:nth-child(2) { animation-delay: .2s; }
.vit-typing span:nth-child(3) { animation-delay: .4s; }
@keyframes vit-typing {
  0%,60%,100%{transform:translateY(0);}
  30%{transform:translateY(-6px);}
}

/* ── Input area ─────────────────────────────────────────────────────────── */
.vit-input-row {
  display: flex; gap: 8px; align-items: flex-end;
  padding: 12px 14px;
  border-top: 1px solid rgba(255,255,255,.07);
  background: rgba(255,255,255,.02);
  flex-shrink: 0;
}
#vit-input {
  flex: 1;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  padding: 9px 13px;
  font-size: 12.5px; color: #fff;
  resize: none; outline: none;
  font-family: inherit; min-height: 38px; max-height: 110px;
  transition: border-color .2s;
  line-height: 1.4;
}
#vit-input::placeholder { color: rgba(255,255,255,.25); }
#vit-input:focus { border-color: rgba(201,168,76,.4); }
#vit-send {
  width: 38px; height: 38px;
  background: linear-gradient(135deg, #c9a84c, #a8813a);
  border: none; border-radius: 10px;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; transition: transform .15s, opacity .2s;
}
#vit-send:hover { transform: scale(1.06); }
#vit-send:disabled { opacity: .4; cursor: not-allowed; transform: none; }
#vit-send svg { width: 16px; height: 16px; }

/* ── Powered badge ──────────────────────────────────────────────────────── */
.vit-powered {
  text-align: center;
  font-size: 9px; color: rgba(255,255,255,.18);
  padding: 4px 0 8px;
  letter-spacing: .5px;
}
@media (max-width: 480px) {
  #vit-chat { width: calc(100vw - 24px); right: 12px; bottom: 12px; height: 70vh; }
}

/* ══════════════════════════════════════════════════════════
   MOBILE FIXES v2 — все правки по скриншотам
══════════════════════════════════════════════════════════ */

/* ── 1. ХЕДЕР: убрать кнопки из-под бургера, сделать единую строку ── */
@media(max-width:900px) {

  /* Хедер: logo слева, сова+бургер справа — всё в одну строку без переноса */
  header {
    padding: 0 14px !important;
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    gap: 0 !important;
  }

  /* Лого — фиксированная ширина, не сжимается и не растягивается */
  .logo {
    flex: 0 0 auto !important;
    gap: 6px !important;
    min-width: 0;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }
  .logo-img-wrap { width: 32px !important; height: 32px !important; }
  .logo-img      { width: 32px !important; height: 32px !important; }
  .logo-div { display: none !important; }
  .logo-vit {
    font-size: 20px !important;
    letter-spacing: 2px !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .logo-sub {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .logo-n {
    font-size: 8px !important;
    letter-spacing: 1px !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .logo-c {
    font-size: 7px !important;
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
    margin-top: 1px !important;
    line-height: 1 !important;
    padding: 0 !important;
  }

  /* Скрываем десктопные элементы — между лого и правым блоком пусто */
  nav, .hdr-right { display: none !important; }

  /* Правый блок: сова + бургер вплотную друг к другу, прижаты вправо */
  #mob-vit-ai-btn {
    display: flex !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    margin-right: 8px !important;
  }
  #mob-vit-ai-btn .vit-hdr-owl-wrap {
    width: 40px !important; height: 40px !important;
  }
  #mob-vit-ai-btn .vit-hdr-owl-img {
    width: 40px !important; height: 40px !important;
  }

  #mob-burger {
    display: flex !important;
    flex: 0 0 auto !important;
    width: 40px !important; height: 40px !important;
    margin-right: 0 !important;
  }

  /* Дроуер открывается ниже хедера */
  #mob-drawer { top: 56px !important; }
}

/* ── 2. ОПОВЕЩЕНИЕ (social proof) — уходит влево, не перекрывается ── */
@media(max-width:900px) {
  /* Попап оповещения — смещаем от правых кнопок */
  #sp-popup {
    bottom: 90px;
    left: 12px;
    right: 12px;
    max-width: none;
    overflow: visible;
  }
  #sp-inner {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    padding: 10px 36px 10px 12px;
    gap: 10px;
    box-sizing: border-box;
    align-items: flex-start;
  }
  #sp-action { font-size: 10px; }
  #sp-meta { font-size: 7px; gap: 3px 5px; flex-wrap: wrap; }
  #sp-time { white-space: nowrap; }

  /* Кнопки Вверх и Звук */
  #btt      { bottom: 16px; right: 16px; width: 42px; height: 42px; }
  #btt-ring { bottom: 10px; right: 10px; width: 54px; height: 54px; }
  #snd-btn  { bottom: 16px; right: 66px; width: 42px; height: 42px; }
}

/* ── 3. БАЛАНЧИВАДЗЕ 1 — уменьшаем шрифт чтобы влезло ── */
@media(max-width:900px) {
  #branches .sec-h {
    font-size: clamp(20px, 6vw, 40px) !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow: visible !important;
    line-height: 1.05 !important;
  }
  /* Заголовок "Баланчивадзе 1" с inline style */
  #branches .rl[style*="font-size:52px"],
  #branches .rl[style*="font-size: 52px"],
  .balanchivadze-title {
    font-size: clamp(22px, 6vw, 38px) !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  /* Блок с заголовком Баланчивадзе */
  #branches > div:first-child {
    padding: 32px 20px 20px !important;
    overflow: visible !important;
  }
  #branches > div[style*="padding:72px"] {
    padding: 32px 20px 20px !important;
    overflow: visible !important;
  }
  /* Внутренний блок с инфо */
  #branches div[style*="padding:48px"] {
    padding: 28px 20px !important;
    overflow: visible !important;
  }
}
@media(max-width:480px) {
  #branches .sec-h {
    font-size: clamp(18px, 7.5vw, 34px) !important;
  }
  #branches .rl[style*="font-size:52px"],
  #branches .rl[style*="font-size: 52px"],
  .balanchivadze-title {
    font-size: clamp(20px, 8vw, 32px) !important;
  }
}

/* ── 4. КАЛЬКУЛЯТОР — input/select не обрезают текст ── */
@media(max-width:900px) {
  /* Единая колонка для calc-row */
  .calc-row { grid-template-columns: 1fr 1fr; gap: 10px; }
  .cf-inp, .cf-sel {
    font-size: 11px !important;
    padding: 10px 8px !important;
    width: 100%;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .cf-group { min-width: 0; }
  /* Габариты — 3 колонки на мобиле */
  .calc-row.dims { grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
  /* Калькулятор inline-стили override */
  #calc .cf-sel, #calc .cf-inp,
  div[style*="grid-template-columns:1fr 1fr"] .cf-sel,
  div[style*="grid-template-columns:1fr 1fr"] .cf-inp {
    font-size: 12px !important;
    padding: 10px 8px !important;
  }
  /* Внешний отступ калькулятора */
  #calc > div[style] { padding: 40px 20px !important; }
  div[style*="background:var(--ink2)"][style*="padding:32px"] { padding: 20px 16px !important; }
}
@media(max-width:480px) {
  /* На совсем маленьких — 2 колонки для основных полей */
  .calc-row { grid-template-columns: 1fr 1fr; gap: 8px; }
  .cf-inp, .cf-sel {
    font-size: 13px !important;
    padding: 9px 8px !important;
  }
  #calc .cf-sel, #calc .cf-inp,
  div[style*="grid-template-columns:1fr 1fr"] .cf-sel,
  div[style*="grid-template-columns:1fr 1fr"] .cf-inp {
    font-size: 11px !important;
    padding: 9px 6px !important;
  }
  /* Детали результата */
  .calc-dim-info { flex-direction: column; gap: 4px; }
}

/* ── Cookie banner на мобиле — не перекрывается BTT ── */
@media(max-width:900px) {
  #ck-inner {
    padding: 14px 14px 76px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  #ck-left { min-width: 0 !important; width: 100% !important; }
  #ck-acts { flex-direction: row !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; }
}


/* ═══ merged from block 1 ═══ */
/* ══════════════════════════════════════════════════════════════════
   MOBILE MASTER CSS — полный фикс для экранов ≤900px и ≤480px
   Закрывает все баги: налезание, сжатие, переполнение, inline-грид
══════════════════════════════════════════════════════════════════ */

/* ── БАЗОВОЕ: запрет горизонтального скролла ── */
html, body {
  overflow-x: hidden;
  max-width: 100vw;
}
* { box-sizing: border-box; }

@media (max-width: 900px) {

  /* ══ ГЛОБАЛЬНЫЕ СБРОСЫ ══ */
  section, footer, header,
  [style*="padding:90px 52px"],
  [style*="padding:80px 52px"],
  [style*="padding:72px 52px"],
  [style*="padding:70px 52px"],
  [style*="padding:56px 52px"],
  [style*="padding:52px"],
  [style*="padding:48px 52px"],
  [style*="padding:36px 52px"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* ══ ХЕДЕР ══ */
  header {
    padding: 0 14px !important;
    height: 58px !important;
  }
  nav, .hdr-right { display: none !important; }
  #mob-burger { display: flex !important; order: 10; }
  #mob-vit-ai-btn { display: flex !important; order: 9; margin-left: auto; }
  #mob-drawer { top: 58px !important; }

  /* ══ HERO ══ */
  .hero {
    min-height: 100svh;
    padding: 62px 0 0 !important;
    align-items: center;
  }
  .hero-content {
    grid-template-columns: 1fr !important;
    padding: 100px 20px 60px !important;
    gap: 32px;
  }
  .hero-right { display: none !important; }
  h1 {
    font-size: clamp(52px, 14vw, 90px) !important;
    word-break: break-word;
    overflow: visible !important;
  }
  .h-vit, .h-log, .h-tbi { display: block !important; overflow: visible !important; }
  .hero-desc { font-size: 13px !important; line-height: 1.75 !important; max-width: 100% !important; }
  .hero-btns { flex-wrap: wrap; gap: 8px !important; }
  .btn-gold, .btn-ghost { padding: 12px 22px !important; font-size: 9px !important; }
  .hero-slash { display: none; }
  .hero-ghost { display: none; }

  /* ══ СЕКЦИИ — общее ══ */
  .sec-h {
    font-size: clamp(24px, 7vw, 48px) !important;
    word-break: break-word;
    overflow: visible !important;
    white-space: normal !important;
  }

  /* ══ НОВОСТИ ══ */
  .news { padding: 60px 20px !important; }
  .news-wrap { grid-template-columns: 1fr !important; }
  .news-main { padding: 28px 20px !important; }
  .news-list { padding: 0 !important; }

  /* ══ О НАС ══ */
  .about { grid-template-columns: 1fr !important; }
  .about-left { min-height: 240px !important; }
  .about-right { padding: 40px 20px !important; }
  .about-stats { grid-template-columns: 1fr 1fr !important; }

  /* ══ ОФИСЫ/BRANCHES ══ */
  #branches > div[style] { padding-left: 20px !important; padding-right: 20px !important; }
  #branches .sec-h {
    font-size: clamp(20px, 6.5vw, 38px) !important;
    white-space: normal !important;
    word-break: break-word !important;
  }
  .balanchivadze-title,
  [style*="font-size:52px"],
  [style*="font-size: 52px"] {
    font-size: clamp(22px, 7vw, 40px) !important;
    white-space: normal !important;
    word-break: break-word !important;
  }
  /* Грид офиса — 2 колонки → 1 */
  #branches [style*="grid-template-columns:1fr 1fr"],
  #branches [style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr !important;
    display: block !important;
  }
  /* 3 колонки → 1 */
  #branches [style*="grid-template-columns:repeat(3"],
  #branches [style*="grid-template-columns: repeat(3"] {
    grid-template-columns: 1fr !important;
  }
  /* 7 дней недели — сетка часов */
  .bhours,
  [style*="grid-template-columns:repeat(7,1fr)"],
  [style*="grid-template-columns: repeat(7,1fr)"] {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 4px !important;
  }
  .bmap, .bmap-art { min-height: 220px !important; }
  /* Маршрутная сеть — один столбец */
  [style*="grid-template-columns:1fr 1fr"][style*="route"],
  #branches > div > div[style*="grid-template-columns:1fr 1fr"],
  .bpanel.show { grid-template-columns: 1fr !important; display: block !important; }

  /* ══ МАРШРУТНАЯ СЕТЬ (route-canvas блок) ══ */
  #branches > div:last-of-type > div[style*="grid-template-columns"],
  div[style*="grid-template-columns:1fr 1fr"][style*="background:#040408"],
  div[style*="display:grid"][style*="background:#040408"] {
    grid-template-columns: 1fr !important;
    display: block !important;
  }
  #route-canvas { min-height: 280px !important; }

  /* ══ ПАРТНЁРЫ ══ */
  .partners { padding: 60px 20px !important; }
  .partners-grid { grid-template-columns: 1fr !important; }
  /* inline-style override для partners section */
  #partners > div[style*="grid-template-columns:1fr 1fr"],
  #partners > div > div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
    display: block !important;
  }
  .pcard, .pcard-new { padding: 28px 20px !important; }
  .pcard-ghost-txt { display: none; }

  /* ══ УСЛУГИ ══ */
  .services-head { padding: 60px 20px 36px !important; }
  .services-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .scard { padding: 28px 16px !important; }

  /* ══ ТРЕКИНГ ══ */
  .tracker {
    grid-template-columns: 1fr !important;
    padding: 60px 20px !important;
    gap: 32px !important;
  }
  .tv-stats { grid-template-columns: repeat(2, 1fr) !important; }

  /* ══ РАСПИСАНИЕ ══ */
  .schedule { padding: 60px 20px !important; }
  .sched-grid { grid-template-columns: 1fr !important; }

  /* ══ КАЛЬКУЛЯТОР ══ */
  .calc {
    grid-template-columns: 1fr !important;
    padding: 60px 20px !important;
    gap: 0 !important;
  }
  .calc-form { padding: 28px 20px !important; }
  .calc-row { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .calc-row.dims { grid-template-columns: 1fr 1fr 1fr !important; }
  .cf-inp, .cf-sel { font-size: 16px !important; padding: 10px 10px !important; }
  .calc-price { font-size: 60px !important; }

  /* Inline calc grid overrides */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:12px"] {
    grid-template-columns: 1fr 1fr !important;
  }
  div[style*="grid-template-columns:1fr 1fr 1fr"][style*="gap:10px"] {
    grid-template-columns: 1fr 1fr 1fr !important;
  }

  /* ══ CONTACT STRIP ══ */
  .cstrip { padding: 40px 20px !important; flex-direction: column !important; gap: 20px !important; text-align: center; }
  .cstrip-title { font-size: clamp(28px, 9vw, 52px) !important; }
  .c-btn { width: 100% !important; justify-content: center !important; }

  /* ══ ОТЗЫВЫ ══ */
  .reviews-strip { padding: 60px 20px !important; }
  .reviews-header { flex-direction: column !important; gap: 16px !important; align-items: flex-start !important; }
  .reviews-grid { grid-template-columns: 1fr !important; }
  .rcard { padding: 20px !important; }

  /* ══ СОЦСЕТИ ══ */
  .socials-strip { padding: 40px 20px !important; }
  .socials-row { grid-template-columns: 1fr 1fr !important; }

  /* ══ SOON PARTNERS ══ */
  .soon-grid { grid-template-columns: 1fr 1fr !important; }
  .soon-card { padding: 16px 14px !important; }

  /* ══ MEMBERSHIP ══ */
  .member-inner { grid-template-columns: 1fr !important; }
  .member-content { padding: 48px 20px 36px !important; border-right: none !important; border-bottom: 1px solid rgba(201,168,76,.12) !important; }
  .member-card-scene { padding: 36px 20px 28px !important; }
  .member-stats { flex-wrap: wrap !important; }
  .member-stat { flex: 1 1 45% !important; padding: 16px !important; }
  .member-cta-row { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }

  /* ══ ФУТЕР ══ */
  footer { padding: 0 !important; }
  footer > div[style*="padding:64px"] { padding: 40px 20px 0 !important; }
  footer > div[style*="padding:64px"] > div[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    padding-bottom: 36px !important;
  }
  footer [style*="padding:20px 52px"] { padding: 16px 20px !important; }
  footer [style*="grid-template-columns:1.4fr 1fr 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  .ft-lnk { font-size: 13px !important; padding: 4px 0 !important; display: block !important; }
  /* Footer bottom bar */
  footer > div:last-child[style*="display:flex"] {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  /* ══ MISC INLINE GRID OVERRIDES ══ */
  /* Любой двухколоночный грид в секции */
  section > div[style*="grid-template-columns:1fr 1fr"],
  section > div > div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  /* Трёх-колоночные гриды */
  section > div[style*="grid-template-columns:repeat(3"],
  section > div > div[style*="grid-template-columns:repeat(3"] {
    grid-template-columns: 1fr 1fr !important;
  }
  /* Четырёх-колоночные гриды — stats */
  [style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* ══ КНОПКИ / ПОПАПЫ ══ */
  #btt { bottom: 16px !important; right: 16px !important; width: 42px !important; height: 42px !important; }
  #btt-ring { bottom: 10px !important; right: 10px !important; width: 54px !important; height: 54px !important; }
  #snd-btn { bottom: 16px !important; right: 66px !important; width: 42px !important; height: 42px !important; }
  #sp-popup { bottom: 80px !important; left: 12px !important; right: 12px !important; max-width: none !important; overflow: visible !important; }

  /* ══ ТИКЕР ══ */
  .ticker { height: 38px !important; }
  .ti { font-size: 16px !important; padding: 0 24px !important; }

  /* ══ COOKIE ══ */
  #ck-inner {
    padding: 14px 14px 76px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  #ck-acts { flex-direction: row !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; }

  /* ══ AI CHAT ══ */
  #vit-chat { width: calc(100vw - 24px) !important; right: 12px !important; bottom: 72px !important; }
}

/* ════ BREAKPOINT 600px ════ */
@media (max-width: 600px) {
  h1 { font-size: clamp(44px, 15vw, 72px) !important; }
  .sec-h { font-size: clamp(22px, 8.5vw, 38px) !important; }

  .services-grid { grid-template-columns: 1fr !important; }
  .socials-row { grid-template-columns: 1fr !important; }
  .soon-grid { grid-template-columns: 1fr !important; }

  .about-stats { grid-template-columns: 1fr 1fr !important; }
  .tv-stats { grid-template-columns: 1fr 1fr !important; }

  /* Tracker inline stats */
  [style*="grid-template-columns:repeat(4,1fr)"][style*="border-top"] {
    grid-template-columns: 1fr 1fr !important;
  }

  /* Calc dims — 2 col on tiny screens */
  .calc-row.dims { grid-template-columns: 1fr 1fr !important; }

  .cstrip-title { font-size: clamp(26px, 10vw, 46px) !important; }
  .calc-price { font-size: 52px !important; }

  /* Footer single column nav */
  footer > div[style*="padding:64px"] > div[style*="grid-template-columns"] > div {
    border-bottom: 1px solid rgba(255,255,255,.05);
    padding-bottom: 24px !important;
    margin-bottom: 0 !important;
  }
  footer > div[style*="padding:64px"] > div[style*="grid-template-columns"] > div:last-child {
    border-bottom: none;
  }

  /* Bhours — 3 col on tiny */
  .bhours,
  [style*="grid-template-columns:repeat(7,1fr)"] {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  /* Hide decorative elements on smallest screens */
  .hero-aurora { display: none; }
  .pcard-ghost-txt { display: none !important; }
}

/* ════ BREAKPOINT 400px ════ */
@media (max-width: 400px) {
  h1 { font-size: clamp(38px, 16vw, 60px) !important; }
  .hero-content { padding: 90px 14px 50px !important; }
  section, footer { padding-left: 14px !important; padding-right: 14px !important; }
  .calc-row { grid-template-columns: 1fr !important; }
  .calc-row.dims { grid-template-columns: 1fr 1fr !important; }
  .soon-card { padding: 14px 12px !important; }
  .member-stat { flex: 1 1 100% !important; }
}

/* ═══ merged from block 2 ═══ */
/* ── RT-STATS: 2×2 grid on small screens, no text overflow ── */
@media (max-width: 520px) {
  #rt-stats-strip {
    flex-wrap: wrap !important;
  }
  #rt-stats-strip > div {
    flex: 1 1 50% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  #rt-stats-strip > div:nth-child(2) {
    border-right: none !important;
  }
  #rt-stats-strip > div:nth-child(1),
  #rt-stats-strip > div:nth-child(2) {
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
  }
}

/* ═══ merged from block 3 ═══ */
/* ══ CLIP-TEXT FIX — ensure gold shimmer works ══ */
/* Только clip-свойства — не перебиваем background чтобы не сломать анимацию */
h1 .h-log,
.sec-h em,
.calc-right-title em,
.member-title-em {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
/* st-word внутри clip-text не должны сбивать */
/* sp-h1-gold — block чтобы занимал всю строку */
.sp-h1-gold {
  display: block !important;
  background: linear-gradient(90deg,#8A6820 0%,#C9A84C 20%,#E8C96A 35%,#fff5c0 50%,#E8C96A 65%,#C9A84C 80%,#8A6820 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: sp-textshine 2.8s linear infinite !important;
}
/* st-word внутри clip-text не должны сбивать */
.sec-h em .st-word,
h1 .h-log .st-word {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: inherit !important;
  display: inline !important;
  opacity: 1 !important;
  transform: none !important;
}

/* ═══ merged from block 4 ═══ */
/* ══ STICKERPACK SECTION ══ */
#stickerpack {
  position: relative;
  background: var(--ink);
  border-top: 1px solid var(--ln);
  overflow: hidden;
}

#sp-canvas {
  position: absolute;
  inset: 0; width: 100%; height: 100%;
  pointer-events: none;
  z-index: 0;
}

/* Фоновые glow-блобы */
.sp-blob {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.sp-blob-1 {
  width: 800px; height: 800px;
  left: -200px; top: 50%;
  transform: translateY(-50%);
  background: radial-gradient(circle, rgba(201,168,76,.06) 0%, transparent 65%);
  animation: sp-blob-pulse 7s ease-in-out infinite;
}
.sp-blob-2 {
  width: 500px; height: 500px;
  right: -80px; bottom: -100px;
  background: radial-gradient(circle, rgba(201,168,76,.05) 0%, transparent 65%);
  animation: sp-blob-pulse 5s ease-in-out infinite reverse;
}
@keyframes sp-blob-pulse {
  0%,100% { opacity:.6; transform: translateY(-50%) scale(1); }
  50%      { opacity:1;  transform: translateY(-50%) scale(1.12); }
}

/* Горизонтальная сканирующая линия */
.sp-scanline {
  position: absolute;
  left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.35) 30%, rgba(232,201,106,.6) 50%, rgba(201,168,76,.35) 70%, transparent);
  z-index: 0;
  animation: sp-scan 6s ease-in-out infinite;
  pointer-events: none;
}
@keyframes sp-scan {
  0%   { top: 0%; opacity:0; }
  10%  { opacity:1; }
  90%  { opacity:1; }
  100% { top: 100%; opacity:0; }
}

/* Фоновая сетка */
.sp-bgrid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(201,168,76,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(201,168,76,.022) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
  z-index: 0;
}

/* ── HERO ВЕРХНЯЯ ЧАСТЬ ── */
.sp-hero {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 520px;
  gap: 0;
  min-height: 100vh;
  align-items: stretch;
}

/* Левая текстовая колонка */
.sp-hero-left {
  padding: 100px 72px 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid var(--ln);
  position: relative;
}

/* Декоративный вертикальный акцент */
.sp-hero-left::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, transparent, var(--g) 30%, var(--gl) 50%, var(--g) 70%, transparent);
  animation: sp-vline 4s ease-in-out infinite;
}
@keyframes sp-vline {
  0%,100% { opacity:.3; }
  50%      { opacity:1; box-shadow: 0 0 20px rgba(201,168,76,.5); }
}

.sp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--g);
  margin-bottom: 32px;
  padding: 7px 16px;
  border: 1px solid rgba(201,168,76,.28);
  border-radius: 3px;
  background: rgba(201,168,76,.06);
  width: fit-content;
  position: relative;
  overflow: hidden;
}
.sp-eyebrow::after {
  content: '';
  position: absolute;
  top: 0; left: -100%; width: 60%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  animation: sp-shine 3s ease-in-out infinite;
}
@keyframes sp-shine { 0%{left:-100%} 50%,100%{left:150%} }
.sp-eyebrow-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--g);
  box-shadow: 0 0 10px var(--g);
  animation: sp-dpulse 2s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes sp-dpulse {
  0%,100%{ box-shadow:0 0 6px var(--g); }
  50%{ box-shadow:0 0 18px var(--g), 0 0 30px rgba(201,168,76,.5); }
}

/* Большой заголовок */
.sp-h1 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(64px, 7vw, 110px);
  letter-spacing: 4px;
  line-height: .88;
  margin-bottom: 0;
  margin-right: -20px; /* выходит за правый край колонки */
}
.sp-h1-line { display: block; color: var(--w); }
.sp-h1-gold {
  display: block;
  background: linear-gradient(90deg,
    var(--gd) 0%, var(--g) 20%, var(--gl) 35%, #fff5c0 50%,
    var(--gl) 65%, var(--g) 80%, var(--gd) 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: sp-textshine 2.8s linear infinite;
}
@keyframes sp-textshine {
  0%{background-position:0% center}
  100%{background-position:200% center}
}

/* Разделитель */
.sp-divider {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 36px 0;
}
.sp-divider-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(201,168,76,.4), transparent);
}
.sp-divider-text {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(255,255,255,.2);
}

.sp-desc {
  font-family: 'Unbounded', sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: rgba(255,255,255,.38);
  line-height: 1.95;
  margin-bottom: 44px;
  max-width: 500px;
}
.sp-desc strong { color: rgba(255,255,255,.7); font-weight: 400; }

/* Кнопка */
.sp-btn {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(135deg, var(--gd), var(--g) 50%, var(--gl));
  background-size: 200% auto;
  color: #080808 !important;
  -webkit-text-fill-color: #080808 !important;
  font-family: 'Unbounded', sans-serif;
  font-size: 11px; font-weight: 700;
  letter-spacing: 2.5px; text-transform: uppercase;
  text-decoration: none;
  padding: 18px 44px;
  border-radius: 4px;
  position: relative; overflow: hidden;
  width: fit-content;
  cursor: pointer;
  transition: transform .2s;
  animation: sp-btnglow 3s ease-in-out infinite;
}
@keyframes sp-btnglow {
  0%,100%{ box-shadow:0 0 28px rgba(201,168,76,.25), inset 0 1px 0 rgba(255,255,255,.2); }
  50%{ box-shadow:0 0 55px rgba(201,168,76,.55), inset 0 1px 0 rgba(255,255,255,.2); }
}
.sp-btn::before {
  content:''; position:absolute;
  top:0; left:-100%; width:50%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  animation:sp-btnshine 2.5s ease-in-out infinite;
}
@keyframes sp-btnshine { 0%{left:-100%} 50%,100%{left:160%} }
.sp-btn:hover { transform:translateY(-2px); }
.sp-note {
  margin-top: 14px;
  font-size: 10px; color: rgba(255,255,255,.18);
  letter-spacing: 1px;
}
.sp-note-arr { color: var(--g); }

/* Правая колонка — визуал */
.sp-hero-right {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 40px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(201,168,76,.03) 0%, transparent 60%);
}

/* Кольца */
.sp-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(201,168,76,.1);
  pointer-events: none;
}
.sp-ring-1 { width:90%;  height:90%;  animation:sp-rspin 22s linear infinite; border-style:dashed; }
.sp-ring-2 { width:70%;  height:70%;  animation:sp-rspin 16s linear infinite reverse; }
.sp-ring-3 { width:45%;  height:45%;  animation:sp-rspin 11s linear infinite; border-color:rgba(201,168,76,.2); }
@keyframes sp-rspin { from{transform:rotate(0)} to{transform:rotate(360deg)} }

/* Glow */
.sp-imglow {
  position: absolute;
  width: 70%; height: 70%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201,168,76,.14) 0%, transparent 70%);
  animation: sp-gbreath 4s ease-in-out infinite;
}
@keyframes sp-gbreath { 0%,100%{transform:scale(1);opacity:.7} 50%{transform:scale(1.2);opacity:1} }

.sp-img {
  width: 88%; max-width: 440px;
  border-radius: 18px;
  position: relative; z-index: 2;
  animation: sp-float 5s ease-in-out infinite;
  filter: drop-shadow(0 28px 56px rgba(0,0,0,.65)) drop-shadow(0 0 40px rgba(201,168,76,.12));
  border: 1px solid rgba(201,168,76,.15);
}
@keyframes sp-float {
  0%,100%{transform:translateY(0) rotate(0deg)}
  33%{transform:translateY(-12px) rotate(.4deg)}
  66%{transform:translateY(-5px) rotate(-.3deg)}
}
.sp-badge {
  position: absolute; top: 24px; right: 8%;
  z-index: 3;
  background: linear-gradient(135deg, var(--g), var(--gl));
  color: #080808;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 15px; letter-spacing: 3px;
  padding: 8px 16px; border-radius: 4px;
  box-shadow: 0 4px 24px rgba(201,168,76,.55);
  animation: sp-badgepop 2.2s ease-in-out infinite;
}
@keyframes sp-badgepop { 0%,100%{transform:rotate(-2deg) scale(1)} 50%{transform:rotate(-2deg) scale(1.07)} }

/* ── НИЖНИЕ КАРТОЧКИ-ФИЧИ ── */
.sp-features {
  position: relative; z-index: 1;
  border-top: 1px solid var(--ln);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.sp-feat {
  padding: 40px 40px;
  border-right: 1px solid var(--ln);
  position: relative;
  overflow: hidden;
  transition: background .3s;
}
.sp-feat:last-child { border-right: none; }
.sp-feat::before {
  content:''; position:absolute;
  bottom: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--g), transparent);
  transform: scaleX(0);
  transition: transform .4s;
  transform-origin: center;
}
.sp-feat:hover::before { transform: scaleX(1); }
.sp-feat:hover { background: rgba(201,168,76,.03); }

.sp-feat-num {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 52px; letter-spacing: 2px; line-height: 1;
  background: linear-gradient(135deg, var(--g), var(--gl));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: block;
  margin-bottom: 8px;
}
.sp-feat-lbl {
  font-family: 'Unbounded', sans-serif;
  font-size: 10px; font-weight: 700;
  letter-spacing: 1px; text-transform: uppercase;
  color: var(--w);
  display: block;
  margin-bottom: 10px;
}
.sp-feat-desc {
  font-size: 10px; color: rgba(255,255,255,.3);
  line-height: 1.7; letter-spacing: .3px;
}

/* ── НИЖНЯЯ ПОЛОСА ── */
.sp-strip {
  border-top: 1px solid rgba(255,255,255,.05);
  position: relative; z-index: 1;
}
.sp-strip-in {
  max-width: 100%;
  padding: 20px 72px;
  display: flex; align-items: center;
  justify-content: space-between;
  gap: 20px; flex-wrap: wrap;
}
.sp-strip-owl { font-size: 22px; animation: sp-float 4s ease-in-out infinite; }
.sp-strip-txt {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; color: rgba(255,255,255,.2); letter-spacing: 1px;
}
.sp-pills { display:flex; gap:8px; flex-wrap:wrap; }
.sp-pill {
  padding: 5px 14px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 100px;
  font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase;
  color: rgba(255,255,255,.25);
  font-family: 'JetBrains Mono', monospace;
  transition: border-color .2s, color .2s;
}
.sp-pill:hover { border-color: rgba(201,168,76,.4); color: var(--g); }

/* ── АДАПТИВ ── */
@media(max-width:1100px) {
  .sp-hero { grid-template-columns: 1fr 420px; }
  .sp-hero-left { padding: 80px 48px; }
  .sp-features { grid-template-columns: repeat(2,1fr); }
  .sp-feat:nth-child(2) { border-right: none; }
}
@media(max-width:900px) {
  .sp-hero { grid-template-columns: 1fr; min-height: auto; }
  .sp-hero-left { padding: 64px 28px 48px; border-right: none; border-bottom: 1px solid var(--ln); }
  .sp-hero-left::before { display: none; }
  .sp-hero-right { padding: 48px 28px; min-height: 420px; }
  .sp-h1 { margin-right: 0; font-size: clamp(56px, 12vw, 80px); }
  .sp-features { grid-template-columns: repeat(2,1fr); }
  .sp-strip-in { padding: 18px 28px; }
}
@media(max-width:600px) {
  .sp-features { grid-template-columns: 1fr; }
  .sp-feat { border-right: none; border-bottom: 1px solid var(--ln); }
  .sp-feat:last-child { border-bottom: none; }
  .sp-hero-left { padding: 48px 20px; }
  .sp-h1 { font-size: clamp(50px, 14vw, 72px); }
  .sp-btn { width: 100%; justify-content: center; }
  .sp-strip-in { padding: 16px 20px; }
}

/* ═══ merged from block 5 ═══ */
/* ══ SOON PARTNERS ══ */
.soon-wrap{margin-top:48px;}

.soon-header{
  display:flex;align-items:center;gap:14px;
  margin-bottom:24px;
}
.soon-pulse{
  width:8px;height:8px;border-radius:50%;
  background:var(--g);box-shadow:0 0 12px var(--glow);
  animation:bsp 2s ease infinite;flex-shrink:0;
}
.soon-label{
  font-family:'Unbounded',sans-serif;font-size:8px;font-weight:700;
  letter-spacing:2.5px;text-transform:uppercase;
  color:rgba(255,255,255,.32);white-space:nowrap;
}
.soon-line{
  flex:1;height:1px;
  background:linear-gradient(90deg,rgba(201,168,76,.2),transparent);
}

.soon-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
@media(max-width:1100px){.soon-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:760px){.soon-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.soon-grid{grid-template-columns:1fr;}}

.soon-card{
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.015);
  padding:22px 20px 18px;
  position:relative;overflow:hidden;
  transition:border-color .3s,transform .35s cubic-bezier(.16,1,.3,1);
}
.soon-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.03),transparent);
  pointer-events:none;
}
/* Animated noise/scanline overlay */
.soon-card::after{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);
  pointer-events:none;opacity:.6;
}
.soon-card:hover{
  border-color:rgba(255,255,255,.35);
  transform:translateY(-3px);
}

.soon-card-inner{
  display:flex;align-items:center;gap:14px;
  margin-bottom:18px;position:relative;z-index:1;
}

.soon-logo-wrap{
  width:48px;height:48px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  border-radius:10px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  /* Subtle glow using brand colour */
  box-shadow:0 0 20px -8px var(--sc,#fff);
  transition:box-shadow .3s;
  filter:grayscale(.35) opacity(.7);
  transition:filter .3s,box-shadow .3s;
}
.soon-card:hover .soon-logo-wrap{
  filter:grayscale(0) opacity(1);
  box-shadow:0 0 28px -6px var(--sc,#fff);
}
.soon-logo-svg{width:28px;height:28px;}

.soon-info{flex:1;min-width:0;}
.soon-name{
  font-family:'Unbounded',sans-serif;font-size:13px;font-weight:700;
  color:rgba(255,255,255,.75);margin-bottom:5px;
  letter-spacing:.3px;
  transition:color .3s;
}
.soon-card:hover .soon-name{color:#fff;}
.soon-desc{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  color:rgba(255,255,255,.42);line-height:1.6;
}

/* SOON badge */
.soon-badge{
  font-family:'Unbounded',sans-serif;font-size:8px;font-weight:700;
  letter-spacing:2px;padding:5px 10px;
  border:1px solid rgba(201,168,76,.4);
  color:var(--gl);
  background:rgba(201,168,76,.08);
  flex-shrink:0;
  animation:soonPulse 3s ease-in-out infinite;
}
@keyframes soonPulse{
  0%,100%{border-color:rgba(201,168,76,.35);color:var(--g);}
  50%{border-color:rgba(201,168,76,.7);color:var(--gl);box-shadow:0 0 12px rgba(201,168,76,.2);}
}

/* Progress bar */
.soon-progress{
  height:2px;
  background:rgba(255,255,255,.06);
  position:relative;z-index:1;
  margin-bottom:7px;overflow:hidden;
}
.soon-progress-bar{
  height:100%;width:var(--sw,50%);
  background:linear-gradient(90deg,var(--sc,#888) 0%,color-mix(in srgb,var(--sc,#888) 60%,#fff) 100%);
  position:relative;
  animation:progressGrow 1.4s cubic-bezier(.16,1,.3,1) both;
  animation-delay:.3s;
}
.soon-progress-bar::after{
  content:'';position:absolute;right:0;top:0;bottom:0;width:20px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5));
  animation:shimmerBar 2s ease-in-out infinite;
  animation-delay: 1.7s;
}
@keyframes progressGrow{from{width:0;}to{width:var(--sw,50%);}}
@keyframes shimmerBar{0%,100%{opacity:0;}50%{opacity:1;}}

.soon-progress-label{
  display:flex;justify-content:space-between;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:rgba(255,255,255,.35);
  position:relative;z-index:1;
}


.socials-strip{
  background:var(--ink2);
  border-top:1px solid var(--ln);
  border-bottom:1px solid var(--ln);
  padding:48px 52px;
  position:relative;overflow:hidden;
}
.socials-strip::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 100% at 50% 50%,rgba(201,168,76,.04) 0%,transparent 70%);
  pointer-events:none;
}
.socials-inner{position:relative;}
.socials-label{
  display:flex;align-items:center;gap:10px;
  margin-bottom:28px;
}
.socials-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--g);box-shadow:0 0 10px var(--glow);
  animation:bsp 2s ease infinite;
}
.socials-txt{
  font-family:'Unbounded',sans-serif;font-size:9px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,255,255,.4);
}
.socials-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
@media(max-width:900px){.socials-row{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.socials-row{grid-template-columns:1fr;}}

/* Social card */
.soc-card{
  display:flex;align-items:center;gap:18px;
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.08);
  text-decoration:none;
  position:relative;overflow:hidden;
  transition:border-color .3s,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .3s;
  cursor:pointer;
  background:rgba(255,255,255,.02);
}
.soc-card::before{
  content:'';position:absolute;inset:0;
  opacity:0;transition:opacity .35s;
}
.soc-card:hover{transform:translateY(-4px);border-color:transparent;}
.soc-card:hover::before{opacity:1;}
.soc-card:hover .soc-arrow{opacity:1;transform:translate(0,0);}

.soc-icon{
  width:52px;height:52px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  border-radius:12px;
  transition:transform .3s;
}
.soc-card:hover .soc-icon{transform:scale(1.1);}
.soc-icon svg{width:26px;height:26px;}

.soc-info{flex:1;min-width:0;}
.soc-name{
  font-family:'Unbounded',sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.3px;color:#fff;margin-bottom:5px;
  transition:color .25s;
}
.soc-handle{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.soc-arrow{
  font-size:20px;color:rgba(255,255,255,.32);
  opacity:0;transform:translate(-4px,4px);
  transition:all .25s;flex-shrink:0;
  line-height:1;
}

/* Telegram */
.soc-tg::before{background:linear-gradient(135deg,rgba(41,182,246,.12),rgba(41,182,246,.04));}
.soc-tg:hover{box-shadow:0 8px 32px rgba(41,182,246,.2);}
.soc-tg .soc-icon{background:rgba(41,182,246,.1);color:#29B6F6;}
.soc-tg:hover .soc-name{color:#29B6F6;}
.soc-tg .soc-arrow{color:#29B6F6;}

/* WhatsApp */
.soc-wa::before{background:linear-gradient(135deg,rgba(37,211,102,.12),rgba(37,211,102,.04));}
.soc-wa:hover{box-shadow:0 8px 32px rgba(37,211,102,.2);}
.soc-wa .soc-icon{background:rgba(37,211,102,.1);color:#25D366;}
.soc-wa:hover .soc-name{color:#25D366;}
.soc-wa .soc-arrow{color:#25D366;}

/* Instagram */
.soc-ig::before{background:linear-gradient(135deg,rgba(225,48,108,.1),rgba(253,121,36,.06));}
.soc-ig:hover{box-shadow:0 8px 32px rgba(225,48,108,.18);}
.soc-ig .soc-icon{background:linear-gradient(135deg,rgba(225,48,108,.15),rgba(253,121,36,.1));color:#E1306C;}
.soc-ig:hover .soc-name{background:linear-gradient(90deg,#E1306C,#F77737);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.soc-ig .soc-arrow{color:#E1306C;}

/* Facebook */
.soc-fb::before{background:linear-gradient(135deg,rgba(24,119,242,.12),rgba(24,119,242,.04));}
.soc-fb:hover{box-shadow:0 8px 32px rgba(24,119,242,.2);}
.soc-fb .soc-icon{background:rgba(24,119,242,.1);color:#1877F2;}
.soc-fb:hover .soc-name{color:#1877F2;}
.soc-fb .soc-arrow{color:#1877F2;}

/* TikTok */
.soc-tt::before{background:linear-gradient(135deg,rgba(255,0,80,.08),rgba(0,242,234,.06));}
.soc-tt:hover{box-shadow:0 8px 32px rgba(255,0,80,.15);}
.soc-tt .soc-icon{background:rgba(255,255,255,.05);color:#fff;position:relative;}
.soc-tt .soc-icon::before{content:'';position:absolute;inset:0;border-radius:8px;background:linear-gradient(135deg,rgba(255,0,80,.2),rgba(0,242,234,.2));}
.soc-tt .soc-icon svg{position:relative;}
.soc-tt:hover .soc-name{background:linear-gradient(90deg,#FF0050,#00F2EA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.soc-tt .soc-arrow{color:#FF0050;}

/* LinkedIn */
.soc-li::before{background:linear-gradient(135deg,rgba(10,102,194,.12),rgba(10,102,194,.04));}
.soc-li:hover{box-shadow:0 8px 32px rgba(10,102,194,.2);}
.soc-li .soc-icon{background:rgba(10,102,194,.1);color:#0A66C2;}
.soc-li:hover .soc-name{color:#0A66C2;}
.soc-li .soc-arrow{color:#0A66C2;}

border-top:1px solid var(--ln);padding-top:12px;transition:border-color .3s;}
.info-chip:hover{border-color:rgba(201,168,76,.25);}
.ic-l{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:5px;}
.ic-v{font-size:13px;font-weight:700;color:rgba(255,255,255,.65);}

/* Day chips */
.day-chip{text-align:center;padding:9px 4px;border:1px solid var(--ln);transition:all .3s;position:relative;overflow:hidden;}
.day-chip::before{content:'';position:absolute;inset:0;background:var(--g);transform:scaleY(0);transform-origin:bottom;transition:transform .3s cubic-bezier(.16,1,.3,1);}
.day-chip:hover::before{transform:scaleY(1);}
.dc-d{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.32);margin-bottom:3px;position:relative;z-index:1;transition:color .3s;}
.dc-t{font-size:10px;color:rgba(255,255,255,.35);font-weight:700;position:relative;z-index:1;transition:color .3s;}
.day-chip:hover .dc-d,.day-chip:hover .dc-t{color:var(--ink);}
.day-chip.today{border-color:rgba(201,168,76,.4);background:rgba(201,168,76,.07);}
.day-chip.today .dc-d{color:var(--g);}
.day-chip.today .dc-t{color:var(--gl);}
.day-chip.cld .dc-t{color:#ff4444;}

/* Live clock box */
.clock-box{background:rgba(201,168,76,.04);border:1px solid rgba(201,168,76,.1);padding:22px 26px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;transition:border-color .3s;}
.clock-box:hover{border-color:rgba(201,168,76,.2);}
.clock-box-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,168,76,.06),transparent);animation:cardShine 6s ease-in-out infinite;}

/* Partner cards */
.pcard-new{background:var(--ink2);padding:52px;position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;}
.pcard-new:hover{transform:translateY(-8px);box-shadow:0 40px 80px rgba(0,0,0,.5);}
.pcard-shine-strip{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:left .7s;pointer-events:none;z-index:10;}
.pcard-new:hover .pcard-shine-strip{left:150%;}
.pcard-ghost-txt{position:absolute;bottom:-20px;right:-10px;font-family:'Bebas Neue',sans-serif;font-size:180px;line-height:1;pointer-events:none;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s;}
.pcard-new:hover .pcard-ghost-txt{transform:scale(1.06) translateY(-8px);}
.pcard-icon{width:64px;height:64px;border:1px solid;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;}
.pcard-new:hover .pcard-icon{transform:scale(1.1) rotate(-3deg);}
.pcard-logo{font-family:'Bebas Neue',sans-serif;font-size:54px;letter-spacing:2px;line-height:1;margin-bottom:18px;}
.pcard-title{font-family:'Unbounded',sans-serif;font-size:20px;font-weight:700;color:var(--ow);line-height:1.3;margin-bottom:14px;}
.pcard-desc{font-size:12px;color:rgba(255,255,255,.65);line-height:1.8;margin-bottom:28px;}
.pcard-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;}
.pcard-item{display:flex;align-items:center;gap:12px;font-size:14px;color:rgba(255,255,255,.7);transition:color .25s;}
.pcard-item:hover{color:#fff;}
.pcard-item::before{content:'✓';width:20px;height:20px;border-radius:50%;background:var(--ib);color:var(--ic);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;text-align:center;line-height:20px;transition:transform .25s;}
.pcard-item:hover::before{transform:scale(1.15);}
.pcard-btn{display:inline-block;padding:14px 30px;font-family:'Unbounded',sans-serif;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;color:#fff;transition:background .25s,transform .25s,box-shadow .25s;cursor:pointer;background:var(--pb);position:relative;overflow:hidden;}
.pcard-btn:hover{background:var(--ph)!important;transform:translateX(4px);}
.pcard-btn::after{content:'→';position:absolute;right:-20px;transition:right .25s,opacity .25s;opacity:0;}
.pcard-btn:hover::after{right:16px;opacity:1;}

/* Services */
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ln);}
.srv2{padding:42px 34px;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln);position:relative;overflow:hidden;cursor:pointer;transition:all .4s;}
.srv2:nth-child(3n){border-right:none;}
.srv2:nth-child(n+4){border-bottom:none;}
.srv2::before{content:'';position:absolute;inset:0;background:var(--g);transform:translateY(101%);transition:transform .5s cubic-bezier(.16,1,.3,1);}
.srv2::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 60%);opacity:0;transition:opacity .4s;z-index:2;}
.srv2:hover::before{transform:translateY(0);}
.srv2:hover::after{opacity:1;}
.s2-bg-n{position:absolute;top:12px;right:16px;font-family:'Bebas Neue',sans-serif;font-size:60px;color:rgba(255,255,255,.04);line-height:1;z-index:0;transition:color .3s,transform .5s cubic-bezier(.16,1,.3,1);}
.srv2:hover .s2-bg-n{color:rgba(0,0,0,.1);transform:scale(1.15) translateY(-4px);}
.s2-ico{position:relative;z-index:3;margin-bottom:22px;width:38px;height:38px;transition:transform .4s cubic-bezier(.16,1,.3,1);}
.srv2:hover .s2-ico{transform:scale(1.1) rotate(-5deg);}
.s2-ico svg{width:38px;height:38px;stroke:var(--g);stroke-width:1.5;transition:stroke .3s;}
.srv2:hover .s2-ico svg{stroke:var(--ink);}
.s2-title{position:relative;z-index:3;font-family:'Unbounded',sans-serif;font-size:12px;font-weight:700;color:var(--ow);margin-bottom:10px;line-height:1.35;transition:color .3s;}
.srv2:hover .s2-title{color:var(--ink);}
.s2-desc{position:relative;z-index:3;font-size:11px;color:rgba(255,255,255,.3);line-height:1.65;transition:color .3s;}
.srv2:hover .s2-desc{color:rgba(0,0,0,.65);}
.s2-arrow{position:absolute;bottom:20px;right:20px;font-size:18px;color:rgba(255,255,255,.07);transition:color .3s,transform .3s;z-index:3;}
.srv2:hover .s2-arrow{color:var(--ink);transform:translateX(4px);}

/* Tracker steps */
.tstep{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--ln);transition:background .25s;cursor:default;}
.tstep:hover{background:rgba(255,255,255,.015);}
.tstep:last-child{border-bottom:none;}
.tdot{width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0;}
.tdot.ok{background:var(--g);color:var(--ink);}
.tdot.cur{background:var(--g);color:var(--ink);animation:dotPulse 1.4s ease infinite;}
.tdot.wait{background:var(--ink3);border:1px solid var(--ln);}
.ts-title{font-size:14px;font-weight:600;color:rgba(255,255,255,.82);}
.ts-sub{font-size:10px;color:rgba(255,255,255,.65);margin-top:2px;}
.tv-stat-box{padding:16px;border-right:1px solid var(--ln);transition:background .25s;}
.tv-stat-box:hover{background:rgba(255,255,255,.02);}
.tsb-l{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:5px;}
.tsb-v{font-family:'Bebas Neue',sans-serif;font-size:26px;color:var(--gl);line-height:1;}
.tsb-u{font-size:9px;color:rgba(255,255,255,.35);}

/* Schedule */
.stable{width:100%;border-collapse:collapse;}
.stable th{text-align:left;font-size:8.5px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);padding:8px 0;border-bottom:1px solid var(--ln);}
.stable td{padding:10px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.04);}
.stable tr:last-child td{border:none;}
.stable tr{transition:background .2s;}
.stable tr:hover td{background:rgba(255,255,255,.015);}
.stable tr.today-r td{background:rgba(201,168,76,.04)!important;}
.td-d{color:rgba(255,255,255,.5);}.td-d.tdy{color:var(--g);font-weight:700;}
.td-t{color:rgba(255,255,255,.3);}.td-t.tdy{color:var(--ow);font-weight:700;}
.td-cl{color:#ff4444;}
.td-open{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:var(--cdekl);}
.td-open-d{width:5px;height:5px;border-radius:50%;background:var(--cdek);animation:blink 2s ease infinite;}

/* Calculator */
.cf-group{display:flex;flex-direction:column;gap:6px;}
.cf-lbl{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.42);}
.cf-sel,.cf-inp{background:transparent;border:1px solid var(--ln);color:var(--ow);padding:12px 14px;font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;outline:none;transition:border-color .25s,box-shadow .25s;-webkit-appearance:none;}
.cf-sel option{background:var(--ink2);}
.cf-sel:focus,.cf-inp:focus{border-color:rgba(201,168,76,.4);box-shadow:0 0 20px rgba(201,168,76,.06);}
.cf-btn{width:100%;background:var(--g);color:var(--ink);border:none;padding:15px;font-family:'Unbounded',sans-serif;font-weight:700;font-size:10px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;margin-top:8px;transition:background .25s,transform .2s;position:relative;overflow:hidden;}
.cf-btn:hover{background:var(--gl);transform:translateY(-1px);}
.cf-btn-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s;}
.cf-btn:hover .cf-btn-shine{left:150%;}
.calc-feat-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--ln);font-size:12px;color:rgba(255,255,255,.35);transition:all .25s;cursor:default;}
.calc-feat-row:hover{color:rgba(255,255,255,.65);background:rgba(255,255,255,.02);padding-left:22px;}
.calc-feat-row span{font-size:16px;}

/* Contact buttons */
.c-btn{padding:14px 24px;font-family:'Unbounded',sans-serif;font-weight:700;font-size:9px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:7px;position:relative;overflow:hidden;}
.c-btn-dark{background:var(--ink);color:var(--g);}
.c-btn-dark:hover{background:#111;transform:translateY(-2px);}
.c-btn-outline{border:2px solid rgba(0,0,0,.25);color:var(--ink);}
.c-btn-outline:hover{background:rgba(0,0,0,.1);transform:translateY(-2px);}
100%{left:200%;}}
50%{transform:translateY(-20px);}}

/* Footer */
.ft-lnk,.ft-lnk:visited,.ft-lnk:link{font-size:10px;color:rgba(255,255,255,.42);text-decoration:none;letter-spacing:.5px;transition:color .25s,transform .25s;display:inline-block;}
.ft-lnk:hover,.ft-lnk:focus{color:var(--g);transform:translateY(-2px);}
.badge-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:cardShine 4s ease-in-out infinite;}

/* ══ FOOTER RESPONSIVE ══ */
@media(max-width:900px){
  footer{padding:40px 24px 28px!important;}
  footer > div[style*="grid-template-columns:1fr auto 1fr"]{
    grid-template-columns:1fr!important;
    text-align:center;
  }
  footer > div[style*="grid-template-columns:1fr auto 1fr"] > div:last-child{
    text-align:center;
  }
  footer > div[style*="grid-template-columns:1fr auto 1fr"] > div:last-child a{
    display:inline-block;
  }
  footer > div[style*="display:flex;align-items:center;justify-content:space-between"]{
    flex-direction:column;gap:8px;text-align:center;
  }
}

/* ══ ENHANCED SECTION TRANSITIONS — subtle separator lines ══ */
section::after{
  content:'';display:block;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,168,76,.08) 30%,rgba(201,168,76,.08) 70%,transparent);
  pointer-events:none;
}

/* About stats */
.about-stat{background:var(--ink2);padding:22px;text-align:center;transition:background .3s;}
.about-stat:hover{background:rgba(201,168,76,.06);}
.about-stat-n{font-family:'Bebas Neue',sans-serif;font-size:50px;color:var(--g);line-height:1;transition:transform .3s;}
.about-stat:hover .about-stat-n{transform:scale(1.05);}
.about-stat-l{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.32);margin-top:3px;}


/* Scanline overlay */
.scanline-overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.scanline-overlay::after{content:'';position:absolute;left:0;right:0;height:120px;background:linear-gradient(0deg,transparent,rgba(201,168,76,.025),transparent);animation:scanline 7s linear infinite;pointer-events:none;}

@media(max-width:900px){
  section[id="branches"]>div:nth-child(2),section[id="tracker"]>div,.pcard-new+.pcard-new{display:block!important;}
  .srv-grid{grid-template-columns:repeat(2,1fr)!important;}
  .srv2:nth-child(2n){border-right:none!important;}
  .srv2:nth-child(3n){border-right:1px solid var(--ln)!important;}
  section>div[style*="grid-template-columns:1fr 1fr"]{display:block!important;}
  footer,div[style*="padding:70px 52px"]{padding-left:20px!important;padding-right:20px!important;}
  .pcard-new{padding:28px!important;}
}


/* ══════════════════════════════════════════
   MEMBERSHIP SECTION
══════════════════════════════════════════ */
.membership-section {
  position: relative;
  overflow: hidden;
  background: #050508;
  padding: 0;
}

/* Particle canvas */
.member-bg-canvas {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  pointer-events: none; z-index: 0;
}

/* Golden rays emanating from center */
.member-rays {
  position: absolute; inset: 0;
  background:
    conic-gradient(from 0deg at 68% 50%,
      transparent 0deg,
      rgba(201,168,76,.03) 2deg,
      transparent 4deg,
      transparent 18deg,
      rgba(201,168,76,.04) 20deg,
      transparent 22deg,
      transparent 40deg,
      rgba(201,168,76,.025) 42deg,
      transparent 44deg,
      transparent 60deg,
      rgba(201,168,76,.03) 62deg,
      transparent 64deg,
      transparent 100deg,
      rgba(201,168,76,.02) 102deg,
      transparent 104deg,
      transparent 180deg,
      rgba(201,168,76,.03) 182deg,
      transparent 184deg,
      transparent 270deg,
      rgba(201,168,76,.02) 272deg,
      transparent 274deg,
      transparent 360deg
    );
  pointer-events: none; z-index: 0;
  animation: raysRotate 40s linear infinite;
}
@keyframes raysRotate { to { transform: rotate(360deg); } }

/* Top gold accent line */
.membership-section::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--g), var(--gl), var(--g), transparent);
  background-size: 200%;
  animation: borderRun 5s linear infinite;
  z-index: 2;
}

/* Inner layout */
.member-inner {
  position: relative; z-index: 2;
  display: grid;
  grid-template-columns: 1fr 480px;
  gap: 0;
  min-height: 600px;
}

/* ── LEFT CONTENT ── */
.member-content {
  padding: 80px 60px 60px 52px;
  display: flex; flex-direction: column; justify-content: center;
  border-right: 1px solid rgba(201,168,76,.12);
}

.member-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(201,168,76,.08);
  border: 1px solid rgba(201,168,76,.2);
  padding: 6px 14px;
  font-family: 'Unbounded', sans-serif;
  font-size: 8px; font-weight: 700; letter-spacing: 2px;
  text-transform: uppercase; color: var(--g);
  margin-bottom: 28px;
  width: fit-content;
}
.member-badge-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--g); box-shadow: 0 0 8px var(--glow);
  animation: bsp 2s ease infinite;
}

.member-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(52px, 5.5vw, 88px);
  color: var(--ow); line-height: .92;
  letter-spacing: 1px; margin-bottom: 22px;
  font-style: normal;
}
.member-title-em {
  font-style: normal;
  background: linear-gradient(90deg, var(--gd), var(--g), var(--gl), var(--g));
  background-size: 300%;
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: shimmerText 4s linear infinite;
}
@keyframes shimmerText {
  0%   { background-position: 0% }
  100% { background-position: 300% }
}

.member-lead {
  font-size: 14px; color: rgba(255,255,255,.45);
  line-height: 1.75; margin-bottom: 36px;
}

/* Perks */
.member-perks {
  display: flex; flex-direction: column; gap: 20px;
  margin-bottom: 40px;
}
.member-perk {
  display: flex; align-items: flex-start; gap: 16px;
}
.member-perk-icon {
  width: 42px; height: 42px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; font-weight: 900;
  background: rgba(201,168,76,.08);
  border: 1px solid rgba(201,168,76,.2);
  color: var(--g);
  transition: transform .3s, background .3s;
}
.member-perk:hover .member-perk-icon {
  transform: scale(1.1);
  background: rgba(201,168,76,.15);
}
.member-perk-title {
  font-family: 'Unbounded', sans-serif;
  font-size: 12px; font-weight: 700;
  color: var(--ow); margin-bottom: 4px;
  letter-spacing: .3px;
}
.member-perk-desc {
  font-size: 12px; color: rgba(255,255,255,.38);
  line-height: 1.6;
}

/* CTA */
.member-cta-row {
  display: flex; align-items: center; gap: 20px;
}
.member-btn-main {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 16px 32px;
  background: linear-gradient(135deg, var(--gd), var(--g), var(--gl));
  background-size: 200%;
  font-family: 'Unbounded', sans-serif;
  font-size: 11px; font-weight: 700; letter-spacing: .5px;
  text-transform: uppercase; text-decoration: none;
  color: var(--ink); cursor: pointer;
  position: relative; overflow: hidden;
  transition: background-position .4s, transform .3s, box-shadow .3s;
  box-shadow: 0 0 0 rgba(201,168,76,0);
}
.member-btn-main:hover {
  background-position: 100%;
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(201,168,76,.35);
}
.member-btn-shine {
  position: absolute; top: 0; left: -100%; width: 60%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
  transition: left .5s;
}
.member-btn-main:hover .member-btn-shine { left: 150%; }

.member-hint {
  display: flex; align-items: center; gap: 6px;
  font-size: 11px; color: rgba(255,255,255,.25);
  font-family: 'JetBrains Mono', monospace;
}

/* ── RIGHT: CARD SCENE ── */
.member-card-scene {
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  padding: 60px 40px;
  position: relative;
  background: radial-gradient(ellipse 80% 70% at 50% 50%, rgba(201,168,76,.05), transparent 70%);
}

/* 3D perspective container */
.member-card-wrap {
  width: 340px; height: 214px;
  position: relative;
  transform-style: preserve-3d;
  /* Floating + slight tilt */
  transform: rotateY(-18deg) rotateX(6deg) rotateZ(-2deg);
  animation: cardFloat 6s ease-in-out infinite;
  cursor: pointer;
  transition: transform .7s cubic-bezier(.23,1,.32,1);
  filter: drop-shadow(0 30px 60px rgba(0,0,0,.7));
}
.member-card-wrap:hover {
  filter: drop-shadow(0 40px 80px rgba(0,0,0,.8)) drop-shadow(0 0 30px rgba(201,168,76,.25));
}
.member-card-wrap.flipped {
  transform: rotateY(162deg) rotateX(6deg) rotateZ(-2deg) !important;
  animation: none !important;
}
.member-card-wrap.flipped:hover {
  transform: rotateY(162deg) rotateX(6deg) rotateZ(-2deg) !important;
}

@keyframes cardFloat {
  0%,100% { transform: rotateY(-18deg) rotateX(6deg) rotateZ(-2deg) translateY(0px); }
  25%      { transform: rotateY(-14deg) rotateX(8deg) rotateZ(-1deg) translateY(-10px); }
  50%      { transform: rotateY(-20deg) rotateX(5deg) rotateZ(-3deg) translateY(-6px); }
  75%      { transform: rotateY(-16deg) rotateX(7deg) rotateZ(-2deg) translateY(-12px); }
}

.member-card-face {
  position: absolute; inset: 0;
  backface-visibility: hidden;
  border-radius: 14px;
  overflow: hidden;
}
.member-card-back-face {
  transform: rotateY(180deg);
}
.member-card-img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
}

/* Gloss overlay */
.member-card-gloss {
  position: absolute; inset: 0;
  background: linear-gradient(135deg,
    rgba(255,255,255,.18) 0%,
    rgba(255,255,255,.06) 30%,
    transparent 60%,
    rgba(0,0,0,.15) 100%
  );
  border-radius: 14px;
  pointer-events: none;
}

/* Card shadow on surface */
.member-card-shadow {
  width: 300px; height: 30px;
  background: radial-gradient(ellipse, rgba(201,168,76,.2) 0%, transparent 70%);
  margin-top: 24px;
  filter: blur(12px);
  animation: shadowPulse 6s ease-in-out infinite;
}
@keyframes shadowPulse {
  0%,100% { opacity:.8; transform: scaleX(1); }
  50%      { opacity:.4; transform: scaleX(.85); }
}

/* Flip hint */
.member-flip-hint {
  display: flex; align-items: center; gap: 6px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px; letter-spacing: 1px;
  color: rgba(255,255,255,.22);
  margin-top: 16px;
  animation: hintPulse 2.5s ease-in-out infinite;
}
@keyframes hintPulse {
  0%,100% { opacity: .4; }
  50%      { opacity: 1; }
}

/* ── BOTTOM STAT STRIP ── */
.member-stats {
  position: relative; z-index: 2;
  display: flex; align-items: center;
  border-top: 1px solid rgba(201,168,76,.12);
  background: rgba(201,168,76,.03);
}
.member-stat {
  flex: 1; padding: 28px 20px; text-align: center;
}
.member-stat-n {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 42px; color: var(--g);
  line-height: 1; margin-bottom: 6px;
}
.member-stat-l {
  font-family: 'Unbounded', sans-serif;
  font-size: 8px; font-weight: 700;
  letter-spacing: 1.5px; text-transform: uppercase;
  color: rgba(255,255,255,.28);
}
.member-stat-div {
  width: 1px; height: 50px;
  background: rgba(201,168,76,.12);
  flex-shrink: 0;
}

/* Mobile */
@media(max-width:900px) {
  .member-inner {
    grid-template-columns: 1fr;
  }
  .member-content {
    padding: 52px 24px 40px;
    border-right: none;
    border-bottom: 1px solid rgba(201,168,76,.12);
  }
  .member-card-scene { padding: 40px 24px 30px; }
  .member-card-wrap { width: 280px; height: 176px; }
  .member-stats { flex-wrap: wrap; }
  .member-stat { flex: 1 1 40%; padding: 20px; }
  .member-stat-div:nth-child(4) { display: none; }
  .member-cta-row { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* ══ ФИНАЛЬНЫЙ OVERRIDE: скрыть десктоп-элементы на мобильных ══ */
@media (max-width: 900px) {
  nav { display: none !important; }
  .hdr-right { display: none !important; }
  .logo { flex-shrink: 0 !important; gap: 6px !important; }
  .logo-div { display: none !important; }
  .logo-vit { font-size: 22px !important; letter-spacing: 2px !important; white-space: nowrap !important; line-height: 1 !important; }
  .logo-n { font-size: 8px !important; letter-spacing: 1px !important; white-space: nowrap !important; }
  .logo-c { font-size: 7px !important; letter-spacing: 0.5px !important; white-space: nowrap !important; }
}


/* ══ MOBILE DESIGN POLISH ══════════════════════════════════ */

/* Hero tag on mobile */
@media (max-width: 900px) {
  .hero-tag { margin-bottom: 20px; }
  .hero-tag-line { width: 24px; }
  .hero-slash { display: none; }
  .hero-ghost { display: none; }
}

/* Services single col on mobile — better spacing */
@media (max-width: 600px) {
  .srv { border-right: none !important; border-bottom: 1px solid var(--ln); }
  .srv:last-child { border-bottom: none; }
  .srv-title { font-size: 13px !important; }
  .srv-desc { font-size: 13px !important; }
}

/* Tracker: full width on mobile */
@media (max-width: 900px) {
  .track-inp { font-size: 16px !important; } /* prevent iOS zoom */
  .track-go { padding: 15px 20px; font-size: 12px !important; }
  .tv-wrap { margin-top: 24px; }
}

/* Reviews: horizontal scroll on mobile */
@media (max-width: 900px) {
  .reviews-grid {
    display: flex !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 12px !important;
    padding-bottom: 12px;
  }
  .reviews-grid::-webkit-scrollbar { height: 3px; }
  .reviews-grid::-webkit-scrollbar-thumb { background: rgba(201,168,76,.3); }
  .rv-card {
    flex: 0 0 85vw !important;
    scroll-snap-align: start;
  }
}

/* Footer navigation links on mobile — better touch targets */
@media (max-width: 900px) {
  .ft-lnk {
    padding: 8px 0 !important;
    font-size: 13px !important;
    display: block !important;
    color: rgba(255,255,255,.55) !important;
  }
  .ft-lnk:hover, .ft-lnk:focus { color: var(--g) !important; }
}

/* Sticker section on mobile */
@media (max-width: 900px) {
  .sp-hero { flex-direction: column !important; gap: 32px !important; }
  .sp-hero-right { display: none !important; }
  .sp-features { grid-template-columns: 1fr 1fr !important; }
}

/* Partners section on mobile */
@media (max-width: 900px) {
  .pcard-logo { margin-bottom: 12px !important; }
  .pcard-title { font-size: 17px !important; }
}

/* Schedule table on mobile */
@media (max-width: 600px) {
  .stable { font-size: 12px; }
  .scard-name { font-size: 28px !important; }
}

/* Branches tabs on mobile */
@media (max-width: 900px) {
  .btabs { width: 100%; }
  .btab { flex: 1; text-align: center; padding: 11px 12px; font-size: 8px; }
}

/* Contact strip on mobile — button alignment */
@media (max-width: 600px) {
  .cstrip-title { font-size: 36px !important; }
  .cbtn { padding: 12px 16px !important; font-size: 9px !important; }
  .cstrip-acts { flex-direction: column !important; }
  .cbtn { width: 100%; justify-content: center; }
}

/* About section chips on mobile */
@media (max-width: 900px) {
  .achip { padding: 14px 16px !important; }
  .achip-t { font-size: 12px !important; }
}

/* News cards on mobile */
@media (max-width: 900px) {
  .nc-big .nc-title { font-size: 16px !important; }
  .nc-sm .nc-title { font-size: 13px !important; }
}

/* Socials on mobile */
@media (max-width: 600px) {
  .soc-card { padding: 16px !important; }
  .soc-name { font-size: 14px !important; }
}

/* ══ DESIGN ENHANCEMENTS v2.0 ══ */

/* 1. Утончённая gold hover-подсветка на service карточках */
.srv2::after {
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(201,168,76,.06) 0%,transparent 60%);
  pointer-events:none;opacity:0;transition:opacity .4s;
}
.srv2:hover::after { opacity:1; }

/* 2. Пульс на активной nav-ссылке при скролле */
nav a.nav-active {
  color:var(--g) !important;
}
nav a.nav-active::after {
  content:'';
  position:absolute;
  bottom:-4px;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--g),transparent);
}

/* 3. Визуальный разделитель секций — gold gradient line */
.sec-divider {
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,168,76,.15) 25%,rgba(201,168,76,.35) 50%,rgba(201,168,76,.15) 75%,transparent);
  margin:0;
}

/* 4. calc-feat-row - убираем padding лишний, добавляем лучшее выравнивание иконок */
.calc-feat-row {
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
.calc-feat-row span svg {
  display:block;
}

/* 5. Улучшенный фокус-стиль для input (WCAG) */
input:focus-visible,select:focus-visible,button:focus-visible {
  outline:2px solid rgba(201,168,76,.5);
  outline-offset:2px;
}

/* 6. Улучшение .info-chip hover */
.info-chip {
  transition:background .25s,border-color .25s;
}
.info-chip:hover {
  background:rgba(201,168,76,.06);
  border-color:rgba(201,168,76,.25);
}

/* 7. Print styles — убираем анимации */
@media print {
  *,*::before,*::after { animation:none !important; transition:none !important; }
  .scanline-overlay,.hero-slash,.ticker { display:none; }
}
/* ══ PREMIUM ENHANCEMENTS v3.0 ══════════════════════════════ */

/* Enhanced section label with subtle glow */
.sec-label-txt {
  text-shadow: 0 0 20px rgba(201,168,76,.25);
}

/* Better focus ring for accessibility */
:focus-visible {
  outline: 2px solid rgba(201,168,76,.6);
  outline-offset: 3px;
}

/* Smooth image loading */
img {
  image-rendering: -webkit-optimize-contrast;
}

/* Better selection color */
::selection {
  background: rgba(201,168,76,.25);
  color: var(--ow);
}

/* Improved scrollbar styling */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: var(--ink2); }
::-webkit-scrollbar-thumb { background: rgba(201,168,76,.2); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(201,168,76,.4); }

/* Hero diagonal accent line — premium upgrade */
.hero-slash::after {
  content: '';
  position: absolute;
  left: 50%; top: 50%;
  width: 6px; height: 6px;
  background: var(--gl);
  border-radius: 50%;
  transform: translate(-50%,-50%);
  box-shadow: 0 0 20px 6px rgba(232,201,106,.6);
}

/* Subtle inner glow on gold buttons */
.btn-gold {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 8px rgba(201,168,76,.2);
}
.btn-gold:hover {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 4px 16px rgba(201,168,76,.35);
}

/* Better pcard hover */
.pcard {
  transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s;
}
.pcard:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(0,0,0,.3);
}

/* achip improved hover transition */
.achip {
  transition: border-color .3s, background .3s, box-shadow .3s;
}
.achip:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,.2);
}

/* hcard glow accent */
.hcard::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at top left, rgba(201,168,76,.03) 0%, transparent 60%);
  pointer-events: none;
}

/* Improved back-to-top hover */
#btt {
  border-radius: 2px;
}

/* Service grid border glow on hover */
.srv:hover {
  box-shadow: inset 0 0 0 1px rgba(201,168,76,.15);
}

/* Track field inner glow when focused */
.track-field:focus-within {
  box-shadow: 0 0 0 1px rgba(201,168,76,.25), 0 4px 16px rgba(201,168,76,.08);
}

/* Improve ticker visual */
.ti {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Improved news card hover */
.nc {
  transition: border-color .3s, transform .3s cubic-bezier(.16,1,.3,1);
}
.nc:hover {
  transform: translateY(-2px);
}

/* Gold number in hcard */
.hcard-n {
  text-shadow: 0 0 30px rgba(232,201,106,.3);
}

/* Mobile touch target improvements */
@media (pointer: coarse) {
  nav a, .lang-btn, .btab { min-height: 44px; display: flex; align-items: center; }
  .track-go, .calc-go { min-height: 52px; }
}

/* 8. Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .hero-aurora, .hero-ghost, .logo-img, .h1-logo-img { animation: none !important; }
}


/* ══════════════════════════════════════════════════════════════════════════
   DESIGN POLISH — v3 Audit Pass
   ════════════════════════════════════════════════════════════════════════ */

/* ── 1. HEADER: stronger glass + left accent line ──────────────────────── */
header {
  padding: 0 56px;
  height: 64px;
  border-bottom: 1px solid rgba(201,168,76,.12);
}
header::before {
  background: rgba(6,6,6,.92);
  backdrop-filter: blur(32px) saturate(180%);
  -webkit-backdrop-filter: blur(32px) saturate(180%);
}
/* Gold progress line on header bottom */
header::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(201,168,76,.3) 30%, rgba(232,201,106,.5) 50%, rgba(201,168,76,.3) 70%, transparent 100%);
  pointer-events: none;
}

/* ── 2. NAV LINKS: better active state affordance ───────────────────────── */
nav a {
  font-size: 9.5px;
  letter-spacing: 2.5px;
  padding: 4px 0;
  color: rgba(255,255,255,.45);
}
nav a:hover { color: var(--ow); }
nav a::after {
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, var(--gd), var(--gl));
}

/* ── 3. HERO CONTENT: better vertical rhythm ────────────────────────────── */
.hero-content {
  padding-bottom: 100px;
}
.hero-left {
  max-width: 700px;
}
h1 {
  font-size: clamp(80px, 12vw, 180px) !important;
  line-height: .88 !important;
  letter-spacing: 1px !important;
}
.hero-desc {
  font-size: 15px;
  line-height: 1.8;
  color: rgba(255,255,255,.62);
  max-width: 520px;
  margin-top: 28px;
}
.hero-btns {
  margin-top: 44px;
  gap: 16px;
}

/* ── 4. BUTTONS: refined proportions ────────────────────────────────────── */
.btn-gold {
  padding: 15px 36px;
  font-size: 10.5px;
  letter-spacing: 2.5px;
  border-radius: 2px;
  box-shadow: 0 2px 24px rgba(201,168,76,.25), 0 0 0 1px rgba(201,168,76,.15);
  transition: box-shadow .3s, transform .2s, background .2s;
}
.btn-gold:hover {
  box-shadow: 0 4px 32px rgba(201,168,76,.45), 0 0 0 1px rgba(232,201,106,.3);
  transform: translateY(-2px);
}
.btn-ghost {
  padding: 14px 32px;
  font-size: 10.5px;
  letter-spacing: 2px;
  border-radius: 2px;
  border-color: rgba(255,255,255,.2);
  transition: border-color .3s, color .3s, transform .2s;
}
.btn-ghost:hover {
  border-color: rgba(201,168,76,.5);
  transform: translateY(-2px);
}

/* ── 5. HERO CARDS: refined shadows + spacing ───────────────────────────── */
.hcard {
  border-radius: 6px;
  border-color: rgba(255,255,255,.07);
  box-shadow: 0 8px 32px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.04) inset;
  padding: 22px 24px;
  transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s;
}
.hcard:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 48px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.05) inset;
}

/* ── 6. TICKER: better typography contrast ──────────────────────────────── */
.ticker { height: 46px; }
.ti {
  font-size: 18px;
  letter-spacing: 4px;
  color: rgba(8,8,8,.85);
  font-weight: 400;
}
.ti::after { opacity: .35; }

/* ── 7. SEC-H (section headings): consistent treatment ──────────────────── */
.sec-h {
  font-size: clamp(48px, 6.5vw, 88px) !important;
  margin-bottom: 56px;
}

/* ── 8. NEWS CARDS: photo hover zoom + better body padding ──────────────── */
.nc {
  border: 1px solid transparent;
  transition: background .3s, transform .3s cubic-bezier(.16,1,.3,1), border-color .3s, box-shadow .3s;
}
.nc:hover {
  border-color: rgba(201,168,76,.1);
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(0,0,0,.4);
}
.nc-photo img {
  transition: transform .6s cubic-bezier(.16,1,.3,1);
}
.nc:hover .nc-photo img {
  transform: scale(1.04);
}
.nc-big .nc-photo { height: 280px; }

/* ── 9. REVIEWS: card polish ─────────────────────────────────────────────── */
.rv-card {
  padding: 30px 28px;
  border-radius: 4px;
  border-color: rgba(255,255,255,.07);
  box-shadow: 0 4px 24px rgba(0,0,0,.3);
}
.rv-card:hover {
  box-shadow: 0 12px 40px rgba(0,0,0,.5);
  border-color: rgba(201,168,76,.18);
}
.rv-card::before { opacity: 0; }
.rv-card:hover::before { opacity: 1; }

/* ── 10. FOOTER: richer layout ───────────────────────────────────────────── */
footer {
  padding: 44px 56px;
}
.ft-brand {
  font-size: 24px;
  letter-spacing: 4px;
}
.ft-legal {
  font-size: 10.5px;
  line-height: 1.7;
  color: rgba(255,255,255,.38);
  margin-top: 5px;
}
.ft-links a, .ft-links a:visited, .ft-links a:link {
  font-size: 10.5px;
  letter-spacing: .8px;
}

/* ── 11. SECTION LABEL: refined proportions ─────────────────────────────── */
.sec-label {
  margin-bottom: 18px;
}
.sec-label-line {
  width: 32px;
  height: 1px;
}
.sec-label-txt {
  font-size: 10px;
  letter-spacing: 4px;
}

/* ── 12. ABOUT SECTION: better content rhythm ───────────────────────────── */
.ab-num {
  letter-spacing: -2px;
}

/* ── 13. SCROLL PROGRESS BAR: gold glow ─────────────────────────────────── */
#PB {
  height: 2px;
  box-shadow: 0 0 18px rgba(201,168,76,.6), 0 0 6px rgba(232,201,106,.4);
}

/* ── 14. BACK TO TOP: better proportions ────────────────────────────────── */
#btt {
  width: 44px;
  height: 44px;
  border-radius: 4px;
  box-shadow: 0 4px 20px rgba(0,0,0,.5), 0 0 20px rgba(201,168,76,.2);
}

/* ── 15. VIT CHAT: visual polish ─────────────────────────────────────────── */
#vit-chat {
  border-radius: 16px 16px 12px 12px;
  box-shadow: 0 32px 80px rgba(0,0,0,.7), 0 0 0 1px rgba(201,168,76,.12);
}

/* ══════════════════════════════════════════════════════════════════════════
   MOBILE DESIGN POLISH
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 900px) {
  header {
    padding: 0 20px;
    height: 56px;
  }
  /* Hero mobile */
  .hero-content {
    padding: 80px 20px 60px !important;
  }
  h1 {
    font-size: clamp(56px, 14vw, 96px) !important;
    line-height: .88 !important;
  }
  .hero-desc {
    font-size: 14px;
    line-height: 1.75;
    margin-top: 20px;
    max-width: 100%;
  }
  .hero-btns {
    margin-top: 32px;
    flex-wrap: wrap;
    gap: 12px;
  }
  .btn-gold, .btn-ghost {
    padding: 15px 28px;
    font-size: 10px;
    min-height: 48px;
    width: 100%;
    justify-content: center;
  }
  /* Section headings mobile */
  .sec-h {
    font-size: clamp(40px, 11vw, 72px) !important;
    margin-bottom: 36px;
  }
  /* Sections padding mobile */
  .news, .about, .reviews-strip {
    padding: 64px 20px !important;
  }
  /* News cards: stack on mobile */
  .news-wrap {
    grid-template-columns: 1fr !important;
  }
  .news-right-col {
    grid-template-rows: auto !important;
  }
  /* Reviews: horizontal scroll */
  .reviews-grid {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 12px !important;
    padding-bottom: 12px !important;
  }
  .rv-card {
    flex: 0 0 85vw !important;
    scroll-snap-align: start !important;
    min-width: 0 !important;
  }
  .reviews-grid::-webkit-scrollbar { height: 3px; }
  .reviews-grid::-webkit-scrollbar-thumb {
    background: rgba(201,168,76,.3);
    border-radius: 2px;
  }
  /* Footer mobile */
  /* footer flex legacy removed — layout managed by inline styles */
  .ft-links {
    flex-wrap: wrap;
    gap: 16px 24px;
  }
  .ft-links a {
    font-size: 11px !important;
  }
  /* Ticker */
  .ticker { height: 40px; }
  .ti { font-size: 15px; padding: 0 24px; }
}

@media (max-width: 600px) {
  header { padding: 0 16px; }
  .news, .about, .reviews-strip {
    padding: 52px 16px !important;
  }
  footer { padding: 32px 16px; }
  .sec-h {
    font-size: clamp(36px, 12vw, 60px) !important;
  }
  .hcard { padding: 18px 20px; }
  /* iOS input zoom prevention */
  input, textarea, select {
    font-size: 16px !important;
  }
}

/* ── HIGH DPI / RETINA ────────────────────────────────────────────────────── */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  header::before { backdrop-filter: blur(40px) saturate(200%); }
}

/* ── REDUCED MOTION: override any transitions ─────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .hero-aurora, .sp-vline, .sp-eyebrow::after, .nc-photo img { animation: none !important; transition: none !important; }
}


/* ══ LIVE COUNTER — explicit gold color ══ */
#live-pkg-count { color: var(--gl) !important; }




/* ═══════════════════════════════════════════════════════════════════════
   STYLE SWITCHER
═══════════════════════════════════════════════════════════════════════ */
.style-switcher {
  display: flex; align-items: center;
  background: rgba(0,0,0,.4);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 100px; padding: 3px;
  position: relative; flex-shrink: 0;
}
.switcher-pill {
  position: absolute; top: 3px;
  height: calc(100% - 6px); border-radius: 100px;
  background: rgba(255,255,255,.08);
  box-shadow: 0 1px 0 rgba(255,255,255,.06) inset;
  pointer-events: none; z-index: 1;
  transition: left .4s cubic-bezier(.16,1,.3,1), width .4s cubic-bezier(.16,1,.3,1), background .35s;
}
.switcher-option {
  position: relative; z-index: 2;
  padding: 5px 11px; border-radius: 100px;
  font-family: 'Unbounded', sans-serif;
  font-size: 7.5px; font-weight: 600; letter-spacing: 1px;
  text-transform: uppercase; cursor: pointer;
  color: rgba(255,255,255,.35);
  white-space: nowrap; user-select: none;
  border: none; background: none; transition: color .3s;
}
.switcher-option.active { color: #fff; }
.switcher-option.active.lg-opt { color: var(--gl); }
.lg-badge { display: inline-flex; align-items: center; gap: 4px; }
.lg-badge-new {
  font-size: 6.5px; font-weight: 700; letter-spacing: .5px;
  background: linear-gradient(135deg, var(--g), var(--gl));
  color: #000; border-radius: 3px; padding: 1px 4px;
  text-transform: uppercase; line-height: 1.6;
  animation: lgNewPulse 2.5s ease-in-out infinite;
}
@keyframes lgNewPulse { 0%,100%{opacity:1} 50%{opacity:.55} }
@media (max-width: 900px) { .style-switcher { display: none; } }

/* ═══════════════════════════════════════════════════════════════════════
   LIQUID GLASS — BACKGROUND ORBS
═══════════════════════════════════════════════════════════════════════ */
#lg-bg {
  position: fixed; inset: 0; z-index: -1;
  pointer-events: none; overflow: hidden;
  opacity: 0; transition: opacity .8s cubic-bezier(.16,1,.3,1);
}
body.liquid-mode #lg-bg { opacity: 1; }

.lg-orb {
  position: absolute; border-radius: 50%;
  filter: blur(100px); mix-blend-mode: screen;
  animation: lgOrbDrift linear infinite;
}
.lg-orb1 {
  width: 800px; height: 600px; top: -150px; left: -200px;
  background: radial-gradient(circle, rgba(201,168,76,.32) 0%, rgba(160,120,48,.12) 50%, transparent 70%);
  animation-duration: 20s;
}
.lg-orb2 {
  width: 600px; height: 700px; top: 25%; right: -150px;
  background: radial-gradient(circle, rgba(201,168,76,.22) 0%, rgba(120,90,30,.1) 50%, transparent 70%);
  animation-duration: 27s; animation-delay: -8s;
}
.lg-orb3 {
  width: 700px; height: 500px; bottom: -100px; left: 25%;
  background: radial-gradient(circle, rgba(180,140,50,.18) 0%, transparent 65%);
  animation-duration: 22s; animation-delay: -14s;
}
@keyframes lgOrbDrift {
  0%   { transform: translate(0,0) scale(1); }
  25%  { transform: translate(60px,-80px) scale(1.08); }
  50%  { transform: translate(-40px,60px) scale(.95); }
  75%  { transform: translate(80px,40px) scale(1.04); }
  100% { transform: translate(0,0) scale(1); }
}

/* ═══════════════════════════════════════════════════════════════════════
   LIQUID GLASS — GLOBAL BODY & TRANSITIONS
═══════════════════════════════════════════════════════════════════════ */
body { transition: background .6s ease; }
body.liquid-mode { background: #060400 !important; }

/* Shared glass mixin via custom property trick */
body.liquid-mode section,
body.liquid-mode .about,
body.liquid-mode #branches,
body.liquid-mode #tracker,
body.liquid-mode #partners,
body.liquid-mode #services,
body.liquid-mode .membership-section,
body.liquid-mode .reviews-strip,
body.liquid-mode .socials-strip,
body.liquid-mode #stickerpack,
body.liquid-mode #home {
  background: transparent !important;
  border-color: rgba(255,255,255,.06) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   LIQUID GLASS — HEADER
═══════════════════════════════════════════════════════════════════════ */
body.liquid-mode header::before {
  background: linear-gradient(
    180deg,
    rgba(10,7,0,.82) 0%,
    rgba(6,4,0,.75) 100%
  ) !important;
  backdrop-filter: blur(48px) saturate(220%) brightness(1.05) !important;
  -webkit-backdrop-filter: blur(48px) saturate(220%) brightness(1.05) !important;
}
body.liquid-mode header {
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 1px 0 rgba(201,168,76,.06), 0 8px 32px rgba(0,0,0,.4) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   LIQUID GLASS — HERO CARDS (.hcard)
═══════════════════════════════════════════════════════════════════════ */
body.liquid-mode .hcard {
  backdrop-filter: blur(32px) saturate(180%) brightness(1.1) !important;
  -webkit-backdrop-filter: blur(32px) saturate(180%) brightness(1.1) !important;
  background: linear-gradient(135deg,
    rgba(255,255,255,.09) 0%,
    rgba(255,255,255,.04) 40%,
    rgba(201,168,76,.06) 80%,
    rgba(255,255,255,.06) 100%
  ) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 24px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.16) inset,
    0 -1px 0 rgba(0,0,0,.2) inset,
    0 0 0 .5px rgba(201,168,76,.18) inset,
    0 20px 60px rgba(0,0,0,.5),
    0 4px 16px rgba(0,0,0,.3) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   LIQUID GLASS — NEWS CARDS (.nc-big, .nc-sm)
═══════════════════════════════════════════════════════════════════════ */
body.liquid-mode .nc-big,
body.liquid-mode .nc-sm {
  backdrop-filter: blur(28px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(160%) !important;
  background: linear-gradient(135deg,
    rgba(255,255,255,.07) 0%,
    rgba(255,255,255,.03) 50%,
    rgba(201,168,76,.04) 100%
  ) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 24px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.12) inset,
    0 0 0 .5px rgba(201,168,76,.12) inset,
    0 16px 48px rgba(0,0,0,.45) !important;
}
body.liquid-mode .nc-big:hover,
body.liquid-mode .nc-sm:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(201,168,76,.3) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.18) inset,
    0 0 0 .5px rgba(201,168,76,.22) inset,
    0 28px 64px rgba(0,0,0,.55),
    0 0 40px rgba(201,168,76,.08) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   LIQUID GLASS — PARTNER CARDS (.pcard-new)
═══════════════════════════════════════════════════════════════════════ */
body.liquid-mode .pcard-new {
  backdrop-filter: blur(36px) saturate(180%) brightness(1.08) !important;
  -webkit-backdrop-filter: blur(36px) saturate(180%) brightness(1.08) !important;
  background: linear-gradient(135deg,
    rgba(255,255,255,.08) 0%,
    rgba(255,255,255,.03) 40%,
    rgba(201,168,76,.05) 75%,
    rgba(255,255,255,.06) 100%
  ) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 32px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.15) inset,
    0 -1px 0 rgba(0,0,0,.2) inset,
    0 0 0 .5px rgba(201,168,76,.2) inset,
    0 28px 72px rgba(0,0,0,.55),
    0 4px 20px rgba(0,0,0,.35) !important;
}
body.liquid-mode .pcard-new:hover {
  transform: translateY(-10px) scale(1.01) !important;
  border-color: rgba(201,168,76,.35) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.2) inset,
    0 0 0 .5px rgba(201,168,76,.28) inset,
    0 48px 96px rgba(0,0,0,.65),
    0 0 80px rgba(201,168,76,.12) !important;
}
body.liquid-mode #partners > div[style*="grid"] {
  gap: 24px !important;
  background: transparent !important;
}
body.liquid-mode .pcard-item {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(8px) !important;
}
body.liquid-mode .pcard-item::before {
  background: rgba(201,168,76,.12) !important;
  color: var(--gl) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   LIQUID GLASS — SERVICE CARDS (.srv2)
═══════════════════════════════════════════════════════════════════════ */
body.liquid-mode .srv-grid {
  gap: 16px !important;
  border-top: none !important;
  padding: 0 52px 72px !important;
  background: transparent !important;
}
body.liquid-mode .srv2 {
  backdrop-filter: blur(28px) saturate(160%) brightness(1.08) !important;
  -webkit-backdrop-filter: blur(28px) saturate(160%) brightness(1.08) !important;
  background: linear-gradient(135deg,
    rgba(255,255,255,.07) 0%,
    rgba(255,255,255,.03) 40%,
    rgba(201,168,76,.04) 75%,
    rgba(255,255,255,.05) 100%
  ) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 28px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.12) inset,
    0 0 0 .5px rgba(201,168,76,.15) inset,
    0 20px 56px rgba(0,0,0,.45) !important;
}
/* Disable gold fill hover — use glass lift instead */
body.liquid-mode .srv2::before { display: none !important; }
body.liquid-mode .srv2:hover {
  transform: translateY(-8px) scale(1.015) !important;
  border-color: rgba(201,168,76,.4) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.18) inset,
    0 0 0 .5px rgba(201,168,76,.28) inset,
    0 36px 80px rgba(0,0,0,.6),
    0 0 60px rgba(201,168,76,.1) !important;
}
body.liquid-mode .srv2:hover .s2-title { color: var(--gl) !important; }
body.liquid-mode .srv2:hover .s2-desc  { color: rgba(255,255,255,.5) !important; }
body.liquid-mode .srv2:hover .s2-arrow { color: var(--g) !important; transform: translateX(6px) !important; }
body.liquid-mode .srv2:hover .s2-ico svg { stroke: var(--gl) !important; filter: drop-shadow(0 0 12px rgba(201,168,76,.65)) !important; }

/* ═══════════════════════════════════════════════════════════════════════
   LIQUID GLASS — REVIEWS & REVIEW CARDS
═══════════════════════════════════════════════════════════════════════ */
body.liquid-mode .reviews-inner {
  backdrop-filter: blur(20px) !important;
  background: rgba(255,255,255,.02) !important;
  border-radius: 32px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  padding: 48px !important;
}
/* Review cards are generated by JS — target by reviews-grid children */
body.liquid-mode #reviews-grid > * {
  backdrop-filter: blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
  background: linear-gradient(135deg,
    rgba(255,255,255,.07) 0%,
    rgba(255,255,255,.03) 60%,
    rgba(201,168,76,.03) 100%
  ) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 20px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.1) inset,
    0 12px 36px rgba(0,0,0,.4) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   LIQUID GLASS — SOCIAL CARDS (.soc-card)
═══════════════════════════════════════════════════════════════════════ */
body.liquid-mode .soc-card {
  backdrop-filter: blur(24px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
  background: linear-gradient(135deg,
    rgba(255,255,255,.07) 0%,
    rgba(255,255,255,.03) 60%,
    rgba(201,168,76,.04) 100%
  ) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 20px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.12) inset,
    0 0 0 .5px rgba(201,168,76,.12) inset,
    0 14px 40px rgba(0,0,0,.45) !important;
}
body.liquid-mode .soc-card:hover {
  transform: translateY(-6px) scale(1.02) !important;
  border-color: rgba(201,168,76,.3) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.18) inset,
    0 0 0 .5px rgba(201,168,76,.2) inset,
    0 28px 60px rgba(0,0,0,.55),
    0 0 40px rgba(201,168,76,.08) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   LIQUID GLASS — MEMBERSHIP SECTION
═══════════════════════════════════════════════════════════════════════ */
body.liquid-mode .membership-section {
  border-top: 1px solid rgba(255,255,255,.06) !important;
}
body.liquid-mode .member-perk {
  backdrop-filter: blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
  background: linear-gradient(135deg,
    rgba(255,255,255,.07) 0%,
    rgba(255,255,255,.03) 50%,
    rgba(201,168,76,.04) 100%
  ) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 20px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.1) inset,
    0 12px 36px rgba(0,0,0,.4) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   LIQUID GLASS — TRACKER SECTION
═══════════════════════════════════════════════════════════════════════ */
body.liquid-mode #track-wrap {
  backdrop-filter: blur(28px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(160%) !important;
  background: linear-gradient(135deg,
    rgba(255,255,255,.07) 0%,
    rgba(255,255,255,.03) 50%,
    rgba(201,168,76,.05) 100%
  ) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 32px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.12) inset,
    0 0 0 .5px rgba(201,168,76,.15) inset,
    0 24px 64px rgba(0,0,0,.5) !important;
}
body.liquid-mode #TI {
  border-radius: 100px !important;
  backdrop-filter: blur(10px) !important;
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.12) !important;
}
body.liquid-mode #TI:focus {
  border-color: rgba(201,168,76,.45) !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,.1) !important;
}
body.liquid-mode #track-btn {
  border-radius: 100px !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   LIQUID GLASS — ABOUT SECTION (stat blocks)
═══════════════════════════════════════════════════════════════════════ */
body.liquid-mode .about-stat {
  backdrop-filter: blur(20px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
  background: linear-gradient(135deg,
    rgba(255,255,255,.07) 0%,
    rgba(255,255,255,.03) 60%,
    rgba(201,168,76,.04) 100%
  ) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 20px !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.1) inset, 0 12px 32px rgba(0,0,0,.4) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   LIQUID GLASS — BRANCHES / OFFICE
═══════════════════════════════════════════════════════════════════════ */
body.liquid-mode #branches .clock-box,
body.liquid-mode #branches .day-chip,
body.liquid-mode #rt-stats-strip {
  backdrop-filter: blur(20px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   LIQUID GLASS — BTN-GOLD
═══════════════════════════════════════════════════════════════════════ */
body.liquid-mode .btn-gold {
  backdrop-filter: blur(20px) !important;
  border-radius: 100px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.2) inset,
    0 8px 32px rgba(201,168,76,.25),
    0 2px 8px rgba(0,0,0,.3) !important;
  transition: all .35s cubic-bezier(.16,1,.3,1) !important;
}
body.liquid-mode .btn-gold:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.25) inset,
    0 16px 48px rgba(201,168,76,.4),
    0 4px 16px rgba(0,0,0,.4) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   LIQUID GLASS — GLOBAL SMOOTH TRANSITIONS
═══════════════════════════════════════════════════════════════════════ */
.hcard, .nc-big, .nc-sm, .pcard-new, .srv2,
.soc-card, .about-stat, .member-perk,
.clock-box, .day-chip, .btn-gold,
header, section {
  transition:
    background .55s cubic-bezier(.16,1,.3,1),
    border-color .55s cubic-bezier(.16,1,.3,1),
    border-radius .55s cubic-bezier(.16,1,.3,1),
    box-shadow .55s cubic-bezier(.16,1,.3,1),
    backdrop-filter .55s cubic-bezier(.16,1,.3,1),
    transform .45s cubic-bezier(.16,1,.3,1);
}

/* ═══════════════════════════════════════════════════════════════════════
   LIQUID GLASS — CSS VARIABLE OVERRIDE
   This is the KEY fix: inline styles use var(--ink), var(--ink2) etc.
   We redefine those variables on body when liquid-mode is active,
   so ALL inline backgrounds change automatically.
═══════════════════════════════════════════════════════════════════════ */
body.liquid-mode {
  --ink:  rgba(6,4,0,0);
  --ink2: rgba(8,5,0,0);
  --ink3: rgba(10,6,0,.06);
  --ink4: rgba(12,7,0,.08);
  --ln:   rgba(255,255,255,.07);
}