:root{--bg:#020500;--panel:rgba(9,22,14,.72);--panel2:rgba(6,14,10,.86);--line:rgba(126,255,31,.22);--green:#73ff18;--green2:#ccff44;--text:#f5fff0;--muted:#b9c8b4;--shadow:0 0 35px rgba(115,255,24,.32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 5%,rgba(115,255,24,.16),transparent 34%),radial-gradient(circle at 20% 55%,rgba(0,255,120,.12),transparent 36%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}#moneyField{position:fixed;inset:0;width:100%;height:100%;z-index:-4;background:#020500}.noise{position:fixed;inset:0;z-index:-2;opacity:.08;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 88%,transparent)}.aurora{position:fixed;z-index:-3;filter:blur(45px);opacity:.45;border-radius:999px;pointer-events:none}.aurora-a{width:520px;height:520px;background:#1cff00;right:-180px;top:80px;animation:float 12s ease-in-out infinite}.aurora-b{width:460px;height:460px;background:#00ff88;left:-160px;bottom:10%;animation:float 15s ease-in-out infinite reverse}@keyframes float{50%{transform:translate3d(30px,-35px,0) scale(1.08)}}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,88px);border-bottom:1px solid rgba(115,255,24,.12);background:rgba(2,5,0,.72);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center;font-weight:900;font-size:20px}.brand-mark{width:40px;height:40px;border-radius:14px;background:radial-gradient(circle,#95ff21,rgba(36,255,0,.18));box-shadow:var(--shadow);display:grid;place-items:center;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover}.nav{display:flex;gap:34px;font-size:14px}.nav a{color:#dcebd8}.nav a:hover{color:var(--green)}.top-actions{display:flex;align-items:center;gap:14px}.telegram{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#179cff;font-weight:900}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:18px;font-weight:900;border:1px solid rgba(255,255,255,.12);transition:.25s transform,.25s box-shadow,.25s background}.btn:hover{transform:translateY(-2px)}.btn-small{height:48px;padding:0 24px;background:linear-gradient(135deg,#c8ff45,#23ff00);color:#051000;box-shadow:0 0 30px rgba(115,255,24,.38)}.section-pad{padding:74px clamp(22px,6vw,88px)}.section-tight{padding:24px clamp(22px,6vw,88px)}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);align-items:center;gap:32px;padding-top:52px}.pill{width:max-content;max-width:100%;padding:13px 20px;border:1px solid var(--line);border-radius:999px;background:rgba(19,54,13,.48);box-shadow:0 0 28px rgba(115,255,24,.12);font-weight:800;font-size:14px}.pill span{display:inline-block;width:10px;height:10px;background:var(--green);border-radius:50%;box-shadow:0 0 18px var(--green);margin-right:10px}.hero h1{font-size:clamp(48px,7vw,94px);line-height:.95;margin:30px 0 22px;letter-spacing:-.07em}.hero h1 em,.section-title em{font-style:normal;color:var(--green);text-shadow:0 0 28px rgba(115,255,24,.5)}.lead{font-size:clamp(19px,2.1vw,27px);line-height:1.55;color:#d9e8d4;max-width:760px}.hero-badges{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.hero-badges span{font-size:14px;font-weight:800;color:#eefde9;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(2,8,4,.5)}.hero-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:34px}.btn-main{min-height:66px;padding:0 34px;background:linear-gradient(135deg,#dfff4e,#48ff0c 60%,#18d900);color:#051000;box-shadow:0 0 42px rgba(115,255,24,.42);font-size:17px}.btn-glass{min-height:66px;padding:0 34px;background:rgba(8,15,12,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);color:#fff}.micro-card{margin-top:34px;display:flex;gap:16px;align-items:center;width:min(360px,100%);padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(14,38,17,.75),rgba(4,12,8,.48));box-shadow:0 0 35px rgba(0,0,0,.3)}.micro-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;color:var(--green);font-size:13px;font-weight:900;border:1px solid var(--line);box-shadow:var(--shadow)}.micro-card small{display:block;color:var(--muted);margin-top:4px}.hero-visual{min-height:620px;display:grid;place-items:center}.globe{width:min(620px,80vw);aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 35%,rgba(210,255,126,.32),rgba(31,255,0,.08) 31%,rgba(0,0,0,.08) 58%,transparent 70%),repeating-radial-gradient(circle,rgba(115,255,24,.13) 0 1px,transparent 1px 12px);border:1px solid rgba(115,255,24,.35);box-shadow:0 0 80px rgba(115,255,24,.33),inset 0 0 90px rgba(115,255,24,.18);animation:pulse 4s ease-in-out infinite}.globe:before,.globe:after{content:"¥";position:absolute;color:var(--green);font-size:70px;font-weight:900;text-shadow:0 0 35px var(--green);animation:moneySpin 9s linear infinite}.globe:before{right:-22px;bottom:8%}.globe:after{content:"€";left:-18px;top:12%;animation-duration:11s}@keyframes pulse{50%{transform:scale(1.015);filter:brightness(1.15)}}@keyframes moneySpin{50%{transform:translateY(-20px) rotate(12deg)}}.globe-grid{position:absolute;inset:7%;border-radius:50%;background:linear-gradient(90deg,transparent 49%,rgba(115,255,24,.22) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(115,255,24,.22) 50%,transparent 51%);background-size:62px 62px;opacity:.45;mask-image:radial-gradient(circle,#000 60%,transparent 72%)}.orbit{position:absolute;inset:4%;border:2px solid rgba(115,255,24,.5);border-radius:50%;filter:drop-shadow(0 0 18px var(--green))}.orbit-1{transform:rotateX(72deg) rotateZ(18deg);animation:rot 9s linear infinite}.orbit-2{transform:rotateX(62deg) rotateZ(-35deg);animation:rot 12s linear infinite reverse}.orbit-3{transform:rotateY(65deg) rotateZ(20deg);animation:rot 14s linear infinite}@keyframes rot{to{rotate:360deg}}.shield{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:220px;clip-path:polygon(50% 0,92% 18%,82% 76%,50% 100%,18% 76%,8% 18%);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(115,255,24,.16));border:1px solid var(--line);display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 45px rgba(115,255,24,.28),0 0 45px rgba(115,255,24,.35)}.shield strong{font-size:42px}.shield span{display:block;color:var(--green);font-size:42px;font-weight:900;margin-top:-70px}.node{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--green);box-shadow:0 0 24px var(--green)}.n1{top:17%;left:22%}.n2{top:31%;right:13%}.n3{bottom:21%;right:23%}.n4{bottom:36%;left:11%}.platform-row,.logo-strip{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(7,14,12,.68);backdrop-filter:blur(14px);box-shadow:0 0 40px rgba(0,0,0,.3);display:flex;justify-content:space-around;gap:18px;flex-wrap:wrap;padding:24px}.platform{font-weight:900;color:#eef3ee}.platform:before{content:"";display:inline-block;width:20px;height:20px;border-radius:6px;margin-right:10px;vertical-align:-4px;background:linear-gradient(135deg,#f5fff0,#8a9688)}.section-title{text-align:center;margin-bottom:42px}.section-title h2,.trust h2,.cta h2{font-size:clamp(32px,4vw,52px);line-height:1;margin:0 0 14px;letter-spacing:-.04em}.section-title p{color:var(--muted);font-size:18px}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.card{min-height:250px;padding:28px 22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(18,42,22,.76),rgba(4,12,8,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:.25s transform,.25s box-shadow}.card:hover{transform:translateY(-8px);box-shadow:0 0 45px rgba(115,255,24,.22)}.card h3{font-size:21px;line-height:1.14;margin:18px 0 10px}.card p{color:#cbd8c8;line-height:1.55}.icon{width:56px;height:56px;border-radius:18px;background:radial-gradient(circle,var(--green),rgba(115,255,24,.06));box-shadow:var(--shadow);position:relative}.icon:after{position:absolute;inset:0;display:grid;place-items:center;color:#061000;font-weight:900;font-size:28px}.rocket:after{content:"↗"}.shield-icon:after{content:"✓"}.lock:after{content:"□"}.eye:after{content:"◌"}.globe-icon:after{content:"◎"}.support-icon:after{content:"24";font-size:18px}.trust{text-align:center}.logo-strip{margin-top:24px;font-size:24px;font-weight:900;color:#dfe8df;opacity:.88}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.steps article{position:relative;text-align:center;padding:28px 18px}.steps article:not(:last-child):after{content:"→";position:absolute;right:-18px;top:42px;color:white;font-size:34px}.steps b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:rgba(115,255,24,.15);border:1px solid var(--line);color:var(--green);box-shadow:var(--shadow)}.steps p{color:var(--muted);line-height:1.55}.cta{margin:30px clamp(22px,6vw,88px);padding:44px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,rgba(18,44,15,.8),rgba(3,10,8,.86));display:flex;align-items:center;justify-content:space-between;gap:30px}.cta p{color:var(--muted);font-size:18px}.faq{max-width:980px;margin:auto}.faq details{border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin:14px 0;background:rgba(7,16,11,.72)}.faq summary{cursor:pointer;font-weight:900;font-size:19px}.faq p{color:var(--muted);line-height:1.65}.footer{padding:34px clamp(22px,6vw,88px);display:flex;gap:28px;justify-content:center;border-top:1px solid rgba(115,255,24,.14);color:var(--muted)}.footer span{color:white;font-weight:900}@media(max-width:1100px){.nav{display:none}.hero{grid-template-columns:1fr}.hero-visual{min-height:420px}.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.topbar{height:90px;padding:0 22px}.brand{font-size:18px}.brand-mark{width:50px;height:50px}.telegram,.nav{display:none}.btn-small{height:58px;padding:0 20px;border-radius:999px}.section-pad{padding:50px 22px}.hero{padding-top:34px;min-height:auto}.pill{font-size:14px}.hero h1{font-size:52px;letter-spacing:-.06em}.lead{font-size:22px}.hero-actions{display:grid}.btn-main,.btn-glass{width:100%;min-height:72px;border-radius:24px}.hero-visual{min-height:340px}.globe{width:92vw}.shield{width:130px;height:150px}.shield strong,.shield span{font-size:30px}.shield span{margin-top:-48px}.cards,.steps{grid-template-columns:1fr}.card{min-height:170px}.steps article:not(:last-child):after{display:none}.cta{margin:20px 22px;padding:28px;display:grid}.logo-strip{font-size:18px}.footer{flex-wrap:wrap;padding-bottom:100px}}


/* ===== V4 FAST GLOBE RESTORE ===== */
.globe{
  background:
    url('/assets/globe-light.svg?v=red-nodes-chaos-v2') center/contain no-repeat !important;
  border:none !important;
  box-shadow:none !important;
  filter: saturate(1.08) contrast(1.14) brightness(.82) drop-shadow(0 0 22px rgba(115,255,24,.46)) drop-shadow(0 0 70px rgba(45,255,0,.22)) !important;
  animation: globeFloatLite 7s ease-in-out infinite !important;
}
@keyframes globeFloatLite{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.012)}}
.globe-grid,.orbit{display:none !important}
.globe:before,.globe:after{font-size:54px !important; opacity:.62 !important; filter:brightness(.85); animation:moneySpin 12s ease-in-out infinite !important;}
.globe:before{content:'¥' !important; right:-4px !important; bottom:12% !important;}
.globe:after{content:'€' !important; left:2px !important; top:11% !important;}
.shield{
  width:170px !important;height:198px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.45)),radial-gradient(circle at 50% 15%,rgba(170,255,24,.18),transparent 60%) !important;
  border:2px solid rgba(180,255,25,.68) !important;
  box-shadow:inset 0 0 32px rgba(115,255,24,.18),0 0 30px rgba(115,255,24,.30) !important;
  backdrop-filter:blur(2px);
}
.shield strong{font-size:39px !important;text-shadow:0 0 16px rgba(255,255,255,.48)}
.shield span{font-size:36px !important;letter-spacing:-3px;color:#baff18 !important;text-shadow:0 0 22px rgba(186,255,24,.66) !important;margin-top:-60px !important}
.node{width:10px !important;height:10px !important;opacity:.78 !important;box-shadow:0 0 18px var(--green) !important}.n1{top:20%;left:25%}.n2{top:32%;right:17%}.n3{bottom:24%;right:26%}.n4{bottom:38%;left:17%}
@media(max-width:720px){.globe{width:92vw !important}.shield{width:118px !important;height:138px !important}.shield strong{font-size:28px !important}.shield span{font-size:25px !important;margin-top:-42px !important}.globe:before,.globe:after{font-size:34px !important}}

/* ===== CLEAN GLOBE LABEL PATCH ===== */
.globe{
  border:0 !important;
  box-shadow:none !important;
  background:
    radial-gradient(circle at 45% 38%, rgba(118,255,24,.18), rgba(10,45,4,.12) 34%, rgba(0,0,0,.08) 64%, transparent 74%),
    url('/assets/globe-light.svg?v=red-nodes-chaos-v2') center/contain no-repeat !important;
  filter:saturate(1.02) contrast(1.08) brightness(.82) drop-shadow(0 0 22px rgba(115,255,24,.20)) !important;
  animation:globeFloatLite 8s ease-in-out infinite !important;
}
.globe::before,.globe::after{
  opacity:.48 !important;
  filter:brightness(.7) saturate(.95) !important;
  text-shadow:0 0 14px rgba(115,255,24,.38) !important;
}
.globe-label{
  position:absolute;
  left:50%;
  top:51%;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:14px 26px 18px;
  border-radius:28px;
  background:radial-gradient(circle at 50% 24%,rgba(160,255,26,.10),rgba(0,0,0,.20) 56%,rgba(0,0,0,.05));
  border:1px solid rgba(146,255,24,.18);
  box-shadow:inset 0 0 24px rgba(115,255,24,.10);
  text-align:center;
  pointer-events:none;
  z-index:4;
}
.globe-label strong,.globe-label span{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-weight:1000;
  color:#baff18;
  line-height:.86;
  letter-spacing:-.06em;
  text-shadow:0 0 10px rgba(186,255,24,.68),0 0 28px rgba(115,255,24,.34);
}
.globe-label strong{font-size:clamp(40px,5.3vw,72px)}
.globe-label span{font-size:clamp(38px,5vw,68px);letter-spacing:-.09em}
.shield{display:none !important}
.orbit,.globe-grid{display:none !important}
@media(max-width:720px){
  .globe-label{padding:10px 18px 13px;border-radius:22px;top:50%}
  .globe-label strong{font-size:36px}
  .globe-label span{font-size:34px}
}

/* ===== INTEGRATED TRANSPARENT GLOBE PATCH ===== */
.hero-visual{
  position:relative !important;
}
.hero-visual::before{
  content:"";
  position:absolute;
  width:min(760px,82vw);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle at 52% 45%,rgba(126,255,31,.12),rgba(12,80,4,.08) 44%,transparent 72%);
  filter:blur(26px);
  opacity:.58;
  pointer-events:none;
}
.globe{
  width:min(620px,76vw) !important;
  background:
    radial-gradient(circle at 46% 40%,rgba(115,255,24,.10),rgba(0,0,0,.04) 38%,transparent 72%),
    url('/assets/globe-light.svg?v=red-nodes-chaos-v2') center/contain no-repeat !important;
  opacity:.86 !important;
  border:0 !important;
  box-shadow:none !important;
  filter:saturate(.96) contrast(1.04) brightness(.78) !important;
  mix-blend-mode:screen;
  animation:globeDriftPremium 9s ease-in-out infinite !important;
}
@keyframes globeDriftPremium{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-8px,0) scale(1.006)}
}
.globe::before,.globe::after{
  opacity:.25 !important;
  filter:brightness(.62) saturate(.9) !important;
  text-shadow:0 0 10px rgba(115,255,24,.25) !important;
}
.globe-label{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  top:51% !important;
  opacity:.9;
  mix-blend-mode:screen;
}
.globe-label strong,.globe-label span{
  color:#9cff12 !important;
  text-shadow:0 0 8px rgba(156,255,18,.38),0 0 22px rgba(115,255,24,.20) !important;
  letter-spacing:-.075em !important;
}
.globe-label strong{font-size:clamp(42px,5.1vw,72px) !important;}
.globe-label span{font-size:clamp(40px,4.9vw,68px) !important;}
.node{
  opacity:.34 !important;
  width:8px !important;
  height:8px !important;
  box-shadow:0 0 12px rgba(115,255,24,.45) !important;
}
.money-symbol,
.money,
.globe-currency{
  opacity:.38 !important;
}
@media(max-width:720px){
  .hero-visual{min-height:340px !important;}
  .globe{width:94vw !important;opacity:.82 !important;}
  .hero-visual::before{width:105vw;opacity:.44;}
  .globe-label strong{font-size:38px !important;}
  .globe-label span{font-size:36px !important;}
}

/* ===== USER PATCH: cleaner integrated globe v2 ===== */
.hero-visual{
  min-height: 660px !important;
}
.globe{
  width: min(744px, 96vw) !important; /* +20% from 620px */
  background:
    radial-gradient(circle at 48% 43%, rgba(118,255,24,.125), rgba(10,45,4,.13) 38%, rgba(0,0,0,.06) 66%, transparent 77%),
    url('/assets/globe-light.svg?v=red-nodes-chaos-v2') center/contain no-repeat !important;
  filter: saturate(1.08) contrast(1.08) brightness(.92) !important;
  opacity: .78 !important; /* less transparent */
  border: 0 !important;
  box-shadow: none !important;
}
.globe-grid,
.orbit,
.shield{
  display: none !important;
}
.globe-label{
  opacity: .70 !important; /* 30% less visible */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  top: 51% !important;
}
.globe-label strong,
.globe-label span{
  color: #baff18 !important;
  text-shadow: 0 0 7px rgba(186,255,24,.42), 0 0 18px rgba(115,255,24,.22) !important;
}
.globe-label strong{font-size:clamp(44px,5.7vw,78px) !important;}
.globe-label span{font-size:clamp(42px,5.4vw,74px) !important;}
@media(max-width:720px){
  .hero-visual{min-height:390px !important;}
  .globe{width:110vw !important; margin-left:-5vw !important;}
  .globe-label strong{font-size:39px !important;}
  .globe-label span{font-size:37px !important;}
}

/* ===== v3 realistic integrated globe patch ===== */
.globe{
  width:min(780px,95vw) !important;
  opacity:.90 !important;
  background:
    radial-gradient(circle at 70% 22%,rgba(116,255,24,.12),transparent 42%),
    url('/assets/globe-light.svg?v=red-nodes-chaos-v2') center/contain no-repeat !important;
  border:none !important;
  box-shadow:none !important;
  filter:saturate(1.08) contrast(1.12) brightness(.96) drop-shadow(0 0 18px rgba(120,255,0,.14)) !important;
}
.globe-label{
  opacity:.88 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  filter:drop-shadow(0 0 14px rgba(166,255,22,.45)) !important;
}
.globe-label strong,
.globe-label span{
  color:#aaff12 !important;
  text-shadow:0 0 10px rgba(170,255,18,.72),0 0 26px rgba(95,255,0,.38) !important;
}
.globe-label strong{font-size:clamp(48px,6.1vw,86px) !important;}
.globe-label span{font-size:clamp(45px,5.8vw,80px) !important;letter-spacing:-.08em !important;}
@media(max-width:720px){
  .globe{width:116vw !important;margin-left:-8vw !important;opacity:.88 !important;}
  .globe-label strong{font-size:43px !important;}
  .globe-label span{font-size:40px !important;}
}

/* ===== REAL MAP + BIGGER NEON LOGO PATCH ===== */

.cyber-globe {
  width: min(760px, 94vw) !important;
  height: min(760px, 94vw) !important;
  background-image: url("/assets/neon-globe.svg?v=real-map-logo-1") !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  filter:
    saturate(1.12)
    contrast(1.16)
    brightness(.88)
    drop-shadow(0 0 14px rgba(150,255,20,.26))
    drop-shadow(0 0 42px rgba(80,255,0,.14)) !important;
}

.cyber-globe::before,
.cyber-globe::after,
.cyber-globe .ring,
.cyber-globe .lat,
.cyber-globe .dots,
.cyber-globe .vpn-shield {
  display: none !important;
}

.hero-right {
  min-height: 680px !important;
}

@media(max-width:720px) {
  .hero-right {
    min-height: 470px !important;
  }

  .cyber-globe {
    width: 112vw !important;
    height: 112vw !important;
    filter:
      saturate(1.08)
      contrast(1.1)
      brightness(.88)
      drop-shadow(0 0 10px rgba(150,255,20,.22))
      drop-shadow(0 0 28px rgba(80,255,0,.12)) !important;
  }
}


/* ===== VPN YES V5 TYPOGRAPHY UPGRADE ===== */
:root{
  --font-ui:'Manrope','Onest',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --font-heading:'Unbounded','Space Grotesk','Manrope',system-ui,sans-serif;
  --font-accent:'Onest','Manrope',system-ui,sans-serif;
}
html,body{
  font-family:var(--font-ui) !important;
  font-feature-settings:'kern' 1,'liga' 1,'calt' 1;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.brand,
.brand span,
.hero h1,
.section-title h2,
.cta h2,
.trust h2,
.card h3,
.steps h3,
.faq summary,
.btn,
.pill,
.hero-badges span,
.micro-card strong,
.platform,
.logo-strip span,
.globe-label strong,
.globe-label span{
  font-family:var(--font-heading) !important;
}
.nav,
.lead,
.card p,
.steps p,
.section-title p,
.cta p,
.faq p,
.footer,
.micro-card small{
  font-family:var(--font-ui) !important;
}
.hero h1{
  font-weight:900 !important;
  letter-spacing:-.075em !important;
  line-height:.91 !important;
}
.hero h1 em,
.section-title h2 em{
  font-style:normal;
  font-family:var(--font-heading) !important;
  letter-spacing:-.07em;
}
.lead{
  font-weight:500 !important;
  letter-spacing:-.018em;
}
.brand{
  letter-spacing:-.045em !important;
  text-transform:uppercase;
}
.nav a{
  font-family:var(--font-accent) !important;
  font-weight:700 !important;
  letter-spacing:-.015em;
}
.btn{
  letter-spacing:-.035em !important;
  text-transform:none;
}
.pill,
.hero-badges span,
.platform{
  letter-spacing:-.025em !important;
  font-weight:700 !important;
}
.card h3,
.steps h3,
.faq summary{
  letter-spacing:-.045em !important;
  line-height:1.08 !important;
}
.card p,
.steps p,
.faq p{
  letter-spacing:-.012em;
}
.logo-strip span{
  font-family:'Space Grotesk','Unbounded','Manrope',sans-serif !important;
  letter-spacing:-.035em !important;
  font-weight:700 !important;
}
.globe-label strong,
.globe-label span{
  font-weight:900 !important;
  letter-spacing:-.08em !important;
}
@media(max-width:720px){
  .hero h1{
    letter-spacing:-.08em !important;
    line-height:.93 !important;
  }
  .lead{
    letter-spacing:-.02em;
  }
}

/* ===== FIX: remove unwanted outer globe background circles ===== */
.hero-visual::before,
.hero-visual::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  background:none !important;
  filter:none !important;
}

.globe{
  background: url('/assets/globe-light.svg?v=red-nodes-chaos-v2') center/contain no-repeat !important;
}

.globe::before,
.globe::after{
  z-index:3 !important;
}

/* ===== V5 FIX 2: correct globe position in hero ===== */
@media (min-width: 1101px){
  .hero.section-pad{
    max-width: 1860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: minmax(640px, 1fr) minmax(620px, .92fr) !important;
    column-gap: clamp(18px, 2.4vw, 44px) !important;
    align-items: center !important;
    padding-left: clamp(56px, 4.2vw, 76px) !important;
    padding-right: clamp(40px, 3.6vw, 68px) !important;
  }

  .hero-copy{
    align-self: center !important;
    justify-self: start !important;
    max-width: 820px !important;
    width: 100% !important;
  }

  .hero-visual{
    position: relative !important;
    align-self: center !important;
    justify-self: center !important;
    width: 100% !important;
    min-height: 610px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    transform: translate(7%, -5%) !important;
  }

  .globe{
    width: min(700px, 40vw) !important;
    max-width: 700px !important;
    min-width: 590px !important;
    margin: 0 auto !important;
  }
}

@media (min-width: 1500px){
  .hero.section-pad{
    grid-template-columns: minmax(700px, 1fr) minmax(660px, .9fr) !important;
  }
  .hero-visual{
    transform: translate(9%, -5%) !important;
  }
  .globe{
    width: min(730px, 39vw) !important;
    max-width: 730px !important;
  }
}

@media (min-width: 1900px){
  .hero-visual{
    transform: translate(5%, -5%) !important;
  }
}

@media (max-width: 1100px){
  .hero-visual{
    display: grid !important;
    place-items: center !important;
    text-align: center !important;
    transform: none !important;
  }
  .globe{
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ===== V5 FIX 3: raise hero globe vertically ===== */
@media (min-width: 1101px){
  .hero-visual{
    transform: translate(7%, -14%) !important;
  }
}

@media (min-width: 1500px){
  .hero-visual{
    transform: translate(9%, -15%) !important;
  }
}

@media (min-width: 1900px){
  .hero-visual{
    transform: translate(5%, -14%) !important;
  }
}

@media (max-width: 1100px){
  .hero-visual{
    transform: none !important;
  }
}

/* ===== SAFE FIX: restore good globe label and enlarge only 30% ===== */
.globe-label{
  position:absolute !important;
  left:50% !important;
  top:51% !important;
  transform:translate(-50%,-50%) scale(1.3) !important;
  transform-origin:center center !important;
  opacity:.96 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  mix-blend-mode:screen !important;
  filter:drop-shadow(0 0 16px rgba(186,255,24,.58)) !important;
  pointer-events:none !important;
  z-index:6 !important;
}
.globe-label strong,
.globe-label span{
  font-family:var(--font-heading),'Unbounded','Manrope',Arial,sans-serif !important;
  font-weight:900 !important;
  color:#baff18 !important;
  line-height:.82 !important;
  letter-spacing:-.085em !important;
  text-shadow:
    0 0 8px rgba(186,255,24,.72),
    0 0 22px rgba(115,255,24,.42) !important;
}
.globe-label strong{font-size:clamp(48px,6.1vw,86px) !important;}
.globe-label span{font-size:clamp(45px,5.8vw,80px) !important;}

@media(max-width:720px){
  .globe-label{
    transform:translate(-50%,-50%) scale(1.22) !important;
    opacity:.96 !important;
  }
  .globe-label strong{font-size:43px !important;}
  .globe-label span{font-size:40px !important;}
}


/* ===== HEADER UPDATE: Telegram + Personal Account ===== */
.top-actions{
  gap:16px !important;
}
.telegram{
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,#35c7ff,#1488ff) !important;
  color:#fff !important;
  box-shadow:0 0 22px rgba(20,136,255,.38), inset 0 1px 0 rgba(255,255,255,.26) !important;
  transition:transform .24s ease, box-shadow .24s ease, filter .24s ease !important;
  display:grid !important;
  place-items:center !important;
}
.telegram svg{
  width:22px !important;
  height:22px !important;
  display:block !important;
  fill:#fff !important;
  transform:translateX(-1px) !important;
}
.telegram:hover{
  transform:translateY(-2px) scale(1.06) !important;
  filter:saturate(1.08) brightness(1.06) !important;
  box-shadow:0 0 30px rgba(20,136,255,.55),0 0 54px rgba(20,136,255,.22), inset 0 1px 0 rgba(255,255,255,.32) !important;
}
.btn-small{
  min-width:214px !important;
  padding:0 28px !important;
  white-space:nowrap !important;
}
.btn-small b{
  font-size:16px !important;
  line-height:1 !important;
  transition:transform .24s ease !important;
}
.btn-small:hover b{
  transform:translate(2px,-2px) !important;
}
@media(max-width:720px){
  .top-actions{gap:10px !important;}
  .telegram{display:grid !important;width:48px !important;height:48px !important;}
  .telegram svg{width:23px !important;height:23px !important;}
  .btn-small{min-width:auto !important;padding:0 18px !important;font-size:14px !important;}
}

/* ===== V5.2 Header Logo ===== */

.logo img,
.nav-logo img,
.brand img,
.header-logo img {
    transform: scale(1.3);
    transform-origin: left center;
    transition: transform .35s ease;
}

.logo:hover img,
.nav-logo:hover img,
.brand:hover img,
.header-logo:hover img {
    transform: scale(1.35);
}


/* ===== V5.2 LOGO SIZE ===== */

.brand{
    gap:16px !important;
}

.brand-mark{
    width:72px !important;
    height:72px !important;
    display:flex;
    align-items:center;
    justify-content:center;
}

.brand-mark img{
    width:72px !important;
    height:72px !important;
    object-fit:contain;
    transition:.35s ease;
    filter:drop-shadow(0 0 10px rgba(125,255,35,.15));
}

.brand:hover .brand-mark img{
    transform:scale(1.05);
}


/* ===== VPN YES LOGO FINAL SIZE ===== */

.brand{
    gap:14px !important;
}

.brand-mark{
    width:60px !important;
    height:60px !important;
    display:flex;
    align-items:center;
    justify-content:center;
}

.brand-mark img{
    width:60px !important;
    height:60px !important;
    object-fit:contain;
    transform:none !important;
    filter:drop-shadow(0 0 8px rgba(120,255,20,.12));
    transition:transform .35s ease;
}

.brand:hover .brand-mark img{
    transform:scale(1.05);
}


/* ===== PERFECT ROUND HEADER LOGO ===== */

.brand{
    gap:14px !important;
}

.brand-mark{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    border-radius:50% !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    box-shadow:none !important;
}

.brand-mark img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:50% !important;
    display:block !important;
    transform:none !important;
    filter:none !important;
    transition:transform .35s ease !important;
}

.brand:hover .brand-mark img{
    transform:scale(1.05) !important;
}


/* ===== REAL PLATFORM LOGOS ===== */

.platform {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.platform::before {
  content: "" !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-block !important;
  flex: 0 0 28px !important;
  background: #f4fff1 !important;
  opacity: .96 !important;
  filter: drop-shadow(0 0 8px rgba(210,255,210,.22)) !important;
  border-radius: 0 !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

/* Apple / iOS / macOS */
.platform.apple::before,
.platform.mac::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 384 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.2-39.2.6-75.5 22.8-95.7 58.1-41.1 71.2-10.5 176.6 29 234.5 19.5 28.1 42.7 59.8 73.1 58.6 29.3-1.2 40.4-18.9 75.8-18.9 35.2 0 45.6 18.9 76.5 18.3 31.7-.6 51.7-28.7 71-56.9 22.4-32.7 31.6-64.4 32-66-0.7-.3-61.6-23.6-62.1-93.8zM260.4 102.6c16.2-19.6 27.1-46.8 24.1-73.9-23.3.9-51.5 15.5-68.3 35.1-15 17.3-28.2 45-24.6 71.5 26 2 52.6-13.2 68.8-32.7z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 384 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.2-39.2.6-75.5 22.8-95.7 58.1-41.1 71.2-10.5 176.6 29 234.5 19.5 28.1 42.7 59.8 73.1 58.6 29.3-1.2 40.4-18.9 75.8-18.9 35.2 0 45.6 18.9 76.5 18.3 31.7-.6 51.7-28.7 71-56.9 22.4-32.7 31.6-64.4 32-66-0.7-.3-61.6-23.6-62.1-93.8zM260.4 102.6c16.2-19.6 27.1-46.8 24.1-73.9-23.3.9-51.5 15.5-68.3 35.1-15 17.3-28.2 45-24.6 71.5 26 2 52.6-13.2 68.8-32.7z'/%3E%3C/svg%3E") !important;
}

/* Android */
.platform.android::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M420.6 301.9c0 16.1-13 29.1-29.1 29.1s-29.1-13-29.1-29.1 13-29.1 29.1-29.1 29.1 13 29.1 29.1zm-236.1-29.1c-16.1 0-29.1 13-29.1 29.1s13 29.1 29.1 29.1 29.1-13 29.1-29.1-13-29.1-29.1-29.1zM524.3 64.6 465.8 166c47.1 33.6 78.2 88.6 78.2 150.9v35.1c0 17.7-14.3 32-32 32H64c-17.7 0-32-14.3-32-32v-35.1c0-62.3 31.1-117.3 78.2-150.9L51.7 64.6c-2.2-3.8-.9-8.7 2.9-10.9s8.7-.9 10.9 2.9l59.1 102.4C172.6 130.2 228.7 114 288 114s115.4 16.2 163.4 45L510.5 56.6c2.2-3.8 7.1-5.1 10.9-2.9s5.1 7.1 2.9 10.9z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M420.6 301.9c0 16.1-13 29.1-29.1 29.1s-29.1-13-29.1-29.1 13-29.1 29.1-29.1 29.1 13 29.1 29.1zm-236.1-29.1c-16.1 0-29.1 13-29.1 29.1s13 29.1 29.1 29.1 29.1-13 29.1-29.1-13-29.1-29.1-29.1zM524.3 64.6 465.8 166c47.1 33.6 78.2 88.6 78.2 150.9v35.1c0 17.7-14.3 32-32 32H64c-17.7 0-32-14.3-32-32v-35.1c0-62.3 31.1-117.3 78.2-150.9L51.7 64.6c-2.2-3.8-.9-8.7 2.9-10.9s8.7-.9 10.9 2.9l59.1 102.4C172.6 130.2 228.7 114 288 114s115.4 16.2 163.4 45L510.5 56.6c2.2-3.8 7.1-5.1 10.9-2.9s5.1 7.1 2.9 10.9z'/%3E%3C/svg%3E") !important;
}

/* Windows */
.platform.windows::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 93.7 183.6 68.5v177.4H0V93.7zm0 324.6 183.6 25.2V268.4H0v149.9zM203.8 445.8 448 479.4v-211H203.8v177.4zm0-380.3v180.4H448V32.6L203.8 65.5z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 93.7 183.6 68.5v177.4H0V93.7zm0 324.6 183.6 25.2V268.4H0v149.9zM203.8 445.8 448 479.4v-211H203.8v177.4zm0-380.3v180.4H448V32.6L203.8 65.5z'/%3E%3C/svg%3E") !important;
}

/* Linux */
.platform.linux::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M220.8 96c-48.8 0-90.8 39.3-90.8 101.3 0 25.1-7.6 53.9-23.2 82.7L78.4 332.5c-18.8 34.6 1.5 76.1 39.8 82.2 20.6 3.3 40.2-4.4 52.7-19.4 12.5 15.1 31.4 24.7 52.6 24.7 21.3 0 40.3-9.7 52.8-24.9 12.6 14.8 32.1 22.4 52.5 19.1 38.2-6.2 58.4-47.6 39.6-82.1L340 280c-15.6-28.8-23.2-57.6-23.2-82.7C316.8 135.3 269.6 96 220.8 96zm-36 96a20 20 0 1 1 0 40 20 20 0 0 1 0-40zm72 0a20 20 0 1 1 0 40 20 20 0 0 1 0-40z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M220.8 96c-48.8 0-90.8 39.3-90.8 101.3 0 25.1-7.6 53.9-23.2 82.7L78.4 332.5c-18.8 34.6 1.5 76.1 39.8 82.2 20.6 3.3 40.2-4.4 52.7-19.4 12.5 15.1 31.4 24.7 52.6 24.7 21.3 0 40.3-9.7 52.8-24.9 12.6 14.8 32.1 22.4 52.5 19.1 38.2-6.2 58.4-47.6 39.6-82.1L340 280c-15.6-28.8-23.2-57.6-23.2-82.7C316.8 135.3 269.6 96 220.8 96zm-36 96a20 20 0 1 1 0 40 20 20 0 0 1 0-40zm72 0a20 20 0 1 1 0 40 20 20 0 0 1 0-40z'/%3E%3C/svg%3E") !important;
}

/* Router */
.platform.router::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 640 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M96 320h448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64v-32c0-35.3 28.7-64 64-64zm64 64a32 32 0 1 0 0 64 32 32 0 0 0 0-64zm112 16c-8.8 0-16 7.2-16 16s7.2 16 16 16h224c8.8 0 16-7.2 16-16s-7.2-16-16-16H272zM224 256c0-53 43-96 96-96s96 43 96 96h48c0-79.5-64.5-144-144-144S176 176.5 176 256h48zm-96 0C128 149.9 213.9 64 320 64s192 85.9 192 192h48C560 123.5 452.5 16 320 16S80 123.5 80 256h48z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 640 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M96 320h448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64v-32c0-35.3 28.7-64 64-64zm64 64a32 32 0 1 0 0 64 32 32 0 0 0 0-64zm112 16c-8.8 0-16 7.2-16 16s7.2 16 16 16h224c8.8 0 16-7.2 16-16s-7.2-16-16-16H272zM224 256c0-53 43-96 96-96s96 43 96 96h48c0-79.5-64.5-144-144-144S176 176.5 176 256h48zm-96 0C128 149.9 213.9 64 320 64s192 85.9 192 192h48C560 123.5 452.5 16 320 16S80 123.5 80 256h48z'/%3E%3C/svg%3E") !important;
}

.platform:hover::before {
  background: #baff16 !important;
  filter: drop-shadow(0 0 12px rgba(186,255,22,.45)) !important;
  transform: scale(1.08);
  transition: .25s ease;
}


/* ===== MOBILE / iPHONE ADAPTIVE FIX ===== */

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

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

@media (max-width: 920px) {
  .topbar {
    min-height: 76px !important;
    padding: 10px 18px !important;
    gap: 12px !important;
  }

  .brand {
    gap: 10px !important;
    flex-shrink: 0 !important;
  }

  .brand span:last-child {
    font-size: 17px !important;
    white-space: nowrap !important;
  }

  .brand-mark {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
  }

  .brand-mark img {
    width: 48px !important;
    height: 48px !important;
  }

  .nav {
    display: none !important;
  }

  .top-actions {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .telegram {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
  }

  .btn-small {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
  }

  .hero {
    grid-template-columns: 1fr !important;
    padding-top: 34px !important;
    gap: 18px !important;
  }

  .hero-copy {
    max-width: 100% !important;
    z-index: 3 !important;
  }

  .hero h1 {
    font-size: clamp(42px, 11vw, 72px) !important;
    line-height: .94 !important;
    letter-spacing: -2px !important;
  }

  .lead {
    font-size: 18px !important;
    line-height: 1.55 !important;
    max-width: 100% !important;
  }

  .hero-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .hero-badges span {
    font-size: 12px !important;
    padding: 8px 12px !important;
  }

  .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .hero-actions .btn {
    width: 100% !important;
    min-height: 56px !important;
    justify-content: center !important;
    font-size: 16px !important;
  }

  .hero-visual {
    min-height: 390px !important;
    margin-top: 4px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: visible !important;
  }

  .globe {
    width: min(104vw, 540px) !important;
    height: min(104vw, 540px) !important;
    transform: translateY(-10px) !important;
  }

  .platforms {
    padding-top: 10px !important;
  }

  .platform-row {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    padding: 16px 18px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .platform {
    min-width: max-content !important;
    scroll-snap-align: start !important;
    font-size: 15px !important;
  }

  .cards {
    grid-template-columns: 1fr !important;
  }

  .steps {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .cta {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 430px) {
  .topbar {
    padding: 9px 12px !important;
  }

  .brand span:last-child {
    font-size: 15px !important;
  }

  .brand-mark {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }

  .brand-mark img {
    width: 42px !important;
    height: 42px !important;
  }

  .telegram {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }

  .btn-small {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
  }

  .btn-small b {
    display: none !important;
  }

  .section-pad {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .pill {
    max-width: 100% !important;
    font-size: 12px !important;
    padding: 10px 13px !important;
  }

  .hero h1 {
    font-size: clamp(38px, 13vw, 56px) !important;
  }

  .lead {
    font-size: 16px !important;
  }

  .micro-card {
    width: 100% !important;
  }

  .hero-visual {
    min-height: 330px !important;
  }

  .globe {
    width: 112vw !important;
    height: 112vw !important;
    max-width: 470px !important;
    max-height: 470px !important;
    transform: translateY(-18px) !important;
  }
}

@supports (-webkit-touch-callout: none) {
  .btn,
  .telegram,
  .platform,
  .card {
    transform: translateZ(0);
  }
}


/* ===== iOS MOBILE POLISH FINAL ===== */

@media (max-width: 520px) {
  body {
    background: #020900 !important;
  }

  .topbar {
    position: sticky !important;
    top: 0 !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 8px 12px !important;
    backdrop-filter: blur(18px) !important;
  }

  .brand {
    gap: 8px !important;
  }

  .brand-mark {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  .brand-mark img {
    width: 38px !important;
    height: 38px !important;
  }

  .brand span:last-child {
    font-size: 13px !important;
    letter-spacing: -.4px !important;
  }

  .telegram {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  .btn-small {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
    border-radius: 999px !important;
  }

  .hero {
    padding: 22px 16px 8px !important;
    gap: 10px !important;
  }

  .pill {
    font-size: 11px !important;
    padding: 9px 12px !important;
    width: 100% !important;
    justify-content: center !important;
  }

  .hero h1 {
    font-size: clamp(38px, 14vw, 52px) !important;
    line-height: .9 !important;
    letter-spacing: -1.8px !important;
    text-align: left !important;
    margin-top: 18px !important;
  }

  .lead {
    font-size: 15px !important;
    line-height: 1.45 !important;
    margin-top: 16px !important;
  }

  .hero-badges {
    gap: 7px !important;
    margin-top: 16px !important;
  }

  .hero-badges span {
    font-size: 10px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
  }

  .hero-actions {
    margin-top: 18px !important;
    gap: 10px !important;
  }

  .hero-actions .btn {
    min-height: 52px !important;
    font-size: 14px !important;
    border-radius: 18px !important;
  }

  .micro-card {
    margin-top: 18px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .hero-visual {
    min-height: 265px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .globe {
    width: 330px !important;
    height: 330px !important;
    max-width: 330px !important;
    max-height: 330px !important;
    transform: translateY(-6px) !important;
    opacity: .72 !important;
    filter: brightness(.82) saturate(1.02) !important;
  }

  .globe-label {
    transform: translate(-50%, -50%) scale(.72) !important;
    opacity: .72 !important;
  }

  .platforms {
    padding: 8px 16px 22px !important;
  }

  .platform-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px !important;
    overflow: visible !important;
    border-radius: 18px !important;
  }

  .platform {
    justify-content: flex-start !important;
    font-size: 12px !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding: 6px 4px !important;
  }

  .platform::before {
    width: 18px !important;
    height: 18px !important;
    flex-basis: 18px !important;
  }

  .section-pad {
    padding: 34px 16px !important;
  }

  .section-title h2,
  .trust h2 {
    font-size: 26px !important;
    line-height: 1.05 !important;
    text-align: center !important;
  }

  .section-title p {
    font-size: 14px !important;
    text-align: center !important;
  }

  .cards {
    gap: 12px !important;
  }

  .card {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  .card h3 {
    font-size: 18px !important;
    line-height: 1.15 !important;
  }

  .card p {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .logo-strip {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    font-size: 11px !important;
  }

  .steps {
    gap: 16px !important;
  }

  .steps article {
    padding: 18px !important;
    border-radius: 18px !important;
    text-align: center !important;
    background: rgba(4,18,8,.72) !important;
    border: 1px solid rgba(120,255,20,.18) !important;
  }

  .steps article b {
    margin: 0 auto 10px !important;
  }

  .steps article h3 {
    font-size: 17px !important;
  }

  .steps article p {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .cta {
    padding: 34px 16px !important;
  }

  .cta-card {
    padding: 22px !important;
    border-radius: 22px !important;
  }

  .cta-card h2 {
    font-size: 24px !important;
  }

  .faq {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .faq details {
    border-radius: 14px !important;
  }

  .faq summary {
    font-size: 13px !important;
    padding: 14px !important;
  }

  footer {
    padding: 26px 16px !important;
    text-align: center !important;
  }
}

@media (max-width: 390px) {
  .btn-small {
    max-width: 128px !important;
    overflow: hidden !important;
  }

  .hero h1 {
    font-size: 40px !important;
  }

  .globe {
    width: 310px !important;
    height: 310px !important;
  }
}


/* ===== iOS MOBILE POLISH FINAL ===== */

@media (max-width: 520px) {
  body {
    background: #020900 !important;
  }

  .topbar {
    position: sticky !important;
    top: 0 !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 8px 12px !important;
    backdrop-filter: blur(18px) !important;
  }

  .brand {
    gap: 8px !important;
  }

  .brand-mark {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  .brand-mark img {
    width: 38px !important;
    height: 38px !important;
  }

  .brand span:last-child {
    font-size: 13px !important;
    letter-spacing: -.4px !important;
  }

  .telegram {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  .btn-small {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
    border-radius: 999px !important;
  }

  .hero {
    padding: 22px 16px 8px !important;
    gap: 10px !important;
  }

  .pill {
    font-size: 11px !important;
    padding: 9px 12px !important;
    width: 100% !important;
    justify-content: center !important;
  }

  .hero h1 {
    font-size: clamp(38px, 14vw, 52px) !important;
    line-height: .9 !important;
    letter-spacing: -1.8px !important;
    text-align: left !important;
    margin-top: 18px !important;
  }

  .lead {
    font-size: 15px !important;
    line-height: 1.45 !important;
    margin-top: 16px !important;
  }

  .hero-badges {
    gap: 7px !important;
    margin-top: 16px !important;
  }

  .hero-badges span {
    font-size: 10px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
  }

  .hero-actions {
    margin-top: 18px !important;
    gap: 10px !important;
  }

  .hero-actions .btn {
    min-height: 52px !important;
    font-size: 14px !important;
    border-radius: 18px !important;
  }

  .micro-card {
    margin-top: 18px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .hero-visual {
    min-height: 265px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .globe {
    width: 330px !important;
    height: 330px !important;
    max-width: 330px !important;
    max-height: 330px !important;
    transform: translateY(-6px) !important;
    opacity: .72 !important;
    filter: brightness(.82) saturate(1.02) !important;
  }

  .globe-label {
    transform: translate(-50%, -50%) scale(.72) !important;
    opacity: .72 !important;
  }

  .platforms {
    padding: 8px 16px 22px !important;
  }

  .platform-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px !important;
    overflow: visible !important;
    border-radius: 18px !important;
  }

  .platform {
    justify-content: flex-start !important;
    font-size: 12px !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding: 6px 4px !important;
  }

  .platform::before {
    width: 18px !important;
    height: 18px !important;
    flex-basis: 18px !important;
  }

  .section-pad {
    padding: 34px 16px !important;
  }

  .section-title h2,
  .trust h2 {
    font-size: 26px !important;
    line-height: 1.05 !important;
    text-align: center !important;
  }

  .section-title p {
    font-size: 14px !important;
    text-align: center !important;
  }

  .cards {
    gap: 12px !important;
  }

  .card {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  .card h3 {
    font-size: 18px !important;
    line-height: 1.15 !important;
  }

  .card p {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .logo-strip {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    font-size: 11px !important;
  }

  .steps {
    gap: 16px !important;
  }

  .steps article {
    padding: 18px !important;
    border-radius: 18px !important;
    text-align: center !important;
    background: rgba(4,18,8,.72) !important;
    border: 1px solid rgba(120,255,20,.18) !important;
  }

  .steps article b {
    margin: 0 auto 10px !important;
  }

  .steps article h3 {
    font-size: 17px !important;
  }

  .steps article p {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .cta {
    padding: 34px 16px !important;
  }

  .cta-card {
    padding: 22px !important;
    border-radius: 22px !important;
  }

  .cta-card h2 {
    font-size: 24px !important;
  }

  .faq {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .faq details {
    border-radius: 14px !important;
  }

  .faq summary {
    font-size: 13px !important;
    padding: 14px !important;
  }

  footer {
    padding: 26px 16px !important;
    text-align: center !important;
  }
}

@media (max-width: 390px) {
  .btn-small {
    max-width: 128px !important;
    overflow: hidden !important;
  }

  .hero h1 {
    font-size: 40px !important;
  }

  .globe {
    width: 310px !important;
    height: 310px !important;
  }
}


/* ===== FINAL iPHONE FIX: CENTER, TEXT, GLOBE ===== */

@media (max-width: 520px) {
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 18px 14px 18px !important;
    gap: 16px !important;
  }

  .hero-copy {
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero h1 {
    max-width: 100% !important;
    font-size: clamp(34px, 11.5vw, 46px) !important;
    line-height: .94 !important;
    letter-spacing: -1.4px !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .hero h1 em {
    display: inline !important;
  }

  .lead {
    font-size: 14px !important;
    line-height: 1.48 !important;
  }

  .hero-badges {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .hero-badges span {
    width: 100% !important;
    text-align: center !important;
    white-space: normal !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .hero-visual {
    width: 100% !important;
    height: 270px !important;
    min-height: 270px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
    margin: 0 auto !important;
  }

  .globe {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 auto !important;
    width: 292px !important;
    height: 292px !important;
    max-width: 292px !important;
    max-height: 292px !important;
    transform: none !important;
  }

  .globe-label {
    transform: translate(-50%, -50%) scale(.62) !important;
  }

  .platform-row {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    padding: 12px !important;
  }

  .platform {
    min-width: 0 !important;
    width: 100% !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  .section-title h2,
  .trust h2,
  #how .section-title h2 {
    font-size: 23px !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
  }

  .card h3,
  .steps article h3 {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  .card p,
  .steps article p {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .btn,
  .btn-main,
  .btn-glass {
    max-width: 100% !important;
    white-space: nowrap !important;
  }

  .cta-card .btn {
    white-space: normal !important;
    text-align: center !important;
  }
}

@media (max-width: 390px) {
  .hero h1 {
    font-size: 35px !important;
    line-height: .95 !important;
  }

  .hero-visual {
    height: 245px !important;
    min-height: 245px !important;
  }

  .globe {
    width: 265px !important;
    height: 265px !important;
    max-width: 265px !important;
    max-height: 265px !important;
  }

  .topbar {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .btn-small {
    font-size: 10px !important;
    padding: 0 10px !important;
  }
}


/* ===== MOBILE FIX: BADGES 3+1, BIGGER GLOBE, BRIGHTER NODES ===== */

@media (max-width: 520px) {
  .hero-badges {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 7px !important;
    width: 100% !important;
    margin-top: 16px !important;
  }

  .hero-badges span {
    width: 100% !important;
    min-height: 34px !important;
    padding: 7px 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    line-height: 1.12 !important;
    font-size: 9.8px !important;
    border-radius: 999px !important;
  }

  .hero-badges span:nth-child(4) {
    grid-column: 1 / 4 !important;
    max-width: 68% !important;
    justify-self: center !important;
    font-size: 10.5px !important;
  }

  .hero-visual {
    height: 310px !important;
    min-height: 310px !important;
    overflow: visible !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 4px !important;
  }

  .globe {
    width: 335px !important;
    height: 335px !important;
    max-width: 335px !important;
    max-height: 335px !important;
    margin: 0 auto !important;
    transform: translateY(-2px) !important;
    opacity: .92 !important;
    filter:
      brightness(1.08)
      saturate(1.22)
      contrast(1.08)
      drop-shadow(0 0 16px rgba(120,255,20,.34))
      drop-shadow(0 0 44px rgba(75,255,0,.22)) !important;
  }

  .globe-label {
    opacity: .92 !important;
    transform: translate(-50%, -50%) scale(.72) !important;
    filter:
      drop-shadow(0 0 12px rgba(186,255,22,.75))
      drop-shadow(0 0 28px rgba(80,255,0,.48)) !important;
  }

  .node {
    background: #ff4b3e !important;
    opacity: .78 !important;
    box-shadow:
      0 0 8px rgba(255,65,55,.85),
      0 0 18px rgba(255,48,40,.55),
      0 0 34px rgba(255,48,40,.28) !important;
  }

  .globe .node,
  .hero-visual .node {
    filter: brightness(1.35) saturate(1.35) !important;
  }
}

@media (max-width: 390px) {
  .hero-badges {
    gap: 6px !important;
  }

  .hero-badges span {
    font-size: 9px !important;
    padding: 7px 4px !important;
  }

  .hero-badges span:nth-child(4) {
    max-width: 74% !important;
    font-size: 9.8px !important;
  }

  .hero-visual {
    height: 292px !important;
    min-height: 292px !important;
  }

  .globe {
    width: 318px !important;
    height: 318px !important;
    max-width: 318px !important;
    max-height: 318px !important;
  }
}


/* ===== ROLLBACK GLOBE SETTINGS AFTER MOBILE PATCH ===== */

@media (max-width: 520px) {
  .hero-visual {
    height: 270px !important;
    min-height: 270px !important;
    overflow: hidden !important;
    margin: 0 auto !important;
  }

  .globe {
    width: 292px !important;
    height: 292px !important;
    max-width: 292px !important;
    max-height: 292px !important;
    margin: 0 auto !important;
    transform: none !important;
    opacity: .72 !important;
    filter: brightness(.82) saturate(1.02) !important;
  }

  .globe-label {
    transform: translate(-50%, -50%) scale(.62) !important;
    opacity: .72 !important;
    filter: none !important;
  }

  .node {
    background: #ff4b3e !important;
    opacity: .78 !important;
    box-shadow:
      0 0 8px rgba(255,65,55,.65),
      0 0 18px rgba(255,48,40,.35) !important;
  }

  .globe .node,
  .hero-visual .node {
    filter: none !important;
  }
}

@media (max-width: 390px) {
  .hero-visual {
    height: 245px !important;
    min-height: 245px !important;
  }

  .globe {
    width: 265px !important;
    height: 265px !important;
    max-width: 265px !important;
    max-height: 265px !important;
  }
}


/* ===== ROLLBACK GLOBE NODES TO NORMAL ===== */

.node,
.globe .node,
.hero-visual .node {
  background: #7dff20 !important;
  opacity: .55 !important;
  box-shadow:
    0 0 7px rgba(125,255,32,.55),
    0 0 18px rgba(95,255,0,.22) !important;
  filter: none !important;
}

@media (max-width: 520px) {
  .node,
  .globe .node,
  .hero-visual .node {
    background: #7dff20 !important;
    opacity: .48 !important;
    box-shadow:
      0 0 6px rgba(125,255,32,.45),
      0 0 14px rgba(95,255,0,.18) !important;
    filter: none !important;
  }
}


/* ===== MOBILE PREMIUM GLOBE ===== */

@media (max-width: 520px) {

  .hero-visual{
      overflow:hidden !important;
  }

  .globe{
      width:310px !important;
      height:310px !important;
      max-width:310px !important;
      max-height:310px !important;

      opacity:.88 !important;

      filter:
          brightness(1.12)
          contrast(1.22)
          saturate(1.18)
          drop-shadow(0 0 18px rgba(110,255,20,.18)) !important;
  }

  /* затемняем сам шар */
  .globe::before{
      opacity:.42 !important;
      background:
          radial-gradient(circle at 35% 28%,
              rgba(255,255,255,.04) 0%,
              rgba(40,90,0,.08) 18%,
              rgba(6,20,0,.46) 62%,
              rgba(0,0,0,.72) 100%) !important;
  }

  /* делаем контур немного ярче */
  .globe::after{
      opacity:.62 !important;
      box-shadow:
          inset 0 0 18px rgba(170,255,25,.18),
          0 0 22px rgba(110,255,0,.16) !important;
  }

  /* материки становятся контрастнее */
  .globe svg{
      filter:
          brightness(1.15)
          contrast(1.25)
          saturate(1.18) !important;
  }

  /* логотип немного ярче */
  .globe-label{
      opacity:.82 !important;
      filter:
          drop-shadow(0 0 8px rgba(170,255,25,.22)) !important;
  }

}

@media (max-width:390px){

  .globe{
      width:288px !important;
      height:288px !important;
      max-width:288px !important;
      max-height:288px !important;
  }

}


/* ===== MOBILE: HIGHER BOTTOM SHADOW ===== */

@media (max-width:520px){

.hero{
    position:relative;
    overflow:hidden;
}

.hero::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;

    /* затемнение начинается выше середины экрана */
    height:72%;

    pointer-events:none;
    z-index:1;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.82) 0%,
            rgba(0,0,0,.72) 18%,
            rgba(0,0,0,.48) 38%,
            rgba(0,0,0,.18) 60%,
            rgba(0,0,0,0) 100%
        );
}

/* весь контент поверх затемнения */

.hero>*{
    position:relative;
    z-index:2;
}

}


/* ===== MOBILE HERO GRADIENT FIX ===== */

@media (max-width:520px){

.hero::after{

    height:78% !important;

    background:
        linear-gradient(
            to top,

            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.90) 8%,
            rgba(0,0,0,.78) 18%,
            rgba(0,0,0,.58) 32%,
            rgba(0,0,0,.34) 48%,
            rgba(0,0,0,.14) 66%,
            rgba(0,0,0,.04) 82%,
            rgba(0,0,0,0) 100%

        ) !important;

    filter: blur(18px) !important;
}

}


/* ===== MOBILE: SOFT GRADIENT UNDER GLOBE ===== */

@media (max-width:520px){

  .hero-visual{
      position:relative !important;
      overflow:visible !important;
      isolation:isolate !important;
  }

  .hero-visual::after{
      content:"";
      position:absolute;
      left:-10%;
      right:-10%;
      bottom:-24px;
      height:120px;
      z-index:0;
      pointer-events:none;

      background:
          linear-gradient(
              to bottom,
              rgba(0,0,0,0) 0%,
              rgba(0,0,0,.22) 18%,
              rgba(0,0,0,.48) 45%,
              rgba(0,0,0,.78) 72%,
              rgba(0,0,0,.96) 100%
          ) !important;
  }

  .globe{
      position:relative !important;
      z-index:1 !important;
  }

  .platforms{
      position:relative !important;
      z-index:2 !important;
      margin-top:-8px !important;
  }

}


/* ===== MOBILE HERO RADIAL GRADIENT ===== */

@media (max-width:520px){

  .hero{
      position:relative !important;
      overflow:hidden !important;
      isolation:isolate !important;
  }

  /* Отключаем предыдущие затемнения */
  .hero::after{
      content:none !important;
  }

  .hero-visual::after{
      content:none !important;
  }

  /* Новый радиальный градиент */
  .hero::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:1;
      pointer-events:none;

      background:
          radial-gradient(
              ellipse 115% 85% at 50% 44%,
              rgba(0,0,0,0) 0%,
              rgba(0,0,0,.04) 18%,
              rgba(0,0,0,.10) 30%,
              rgba(0,0,0,.22) 45%,
              rgba(0,0,0,.42) 63%,
              rgba(0,0,0,.68) 82%,
              rgba(0,0,0,.88) 100%
          );

      opacity:1;
  }

  /* Контент всегда поверх градиента */
  .hero > *{
      position:relative;
      z-index:2;
  }

}


/* ===== REMOVE MOBILE BLACK BAND FINAL ===== */

@media (max-width:520px){

  .hero::before,
  .hero::after,
  .hero-visual::before,
  .hero-visual::after{
      content:none !important;
      display:none !important;
      opacity:0 !important;
      background:none !important;
      filter:none !important;
  }

  .hero{
      background:
          linear-gradient(
              to bottom,
              rgba(0,0,0,0) 0%,
              rgba(0,0,0,0) 42%,
              rgba(0,0,0,.18) 58%,
              rgba(0,0,0,.42) 76%,
              rgba(0,0,0,.68) 100%
          ) !important;
      overflow:hidden !important;
  }

  .hero-visual{
      background:transparent !important;
      overflow:hidden !important;
  }

}


/* ===== KILL MOBILE GRADIENT BAND ===== */

@media (max-width:520px){

  .hero,
  .hero-visual,
  .platforms{
    background: transparent !important;
  }

  .hero::before,
  .hero::after,
  .hero-visual::before,
  .hero-visual::after{
    content: none !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
    filter: none !important;
  }

  .hero{
    overflow: visible !important;
  }

  .hero-visual{
    overflow: hidden !important;
  }

}


/* ===== MOBILE: BIGGER GLOBE CENTER LOGO ===== */

@media (max-width:520px){

  .globe-label{
      opacity:.88 !important;
      transform:translate(-50%, -50%) scale(.82) !important;
      filter:
        drop-shadow(0 0 10px rgba(186,255,22,.42))
        drop-shadow(0 0 22px rgba(115,255,24,.22)) !important;
  }

  .globe-label strong{
      font-size:48px !important;
      line-height:.9 !important;
  }

  .globe-label span{
      font-size:46px !important;
      line-height:.9 !important;
      letter-spacing:-.08em !important;
  }

}

@media (max-width:390px){

  .globe-label{
      transform:translate(-50%, -50%) scale(.78) !important;
  }

  .globe-label strong{
      font-size:44px !important;
  }

  .globe-label span{
      font-size:42px !important;
  }

}


/* ===== MOBILE: GLOBE LOGO +10% / BRIGHTNESS -15% ===== */

@media (max-width:520px){

  .globe-label{
      transform: translate(-50%, -50%) scale(0.90) !important;
      opacity: .88 !important;
      filter:
          brightness(.85)
          drop-shadow(0 0 8px rgba(186,255,22,.28))
          drop-shadow(0 0 18px rgba(115,255,24,.16)) !important;
  }

  .globe-label strong{
      font-size: 53px !important;
      line-height: .9 !important;
  }

  .globe-label span{
      font-size: 51px !important;
      line-height: .9 !important;
      letter-spacing: -.08em !important;
  }

}

@media (max-width:390px){

  .globe-label{
      transform: translate(-50%, -50%) scale(0.86) !important;
  }

  .globe-label strong{
      font-size: 49px !important;
  }

  .globe-label span{
      font-size: 47px !important;
  }

}


/* ===== PREMIUM 60s SPEEDOMETER MICRO CARD ===== */

.micro-icon{
    position:relative !important;
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
    color:#baff16 !important;
    font-size:18px !important;
    font-weight:900 !important;
    letter-spacing:-.04em !important;
    background:
        radial-gradient(circle at 50% 50%, rgba(10,25,8,.92) 0 48%, transparent 50%),
        conic-gradient(
            from -90deg,
            #baff16 0deg 34deg,
            transparent 34deg 46deg,
            rgba(186,255,22,.85) 46deg 80deg,
            transparent 80deg 96deg,
            rgba(186,255,22,.75) 96deg 128deg,
            transparent 128deg 144deg,
            rgba(186,255,22,.65) 144deg 176deg,
            transparent 176deg 192deg,
            rgba(186,255,22,.55) 192deg 224deg,
            transparent 224deg 240deg,
            rgba(186,255,22,.48) 240deg 272deg,
            transparent 272deg 288deg,
            rgba(186,255,22,.4) 288deg 320deg,
            transparent 320deg 360deg
        ) !important;
    border:1px solid rgba(186,255,22,.32) !important;
    box-shadow:
        inset 0 0 18px rgba(115,255,24,.20),
        0 0 18px rgba(115,255,24,.28),
        0 0 42px rgba(115,255,24,.12) !important;
}

.micro-icon::before{
    content:"" !important;
    position:absolute !important;
    inset:8px !important;
    border-radius:50% !important;
    border:1px solid rgba(186,255,22,.24) !important;
    background:
        radial-gradient(circle, rgba(115,255,24,.13), rgba(0,0,0,.18) 62%, rgba(0,0,0,.38)) !important;
    box-shadow: inset 0 0 16px rgba(0,0,0,.45) !important;
    z-index:0 !important;
}

.micro-icon::after{
    content:"" !important;
    position:absolute !important;
    width:2px !important;
    height:20px !important;
    left:50% !important;
    top:12px !important;
    transform-origin:50% 20px !important;
    transform:translateX(-50%) rotate(42deg) !important;
    border-radius:999px !important;
    background:linear-gradient(to bottom, #eaff8a, rgba(186,255,22,.08)) !important;
    box-shadow:0 0 10px rgba(186,255,22,.7) !important;
    z-index:1 !important;
}

.micro-icon{
    font-size:0 !important;
}

.micro-icon{
    --speed-text:"60s";
}

.micro-icon > *{
    display:none !important;
}

.micro-icon{
    text-indent:-9999px !important;
}

.micro-icon:lang(ru){
    text-indent:-9999px !important;
}

.micro-icon::marker{
    display:none !important;
}

.micro-icon:after{
    pointer-events:none !important;
}

.micro-icon::selection{
    background:transparent !important;
}

.micro-icon{
    overflow:hidden !important;
}

.micro-icon::before{
    pointer-events:none !important;
}

.micro-icon{
    font-family:Unbounded, Manrope, system-ui, sans-serif !important;
}

.micro-icon{
    line-height:1 !important;
}

.micro-icon{
    text-shadow:none !important;
}

/* text layer */
.micro-icon{
    contain:paint !important;
}

.micro-icon + div::before{
    content:"" !important;
}

/* visible 60s text */
.micro-icon{
    background-clip:border-box !important;
}

.micro-icon{
    isolation:isolate !important;
}

.micro-icon span{
    display:none !important;
}

.micro-icon{
    --_dummy:0;
}

.micro-icon::selection{
    color:transparent !important;
}

.micro-icon{
    caret-color:transparent !important;
}

.micro-icon{
    user-select:none !important;
}

/* Use pseudo label above all layers */
.micro-icon{
    color:transparent !important;
}

.micro-icon::after{
    content:"60s" !important;
    width:auto !important;
    height:auto !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    background:none !important;
    box-shadow:none !important;
    color:#baff16 !important;
    font-size:17px !important;
    font-weight:900 !important;
    letter-spacing:-.05em !important;
    text-indent:0 !important;
    text-shadow:
        0 0 8px rgba(186,255,22,.55),
        0 0 20px rgba(115,255,24,.22) !important;
    z-index:3 !important;
}

.micro-card{
    align-items:center !important;
}

@media(max-width:520px){
    .micro-icon{
        width:56px !important;
        height:56px !important;
        min-width:56px !important;
    }

    .micro-icon::before{
        inset:7px !important;
    }

    .micro-icon::after{
        font-size:15px !important;
    }

    .micro-card{
        gap:13px !important;
    }
}


/* ===== PREMIUM ORANGE SPEEDOMETER TICKS ===== */

.micro-icon{
    background:
        radial-gradient(circle at 50% 50%, rgba(10,25,8,.92) 0 48%, transparent 50%),
        repeating-conic-gradient(
            from -90deg,
            #ff9d24 0deg 2deg,
            transparent 2deg 12deg
        ) !important;

    border:1px solid rgba(255,170,60,.30) !important;

    box-shadow:
        inset 0 0 18px rgba(255,160,40,.10),
        0 0 18px rgba(255,160,40,.16),
        0 0 32px rgba(115,255,24,.12) !important;
}

.micro-icon::before{
    background:
        radial-gradient(circle,
            rgba(8,22,8,.95),
            rgba(4,12,6,.96) 70%
        ) !important;
}

.micro-icon::after{
    color:#baff16 !important;
    text-shadow:
        0 0 6px rgba(186,255,22,.45),
        0 0 14px rgba(115,255,24,.18) !important;
}


/* ===== Speedometer Center Fix ===== */

.micro-icon{
    position:relative;
    overflow:hidden;
}

/* Убираем фон внутри круга */
.micro-icon::before{
    content:"" !important;
    position:absolute;
    inset:8px !important;
    border-radius:50% !important;
    background:transparent !important;
    box-shadow:none !important;
    border:none !important;
    z-index:1;
}

/* Делаем цифру меньше */
.micro-icon::after{
    content:"60s" !important;
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px !important;
    font-weight:900;
    color:#baff16 !important;
    text-shadow:0 0 10px rgba(115,255,24,.45);
    z-index:2;
}


/* ===== Speedometer Center Fix ===== */

.micro-icon{
    position:relative;
    overflow:hidden;
}

/* Убираем фон внутри круга */
.micro-icon::before{
    content:"" !important;
    position:absolute;
    inset:8px !important;
    border-radius:50% !important;
    background:transparent !important;
    box-shadow:none !important;
    border:none !important;
    z-index:1;
}

/* Делаем цифру меньше */
.micro-icon::after{
    content:"60s" !important;
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px !important;
    font-weight:900;
    color:#baff16 !important;
    text-shadow:0 0 10px rgba(115,255,24,.45);
    z-index:2;
}


/* ===== HARD FIX: SPEEDOMETER 60s SMALL / NO INNER BACKGROUND ===== */

body .micro-card .micro-icon{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    border-radius:50% !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at center, transparent 0 55%, transparent 56%),
        repeating-conic-gradient(
            from -90deg,
            #ff9d24 0deg 2deg,
            transparent 2deg 12deg
        ) !important;
    border:1px solid rgba(255,157,36,.45) !important;
    box-shadow:
        0 0 14px rgba(255,157,36,.22),
        0 0 26px rgba(115,255,24,.10) !important;
    color:transparent !important;
    text-indent:0 !important;
    font-size:0 !important;
}

body .micro-card .micro-icon::before{
    content:"" !important;
    position:absolute !important;
    inset:12px !important;
    border-radius:50% !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    z-index:1 !important;
}

body .micro-card .micro-icon::after{
    content:"60s" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:auto !important;
    height:auto !important;
    transform:translate(-50%,-50%) !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#baff16 !important;
    font-family:Unbounded, Manrope, system-ui, sans-serif !important;
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:-.06em !important;
    text-shadow:0 0 8px rgba(186,255,22,.45) !important;
    z-index:5 !important;
}

@media(max-width:520px){
    body .micro-card .micro-icon{
        width:56px !important;
        height:56px !important;
        min-width:56px !important;
    }

    body .micro-card .micro-icon::after{
        font-size:11px !important;
    }
}


/* ===== FINAL SPEEDOMETER: SHORT ORANGE TICKS / EMPTY CENTER ===== */

body .micro-card .micro-icon{
    background:
        radial-gradient(circle at center,
            rgba(0,0,0,0) 0 52%,
            rgba(0,0,0,0) 53%,
            rgba(255,157,36,.95) 54% 58%,
            rgba(0,0,0,0) 59% 100%
        ),
        repeating-conic-gradient(
            from -90deg,
            #ff9d24 0deg 2deg,
            transparent 2deg 12deg
        ) !important;

    background-color: transparent !important;
    border:1px solid rgba(255,157,36,.34) !important;
}

body .micro-card .micro-icon::before{
    content:"" !important;
    position:absolute !important;
    inset:10px !important;
    border-radius:50% !important;
    background:rgba(0,0,0,0) !important;
    border:none !important;
    box-shadow:none !important;
}

body .micro-card .micro-icon::after{
    content:"60s" !important;
    font-size:13px !important;
    color:#baff16 !important;
    background:transparent !important;
    box-shadow:none !important;
    text-shadow:0 0 8px rgba(186,255,22,.42) !important;
}

@media(max-width:520px){
    body .micro-card .micro-icon::after{
        font-size:11.5px !important;
    }
}


/* ===== CLEAN SPEEDOMETER: ONLY OUTER ORANGE TICKS ===== */

body .micro-card .micro-icon{
    position:relative !important;
    border-radius:50% !important;
    overflow:hidden !important;

    background:
        radial-gradient(circle at center,
            transparent 0 66%,
            #ff9d24 67% 72%,
            transparent 73% 100%
        ),
        repeating-conic-gradient(
            from -90deg,
            #ff9d24 0deg 2deg,
            transparent 2deg 14deg
        ) !important;

    background-color:transparent !important;
    border:none !important;

    box-shadow:
        0 0 12px rgba(255,157,36,.22),
        0 0 24px rgba(115,255,24,.08) !important;
}

/* вырезаем середину полностью */
body .micro-card .micro-icon::before{
    content:"" !important;
    position:absolute !important;
    inset:12px !important;
    border-radius:50% !important;
    background:rgba(8,28,12,.72) !important;
    border:none !important;
    box-shadow:none !important;
    z-index:2 !important;
}

/* текст 60s поверх прозрачного центра */
body .micro-card .micro-icon::after{
    content:"60s" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;

    width:auto !important;
    height:auto !important;
    background:transparent !important;
    box-shadow:none !important;

    color:#baff16 !important;
    font-family:Unbounded, Manrope, system-ui, sans-serif !important;
    font-size:13.6px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:-.06em !important;
    text-shadow:
        0 0 7px rgba(186,255,22,.46),
        0 0 14px rgba(115,255,24,.18) !important;

    z-index:3 !important;
}

@media(max-width:520px){
    body .micro-card .micro-icon::before{
        inset:10px !important;
    }

    body .micro-card .micro-icon::after{
        font-size:12.2px !important;
    }
}


/* ===== SPEEDOMETER: ONLY OUTER TICKS, NO INNER LINES ===== */

body .micro-card .micro-icon{
    position:relative !important;
    border-radius:50% !important;
    overflow:hidden !important;
    background:transparent !important;
    border:none !important;
    box-shadow:
        0 0 12px rgba(255,157,36,.16),
        0 0 20px rgba(115,255,24,.08) !important;
}

body .micro-card .micro-icon::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    border-radius:50% !important;
    background:
        repeating-conic-gradient(
            from -90deg,
            #ff9d24 0deg 2deg,
            transparent 2deg 12deg
        ) !important;

    -webkit-mask:
        radial-gradient(circle, transparent 0 72%, #000 73% 78%, transparent 79% 100%) !important;
    mask:
        radial-gradient(circle, transparent 0 72%, #000 73% 78%, transparent 79% 100%) !important;

    border:none !important;
    box-shadow:none !important;
    z-index:1 !important;
}

body .micro-card .micro-icon::after{
    content:"60s" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    width:auto !important;
    height:auto !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#baff16 !important;
    font-family:Unbounded, Manrope, system-ui, sans-serif !important;
    font-size:13.8px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:-.06em !important;
    text-shadow:
        0 0 7px rgba(186,255,22,.45),
        0 0 14px rgba(115,255,24,.16) !important;
    z-index:3 !important;
}

@media(max-width:520px){
    body .micro-card .micro-icon::after{
        font-size:12.4px !important;
    }
}


/* ===== SPEEDOMETER FIX: VISIBLE OUTER ORANGE TICKS ONLY ===== */

body .micro-card .micro-icon{
    position:relative !important;
    border-radius:50% !important;
    overflow:visible !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

body .micro-card .micro-icon::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    border-radius:50% !important;

    background:
      repeating-conic-gradient(
        from -90deg,
        #ff9d24 0deg 2.4deg,
        transparent 2.4deg 12deg
      ) !important;

    -webkit-mask-image:
      radial-gradient(circle, transparent 0 62%, #000 63% 70%, transparent 71% 100%) !important;
    mask-image:
      radial-gradient(circle, transparent 0 62%, #000 63% 70%, transparent 71% 100%) !important;

    filter:drop-shadow(0 0 5px rgba(255,157,36,.35)) !important;
    z-index:1 !important;
}

body .micro-card .micro-icon::after{
    content:"60s" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#baff16 !important;
    font-family:Unbounded, Manrope, system-ui, sans-serif !important;
    font-size:13.8px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:-.06em !important;
    text-shadow:0 0 8px rgba(186,255,22,.42) !important;
    z-index:3 !important;
}

@media(max-width:520px){
    body .micro-card .micro-icon::after{
        font-size:12.4px !important;
    }
}


/* ===== LONGER ORANGE TICKS ===== */

body .micro-card .micro-icon::before{

    -webkit-mask-image:
        radial-gradient(
            circle,
            transparent 0 48%,
            #000 49% 70%,
            transparent 71% 100%
        ) !important;

    mask-image:
        radial-gradient(
            circle,
            transparent 0 48%,
            #000 49% 70%,
            transparent 71% 100%
        ) !important;

}


/* ===== REMOVE GREEN BETWEEN ORANGE TICKS ===== */

body .micro-card .micro-icon{
    background:none !important;
    box-shadow:none !important;
}

body .micro-card .micro-icon::before{

    background:
        repeating-conic-gradient(
            from -90deg,
            #ff9d24 0deg 2.4deg,
            transparent 2.4deg 12deg
        ) !important;

    /* только насечки */
    -webkit-mask-image:
        radial-gradient(
            circle,
            transparent 0 48%,
            #000 49% 70%,
            transparent 71% 100%
        ) !important;

    mask-image:
        radial-gradient(
            circle,
            transparent 0 48%,
            #000 49% 70%,
            transparent 71% 100%
        ) !important;

    filter:none !important;
    box-shadow:none !important;
    opacity:1 !important;
}

body .micro-card .micro-icon::after{
    background:none !important;
    box-shadow:none !important;
    z-index:5 !important;
}


/* ===== DESKTOP ONLY: PREMIUM HERO BUTTONS x1.5 ===== */

@media (min-width: 721px) {

  .hero-actions{
      gap:28px !important;
      margin-top:42px !important;
      align-items:center !important;
  }

  .hero-actions .btn-main,
  .hero-actions .btn-glass{
      min-height:96px !important;
      padding:0 54px !important;
      border-radius:28px !important;

      font-family:Unbounded, Manrope, system-ui, sans-serif !important;
      font-size:20px !important;
      font-weight:900 !important;
      letter-spacing:-.035em !important;

      position:relative !important;
      overflow:hidden !important;
      isolation:isolate !important;
  }

  .hero-actions .btn-main{
      color:#061000 !important;
      background:
          radial-gradient(circle at 18% 18%, rgba(255,255,255,.72), transparent 28%),
          linear-gradient(135deg, #eaff65 0%, #95ff18 34%, #32ff00 72%, #11c900 100%) !important;

      border:1px solid rgba(225,255,90,.68) !important;

      box-shadow:
          0 0 22px rgba(186,255,22,.42),
          0 0 54px rgba(88,255,0,.34),
          inset 0 1px 0 rgba(255,255,255,.52),
          inset 0 -14px 28px rgba(0,80,0,.22) !important;
  }

  .hero-actions .btn-glass{
      color:#f6fff2 !important;
      background:
          linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
          radial-gradient(circle at 20% 15%, rgba(186,255,22,.12), transparent 36%),
          rgba(5,14,10,.78) !important;

      border:1px solid rgba(186,255,22,.28) !important;

      box-shadow:
          0 0 24px rgba(0,0,0,.48),
          0 0 32px rgba(115,255,24,.13),
          inset 0 1px 0 rgba(255,255,255,.10) !important;

      backdrop-filter:blur(18px) !important;
  }

  .hero-actions .btn-main::before,
  .hero-actions .btn-glass::before{
      content:"" !important;
      position:absolute !important;
      inset:0 !important;
      z-index:-1 !important;
      background:
          linear-gradient(
              120deg,
              transparent 0%,
              rgba(255,255,255,.34) 38%,
              rgba(255,255,255,.12) 48%,
              transparent 62%
          ) !important;
      transform:translateX(-130%) skewX(-18deg) !important;
      transition:transform .7s ease !important;
  }

  .hero-actions .btn-main:hover,
  .hero-actions .btn-glass:hover{
      transform:translateY(-4px) scale(1.015) !important;
  }

  .hero-actions .btn-main:hover{
      box-shadow:
          0 0 28px rgba(186,255,22,.60),
          0 0 78px rgba(88,255,0,.46),
          inset 0 1px 0 rgba(255,255,255,.62),
          inset 0 -14px 28px rgba(0,80,0,.18) !important;
  }

  .hero-actions .btn-glass:hover{
      border-color:rgba(186,255,22,.52) !important;
      box-shadow:
          0 0 28px rgba(0,0,0,.54),
          0 0 50px rgba(115,255,24,.24),
          inset 0 1px 0 rgba(255,255,255,.14) !important;
  }

  .hero-actions .btn-main:hover::before,
  .hero-actions .btn-glass:hover::before{
      transform:translateX(130%) skewX(-18deg) !important;
  }

  .hero-actions .btn b{
      font-size:1.18em !important;
      line-height:1 !important;
      transition:transform .25s ease !important;
  }

  .hero-actions .btn:hover b{
      transform:translateX(5px) !important;
  }
}


/* ===== PREMIUM BENEFIT CARD ICONS ===== */

.card .icon{
    width:64px !important;
    height:64px !important;
    border-radius:20px !important;
    display:grid !important;
    place-items:center !important;
    position:relative !important;
    overflow:hidden !important;

    background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,.24), transparent 24%),
        linear-gradient(145deg, rgba(186,255,22,.96), rgba(55,255,0,.82) 58%, rgba(18,160,0,.62)) !important;

    box-shadow:
        0 0 20px rgba(115,255,24,.40),
        0 0 44px rgba(115,255,24,.16),
        inset 0 1px 0 rgba(255,255,255,.34),
        inset 0 -12px 24px rgba(0,80,0,.24) !important;
}

.card .icon::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.28) 42%, transparent 58%) !important;
    transform:translateX(-120%) skewX(-18deg) !important;
    transition:transform .65s ease !important;
}

.card:hover .icon::before{
    transform:translateX(120%) skewX(-18deg) !important;
}

.card .icon::after{
    content:"" !important;
    width:34px !important;
    height:34px !important;
    display:block !important;
    background:#061000 !important;
    filter:drop-shadow(0 0 8px rgba(6,16,0,.18)) !important;

    -webkit-mask-repeat:no-repeat !important;
    mask-repeat:no-repeat !important;
    -webkit-mask-position:center !important;
    mask-position:center !important;
    -webkit-mask-size:contain !important;
    mask-size:contain !important;
}

/* Скорость */
.card .rocket::after{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7 3.2c2.8-.8 5.5-.4 7.1.1.5 1.6.9 4.3.1 7.1-.9 3.1-3.2 6.4-8.2 9.1l-2.2-2.2-3.4 3.4c-.5.5-1.4.2-1.4-.6v-3.2H2.5c-.8 0-1.1-.9-.6-1.4l3.4-3.4-2.2-2.2c2.7-5 6-7.3 9.1-8.2Zm2.9 6.2a2 2 0 1 0-2.8-2.8 2 2 0 0 0 2.8 2.8Z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7 3.2c2.8-.8 5.5-.4 7.1.1.5 1.6.9 4.3.1 7.1-.9 3.1-3.2 6.4-8.2 9.1l-2.2-2.2-3.4 3.4c-.5.5-1.4.2-1.4-.6v-3.2H2.5c-.8 0-1.1-.9-.6-1.4l3.4-3.4-2.2-2.2c2.7-5 6-7.3 9.1-8.2Zm2.9 6.2a2 2 0 1 0-2.8-2.8 2 2 0 0 0 2.8 2.8Z'/%3E%3C/svg%3E") !important;
}

/* Обход белых списков */
.card .shield-icon::after{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2 4.5 5.2v5.6c0 5 3.2 9.7 7.5 11.2 4.3-1.5 7.5-6.2 7.5-11.2V5.2L12 2Zm4.2 7.4-5 5.2c-.4.4-1 .4-1.4 0l-2-2.1a1 1 0 0 1 1.4-1.4l1.3 1.3 4.3-4.4a1 1 0 1 1 1.4 1.4Z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2 4.5 5.2v5.6c0 5 3.2 9.7 7.5 11.2 4.3-1.5 7.5-6.2 7.5-11.2V5.2L12 2Zm4.2 7.4-5 5.2c-.4.4-1 .4-1.4 0l-2-2.1a1 1 0 0 1 1.4-1.4l1.3 1.3 4.3-4.4a1 1 0 1 1 1.4 1.4Z'/%3E%3C/svg%3E") !important;
}

/* Без автосписаний */
.card .lock::after{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1Zm2 0h6V8a3 3 0 0 0-6 0v2Zm3 4a1.6 1.6 0 0 0-.8 3v1.3a.8.8 0 0 0 1.6 0V17a1.6 1.6 0 0 0-.8-3Z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1Zm2 0h6V8a3 3 0 0 0-6 0v2Zm3 4a1.6 1.6 0 0 0-.8 3v1.3a.8.8 0 0 0 1.6 0V17a1.6 1.6 0 0 0-.8-3Z'/%3E%3C/svg%3E") !important;
}

/* VLESS + REALITY */
.card .eye::after{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.4 12S5.8 5.8 12 5.8 21.6 12 21.6 12 18.2 18.2 12 18.2 2.4 12 2.4 12Zm9.6 3.4a3.4 3.4 0 1 0 0-6.8 3.4 3.4 0 0 0 0 6.8Zm0-2a1.4 1.4 0 1 1 0-2.8 1.4 1.4 0 0 1 0 2.8Z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.4 12S5.8 5.8 12 5.8 21.6 12 21.6 12 18.2 18.2 12 18.2 2.4 12 2.4 12Zm9.6 3.4a3.4 3.4 0 1 0 0-6.8 3.4 3.4 0 0 0 0 6.8Zm0-2a1.4 1.4 0 1 1 0-2.8 1.4 1.4 0 0 1 0 2.8Z'/%3E%3C/svg%3E") !important;
}

/* Серверы */
.card .globe-icon::after{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.9 9h-3.1a15.7 15.7 0 0 0-1.2-5.1A8 8 0 0 1 18.9 11ZM12 4c.7 1 1.5 3.2 1.8 7h-3.6C10.5 7.2 11.3 5 12 4Zm-2.6 1.9A15.7 15.7 0 0 0 8.2 11H5.1a8 8 0 0 1 4.3-5.1ZM5.1 13h3.1c.2 2 .6 3.8 1.2 5.1A8 8 0 0 1 5.1 13ZM12 20c-.7-1-1.5-3.2-1.8-7h3.6c-.3 3.8-1.1 6-1.8 7Zm2.6-1.9c.6-1.3 1-3.1 1.2-5.1h3.1a8 8 0 0 1-4.3 5.1Z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.9 9h-3.1a15.7 15.7 0 0 0-1.2-5.1A8 8 0 0 1 18.9 11ZM12 4c.7 1 1.5 3.2 1.8 7h-3.6C10.5 7.2 11.3 5 12 4Zm-2.6 1.9A15.7 15.7 0 0 0 8.2 11H5.1a8 8 0 0 1 4.3-5.1ZM5.1 13h3.1c.2 2 .6 3.8 1.2 5.1A8 8 0 0 1 5.1 13ZM12 20c-.7-1-1.5-3.2-1.8-7h3.6c-.3 3.8-1.1 6-1.8 7Zm2.6-1.9c.6-1.3 1-3.1 1.2-5.1h3.1a8 8 0 0 1-4.3 5.1Z'/%3E%3C/svg%3E") !important;
}

/* Надёжность 24/7 */
.card .support-icon::after{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a10 10 0 0 0-10 10v4a3 3 0 0 0 3 3h1a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H4.1a8 8 0 0 1 15.8 0H18a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h1v.2c0 .9-.7 1.6-1.6 1.6H14a1 1 0 0 0 0 2h3.4A3.6 3.6 0 0 0 21 19.2V19a3 3 0 0 0 1-2.2V12A10 10 0 0 0 12 2Z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a10 10 0 0 0-10 10v4a3 3 0 0 0 3 3h1a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H4.1a8 8 0 0 1 15.8 0H18a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h1v.2c0 .9-.7 1.6-1.6 1.6H14a1 1 0 0 0 0 2h3.4A3.6 3.6 0 0 0 21 19.2V19a3 3 0 0 0 1-2.2V12A10 10 0 0 0 12 2Z'/%3E%3C/svg%3E") !important;
}

@media(max-width:520px){
    .card .icon{
        width:54px !important;
        height:54px !important;
        border-radius:17px !important;
    }

    .card .icon::after{
        width:29px !important;
        height:29px !important;
    }
}


/* ===== LUXURY BENEFIT ICONS V2 ===== */

.card .icon{
  width:70px !important;
  height:70px !important;
  border-radius:24px !important;
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.36), transparent 23%),
    linear-gradient(145deg, rgba(182,255,28,.98), rgba(67,255,0,.88) 52%, rgba(12,130,0,.72)) !important;
  box-shadow:
    0 0 26px rgba(120,255,20,.42),
    0 0 60px rgba(60,255,0,.16),
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 -18px 28px rgba(0,60,0,.25) !important;
}

.card .icon::before{
  content:"" !important;
  position:absolute !important;
  inset:1px !important;
  border-radius:23px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.20), transparent 32%),
    radial-gradient(circle at 75% 80%, rgba(0,0,0,.18), transparent 40%) !important;
  border:1px solid rgba(255,255,255,.16) !important;
}

.card .icon::after{
  content:"" !important;
  width:40px !important;
  height:40px !important;
  position:relative !important;
  z-index:2 !important;
  background:#061000 !important;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.18))
    drop-shadow(0 0 10px rgba(6,16,0,.20)) !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
}

.card:hover .icon{
  transform:translateY(-3px) scale(1.04) !important;
  box-shadow:
    0 0 34px rgba(160,255,28,.62),
    0 0 84px rgba(60,255,0,.22),
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -18px 28px rgba(0,60,0,.20) !important;
}

/* 1. Speed — premium arrow bolt */
.card .rocket::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 8 18 36h16L24 56l28-32H36L48 8Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 8 18 36h16L24 56l28-32H36L48 8Z'/%3E%3C/svg%3E") !important;
}

/* 2. White-list bypass — shield route */
.card .shield-icon::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 5 10 14v15c0 14 9 25 22 30 13-5 22-16 22-30V14L32 5Zm-3 38-9-9 5-5 4 4 11-12 5 5-16 17Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 5 10 14v15c0 14 9 25 22 30 13-5 22-16 22-30V14L32 5Zm-3 38-9-9 5-5 4 4 11-12 5 5-16 17Z'/%3E%3C/svg%3E") !important;
}

/* 3. No auto charges — wallet card */
.card .lock::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16c0-4 3-7 7-7h34v10H17c-2 0-3 1-3 3s1 3 3 3h37v30H14c-4 0-7-3-7-7V22c0-2 1-4 3-6Zm33 19a6 6 0 1 0 0 12h11V35H43Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16c0-4 3-7 7-7h34v10H17c-2 0-3 1-3 3s1 3 3 3h37v30H14c-4 0-7-3-7-7V22c0-2 1-4 3-6Zm33 19a6 6 0 1 0 0 12h11V35H43Z'/%3E%3C/svg%3E") !important;
}

/* 4. VLESS REALITY — stealth eye slash */
.card .eye::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 32s9-16 25-16c5 0 9 1 13 3l6-8 5 4-40 42-5-4 7-8C11 40 7 32 7 32Zm25 20c-5 0-10-1-14-4l7-8a10 10 0 0 0 15-16l5-6c8 5 12 14 12 14S48 52 32 52Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 32s9-16 25-16c5 0 9 1 13 3l6-8 5 4-40 42-5-4 7-8C11 40 7 32 7 32Zm25 20c-5 0-10-1-14-4l7-8a10 10 0 0 0 15-16l5-6c8 5 12 14 12 14S48 52 32 52Z'/%3E%3C/svg%3E") !important;
}

/* 5. Servers — connected globe */
.card .globe-icon::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 5a27 27 0 1 0 0 54 27 27 0 0 0 0-54Zm0 7c4 5 6 10 6 17H26c0-7 2-12 6-17Zm-14 17h-7c1-6 4-11 8-14-1 4-2 8-1 14Zm0 6c-1 6 0 11 1 15-4-3-7-8-8-15h7Zm14 17c-4-5-6-10-6-17h12c0 7-2 12-6 17Zm13-17h8c-1 7-4 12-9 15 2-4 2-9 1-15Zm0-6c1-6 1-10-1-14 5 3 8 8 9 14h-8Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 5a27 27 0 1 0 0 54 27 27 0 0 0 0-54Zm0 7c4 5 6 10 6 17H26c0-7 2-12 6-17Zm-14 17h-7c1-6 4-11 8-14-1 4-2 8-1 14Zm0 6c-1 6 0 11 1 15-4-3-7-8-8-15h7Zm14 17c-4-5-6-10-6-17h12c0 7-2 12-6 17Zm13-17h8c-1 7-4 12-9 15 2-4 2-9 1-15Zm0-6c1-6 1-10-1-14 5 3 8 8 9 14h-8Z'/%3E%3C/svg%3E") !important;
}

/* 6. Reliability — premium 24/7 badge */
.card .support-icon::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 5 10 14v15c0 14 9 25 22 30 13-5 22-16 22-30V14L32 5Zm-9 18h18v7H30v4h8c5 0 8 3 8 8s-3 8-9 8H22v-7h15c1 0 2-1 2-2s-1-2-2-2H23V23Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 5 10 14v15c0 14 9 25 22 30 13-5 22-16 22-30V14L32 5Zm-9 18h18v7H30v4h8c5 0 8 3 8 8s-3 8-9 8H22v-7h15c1 0 2-1 2-2s-1-2-2-2H23V23Z'/%3E%3C/svg%3E") !important;
}

@media(max-width:520px){
  .card .icon{
    width:58px !important;
    height:58px !important;
    border-radius:19px !important;
  }

  .card .icon::before{
    border-radius:18px !important;
  }

  .card .icon::after{
    width:34px !important;
    height:34px !important;
  }
}


/* ===== ULTRA PREMIUM BENEFIT ICONS V3 ===== */

.card .icon{
  width:76px !important;
  height:76px !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.42), transparent 20%),
    radial-gradient(circle at 70% 76%, rgba(0,0,0,.26), transparent 42%),
    linear-gradient(145deg, #e4ff54 0%, #9cff19 32%, #35ff00 68%, #0d8f00 100%) !important;
  border:1px solid rgba(230,255,110,.42) !important;
  box-shadow:
    0 0 22px rgba(186,255,22,.46),
    0 0 70px rgba(80,255,0,.20),
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -18px 28px rgba(0,55,0,.30) !important;
}

.card .icon::before{
  inset:3px !important;
  border-radius:23px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.04) 38%, transparent 62%),
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.28), transparent 18%),
    radial-gradient(circle at 74% 82%, rgba(0,0,0,.24), transparent 42%) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    inset 0 0 18px rgba(255,255,255,.08),
    inset 0 -10px 20px rgba(0,55,0,.18) !important;
}

.card .icon::after{
  width:42px !important;
  height:42px !important;
  background:#041000 !important;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.18))
    drop-shadow(0 0 10px rgba(0,0,0,.25)) !important;
}

.card .icon{
  transition:
    transform .35s cubic-bezier(.2,.9,.2,1),
    box-shadow .35s ease,
    filter .35s ease !important;
}

.card:hover .icon{
  transform:translateY(-5px) scale(1.07) rotate(-1deg) !important;
  filter:saturate(1.12) contrast(1.06) !important;
  box-shadow:
    0 0 30px rgba(220,255,80,.72),
    0 0 92px rgba(80,255,0,.32),
    inset 0 1px 0 rgba(255,255,255,.66),
    inset 0 -18px 28px rgba(0,55,0,.24) !important;
}

/* тонкий внешний премиум-ореол */
.card .icon{
  outline:1px solid rgba(255,255,255,.06) !important;
  outline-offset:3px !important;
}

/* делаем карточки немного дороже вокруг иконок */
.card{
  background:
    radial-gradient(circle at 20% 0%, rgba(145,255,24,.13), transparent 34%),
    linear-gradient(180deg, rgba(18,42,22,.78), rgba(4,12,8,.76)) !important;
}

.card:hover{
  border-color:rgba(186,255,22,.42) !important;
}

@media(max-width:520px){
  .card .icon{
    width:62px !important;
    height:62px !important;
    border-radius:21px !important;
    outline-offset:2px !important;
  }

  .card .icon::before{
    border-radius:18px !important;
  }

  .card .icon::after{
    width:35px !important;
    height:35px !important;
  }
}


/* ===== ULTRA DETAILED PREMIUM BENEFIT ICONS V4 ===== */

.card .icon{
  width:82px !important;
  height:82px !important;
  border-radius:28px !important;
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 26% 18%, rgba(255,255,255,.55), transparent 18%),
    radial-gradient(circle at 68% 78%, rgba(0,0,0,.35), transparent 42%),
    linear-gradient(145deg, #f2ff76 0%, #baff16 28%, #49ff00 62%, #078900 100%) !important;
  border:1px solid rgba(238,255,120,.55) !important;
  outline:1px solid rgba(186,255,22,.18) !important;
  outline-offset:4px !important;
  box-shadow:
    0 0 24px rgba(186,255,22,.55),
    0 0 78px rgba(80,255,0,.24),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -22px 34px rgba(0,45,0,.34) !important;
}

.card .icon::before{
  content:"" !important;
  position:absolute !important;
  inset:4px !important;
  border-radius:24px !important;
  z-index:1 !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.32), rgba(255,255,255,.05) 38%, transparent 64%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.10) 0 1px, transparent 1px 8px),
    radial-gradient(circle at 76% 78%, rgba(0,0,0,.24), transparent 44%) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:
    inset 0 0 18px rgba(255,255,255,.10),
    inset 0 -12px 22px rgba(0,55,0,.22) !important;
}

.card .icon::after{
  width:44px !important;
  height:44px !important;
  z-index:3 !important;
  background:#031000 !important;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.20))
    drop-shadow(0 0 12px rgba(0,0,0,.35)) !important;
}

/* декоративные световые точки внутри иконки */
.card .icon{
  background-blend-mode:screen,normal,normal !important;
}

.card .icon .fake-dot{display:none !important;}

.card .icon{
  --icon-spark:
    radial-gradient(circle at 76% 24%, rgba(255,255,255,.95) 0 2px, transparent 3px),
    radial-gradient(circle at 22% 72%, rgba(230,255,120,.95) 0 1.5px, transparent 3px),
    radial-gradient(circle at 84% 70%, rgba(186,255,22,.70) 0 1.5px, transparent 3px);
}

/* отдельный слой искр через box-shadow у ::before */
.card .icon::before{
  background:
    var(--icon-spark),
    linear-gradient(135deg, rgba(255,255,255,.32), rgba(255,255,255,.05) 38%, transparent 64%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.08) 0 1px, transparent 1px 8px),
    radial-gradient(circle at 76% 78%, rgba(0,0,0,.24), transparent 44%) !important;
}

/* hover premium motion */
.card .icon{
  transition:
    transform .38s cubic-bezier(.2,.9,.2,1),
    box-shadow .38s ease,
    filter .38s ease !important;
}

.card:hover .icon{
  transform:translateY(-6px) scale(1.075) rotate(-1.2deg) !important;
  filter:saturate(1.18) contrast(1.08) brightness(1.04) !important;
  box-shadow:
    0 0 34px rgba(235,255,90,.78),
    0 0 105px rgba(80,255,0,.35),
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -22px 34px rgba(0,45,0,.28) !important;
}

.card:hover .icon::before{
  background:
    radial-gradient(circle at 76% 24%, rgba(255,255,255,1) 0 2px, transparent 4px),
    radial-gradient(circle at 22% 72%, rgba(230,255,120,1) 0 2px, transparent 4px),
    radial-gradient(circle at 84% 70%, rgba(186,255,22,.95) 0 2px, transparent 4px),
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.34) 42%, transparent 62%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.10) 0 1px, transparent 1px 8px) !important;
}

/* карточки — чуть дороже, без ломания сетки */
.card{
  border-color:rgba(126,255,31,.25) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 34px rgba(0,0,0,.28) !important;
}

.card:hover{
  border-color:rgba(186,255,22,.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 42px rgba(115,255,24,.20) !important;
}

@media(max-width:520px){
  .card .icon{
    width:64px !important;
    height:64px !important;
    border-radius:22px !important;
    outline-offset:2px !important;
  }

  .card .icon::before{
    inset:3px !important;
    border-radius:19px !important;
  }

  .card .icon::after{
    width:36px !important;
    height:36px !important;
  }
}


/* ===== BENEFIT ICONS LIKE REFERENCE: NEON OUTLINE STYLE ===== */

#benefits .card .icon{
  width:72px !important;
  height:72px !important;
  border-radius:0 !important;
  background:transparent !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  display:grid !important;
  place-items:center !important;
  position:relative !important;
  overflow:visible !important;
}

#benefits .card .icon::before{
  content:"" !important;
  position:absolute !important;
  inset:-8px !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle, rgba(126,255,31,.18) 0%, rgba(126,255,31,.08) 38%, transparent 68%) !important;
  border:none !important;
  box-shadow:none !important;
  opacity:.72 !important;
  z-index:0 !important;
}

#benefits .card .icon::after{
  content:"" !important;
  width:58px !important;
  height:58px !important;
  position:relative !important;
  z-index:2 !important;
  background:#9cff19 !important;
  filter:
    drop-shadow(0 0 7px rgba(156,255,25,.75))
    drop-shadow(0 0 18px rgba(80,255,0,.42))
    drop-shadow(0 0 34px rgba(80,255,0,.18)) !important;

  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
}

#benefits .card:hover .icon::before{
  opacity:1 !important;
  transform:scale(1.08) !important;
}

#benefits .card:hover .icon::after{
  background:#caff35 !important;
  filter:
    drop-shadow(0 0 10px rgba(202,255,53,.95))
    drop-shadow(0 0 26px rgba(100,255,0,.58))
    drop-shadow(0 0 44px rgba(100,255,0,.24)) !important;
}

/* rocket */
#benefits .card .rocket::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' d='M34 10c8-5 15-5 20-3 2 5 2 12-3 20L34 44l-12-12L34 10Z M25 41l-7 7M18 35l-7 7M30 46l-7 7M42 22a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z M20 32l-8 2 18-24M32 44l-2 8 24-18'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' d='M34 10c8-5 15-5 20-3 2 5 2 12-3 20L34 44l-12-12L34 10Z M25 41l-7 7M18 35l-7 7M30 46l-7 7M42 22a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z M20 32l-8 2 18-24M32 44l-2 8 24-18'/%3E%3C/svg%3E") !important;
}

/* shield */
#benefits .card .shield-icon::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' d='M32 7 12 15v14c0 14 8 23 20 28 12-5 20-14 20-28V15L32 7Z M23 32l6 6 13-15'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' d='M32 7 12 15v14c0 14 8 23 20 28 12-5 20-14 20-28V15L32 7Z M23 32l6 6 13-15'/%3E%3C/svg%3E") !important;
}

/* no logs / lock */
#benefits .card .lock::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' d='M18 28h28a5 5 0 0 1 5 5v18a5 5 0 0 1-5 5H18a5 5 0 0 1-5-5V33a5 5 0 0 1 5-5Z M22 28v-7a10 10 0 0 1 20 0v7 M32 39v7 M28 39h8'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' d='M18 28h28a5 5 0 0 1 5 5v18a5 5 0 0 1-5 5H18a5 5 0 0 1-5-5V33a5 5 0 0 1 5-5Z M22 28v-7a10 10 0 0 1 20 0v7 M32 39v7 M28 39h8'/%3E%3C/svg%3E") !important;
}

/* eye slash */
#benefits .card .eye::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 32s9-15 24-15 24 15 24 15-9 15-24 15S8 32 8 32Z'/%3E%3Ccircle cx='32' cy='32' r='8'/%3E%3Cpath d='M12 54 52 10'/%3E%3C/g%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 32s9-15 24-15 24 15 24 15-9 15-24 15S8 32 8 32Z'/%3E%3Ccircle cx='32' cy='32' r='8'/%3E%3Cpath d='M12 54 52 10'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* globe */
#benefits .card .globe-icon::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='32' r='24'/%3E%3Cpath d='M8 32h48M32 8c8 8 12 16 12 24s-4 16-12 24M32 8C24 16 20 24 20 32s4 16 12 24'/%3E%3C/g%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='32' r='24'/%3E%3Cpath d='M8 32h48M32 8c8 8 12 16 12 24s-4 16-12 24M32 8C24 16 20 24 20 32s4 16 12 24'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* reliability */
#benefits .card .support-icon::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' d='M32 7 12 15v14c0 14 8 23 20 28 12-5 20-14 20-28V15L32 7Z M23 32l6 6 13-15'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' d='M32 7 12 15v14c0 14 8 23 20 28 12-5 20-14 20-28V15L32 7Z M23 32l6 6 13-15'/%3E%3C/svg%3E") !important;
}

@media(max-width:520px){
  #benefits .card .icon{
    width:62px !important;
    height:62px !important;
  }

  #benefits .card .icon::after{
    width:50px !important;
    height:50px !important;
  }
}


/* ===== BENEFIT ICONS PREMIUM POLISH ===== */

#benefits .card .icon{
  transform:translateZ(0) !important;
}

#benefits .card .icon::before{
  inset:-12px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(180,255,35,.26) 0%, rgba(105,255,0,.12) 34%, transparent 66%),
    conic-gradient(from 180deg, transparent, rgba(186,255,22,.22), transparent, rgba(80,255,0,.14), transparent) !important;
  filter:blur(.2px) !important;
  opacity:.82 !important;
  animation:benefitIconAura 5.8s ease-in-out infinite !important;
}

#benefits .card .icon::after{
  background:#afff20 !important;
  filter:
    drop-shadow(0 0 4px rgba(210,255,95,.95))
    drop-shadow(0 0 13px rgba(115,255,24,.64))
    drop-shadow(0 0 30px rgba(70,255,0,.28)) !important;
  transition:transform .35s cubic-bezier(.2,.9,.2,1), filter .35s ease, background .35s ease !important;
}

#benefits .card .icon{
  animation:benefitIconFloat 6.5s ease-in-out infinite !important;
}

#benefits .card:nth-child(2) .icon{animation-delay:.25s !important;}
#benefits .card:nth-child(3) .icon{animation-delay:.5s !important;}
#benefits .card:nth-child(4) .icon{animation-delay:.75s !important;}
#benefits .card:nth-child(5) .icon{animation-delay:1s !important;}
#benefits .card:nth-child(6) .icon{animation-delay:1.25s !important;}

#benefits .card:hover .icon::before{
  opacity:1 !important;
  transform:scale(1.14) rotate(8deg) !important;
}

#benefits .card:hover .icon::after{
  background:#d8ff54 !important;
  transform:scale(1.08) !important;
  filter:
    drop-shadow(0 0 6px rgba(245,255,160,1))
    drop-shadow(0 0 18px rgba(160,255,35,.86))
    drop-shadow(0 0 42px rgba(80,255,0,.38)) !important;
}

#benefits .card{
  position:relative !important;
  overflow:hidden !important;
}

#benefits .card::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(186,255,22,.72), transparent) !important;
  opacity:.55 !important;
}

#benefits .card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(186,255,22,.12), transparent 34%),
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.035) 42%, transparent 62%) !important;
  opacity:.72 !important;
}

#benefits .card > *{
  position:relative !important;
  z-index:2 !important;
}

@keyframes benefitIconFloat{
  0%,100%{ transform:translateY(0) scale(1); }
  50%{ transform:translateY(-3px) scale(1.015); }
}

@keyframes benefitIconAura{
  0%,100%{ opacity:.68; transform:scale(1) rotate(0deg); }
  50%{ opacity:.95; transform:scale(1.08) rotate(12deg); }
}

@media(max-width:520px){
  #benefits .card .icon{
    animation:none !important;
  }

  #benefits .card .icon::before{
    inset:-9px !important;
    animation:none !important;
  }
}


/* ===== BENEFIT ICONS PREMIUM POLISH ===== */

#benefits .card .icon{
  transform:translateZ(0) !important;
}

#benefits .card .icon::before{
  inset:-12px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(180,255,35,.26) 0%, rgba(105,255,0,.12) 34%, transparent 66%),
    conic-gradient(from 180deg, transparent, rgba(186,255,22,.22), transparent, rgba(80,255,0,.14), transparent) !important;
  filter:blur(.2px) !important;
  opacity:.82 !important;
  animation:benefitIconAura 5.8s ease-in-out infinite !important;
}

#benefits .card .icon::after{
  background:#afff20 !important;
  filter:
    drop-shadow(0 0 4px rgba(210,255,95,.95))
    drop-shadow(0 0 13px rgba(115,255,24,.64))
    drop-shadow(0 0 30px rgba(70,255,0,.28)) !important;
  transition:transform .35s cubic-bezier(.2,.9,.2,1), filter .35s ease, background .35s ease !important;
}

#benefits .card .icon{
  animation:benefitIconFloat 6.5s ease-in-out infinite !important;
}

#benefits .card:nth-child(2) .icon{animation-delay:.25s !important;}
#benefits .card:nth-child(3) .icon{animation-delay:.5s !important;}
#benefits .card:nth-child(4) .icon{animation-delay:.75s !important;}
#benefits .card:nth-child(5) .icon{animation-delay:1s !important;}
#benefits .card:nth-child(6) .icon{animation-delay:1.25s !important;}

#benefits .card:hover .icon::before{
  opacity:1 !important;
  transform:scale(1.14) rotate(8deg) !important;
}

#benefits .card:hover .icon::after{
  background:#d8ff54 !important;
  transform:scale(1.08) !important;
  filter:
    drop-shadow(0 0 6px rgba(245,255,160,1))
    drop-shadow(0 0 18px rgba(160,255,35,.86))
    drop-shadow(0 0 42px rgba(80,255,0,.38)) !important;
}

#benefits .card{
  position:relative !important;
  overflow:hidden !important;
}

#benefits .card::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(186,255,22,.72), transparent) !important;
  opacity:.55 !important;
}

#benefits .card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(186,255,22,.12), transparent 34%),
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.035) 42%, transparent 62%) !important;
  opacity:.72 !important;
}

#benefits .card > *{
  position:relative !important;
  z-index:2 !important;
}

@keyframes benefitIconFloat{
  0%,100%{ transform:translateY(0) scale(1); }
  50%{ transform:translateY(-3px) scale(1.015); }
}

@keyframes benefitIconAura{
  0%,100%{ opacity:.68; transform:scale(1) rotate(0deg); }
  50%{ opacity:.95; transform:scale(1.08) rotate(12deg); }
}

@media(max-width:520px){
  #benefits .card .icon{
    animation:none !important;
  }

  #benefits .card .icon::before{
    inset:-9px !important;
    animation:none !important;
  }
}


/* ===== REAL PREMIUM BENEFIT ICONS: NEON GLASS ORB ===== */

#benefits .card .icon{
  width:82px !important;
  height:82px !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(186,255,22,.18), transparent 44%),
    radial-gradient(circle at 36% 26%, rgba(255,255,255,.16), transparent 22%) !important;
  border:1px solid rgba(186,255,22,.28) !important;
  outline:1px solid rgba(186,255,22,.12) !important;
  outline-offset:5px !important;
  box-shadow:
    0 0 18px rgba(126,255,31,.30),
    0 0 52px rgba(80,255,0,.14),
    inset 0 0 18px rgba(126,255,31,.14),
    inset 0 0 34px rgba(0,0,0,.22) !important;
  overflow:visible !important;
  isolation:isolate !important;
}

#benefits .card .icon::before{
  content:"" !important;
  position:absolute !important;
  inset:-9px !important;
  border-radius:50% !important;
  z-index:0 !important;
  background:
    radial-gradient(circle at 75% 22%, rgba(230,255,120,.92) 0 2px, transparent 3px),
    radial-gradient(circle at 22% 72%, rgba(186,255,22,.72) 0 1.6px, transparent 3px),
    conic-gradient(
      from 90deg,
      transparent 0deg,
      rgba(186,255,22,.30) 38deg,
      transparent 74deg,
      rgba(65,255,0,.18) 152deg,
      transparent 230deg,
      rgba(186,255,22,.22) 292deg,
      transparent 360deg
    ) !important;
  filter:blur(.15px) drop-shadow(0 0 10px rgba(126,255,31,.30)) !important;
  opacity:.86 !important;
}

#benefits .card .icon::after{
  width:62px !important;
  height:62px !important;
  background:#aaff18 !important;
  filter:
    drop-shadow(0 0 3px rgba(220,255,100,.9))
    drop-shadow(0 0 10px rgba(126,255,31,.70))
    drop-shadow(0 0 24px rgba(80,255,0,.34)) !important;
}

/* маленький центральный блик поверх иконки */
#benefits .card .icon{
  --shine:
    radial-gradient(circle at 33% 22%, rgba(255,255,255,.50) 0 2px, transparent 5px),
    radial-gradient(circle at 68% 78%, rgba(186,255,22,.35) 0 2px, transparent 6px);
}

#benefits .card .icon{
  background:
    var(--shine),
    radial-gradient(circle at 50% 50%, rgba(186,255,22,.18), transparent 44%),
    radial-gradient(circle at 36% 26%, rgba(255,255,255,.16), transparent 22%) !important;
}

/* карточки — делаем блок дороже, чтобы иконки не висели в пустоте */
#benefits .card{
  border-color:rgba(126,255,31,.26) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(126,255,31,.16), transparent 34%),
    linear-gradient(180deg, rgba(9,24,14,.80), rgba(3,9,7,.82)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 32px rgba(126,255,31,.035),
    0 0 34px rgba(0,0,0,.38) !important;
}

#benefits .card:hover .icon{
  transform:translateY(-5px) scale(1.06) !important;
  border-color:rgba(220,255,70,.48) !important;
  box-shadow:
    0 0 24px rgba(186,255,22,.55),
    0 0 78px rgba(80,255,0,.24),
    inset 0 0 20px rgba(186,255,22,.18),
    inset 0 0 36px rgba(0,0,0,.18) !important;
}

#benefits .card:hover .icon::after{
  background:#d6ff3f !important;
  filter:
    drop-shadow(0 0 5px rgba(245,255,150,1))
    drop-shadow(0 0 16px rgba(180,255,38,.92))
    drop-shadow(0 0 36px rgba(80,255,0,.42)) !important;
}

#benefits .card:hover .icon::before{
  opacity:1 !important;
  transform:rotate(12deg) scale(1.08) !important;
}

/* чуть больше воздуха под иконкой */
#benefits .card h3{
  margin-top:24px !important;
}

@media(max-width:520px){
  #benefits .card .icon{
    width:68px !important;
    height:68px !important;
    outline-offset:3px !important;
  }

  #benefits .card .icon::before{
    inset:-7px !important;
  }

  #benefits .card .icon::after{
    width:52px !important;
    height:52px !important;
  }

  #benefits .card h3{
    margin-top:18px !important;
  }
}


/* ===== PREMIUM SERVICE LOGOS BLOCK ===== */

.trust{
  position:relative !important;
  overflow:hidden !important;
}

.trust h2{
  font-family:Unbounded, Manrope, system-ui, sans-serif !important;
  letter-spacing:-.055em !important;
  text-shadow:0 0 24px rgba(255,255,255,.12) !important;
}

.logo-strip{
  max-width:1180px !important;
  margin:34px auto 0 !important;
  padding:34px 42px !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(150px, 1fr)) !important;
  gap:16px !important;

  border-radius:34px !important;
  border:1px solid rgba(186,255,22,.20) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(126,255,31,.13), transparent 42%),
    linear-gradient(180deg, rgba(5,20,10,.82), rgba(2,8,5,.90)) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 40px rgba(126,255,31,.035),
    0 0 44px rgba(0,0,0,.45) !important;

  backdrop-filter:blur(18px) !important;
}

.logo-strip span{
  min-height:68px !important;
  padding:0 18px !important;
  border-radius:20px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  font-family:Manrope, Inter, system-ui, sans-serif !important;
  font-size:22px !important;
  font-weight:900 !important;
  letter-spacing:-.045em !important;
  color:rgba(245,255,245,.86) !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(255,255,255,.018) !important;

  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 22px rgba(0,0,0,.18) !important;

  transition:transform .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease !important;
}

.logo-strip span:hover{
  transform:translateY(-4px) !important;
  color:#ffffff !important;
  border-color:rgba(186,255,22,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 28px rgba(126,255,31,.16) !important;
}

/* фирменные акценты */
.logo-strip span:nth-child(1){
  font-family:Arial Black, Impact, Manrope, sans-serif !important;
  letter-spacing:-.08em !important;
}

.logo-strip span:nth-child(2)::before{
  content:"▶" !important;
  width:30px !important;
  height:22px !important;
  border-radius:7px !important;
  display:grid !important;
  place-items:center !important;
  background:#ff0033 !important;
  color:#fff !important;
  font-size:12px !important;
  box-shadow:0 0 16px rgba(255,0,51,.35) !important;
}

.logo-strip span:nth-child(3){
  font-family:Georgia, Manrope, serif !important;
  letter-spacing:-.06em !important;
}

.logo-strip span:nth-child(5)::before{
  content:"♪" !important;
  font-size:25px !important;
  color:#fff !important;
  text-shadow:
    -2px 0 #00f2ea,
    2px 0 #ff0050,
    0 0 12px rgba(255,255,255,.16) !important;
}

.logo-strip span:nth-child(6)::before{
  content:"" !important;
  width:26px !important;
  height:26px !important;
  border-radius:8px !important;
  display:inline-block !important;
  background:
    radial-gradient(circle at 70% 28%, #fff 0 2px, transparent 3px),
    radial-gradient(circle, transparent 0 35%, #fff 36% 48%, transparent 49%),
    linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045) !important;
  box-shadow:0 0 16px rgba(253,29,29,.28) !important;
}

.logo-strip span:nth-child(7)::before{
  content:"" !important;
  width:26px !important;
  height:26px !important;
  border-radius:50% !important;
  display:inline-block !important;
  background:
    radial-gradient(circle at 32% 36%, #fff 0 3px, transparent 4px),
    radial-gradient(circle at 62% 66%, #fff 0 2px, transparent 3px),
    #ffffff !important;
  opacity:.86 !important;
  box-shadow:0 0 14px rgba(255,255,255,.16) !important;
}

.logo-strip span:nth-child(8)::before{
  content:"" !important;
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  display:inline-block !important;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 35%, #1ed760 36% 100%) !important;
  box-shadow:0 0 16px rgba(30,215,96,.32) !important;
}

.logo-strip span:nth-child(8)::after{
  content:"" !important;
  position:absolute !important;
}

/* Google чуть чище */
.logo-strip span:nth-child(4){
  font-family:Product Sans, Google Sans, Manrope, Arial, sans-serif !important;
  letter-spacing:-.04em !important;
}

/* mobile */
@media(max-width:720px){
  .logo-strip{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
    padding:18px !important;
    border-radius:24px !important;
  }

  .logo-strip span{
    min-height:54px !important;
    padding:0 10px !important;
    font-size:14px !important;
    border-radius:16px !important;
  }

  .logo-strip span:nth-child(2)::before{
    width:24px !important;
    height:18px !important;
    font-size:10px !important;
  }

  .logo-strip span:nth-child(5)::before{
    font-size:20px !important;
  }

  .logo-strip span:nth-child(6)::before,
  .logo-strip span:nth-child(7)::before,
  .logo-strip span:nth-child(8)::before{
    width:20px !important;
    height:20px !important;
  }
}


/* ===== PREMIUM MONOCHROME SERVICE LOGOS ===== */

.logo-strip span{
    position:relative !important;
    gap:12px !important;
    color:#ffffff !important;
    font-weight:700 !important;
    font-family:"Manrope",sans-serif !important;
    background:rgba(255,255,255,.025) !important;
}

.logo-strip span::before{
    content:"";
    width:28px;
    height:28px;
    display:inline-block;
    flex:0 0 28px;

    background:#ffffff;
    opacity:.92;

    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;

    -webkit-mask-position:center;
    mask-position:center;

    -webkit-mask-size:contain;
    mask-size:contain;

    filter:
      drop-shadow(0 0 6px rgba(255,255,255,.16))
      drop-shadow(0 0 18px rgba(126,255,31,.14));
}

/* NETFLIX */

.logo-strip span:nth-child(1)::before{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h3l6 20h-3zM15 2h3v20h-3z'/%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h3l6 20h-3zM15 2h3v20h-3z'/%3E%3C/svg%3E");
}

/* YOUTUBE */

.logo-strip span:nth-child(2)::before{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M549.7 124.1c-6.3-23.7-24.8-42.2-48.5-48.5C458.5 64 288 64 288 64S117.5 64 74.8 75.6C51.1 81.9 32.6 100.4 26.3 124.1 16 166.8 16 256 16 256s0 89.2 10.3 131.9c6.3 23.7 24.8 42.2 48.5 48.5C117.5 448 288 448 288 448s170.5 0 213.2-11.6c23.7-6.3 42.2-24.8 48.5-48.5C560 345.2 560 256 560 256s0-89.2-10.3-131.9zM232 338V174l142 82-142 82z'/%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M549.7 124.1c-6.3-23.7-24.8-42.2-48.5-48.5C458.5 64 288 64 288 64S117.5 64 74.8 75.6C51.1 81.9 32.6 100.4 26.3 124.1 16 166.8 16 256 16 256s0 89.2 10.3 131.9c6.3 23.7 24.8 42.2 48.5 48.5C117.5 448 288 448 288 448s170.5 0 213.2-11.6c23.7-6.3 42.2-24.8 48.5-48.5C560 345.2 560 256 560 256s0-89.2-10.3-131.9zM232 338V174l142 82-142 82z'/%3E%3C/svg%3E");
}

/* DISNEY */

.logo-strip span:nth-child(3)::before{
content:"✦";
background:none;
color:#fff;
font-size:22px;
font-weight:900;
}

/* GOOGLE */

.logo-strip span:nth-child(4)::before{
content:"G";
background:none;
font-size:24px;
font-weight:900;
color:#fff;
}

/* TIKTOK */

.logo-strip span:nth-child(5)::before{
content:"♪";
background:none;
font-size:22px;
font-weight:900;
color:#fff;
}

/* INSTAGRAM */

.logo-strip span:nth-child(6)::before{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M224 202a53 53 0 1 0 0 106 53 53 0 1 0 0-106zm124-41v190c0 35-28 63-63 63H95c-35 0-63-28-63-63V161c0-35 28-63 63-63h190c35 0 63 28 63 63zm-124 179a84 84 0 1 1 0-168 84 84 0 1 1 0 168zm88-177a20 20 0 1 0 0-40 20 20 0 1 0 0 40z'/%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M224 202a53 53 0 1 0 0 106 53 53 0 1 0 0-106zm124-41v190c0 35-28 63-63 63H95c-35 0-63-28-63-63V161c0-35 28-63 63-63h190c35 0 63 28 63 63zm-124 179a84 84 0 1 1 0-168 84 84 0 1 1 0 168zm88-177a20 20 0 1 0 0-40 20 20 0 1 0 0 40z'/%3E%3C/svg%3E");
}

/* STEAM */

.logo-strip span:nth-child(7)::before{
content:"◉";
background:none;
font-size:24px;
color:#fff;
}

/* SPOTIFY */

.logo-strip span:nth-child(8)::before{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 496 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm114 357c-5 8-15 10-23 5-63-39-142-48-235-28-9 2-18-4-20-13-2-9 4-18 13-20 102-22 190-11 259 32 8 5 10 15 6 24zm32-71c-7 10-20 13-30 7-72-44-182-57-267-32-11 3-22-3-25-14-3-11 3-22 14-25 95-28 215-14 300 38 10 6 13 19 8 26zm3-74c-86-51-228-56-310-31-13 4-27-3-31-16-4-13 3-27 16-31 95-29 251-23 352 37 12 7 16 22 9 34-7 11-22 15-36 7z'/%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 496 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm114 357c-5 8-15 10-23 5-63-39-142-48-235-28-9 2-18-4-20-13-2-9 4-18 13-20 102-22 190-11 259 32 8 5 10 15 6 24zm32-71c-7 10-20 13-30 7-72-44-182-57-267-32-11 3-22-3-25-14-3-11 3-22 14-25 95-28 215-14 300 38 10 6 13 19 8 26zm3-74c-86-51-228-56-310-31-13 4-27-3-31-16-4-13 3-27 16-31 95-29 251-23 352 37 12 7 16 22 9 34-7 11-22 15-36 7z'/%3E%3C/svg%3E");
}


/* ===== SVG SERVICE LOGOS PREMIUM MONOCHROME ===== */

.trust{
  position:relative !important;
  overflow:hidden !important;
}

.trust h2{
  font-family:Unbounded, Manrope, system-ui, sans-serif !important;
  letter-spacing:-.055em !important;
}

.svg-service-logos{
  max-width:1220px !important;
  margin:34px auto 0 !important;
  padding:30px 34px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:34px !important;
  flex-wrap:wrap !important;

  border-radius:30px !important;
  border:1px solid rgba(186,255,22,.16) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(126,255,31,.09), transparent 44%),
    linear-gradient(180deg, rgba(5,18,10,.72), rgba(2,7,5,.88)) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 0 38px rgba(126,255,31,.025),
    0 0 44px rgba(0,0,0,.42) !important;

  backdrop-filter:blur(18px) !important;
}

.svg-service-logos .svc-logo{
  min-height:auto !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  color:rgba(236,241,247,.78) !important;
  opacity:.86 !important;
  transition:opacity .25s ease, transform .25s ease, color .25s ease, filter .25s ease !important;
}

.svg-service-logos .svc-logo:hover{
  opacity:1 !important;
  color:#ffffff !important;
  transform:translateY(-3px) !important;
  filter:
    drop-shadow(0 0 10px rgba(255,255,255,.18))
    drop-shadow(0 0 24px rgba(126,255,31,.14)) !important;
}

.svg-service-logos svg{
  height:34px !important;
  width:auto !important;
  display:block !important;
  overflow:visible !important;
}

.svg-service-logos text{
  fill:currentColor !important;
  font-family:Manrope, Inter, Arial, sans-serif !important;
  font-weight:900 !important;
  letter-spacing:-1.2px !important;
}

.svg-service-logos .netflix svg{height:36px !important;}
.svg-service-logos .netflix text{
  font-family:Impact, Arial Black, Manrope, sans-serif !important;
  letter-spacing:1px !important;
}

.svg-service-logos .youtube svg{height:31px !important;}
.svg-service-logos .youtube .cut{
  fill:#07100a !important;
}

.svg-service-logos .disney svg{height:34px !important;}
.svg-service-logos .disney text{
  font-family:Georgia, Manrope, serif !important;
  font-weight:900 !important;
  letter-spacing:-1px !important;
}

.svg-service-logos .google text{
  font-family:Manrope, Arial, sans-serif !important;
  font-weight:800 !important;
  letter-spacing:-1.6px !important;
}

.svg-service-logos .tiktok svg{height:32px !important;}
.svg-service-logos .instagram svg{height:32px !important;}
.svg-service-logos .steam svg{height:31px !important;}
.svg-service-logos .spotify svg{height:31px !important;}

.svg-service-logos path,
.svg-service-logos circle,
.svg-service-logos rect{
  fill:currentColor;
}

.svg-service-logos .instagram rect,
.svg-service-logos .instagram circle{
  fill:none !important;
}

.svg-service-logos .spotify .cutline{
  stroke:#07100a !important;
}

.svg-service-logos .steam .cut{
  fill:#07100a !important;
}

.svg-service-logos .steam .line{
  stroke:#07100a !important;
}

@media(max-width:720px){
  .svg-service-logos{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:16px 18px !important;
    padding:22px 18px !important;
    border-radius:24px !important;
  }

  .svg-service-logos .svc-logo{
    min-height:36px !important;
  }

  .svg-service-logos svg{
    max-width:132px !important;
    height:28px !important;
  }

  .svg-service-logos .netflix svg{height:30px !important;}
}


/* ===== CLEAN MONOCHROME BRAND LOGOS LIKE REFERENCE ===== */

.clean-brand-logos{
  max-width:1180px !important;
  margin:28px auto 0 !important;
  padding:30px 38px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:34px !important;
  flex-wrap:wrap !important;

  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

.clean-brand-logos .brand-logo{
  min-height:auto !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;

  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;

  color:rgba(235,238,246,.72) !important;
  opacity:.9 !important;
  text-shadow:0 0 18px rgba(255,255,255,.08) !important;

  transition:.25s ease !important;
}

.clean-brand-logos .brand-logo:hover{
  color:#fff !important;
  opacity:1 !important;
  transform:translateY(-2px) !important;
  filter:drop-shadow(0 0 14px rgba(255,255,255,.16)) !important;
}

.clean-brand-logos .netflix{
  font-family:Impact, "Arial Black", sans-serif !important;
  font-size:32px !important;
  font-weight:900 !important;
  letter-spacing:.5px !important;
  transform:scaleX(.78) !important;
}

.clean-brand-logos .youtube{
  font-family:Arial, sans-serif !important;
  font-size:25px !important;
  font-weight:800 !important;
  letter-spacing:-1.4px !important;
}

.clean-brand-logos .youtube i{
  width:31px !important;
  height:21px !important;
  border-radius:6px !important;
  background:currentColor !important;
  position:relative !important;
  display:inline-block !important;
}

.clean-brand-logos .youtube i::after{
  content:"" !important;
  position:absolute !important;
  left:12px !important;
  top:5px !important;
  border-left:9px solid #050b06 !important;
  border-top:5px solid transparent !important;
  border-bottom:5px solid transparent !important;
}

.clean-brand-logos .disney{
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:27px !important;
  font-weight:700 !important;
  font-style:italic !important;
  letter-spacing:-1.8px !important;
  position:relative !important;
}

.clean-brand-logos .disney::before{
  content:"" !important;
  position:absolute !important;
  left:-5px !important;
  top:-10px !important;
  width:72px !important;
  height:24px !important;
  border-top:2px solid currentColor !important;
  border-radius:70% 70% 0 0 !important;
  opacity:.65 !important;
}

.clean-brand-logos .google{
  font-family:Arial, sans-serif !important;
  font-size:32px !important;
  font-weight:700 !important;
  letter-spacing:-2.4px !important;
}

.clean-brand-logos .tiktok{
  font-family:Arial, sans-serif !important;
  font-size:27px !important;
  font-weight:800 !important;
  letter-spacing:-1.2px !important;
}

.clean-brand-logos .tiktok i{
  width:22px !important;
  height:28px !important;
  display:inline-block !important;
  position:relative !important;
}

.clean-brand-logos .tiktok i::before{
  content:"♪" !important;
  position:absolute !important;
  inset:-4px 0 0 0 !important;
  font-size:30px !important;
  font-weight:900 !important;
  color:currentColor !important;
}

.clean-brand-logos .instagram{
  font-family:Georgia, serif !important;
  font-size:25px !important;
  font-weight:700 !important;
  font-style:italic !important;
  letter-spacing:-1.6px !important;
}

.clean-brand-logos .instagram i{
  width:27px !important;
  height:27px !important;
  border:3px solid currentColor !important;
  border-radius:8px !important;
  position:relative !important;
  display:inline-block !important;
}

.clean-brand-logos .instagram i::before{
  content:"" !important;
  position:absolute !important;
  left:6px !important;
  top:6px !important;
  width:9px !important;
  height:9px !important;
  border:3px solid currentColor !important;
  border-radius:50% !important;
}

.clean-brand-logos .instagram i::after{
  content:"" !important;
  position:absolute !important;
  right:4px !important;
  top:4px !important;
  width:4px !important;
  height:4px !important;
  border-radius:50% !important;
  background:currentColor !important;
}

.clean-brand-logos .steam{
  font-family:Arial, sans-serif !important;
  font-size:25px !important;
  font-weight:800 !important;
  letter-spacing:-1.1px !important;
}

.clean-brand-logos .steam i{
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  background:currentColor !important;
  display:inline-block !important;
  position:relative !important;
}

.clean-brand-logos .steam i::before{
  content:"" !important;
  position:absolute !important;
  right:5px !important;
  top:5px !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#050b06 !important;
}

.clean-brand-logos .steam i::after{
  content:"" !important;
  position:absolute !important;
  left:5px !important;
  bottom:5px !important;
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:#050b06 !important;
}

.clean-brand-logos .spotify{
  font-family:Arial, sans-serif !important;
  font-size:25px !important;
  font-weight:800 !important;
  letter-spacing:-1.2px !important;
}

.clean-brand-logos .spotify i{
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  background:currentColor !important;
  display:inline-block !important;
  position:relative !important;
}

.clean-brand-logos .spotify i::before{
  content:"≋" !important;
  position:absolute !important;
  left:5px !important;
  top:1px !important;
  color:#050b06 !important;
  font-size:25px !important;
  font-weight:900 !important;
  transform:rotate(8deg) !important;
}

@media(max-width:720px){
  .clean-brand-logos{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:18px 12px !important;
    padding:18px 12px !important;
  }

  .clean-brand-logos .brand-logo{
    justify-content:center !important;
    font-size:18px !important;
  }

  .clean-brand-logos .netflix{
    font-size:24px !important;
  }

  .clean-brand-logos .google{
    font-size:23px !important;
  }
}


/* ===== CLEAN BRAND LOGOS: REMOVE COLOR ARTIFACTS ===== */

.clean-brand-logos .brand-logo,
.clean-brand-logos .brand-logo *,
.clean-brand-logos .brand-logo::before,
.clean-brand-logos .brand-logo::after,
.clean-brand-logos .brand-logo i,
.clean-brand-logos .brand-logo i::before,
.clean-brand-logos .brand-logo i::after{
  color:rgba(236,241,247,.78) !important;
  background:transparent !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
}

/* возвращаем только нужные бело-серые векторные формы */

.clean-brand-logos .youtube i{
  background:rgba(236,241,247,.78) !important;
}

.clean-brand-logos .youtube i::after{
  border-left-color:#061000 !important;
}

.clean-brand-logos .instagram i{
  border-color:rgba(236,241,247,.78) !important;
}

.clean-brand-logos .instagram i::before{
  border-color:rgba(236,241,247,.78) !important;
}

.clean-brand-logos .instagram i::after{
  background:rgba(236,241,247,.78) !important;
}

.clean-brand-logos .steam i{
  background:rgba(236,241,247,.78) !important;
}

.clean-brand-logos .steam i::before,
.clean-brand-logos .steam i::after{
  background:#061000 !important;
}

.clean-brand-logos .spotify i{
  background:rgba(236,241,247,.78) !important;
}

.clean-brand-logos .spotify i::before{
  color:#061000 !important;
}

.clean-brand-logos .tiktok i::before{
  color:rgba(236,241,247,.78) !important;
}

/* общий премиум hover */
.clean-brand-logos .brand-logo:hover,
.clean-brand-logos .brand-logo:hover *,
.clean-brand-logos .brand-logo:hover::before,
.clean-brand-logos .brand-logo:hover::after,
.clean-brand-logos .brand-logo:hover i,
.clean-brand-logos .brand-logo:hover i::before,
.clean-brand-logos .brand-logo:hover i::after{
  color:#ffffff !important;
  border-color:#ffffff !important;
}

.clean-brand-logos .youtube:hover i,
.clean-brand-logos .steam:hover i,
.clean-brand-logos .spotify:hover i,
.clean-brand-logos .instagram:hover i::after{
  background:#ffffff !important;
}

.clean-brand-logos .brand-logo:hover{
  filter:drop-shadow(0 0 12px rgba(255,255,255,.16)) !important;
}


/* ===== CLEAN PREMIUM SERVICE LOGOS FINAL ===== */

.premium-brand-line,
.premium-brand-line *,
.premium-brand-line *::before,
.premium-brand-line *::after{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
}

.premium-brand-line{
  max-width:1180px !important;
  margin:30px auto 0 !important;
  padding:18px 20px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:34px !important;
  flex-wrap:wrap !important;

  border-radius:0 !important;
  backdrop-filter:none !important;
}

.premium-brand-line .brand-word{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:0 !important;
  padding:0 !important;

  color:rgba(235,238,246,.76) !important;
  opacity:.92 !important;

  font-size:24px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.04em !important;

  transition:color .25s ease, opacity .25s ease, transform .25s ease, filter .25s ease !important;
}

.premium-brand-line .brand-word::before,
.premium-brand-line .brand-word::after{
  content:none !important;
  display:none !important;
}

.premium-brand-line .brand-word:hover{
  color:#ffffff !important;
  opacity:1 !important;
  transform:translateY(-2px) !important;
  filter:drop-shadow(0 0 12px rgba(255,255,255,.16)) !important;
}

.premium-brand-line .netflix{
  font-family:Impact, "Arial Black", sans-serif !important;
  font-size:29px !important;
  letter-spacing:.03em !important;
  transform:scaleX(.78) !important;
}

.premium-brand-line .youtube{
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:25px !important;
  font-weight:900 !important;
  letter-spacing:-.07em !important;
}

.premium-brand-line .disney{
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:26px !important;
  font-style:italic !important;
  font-weight:800 !important;
  letter-spacing:-.08em !important;
}

.premium-brand-line .google{
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:28px !important;
  font-weight:700 !important;
  letter-spacing:-.08em !important;
}

.premium-brand-line .tiktok{
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:25px !important;
  font-weight:900 !important;
  letter-spacing:-.05em !important;
}

.premium-brand-line .instagram{
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:25px !important;
  font-style:italic !important;
  font-weight:800 !important;
  letter-spacing:-.08em !important;
}

.premium-brand-line .steam,
.premium-brand-line .spotify{
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:24px !important;
  font-weight:800 !important;
  letter-spacing:-.06em !important;
}

/* убираем старые цветные артефакты от предыдущих logo-strip правил */
.logo-strip:not(.premium-brand-line) span::before,
.logo-strip:not(.premium-brand-line) span::after{
  content:none !important;
  display:none !important;
}

@media(max-width:720px){
  .premium-brand-line{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:18px 16px !important;
    padding:14px 8px !important;
  }

  .premium-brand-line .brand-word{
    font-size:18px !important;
  }

  .premium-brand-line .netflix{
    font-size:23px !important;
  }

  .premium-brand-line .google{
    font-size:22px !important;
  }
}


/* ===== BRANDS V9 — CLEAN MONOCHROME REFERENCE STYLE ===== */

.brand-strip-v9,
.brand-strip-v9 *,
.brand-strip-v9 *::before,
.brand-strip-v9 *::after{
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
  border-color:currentColor !important;
}

.brand-strip-v9{
  max-width:1180px !important;
  margin:34px auto 0 !important;
  padding:18px 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:34px !important;
  flex-wrap:wrap !important;
}

.brand-strip-v9 span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  color:rgba(232,236,245,.74) !important;
  opacity:.95 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  transition:.22s ease !important;
}

.brand-strip-v9 span:hover{
  color:#fff !important;
  transform:translateY(-2px) !important;
  filter:drop-shadow(0 0 12px rgba(255,255,255,.14)) !important;
}

.brand-strip-v9 .b-netflix{
  font-family:Impact,"Arial Black",sans-serif !important;
  font-size:32px !important;
  letter-spacing:.02em !important;
  transform:scaleX(.78) !important;
}

.brand-strip-v9 .b-youtube,
.brand-strip-v9 .b-google,
.brand-strip-v9 .b-tiktok,
.brand-strip-v9 .b-steam,
.brand-strip-v9 .b-spotify{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:25px !important;
  font-weight:800 !important;
  letter-spacing:-.06em !important;
}

.brand-strip-v9 .b-disney,
.brand-strip-v9 .b-instagram{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:26px !important;
  font-style:italic !important;
  font-weight:800 !important;
  letter-spacing:-.08em !important;
}

.brand-strip-v9 .b-youtube i{
  width:30px !important;
  height:20px !important;
  border-radius:6px !important;
  background:currentColor !important;
  position:relative !important;
}

.brand-strip-v9 .b-youtube i::after{
  content:"" !important;
  position:absolute !important;
  left:12px !important;
  top:5px !important;
  border-left:9px solid #061000 !important;
  border-top:5px solid transparent !important;
  border-bottom:5px solid transparent !important;
}

.brand-strip-v9 .b-disney{
  position:relative !important;
}

.brand-strip-v9 .b-disney::before{
  content:"" !important;
  position:absolute !important;
  left:-10px !important;
  top:-13px !important;
  width:86px !important;
  height:25px !important;
  border-top:2px solid currentColor !important;
  border-radius:90% 90% 0 0 !important;
  opacity:.72 !important;
}

.brand-strip-v9 .b-tiktok i{
  font-size:27px !important;
  font-style:normal !important;
  font-weight:900 !important;
  margin-right:1px !important;
}

.brand-strip-v9 .b-instagram i{
  width:27px !important;
  height:27px !important;
  border:3px solid currentColor !important;
  border-radius:8px !important;
  position:relative !important;
}

.brand-strip-v9 .b-instagram i::before{
  content:"" !important;
  position:absolute !important;
  left:6px !important;
  top:6px !important;
  width:9px !important;
  height:9px !important;
  border:3px solid currentColor !important;
  border-radius:50% !important;
}

.brand-strip-v9 .b-instagram i::after{
  content:"" !important;
  position:absolute !important;
  right:4px !important;
  top:4px !important;
  width:4px !important;
  height:4px !important;
  border-radius:50% !important;
  background:currentColor !important;
}

.brand-strip-v9 .b-steam i,
.brand-strip-v9 .b-spotify i{
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  background:currentColor !important;
  position:relative !important;
}

.brand-strip-v9 .b-steam i::before{
  content:"" !important;
  position:absolute !important;
  right:5px !important;
  top:5px !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#061000 !important;
}

.brand-strip-v9 .b-steam i::after{
  content:"" !important;
  position:absolute !important;
  left:5px !important;
  bottom:5px !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#061000 !important;
}

.brand-strip-v9 .b-spotify i::before{
  content:"≋" !important;
  position:absolute !important;
  left:5px !important;
  top:1px !important;
  color:#061000 !important;
  font-size:25px !important;
  font-weight:900 !important;
  transform:rotate(8deg) !important;
}

@media(max-width:720px){
  .brand-strip-v9{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px 14px !important;
    padding:10px 0 !important;
  }

  .brand-strip-v9 span{
    font-size:20px !important;
  }

  .brand-strip-v9 .b-netflix{
    font-size:25px !important;
  }

  .brand-strip-v9 .b-google{
    font-size:22px !important;
  }
}


/* ===== BRAND REF V10 — LIKE REFERENCE ===== */

.brand-ref-v10,
.brand-ref-v10 *,
.brand-ref-v10 *::before,
.brand-ref-v10 *::after{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
}

.brand-ref-v10{
  max-width:1180px !important;
  margin:24px auto 0 !important;
  padding:14px 8px 22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:34px !important;
  flex-wrap:nowrap !important;
  color:rgba(226,231,242,.74) !important;
}

.brand-ref-v10 > span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  white-space:nowrap !important;
  color:rgba(226,231,242,.74) !important;
  opacity:.92 !important;
  line-height:1 !important;
  transition:.22s ease !important;
}

.brand-ref-v10 > span:hover{
  color:#fff !important;
  opacity:1 !important;
  transform:translateY(-2px) !important;
  filter:drop-shadow(0 0 12px rgba(255,255,255,.15)) !important;
}

/* Netflix */
.brand-ref-v10 .br-netflix{
  font-family:Impact,"Arial Black",sans-serif !important;
  font-size:27px !important;
  letter-spacing:.08em !important;
  transform:scaleX(.72) !important;
  transform-origin:center !important;
}

/* YouTube */
.brand-ref-v10 .br-youtube b{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:21px !important;
  font-weight:800 !important;
  letter-spacing:-.065em !important;
}

.brand-ref-v10 .br-youtube i{
  width:25px !important;
  height:17px !important;
  border-radius:5px !important;
  background:currentColor !important;
  position:relative !important;
}

.brand-ref-v10 .br-youtube i::after{
  content:"" !important;
  position:absolute !important;
  left:10px !important;
  top:4px !important;
  border-left:8px solid #050b06 !important;
  border-top:4.5px solid transparent !important;
  border-bottom:4.5px solid transparent !important;
}

/* Disney */
.brand-ref-v10 .br-disney{
  position:relative !important;
  font-family:Georgia,"Times New Roman",serif !important;
}

.brand-ref-v10 .br-disney b{
  font-size:22px !important;
  font-style:italic !important;
  font-weight:800 !important;
  letter-spacing:-.08em !important;
}

.brand-ref-v10 .br-disney em{
  position:absolute !important;
  left:-7px !important;
  top:-12px !important;
  width:70px !important;
  height:22px !important;
  border-top:2px solid currentColor !important;
  border-radius:80% 80% 0 0 !important;
  opacity:.72 !important;
}

/* Google */
.brand-ref-v10 .br-google{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:26px !important;
  font-weight:700 !important;
  letter-spacing:-.085em !important;
}

/* TikTok */
.brand-ref-v10 .br-tiktok b{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:22px !important;
  font-weight:800 !important;
  letter-spacing:-.055em !important;
}

.brand-ref-v10 .br-tiktok i{
  font-style:normal !important;
  font-size:25px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

/* Instagram */
.brand-ref-v10 .br-instagram b{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:21px !important;
  font-style:italic !important;
  font-weight:800 !important;
  letter-spacing:-.085em !important;
}

.brand-ref-v10 .br-instagram i{
  width:24px !important;
  height:24px !important;
  border:3px solid currentColor !important;
  border-radius:7px !important;
  position:relative !important;
}

.brand-ref-v10 .br-instagram i::before{
  content:"" !important;
  position:absolute !important;
  left:5px !important;
  top:5px !important;
  width:8px !important;
  height:8px !important;
  border:3px solid currentColor !important;
  border-radius:50% !important;
}

.brand-ref-v10 .br-instagram i::after{
  content:"" !important;
  position:absolute !important;
  right:3px !important;
  top:3px !important;
  width:4px !important;
  height:4px !important;
  border-radius:50% !important;
  background:currentColor !important;
}

/* Steam */
.brand-ref-v10 .br-steam b,
.brand-ref-v10 .br-spotify b{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:20px !important;
  font-weight:800 !important;
  letter-spacing:-.055em !important;
}

.brand-ref-v10 .br-steam i{
  width:25px !important;
  height:25px !important;
  border-radius:50% !important;
  background:currentColor !important;
  position:relative !important;
}

.brand-ref-v10 .br-steam i::before{
  content:"" !important;
  position:absolute !important;
  right:5px !important;
  top:5px !important;
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:#050b06 !important;
}

.brand-ref-v10 .br-steam i::after{
  content:"" !important;
  position:absolute !important;
  left:5px !important;
  bottom:5px !important;
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:#050b06 !important;
}

/* Spotify */
.brand-ref-v10 .br-spotify i{
  width:25px !important;
  height:25px !important;
  border-radius:50% !important;
  background:currentColor !important;
  position:relative !important;
}

.brand-ref-v10 .br-spotify i::before{
  content:"≋" !important;
  position:absolute !important;
  left:4px !important;
  top:0px !important;
  color:#050b06 !important;
  font-size:23px !important;
  font-weight:900 !important;
  transform:rotate(8deg) !important;
}

/* remove old service garbage */
.logo-strip:not(.brand-ref-v10),
.clean-brand-logos,
.premium-brand-line,
.svg-service-logos,
.brand-strip-v9{
  background:transparent !important;
}

@media(max-width:720px){
  .brand-ref-v10{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:16px 24px !important;
    padding:10px 6px 18px !important;
  }

  .brand-ref-v10 > span{
    flex:0 0 auto !important;
  }

  .brand-ref-v10 .br-netflix{font-size:21px !important;}
  .brand-ref-v10 .br-youtube b,
  .brand-ref-v10 .br-tiktok b,
  .brand-ref-v10 .br-disney b,
  .brand-ref-v10 .br-instagram b,
  .brand-ref-v10 .br-steam b,
  .brand-ref-v10 .br-spotify b{font-size:16px !important;}
  .brand-ref-v10 .br-google{font-size:20px !important;}

  .brand-ref-v10 .br-youtube i{width:21px !important;height:15px !important;}
  .brand-ref-v10 .br-instagram i,
  .brand-ref-v10 .br-steam i,
  .brand-ref-v10 .br-spotify i{width:20px !important;height:20px !important;}
}


/* ===== FIX LAST 3 BRAND ICONS: INSTAGRAM / STEAM / SPOTIFY ===== */

.brand-ref-v10 .br-instagram i,
.brand-ref-v10 .br-steam i,
.brand-ref-v10 .br-spotify i{
  position:relative !important;
  display:inline-block !important;
  flex:0 0 auto !important;
  color:rgba(226,231,242,.78) !important;
  background:currentColor !important;
  box-shadow:none !important;
  filter:none !important;
}

/* Instagram: камера, круг строго по центру */
.brand-ref-v10 .br-instagram i{
  width:25px !important;
  height:25px !important;
  border:none !important;
  border-radius:0 !important;

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 6h24c8 0 14 6 14 14v24c0 8-6 14-14 14H20C12 58 6 52 6 44V20C6 12 12 6 20 6Zm0 5c-5.2 0-9 3.8-9 9v24c0 5.2 3.8 9 9 9h24c5.2 0 9-3.8 9-9V20c0-5.2-3.8-9-9-9H20Zm12 12a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm0 5a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm14-7a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 6h24c8 0 14 6 14 14v24c0 8-6 14-14 14H20C12 58 6 52 6 44V20C6 12 12 6 20 6Zm0 5c-5.2 0-9 3.8-9 9v24c0 5.2 3.8 9 9 9h24c5.2 0 9-3.8 9-9V20c0-5.2-3.8-9-9-9H20Zm12 12a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm0 5a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm14-7a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z'/%3E%3C/svg%3E") !important;

  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
}

.brand-ref-v10 .br-instagram i::before,
.brand-ref-v10 .br-instagram i::after{
  content:none !important;
  display:none !important;
}

/* Steam: круглый знак с механическим узлом */
.brand-ref-v10 .br-steam i{
  width:25px !important;
  height:25px !important;
  border-radius:0 !important;

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 4a28 28 0 1 0 0 56 28 28 0 0 0 0-56Zm12 13a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6ZM20 38l13-9 5 5-10 14a9 9 0 1 1-8-10Zm1 5a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm4-2 10-7 3 3-8 10a10 10 0 0 0-5-6Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 4a28 28 0 1 0 0 56 28 28 0 0 0 0-56Zm12 13a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6ZM20 38l13-9 5 5-10 14a9 9 0 1 1-8-10Zm1 5a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm4-2 10-7 3 3-8 10a10 10 0 0 0-5-6Z'/%3E%3C/svg%3E") !important;

  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
}

.brand-ref-v10 .br-steam i::before,
.brand-ref-v10 .br-steam i::after{
  content:none !important;
  display:none !important;
}

/* Spotify: круг + три полоски внутри */
.brand-ref-v10 .br-spotify i{
  width:25px !important;
  height:25px !important;
  border-radius:50% !important;
  background:currentColor !important;
}

.brand-ref-v10 .br-spotify i::before{
  content:"" !important;
  position:absolute !important;
  inset:5px 4px 4px 4px !important;
  background:#050b06 !important;

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 23c13-4 25-3 36 4' fill='none' stroke='black' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M17 33c10-3 20-2 29 3' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M19 42c8-2 15-1 22 3' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 23c13-4 25-3 36 4' fill='none' stroke='black' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M17 33c10-3 20-2 29 3' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M19 42c8-2 15-1 22 3' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") !important;

  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;

  color:transparent !important;
  font-size:0 !important;
  transform:none !important;
}

.brand-ref-v10 .br-spotify i::after{
  content:none !important;
  display:none !important;
}

/* общий размер текста последних трёх */
.brand-ref-v10 .br-instagram b,
.brand-ref-v10 .br-steam b,
.brand-ref-v10 .br-spotify b{
  font-size:20px !important;
  line-height:1 !important;
}

@media(max-width:720px){
  .brand-ref-v10 .br-instagram i,
  .brand-ref-v10 .br-steam i,
  .brand-ref-v10 .br-spotify i{
    width:21px !important;
    height:21px !important;
  }

  .brand-ref-v10 .br-instagram b,
  .brand-ref-v10 .br-steam b,
  .brand-ref-v10 .br-spotify b{
    font-size:16px !important;
  }
}


/* ===== SCALE LAST 3 LOGOS +15% ===== */

.brand-ref-v10 .br-instagram,
.brand-ref-v10 .br-steam,
.brand-ref-v10 .br-spotify{
    gap:12px !important;
}

.brand-ref-v10 .br-instagram i,
.brand-ref-v10 .br-steam i,
.brand-ref-v10 .br-spotify i{
    width:29px !important;
    height:29px !important;
}

.brand-ref-v10 .br-instagram b,
.brand-ref-v10 .br-steam b,
.brand-ref-v10 .br-spotify b{
    font-size:23px !important;
    letter-spacing:-0.04em !important;
}

@media (max-width:720px){

    .brand-ref-v10 .br-instagram,
    .brand-ref-v10 .br-steam,
    .brand-ref-v10 .br-spotify{
        gap:10px !important;
    }

    .brand-ref-v10 .br-instagram i,
    .brand-ref-v10 .br-steam i,
    .brand-ref-v10 .br-spotify i{
        width:24px !important;
        height:24px !important;
    }

    .brand-ref-v10 .br-instagram b,
    .brand-ref-v10 .br-steam b,
    .brand-ref-v10 .br-spotify b{
        font-size:18px !important;
    }

}


/* ===== HOW PREMIUM V1 ===== */

.how-premium-v1{
  position:relative !important;
  overflow:hidden !important;
}

.how-premium-v1::before{
  content:"" !important;
  position:absolute !important;
  inset:6% 8% auto 8% !important;
  height:320px !important;
  pointer-events:none !important;
  background:radial-gradient(circle at 50% 50%, rgba(115,255,24,.14), transparent 68%) !important;
  filter:blur(26px) !important;
  opacity:.7 !important;
}

.how-flow{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:22px !important;
  max-width:1240px !important;
  margin:0 auto !important;
}

.how-card{
  position:relative !important;
  min-height:310px !important;
  padding:30px 24px 26px !important;
  border-radius:28px !important;
  overflow:hidden !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(126,255,31,.16), transparent 38%),
    linear-gradient(180deg, rgba(10,28,15,.78), rgba(3,9,7,.86)) !important;

  border:1px solid rgba(126,255,31,.24) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 34px rgba(126,255,31,.035),
    0 0 36px rgba(0,0,0,.38) !important;

  transition:transform .32s ease, border-color .32s ease, box-shadow .32s ease !important;
}

.how-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.055) 42%, transparent 62%) !important;
  transform:translateX(-120%) skewX(-16deg) !important;
  transition:transform .75s ease !important;
}

.how-card:hover{
  transform:translateY(-8px) !important;
  border-color:rgba(186,255,22,.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 48px rgba(115,255,24,.20),
    0 0 90px rgba(50,255,0,.08) !important;
}

.how-card:hover::before{
  transform:translateX(120%) skewX(-16deg) !important;
}

.how-num{
  position:absolute !important;
  right:22px !important;
  top:18px !important;
  font-family:Unbounded, Manrope, system-ui, sans-serif !important;
  font-size:15px !important;
  font-weight:900 !important;
  color:rgba(186,255,22,.42) !important;
  letter-spacing:-.04em !important;
}

.how-ico{
  width:82px !important;
  height:82px !important;
  border-radius:50% !important;
  position:relative !important;
  margin-bottom:26px !important;

  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.32), transparent 18%),
    radial-gradient(circle at 50% 50%, rgba(186,255,22,.18), transparent 52%) !important;

  border:1px solid rgba(186,255,22,.30) !important;
  outline:1px solid rgba(186,255,22,.12) !important;
  outline-offset:5px !important;

  box-shadow:
    0 0 20px rgba(126,255,31,.30),
    inset 0 0 24px rgba(126,255,31,.13) !important;
}

.how-ico::after{
  content:"" !important;
  position:absolute !important;
  inset:18px !important;
  background:#baff16 !important;
  filter:
    drop-shadow(0 0 7px rgba(186,255,22,.75))
    drop-shadow(0 0 20px rgba(115,255,24,.32)) !important;

  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
}

.how-user::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 8a12 12 0 1 0 0 24 12 12 0 0 0 0-24Zm0 30c-13 0-22 7-22 16v2h44v-2c0-9-9-16-22-16Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 8a12 12 0 1 0 0 24 12 12 0 0 0 0-24Zm0 30c-13 0-22 7-22 16v2h44v-2c0-9-9-16-22-16Z'/%3E%3C/svg%3E") !important;
}

.how-device::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6h28a4 4 0 0 1 4 4v44a4 4 0 0 1-4 4H18a4 4 0 0 1-4-4V10a4 4 0 0 1 4-4Zm7 8v4h14v-4H25Zm7 34a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6h28a4 4 0 0 1 4 4v44a4 4 0 0 1-4 4H18a4 4 0 0 1-4-4V10a4 4 0 0 1 4-4Zm7 8v4h14v-4H25Zm7 34a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E") !important;
}

.how-config::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 10h26l10 10v34H14V10Zm24 3v11h10L38 13ZM22 30h20v5H22v-5Zm0 10h20v5H22v-5Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 10h26l10 10v34H14V10Zm24 3v11h10L38 13ZM22 30h20v5H22v-5Zm0 10h20v5H22v-5Z'/%3E%3C/svg%3E") !important;
}

.how-check::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 6a26 26 0 1 0 0 52 26 26 0 0 0 0-52Zm-5 36L16 31l5-5 6 6 16-17 5 5-21 22Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 6a26 26 0 1 0 0 52 26 26 0 0 0 0-52Zm-5 36L16 31l5-5 6 6 16-17 5 5-21 22Z'/%3E%3C/svg%3E") !important;
}

.how-card h3{
  font-family:Unbounded, Manrope, system-ui, sans-serif !important;
  font-size:22px !important;
  line-height:1.12 !important;
  letter-spacing:-.055em !important;
  margin:0 0 14px !important;
  color:#f8fff4 !important;
}

.how-card p{
  font-size:15px !important;
  line-height:1.6 !important;
  margin:0 !important;
  color:rgba(220,235,216,.72) !important;
}

.how-card:not(:last-child)::after{
  content:"" !important;
  position:absolute !important;
  right:-23px !important;
  top:50% !important;
  width:24px !important;
  height:2px !important;
  background:linear-gradient(90deg, rgba(186,255,22,.15), rgba(186,255,22,.8), rgba(186,255,22,.15)) !important;
  box-shadow:0 0 12px rgba(186,255,22,.45) !important;
}

@media(max-width:1100px){
  .how-flow{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  .how-card:not(:last-child)::after{
    display:none !important;
  }
}

@media(max-width:720px){
  .how-premium-v1{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .how-flow{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .how-card{
    min-height:auto !important;
    padding:24px 20px !important;
    border-radius:24px !important;
  }

  .how-ico{
    width:66px !important;
    height:66px !important;
    margin-bottom:20px !important;
  }

  .how-ico::after{
    inset:15px !important;
  }

  .how-card h3{
    font-size:20px !important;
  }

  .how-card p{
    font-size:14px !important;
  }
}


/* ===== FAQ + FOOTER PREMIUM V1 ===== */

.faq-premium-v1{
  max-width:none !important;
  position:relative !important;
  overflow:hidden !important;
}

.faq-premium-v1::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:4% !important;
  width:620px !important;
  height:360px !important;
  transform:translateX(-50%) !important;
  background:radial-gradient(circle, rgba(115,255,24,.12), transparent 68%) !important;
  filter:blur(28px) !important;
  opacity:.75 !important;
  pointer-events:none !important;
}

.faq-grid{
  position:relative !important;
  z-index:2 !important;
  max-width:1080px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:14px !important;
}

.faq-premium-v1 details{
  margin:0 !important;
  padding:0 !important;
  border-radius:22px !important;
  border:1px solid rgba(126,255,31,.20) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(126,255,31,.10), transparent 38%),
    linear-gradient(180deg, rgba(9,24,14,.78), rgba(3,9,7,.84)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 0 28px rgba(0,0,0,.28) !important;
  overflow:hidden !important;
  transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease !important;
}

.faq-premium-v1 details[open]{
  border-color:rgba(186,255,22,.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 0 34px rgba(115,255,24,.14) !important;
}

.faq-premium-v1 details:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(186,255,22,.34) !important;
}

.faq-premium-v1 summary{
  position:relative !important;
  list-style:none !important;
  cursor:pointer !important;
  padding:22px 58px 22px 24px !important;
  font-family:Unbounded, Manrope, system-ui, sans-serif !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  letter-spacing:-.045em !important;
  color:#f6fff1 !important;
}

.faq-premium-v1 summary::-webkit-details-marker{
  display:none !important;
}

.faq-premium-v1 summary::after{
  content:"+" !important;
  position:absolute !important;
  right:22px !important;
  top:50% !important;
  width:28px !important;
  height:28px !important;
  transform:translateY(-50%) !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  color:#baff16 !important;
  background:rgba(126,255,31,.10) !important;
  border:1px solid rgba(186,255,22,.24) !important;
  box-shadow:0 0 16px rgba(115,255,24,.12) !important;
  transition:transform .25s ease, background .25s ease !important;
}

.faq-premium-v1 details[open] summary::after{
  content:"×" !important;
  transform:translateY(-50%) rotate(90deg) !important;
  background:rgba(186,255,22,.18) !important;
}

.faq-premium-v1 p{
  padding:0 24px 24px !important;
  margin:0 !important;
  color:rgba(220,235,216,.72) !important;
  line-height:1.65 !important;
  font-size:15px !important;
}

/* Footer */

.premium-footer-v1{
  display:block !important;
  padding:0 clamp(22px,6vw,88px) 34px !important;
  border-top:1px solid rgba(126,255,31,.16) !important;
  color:rgba(220,235,216,.74) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(115,255,24,.11), transparent 38%),
    linear-gradient(180deg, rgba(3,12,7,.86), rgba(1,5,3,.96)) !important;
}

.footer-inner{
  max-width:1240px !important;
  margin:0 auto !important;
  padding:42px 0 30px !important;
  display:grid !important;
  grid-template-columns:1.2fr .8fr !important;
  gap:34px !important;
}

.footer-logo{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  color:#fff !important;
  font-family:Unbounded, Manrope, system-ui, sans-serif !important;
  font-weight:900 !important;
  font-size:20px !important;
  letter-spacing:-.045em !important;
}

.footer-logo img{
  width:46px !important;
  height:46px !important;
  border-radius:50% !important;
  box-shadow:0 0 24px rgba(115,255,24,.22) !important;
}

.footer-brand p{
  max-width:420px !important;
  margin:18px 0 18px !important;
  color:rgba(220,235,216,.72) !important;
  line-height:1.6 !important;
}

.footer-badges{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}

.footer-badges span{
  padding:8px 11px !important;
  border-radius:999px !important;
  color:#dfffcb !important;
  font-size:12px !important;
  font-weight:800 !important;
  border:1px solid rgba(126,255,31,.22) !important;
  background:rgba(126,255,31,.07) !important;
}

.footer-nav{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:26px !important;
}

.footer-nav div{
  display:grid !important;
  gap:12px !important;
}

.footer-nav strong{
  color:#fff !important;
  font-family:Unbounded, Manrope, system-ui, sans-serif !important;
  font-size:14px !important;
  letter-spacing:-.035em !important;
}

.footer-nav a{
  color:rgba(220,235,216,.70) !important;
  transition:color .22s ease, transform .22s ease !important;
}

.footer-nav a:hover{
  color:#baff16 !important;
  transform:translateX(3px) !important;
}

.footer-bottom{
  max-width:1240px !important;
  margin:0 auto !important;
  padding-top:22px !important;
  border-top:1px solid rgba(126,255,31,.12) !important;
  display:flex !important;
  justify-content:space-between !important;
  gap:16px !important;
  color:rgba(220,235,216,.52) !important;
  font-size:13px !important;
}

@media(max-width:720px){
  .faq-grid{
    grid-template-columns:1fr !important;
  }

  .faq-premium-v1 summary{
    font-size:14px !important;
    padding:19px 54px 19px 18px !important;
  }

  .faq-premium-v1 p{
    padding:0 18px 20px !important;
    font-size:14px !important;
  }

  .footer-inner{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .footer-nav{
    grid-template-columns:1fr 1fr !important;
  }

  .footer-bottom{
    flex-direction:column !important;
    text-align:left !important;
    padding-bottom:80px !important;
  }
}



/* ===== CLEAN TARIFFS FINAL V1 ===== */

#tariffs.tariffs-v2{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:58px 0 56px !important;
  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#tariffs.tariffs-v2::before,
#tariffs.tariffs-v2::after{
  content:none !important;
  display:none !important;
}

#tariffs .tariff-head{
  max-width:820px !important;
  margin:0 auto 32px !important;
  padding:0 20px !important;
  text-align:center !important;
}

#tariffs .tariff-head h2{
  margin:0 0 12px !important;
  font-family:Unbounded, Manrope, system-ui, sans-serif !important;
  font-size:clamp(38px,4vw,64px) !important;
  line-height:.95 !important;
  letter-spacing:-.06em !important;
  color:#f6fff1 !important;
}

#tariffs .tariff-head p{
  margin:0 auto !important;
  max-width:760px !important;
  color:rgba(220,235,216,.72) !important;
  font-size:17px !important;
  line-height:1.55 !important;
}

#tariffs .tariff-marquee{
  width:100vw !important;
  max-width:100vw !important;
  margin:0 !important;
  padding:6px 0 18px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior-x:contain !important;
  scroll-snap-type:none !important;
  touch-action:pan-x !important;
  cursor:grab !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  mask-image:none !important;
  -webkit-mask-image:none !important;
}

#tariffs .tariff-marquee:active{
  cursor:grabbing !important;
}

#tariffs .tariff-marquee::-webkit-scrollbar{
  display:none !important;
}

#tariffs .tariff-marquee::before,
#tariffs .tariff-marquee::after{
  content:none !important;
  display:none !important;
}

#tariffs .tariff-track{
  display:flex !important;
  align-items:stretch !important;
  gap:22px !important;
  width:max-content !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  animation:none !important;
  transform:none !important;
}

#tariffs .tariff-track::before,
#tariffs .tariff-track::after{
  content:none !important;
  display:none !important;
}

#tariffs .tariff-card{
  position:relative !important;
  flex:0 0 auto !important;
  width:315px !important;
  min-width:315px !important;
  max-width:315px !important;
  min-height:335px !important;
  padding:24px 22px 22px !important;
  border-radius:28px !important;
  overflow:hidden !important;

  display:flex !important;
  flex-direction:column !important;

  background:
    radial-gradient(circle at 18% 0%, rgba(126,255,31,.16), transparent 36%),
    linear-gradient(180deg, rgba(9,25,14,.86), rgba(2,8,5,.92)) !important;

  border:1px solid rgba(126,255,31,.24) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 34px rgba(126,255,31,.04),
    0 0 34px rgba(0,0,0,.34) !important;

  transform:none !important;

  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    background .25s ease,
    filter .25s ease !important;
}

#tariffs .tariff-card::before,
#tariffs .tariff-card::after{
  content:none !important;
  display:none !important;
}

#tariffs .online-dot{
  position:absolute !important;
  left:18px !important;
  top:18px !important;
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  background:#73ff18 !important;
  box-shadow:0 0 14px rgba(115,255,24,.95), 0 0 28px rgba(115,255,24,.35) !important;
}

#tariffs .tariff-countries{
  display:flex !important;
  justify-content:flex-end !important;
  gap:6px !important;
  margin-bottom:22px !important;
}

#tariffs .flag-badge{
  width:31px !important;
  height:31px !important;
  border-radius:50% !important;
  display:inline-block !important;
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.15) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 0 14px rgba(0,0,0,.22) !important;
}

#tariffs .flag-badge::after{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  font-size:9px !important;
  font-weight:900 !important;
  color:rgba(255,255,255,.92) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.55) !important;
}

#tariffs .flag-nl{
  background:linear-gradient(180deg,#ae1c28 0 33.33%,#fff 33.33% 66.66%,#21468b 66.66% 100%) !important;
}
#tariffs .flag-nl::after{content:"NL" !important;}

#tariffs .flag-de{
  background:linear-gradient(180deg,#000 0 33.33%,#dd0000 33.33% 66.66%,#ffce00 66.66% 100%) !important;
}
#tariffs .flag-de::after{content:"DE" !important;}

#tariffs .flag-fi{
  background:
    linear-gradient(90deg, transparent 0 32%, #003580 32% 45%, transparent 45% 100%),
    linear-gradient(180deg, transparent 0 38%, #003580 38% 55%, transparent 55% 100%),
    #fff !important;
}
#tariffs .flag-fi::after{content:"FI" !important;}

#tariffs .flag-us{
  background:
    linear-gradient(180deg,#b22234 0 8%,#fff 8% 16%,#b22234 16% 24%,#fff 24% 32%,#b22234 32% 40%,#fff 40% 48%,#b22234 48% 56%,#fff 56% 64%,#b22234 64% 72%,#fff 72% 80%,#b22234 80% 88%,#fff 88% 96%,#b22234 96% 100%) !important;
}
#tariffs .flag-us::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:48% !important;
  height:54% !important;
  background:#3c3b6e !important;
}
#tariffs .flag-us::after{content:"US" !important;}

#tariffs .flag-il{
  background:
    linear-gradient(180deg,#fff 0 18%,#0038b8 18% 30%,#fff 30% 70%,#0038b8 70% 82%,#fff 82% 100%) !important;
}
#tariffs .flag-il::after{
  content:"✦" !important;
  color:#0038b8 !important;
  font-size:13px !important;
  text-shadow:none !important;
}

#tariffs .tariff-card h3{
  min-height:50px !important;
  margin:0 0 14px !important;
  font-family:Unbounded, Manrope, system-ui, sans-serif !important;
  font-size:21px !important;
  line-height:1.15 !important;
  letter-spacing:-.05em !important;
  color:#f7fff2 !important;
}

#tariffs .price{
  display:flex !important;
  align-items:baseline !important;
  gap:12px !important;
  margin-bottom:5px !important;
}

#tariffs .price s{
  color:rgba(220,235,216,.42) !important;
  font-size:17px !important;
  font-weight:800 !important;
}

#tariffs .price b{
  color:#baff16 !important;
  font-family:Unbounded, Manrope, system-ui, sans-serif !important;
  font-size:32px !important;
  letter-spacing:-.065em !important;
  text-shadow:0 0 22px rgba(115,255,24,.32) !important;
}

#tariffs .per-month{
  color:rgba(220,235,216,.62) !important;
  font-size:14px !important;
  font-weight:800 !important;
  margin-bottom:14px !important;
}

#tariffs .tariff-card ul{
  list-style:none !important;
  padding:0 !important;
  margin:16px 0 22px !important;
  display:grid !important;
  gap:8px !important;
}

#tariffs .tariff-card li{
  color:rgba(220,235,216,.70) !important;
  font-size:14px !important;
  line-height:1.35 !important;
}

#tariffs .tariff-card li::before{
  content:"●" !important;
  color:#73ff18 !important;
  font-size:9px !important;
  margin-right:8px !important;
  vertical-align:1px !important;
}

#tariffs .tariff-card a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  width:max-content !important;
  margin-top:auto !important;
  padding:0 18px !important;
  border-radius:999px !important;
  color:#061000 !important;
  background:linear-gradient(135deg,#dfff4e,#48ff0c 62%,#18d900) !important;
  font-weight:900 !important;
  box-shadow:0 0 24px rgba(115,255,24,.24) !important;
}

#tariffs .tag{
  position:absolute !important;
  right:18px !important;
  top:62px !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:900 !important;
  color:#061000 !important;
  background:#baff16 !important;
  box-shadow:0 0 18px rgba(115,255,24,.30) !important;
}

@media(min-width:721px){
  #tariffs .tariff-card:hover{
    border-color:rgba(186,255,22,.72) !important;
    filter:brightness(1.08) saturate(1.08) !important;

    background:
      radial-gradient(circle at 18% 0%, rgba(186,255,22,.30), transparent 40%),
      radial-gradient(circle at 70% 100%, rgba(115,255,24,.10), transparent 44%),
      linear-gradient(180deg, rgba(13,38,19,.95), rgba(3,12,7,.98)) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      inset 0 0 54px rgba(126,255,31,.10),
      0 0 28px rgba(126,255,31,.34),
      0 0 72px rgba(126,255,31,.14),
      0 14px 38px rgba(0,0,0,.52) !important;
  }

  #tariffs .tariff-card:hover .price b{
    color:#d7ff45 !important;
    text-shadow:0 0 12px rgba(186,255,22,.72), 0 0 28px rgba(115,255,24,.38) !important;
  }

  #tariffs .tariff-card:hover .online-dot{
    background:#baff16 !important;
    box-shadow:0 0 8px rgba(186,255,22,1), 0 0 18px rgba(186,255,22,.95), 0 0 36px rgba(115,255,24,.55) !important;
  }
}

@media(max-width:720px){
  #tariffs.tariffs-v2{
    padding:36px 0 32px !important;
  }

  #tariffs .tariff-head{
    margin-bottom:18px !important;
  }

  #tariffs .tariff-head h2{
    font-size:38px !important;
  }

  #tariffs .tariff-head p{
    max-width:320px !important;
    font-size:12px !important;
    line-height:1.35 !important;
  }

  #tariffs .tariff-track{
    gap:12px !important;
  }

  #tariffs .tariff-card{
    width:172px !important;
    min-width:172px !important;
    max-width:172px !important;
    min-height:252px !important;
    padding:14px 12px 13px !important;
    border-radius:18px !important;
  }

  #tariffs .online-dot{
    left:10px !important;
    top:10px !important;
    width:7px !important;
    height:7px !important;
  }

  #tariffs .tariff-countries{
    gap:4px !important;
    margin-bottom:12px !important;
  }

  #tariffs .flag-badge{
    width:20px !important;
    height:20px !important;
  }

  #tariffs .flag-badge::after{
    font-size:5px !important;
  }

  #tariffs .flag-il::after{
    font-size:8px !important;
  }

  #tariffs .tag{
    top:38px !important;
    right:8px !important;
    padding:3px 6px !important;
    font-size:7px !important;
  }

  #tariffs .tariff-card h3{
    min-height:34px !important;
    font-size:12.5px !important;
    line-height:1.08 !important;
    margin-bottom:7px !important;
  }

  #tariffs .price{
    gap:5px !important;
  }

  #tariffs .price s{
    font-size:9px !important;
  }

  #tariffs .price b{
    font-size:20px !important;
  }

  #tariffs .per-month{
    font-size:9px !important;
    margin-bottom:7px !important;
  }

  #tariffs .tariff-card ul{
    gap:3px !important;
    margin:7px 0 10px !important;
  }

  #tariffs .tariff-card li{
    font-size:9px !important;
    line-height:1.2 !important;
  }

  #tariffs .tariff-card a{
    min-height:30px !important;
    width:100% !important;
    font-size:9px !important;
  }

  #tariffs .tariff-card:hover,
  #tariffs .tariff-card:active{
    transform:none !important;
    filter:none !important;
  }
}


/* ===== REMOVE DARK SHADOW STRIP UNDER TARIFF CARDS ===== */

/* Убираем тёмную внешнюю тень, которая сливалась в общий фон */
#tariffs .tariff-card{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 28px rgba(126,255,31,.035) !important;
}

/* Hover на ПК: зелёная подсветка без чёрной подложки */
@media(min-width:721px){
  #tariffs .tariff-card:hover{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      inset 0 0 48px rgba(126,255,31,.10),
      0 0 24px rgba(126,255,31,.30),
      0 0 54px rgba(126,255,31,.12) !important;
  }
}

/* У клонов в бесконечной ленте тоже убираем тёмную тень */
#tariffs .tariff-card[data-loop-clone="1"]{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 28px rgba(126,255,31,.035) !important;
}


/* ===== iOS TARIFF AUTOSCROLL HARD FIX CSS ===== */

#tariffs .tariff-marquee{
  overflow-x:scroll !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:auto !important;
  scroll-behavior:auto !important;
  touch-action:pan-x !important;
}

#tariffs .tariff-track{
  transform:none !important;
  animation:none !important;
}

/* ===== FOOTER BOTTOM MOBILE CLEAN FIX ===== */

@media(max-width:720px){
  .premium-footer-v1 .footer-bottom{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;

    max-width:100% !important;
    width:100% !important;

    padding:12px 8px 70px !important;
    margin:0 auto !important;

    text-align:center !important;
    border-top:1px solid rgba(126,255,31,.10) !important;
  }

  .premium-footer-v1 .footer-bottom .footer-mobile-line{
    display:block !important;
    width:100% !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;

    font-size:9px !important;
    line-height:1 !important;
    letter-spacing:-.035em !important;
    color:rgba(220,235,216,.58) !important;
    text-align:center !important;
  }
}

@media(max-width:390px){
  .premium-footer-v1 .footer-bottom .footer-mobile-line{
    font-size:8px !important;
    letter-spacing:-.045em !important;
  }
}


/* ===== TARIFF TITLE WRAP FIX ===== */

#tariffs .tariff-card h3{
  padding-right:0 !important;
}

#tariffs .tariff-gift-line{
  display:inline-block !important;
  white-space:nowrap !important;
}

#tariffs .tag{
  top:50px !important;
  right:14px !important;
  z-index:5 !important;
  transform:scale(.88) !important;
  transform-origin:right top !important;
}

@media(max-width:720px){
  #tariffs .tariff-card h3{
    min-height:44px !important;
    padding-right:0 !important;
    font-size:12px !important;
    line-height:1.08 !important;
  }

  #tariffs .tariff-gift-line{
    display:block !important;
    white-space:nowrap !important;
  }

  #tariffs .tag{
    top:34px !important;
    right:8px !important;
    transform:scale(.78) !important;
    transform-origin:right top !important;
  }
}

@media(min-width:721px){
  #tariffs .tariff-card h3{
    min-height:58px !important;
  }

  #tariffs .tag{
    top:58px !important;
  }
}


/* ===== FINAL TARIFF LABEL ALIGN FIX — NO JS TOUCH ===== */

/* Отменяем неудачный span/br-патч */
#tariffs .tariff-gift-line{
  display:inline !important;
  white-space:normal !important;
}

/* Заголовки тарифов */
#tariffs .tariff-card h3{
  white-space:normal !important;
  overflow:visible !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  padding-right:0 !important;
}

/* Бейдж выгодно / максимум — аккуратно сверху справа */
#tariffs .tariff-card .tag{
  z-index:6 !important;
  white-space:nowrap !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* ПК */
@media(min-width:721px){
  #tariffs .tariff-card h3{
    min-height:58px !important;
    font-size:21px !important;
    line-height:1.12 !important;
    padding-right:86px !important;
  }

  #tariffs .tariff-card .tag{
    top:62px !important;
    right:18px !important;
    font-size:11px !important;
    padding:6px 10px !important;
    transform:none !important;
  }
}

/* Мобильная версия */
@media(max-width:720px){
  #tariffs .tariff-card h3{
    min-height:43px !important;
    font-size:12px !important;
    line-height:1.08 !important;
    padding-right:58px !important;
  }

  #tariffs .tariff-card .tag{
    top:36px !important;
    right:8px !important;
    font-size:7px !important;
    padding:3px 6px !important;
    border-radius:999px !important;
    transform:none !important;
  }

  /* Чтобы длинные заголовки не залезали под бейдж */
  #tariffs .tariff-card.hot h3,
  #tariffs .tariff-card.premium h3{
    max-width:118px !important;
  }
}


/* ===== iOS TARIFF AUTOSCROLL HARD FIX CSS ===== */

#tariffs .tariff-marquee{
  overflow-x:scroll !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:auto !important;
  scroll-behavior:auto !important;
  touch-action:pan-x !important;
}

#tariffs .tariff-track{
  transform:none !important;
  animation:none !important;
}