/*
Theme Name: GRANDO VPN RU
Author: ChatGPT
Description: Легкая SEO-оптимизированная WordPress-тема для русскоязычного сайта GRANDO VPN.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: grandovpn-ru
*/
:root{
  --mvp-bg:#07101f;
  --mvp-bg-2:#0b1630;
  --mvp-bg-3:#101d3b;
  --mvp-card:rgba(255,255,255,.075);
  --mvp-card-strong:rgba(255,255,255,.11);
  --mvp-line:rgba(255,255,255,.13);
  --mvp-text:#eef6ff;
  --mvp-muted:#a9b7d0;
  --mvp-soft:#d9e8ff;
  --mvp-cyan:#18e2ff;
  --mvp-cyan-dark:#00aeca;
  --mvp-violet:#7c5cff;
  --mvp-green:#8e34f5;
  --mvp-warning:#ffd166;
  --mvp-danger:#ff6b89;
  --mvp-shadow:0 22px 80px rgba(0,0,0,.35);
  --mvp-radius:26px;
  --mvp-radius-sm:18px;
  --mvp-container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--mvp-bg);color:var(--mvp-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.62;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
p{margin:0 0 1rem;color:var(--mvp-muted)}
h1,h2,h3,h4{margin:0 0 1rem;line-height:1.08;letter-spacing:-.035em;color:var(--mvp-text)}
h1{font-size:clamp(2.6rem,6vw,5.9rem)}
h2{font-size:clamp(2rem,3.8vw,3.6rem)}
h3{font-size:clamp(1.24rem,2vw,1.65rem)}
ul,ol{margin:0;padding-left:1.25rem;color:var(--mvp-muted)}
li{margin:.45rem 0}.mvp-muted{color:var(--mvp-muted)}
.mvp-container{width:min(100% - 36px,var(--mvp-container));margin-inline:auto}.mvp-section{position:relative;padding:92px 0}.mvp-section-sm{padding:62px 0}.mvp-main{min-height:68vh;overflow:hidden}.mvp-narrow{max-width:820px}.mvp-center{text-align:center;margin-inline:auto}.mvp-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border:1px solid rgba(24,226,255,.28);border-radius:999px;color:var(--mvp-cyan);background:rgba(24,226,255,.08);font-size:.88rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mvp-gradient-text{background:linear-gradient(135deg,var(--mvp-cyan),var(--mvp-green),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.mvp-lead{font-size:clamp(1.05rem,1.7vw,1.28rem);color:#c7d6ef;max-width:720px}.mvp-bg-glow:before,.mvp-bg-glow:after{content:"";position:absolute;z-index:-1;border-radius:999px;filter:blur(30px);opacity:.58}.mvp-bg-glow:before{width:470px;height:470px;right:-160px;top:-140px;background:radial-gradient(circle,var(--mvp-violet),transparent 65%)}.mvp-bg-glow:after{width:420px;height:420px;left:-150px;bottom:8%;background:radial-gradient(circle,var(--mvp-cyan),transparent 64%)}
.mvp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;padding:13px 20px;border-radius:999px;border:1px solid transparent;font-weight:850;line-height:1;color:var(--mvp-bg);background:linear-gradient(135deg,var(--mvp-cyan),var(--mvp-green));box-shadow:0 0 34px rgba(24,226,255,.28);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.mvp-btn:hover{transform:translateY(-2px);box-shadow:0 0 46px rgba(24,226,255,.4)}.mvp-btn--ghost{background:rgba(255,255,255,.06);border-color:var(--mvp-line);color:var(--mvp-text);box-shadow:none}.mvp-btn--ghost:hover{border-color:rgba(24,226,255,.5);box-shadow:0 14px 34px rgba(0,0,0,.22)}.mvp-btn--small{min-height:38px;padding:10px 15px;font-size:.9rem}.mvp-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:28px}.mvp-chip{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--mvp-line);border-radius:999px;padding:.42rem .7rem;background:rgba(255,255,255,.06);color:#d6e4fa;font-size:.9rem;font-weight:750}.mvp-header{position:sticky;top:0;z-index:1000;background:rgba(7,16,31,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--mvp-line)}.admin-bar .mvp-header{top:32px}.mvp-header__inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.mvp-logo{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:-.04em;font-size:1.14rem;white-space:nowrap}.mvp-logo__mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--mvp-cyan),var(--mvp-violet));display:grid;place-items:center;box-shadow:0 12px 34px rgba(24,226,255,.18)}.mvp-logo__mark svg{width:25px;height:25px}.mvp-nav{display:flex;align-items:center;gap:6px}.mvp-menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.mvp-menu li{position:relative;margin:0}.mvp-menu a{display:flex;align-items:center;gap:.35rem;border-radius:999px;padding:10px 12px;color:#d7e3f9;font-weight:760;font-size:.95rem}.mvp-menu a:hover,.mvp-menu .current-menu-item>a,.mvp-menu .current_page_item>a{background:rgba(24,226,255,.1);color:#fff}.mvp-menu .menu-item-has-children>a:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;opacity:.8}.mvp-menu .sub-menu{position:absolute;top:calc(100% + 12px);left:0;min-width:240px;list-style:none;margin:0;padding:10px;background:#0d1832;border:1px solid var(--mvp-line);border-radius:20px;box-shadow:var(--mvp-shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease}.mvp-menu li:hover>.sub-menu,.mvp-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.mvp-menu .sub-menu a{border-radius:14px;padding:10px 12px;white-space:nowrap}.mvp-burger{display:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--mvp-line);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;align-items:center;justify-content:center}.mvp-burger span{display:block;width:20px;height:2px;background:currentColor;border-radius:999px;position:relative}.mvp-burger span:before,.mvp-burger span:after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor;border-radius:999px}.mvp-burger span:before{top:-7px}.mvp-burger span:after{top:7px}.mvp-header.is-open .mvp-burger span{background:transparent}.mvp-header.is-open .mvp-burger span:before{top:0;transform:rotate(45deg)}.mvp-header.is-open .mvp-burger span:after{top:0;transform:rotate(-45deg)}
.mvp-hero{position:relative;isolation:isolate;padding:26px 0 22px;background:radial-gradient(circle at 70% 18%,rgba(124,92,255,.35),transparent 32%),radial-gradient(circle at 18% 20%,rgba(24,226,255,.28),transparent 28%),linear-gradient(180deg,#081124 0%,#07101f 88%)}.mvp-hero__grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);gap:52px;align-items:center}.mvp-hero__title{margin-top:22px}.mvp-hero__text{margin-top:20px}.mvp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px;max-width:650px}.mvp-stat{padding:18px;border:1px solid var(--mvp-line);background:rgba(255,255,255,.065);border-radius:22px}.mvp-stat strong{display:block;color:#fff;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1}.mvp-stat span{color:var(--mvp-muted);font-weight:750;font-size:.95rem}.mvp-visual{position:relative;min-height:520px;border:1px solid var(--mvp-line);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:var(--mvp-shadow);overflow:hidden}.mvp-visual:before{content:"";position:absolute;inset:22px;border-radius:28px;background:radial-gradient(circle at 25% 18%,rgba(24,226,255,.28),transparent 30%),radial-gradient(circle at 80% 75%,rgba(52,245,165,.18),transparent 28%),linear-gradient(145deg,#101d3b,#07101f)}.mvp-orbit{position:absolute;inset:70px;border-radius:999px;border:1px solid rgba(24,226,255,.18);animation:mvpSpin 18s linear infinite}.mvp-orbit:nth-child(2){inset:118px;animation-duration:26s;border-color:rgba(124,92,255,.22)}.mvp-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:40px;background:linear-gradient(135deg,var(--mvp-cyan),var(--mvp-green));box-shadow:0 0 90px rgba(24,226,255,.25);display:grid;place-items:center;color:#07101f}.mvp-lock svg{width:72px;height:72px}.mvp-connection-card{position:absolute;left:28px;right:28px;bottom:28px;padding:16px;border:1px solid rgba(255,255,255,.16);background:rgba(5,10,24,.72);border-radius:22px;backdrop-filter:blur(10px)}.mvp-connection-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mvp-dot{width:12px;height:12px;border-radius:50%;background:var(--mvp-danger);box-shadow:0 0 0 8px rgba(255,107,137,.1)}.mvp-dot.is-safe{background:var(--mvp-green);box-shadow:0 0 0 8px rgba(52,245,165,.13)}@keyframes mvpSpin{to{transform:rotate(360deg)}}
.mvp-grid{display:grid;gap:20px}.mvp-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.mvp-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.mvp-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.mvp-card{position:relative;border:1px solid var(--mvp-line);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));border-radius:var(--mvp-radius);padding:24px;box-shadow:0 16px 48px rgba(0,0,0,.18);overflow:hidden}.mvp-card:before{content:"";position:absolute;right:-70px;top:-70px;width:160px;height:160px;border-radius:999px;background:radial-gradient(circle,rgba(24,226,255,.16),transparent 70%)}.mvp-card>*{position:relative}.mvp-card__icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:rgba(24,226,255,.1);color:var(--mvp-cyan);font-size:1.45rem;margin-bottom:18px}.mvp-card h3{margin-bottom:.65rem}.mvp-card p:last-child{margin-bottom:0}.mvp-card--accent{border-color:rgba(24,226,255,.42);box-shadow:0 25px 70px rgba(24,226,255,.12)}.mvp-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.mvp-section-head p{max-width:640px}.mvp-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mvp-price-card{padding:26px;border-radius:28px;border:1px solid var(--mvp-line);background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.045));position:relative;overflow:hidden}.mvp-price-card.is-featured{border-color:rgba(24,226,255,.56);box-shadow:0 24px 70px rgba(24,226,255,.13)}.mvp-price-badge{position:absolute;top:18px;right:18px;padding:6px 10px;border-radius:999px;background:rgba(52,245,165,.12);color:var(--mvp-green);font-weight:850;font-size:.8rem}.mvp-price{font-size:2.2rem;font-weight:950;letter-spacing:-.04em;color:#fff}.mvp-price span{font-size:1rem;color:var(--mvp-muted);font-weight:700}.mvp-check-list{list-style:none;padding:0;margin:18px 0;color:#d7e3f8}.mvp-check-list li{position:relative;padding-left:28px;margin:.7rem 0}.mvp-check-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--mvp-green);font-weight:950}.mvp-table-wrap{overflow:auto;border:1px solid var(--mvp-line);border-radius:24px;background:rgba(255,255,255,.045)}.mvp-table{width:100%;border-collapse:collapse;min-width:760px}.mvp-table th,.mvp-table td{padding:16px;text-align:left;border-bottom:1px solid var(--mvp-line);color:#d6e3f7}.mvp-table th{color:#fff;background:rgba(255,255,255,.06)}.mvp-table tr:last-child td{border-bottom:0}.mvp-locations{display:flex;flex-wrap:wrap;gap:10px}.mvp-location{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--mvp-line);border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.055);color:#d8e6fa;font-weight:760}.mvp-device{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}.mvp-step{counter-increment:mvp-step;display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:start}.mvp-step:before{content:counter(mvp-step);width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--mvp-cyan),var(--mvp-violet));font-weight:950;color:#fff}.mvp-steps{counter-reset:mvp-step;display:grid;gap:16px}.mvp-faq{display:grid;gap:12px}.mvp-faq__item{border:1px solid var(--mvp-line);border-radius:20px;background:rgba(255,255,255,.055);overflow:hidden}.mvp-faq__question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;background:transparent;border:0;color:#fff;text-align:left;font:inherit;font-weight:850;cursor:pointer}.mvp-faq__question:after{content:"+";font-size:1.35rem;color:var(--mvp-cyan)}.mvp-faq__item.is-open .mvp-faq__question:after{content:"−"}.mvp-faq__answer{display:none;padding:0 20px 18px}.mvp-faq__item.is-open .mvp-faq__answer{display:block}.mvp-cta{position:relative;overflow:hidden;border:1px solid rgba(24,226,255,.32);border-radius:34px;background:linear-gradient(135deg,rgba(24,226,255,.18),rgba(124,92,255,.14)),#0b1630;padding:46px}.mvp-cta:before{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,rgba(52,245,165,.28),transparent 70%)}.mvp-cta>*{position:relative}.mvp-page-hero{position:relative;padding:72px 0 56px;background:radial-gradient(circle at 75% 20%,rgba(24,226,255,.22),transparent 30%),linear-gradient(180deg,#0b1630,#07101f)}.mvp-breadcrumbs{font-size:.92rem;color:var(--mvp-muted);margin-bottom:18px}.mvp-breadcrumbs a{color:#d8e7ff}.mvp-content{padding:22px 0}.mvp-content .mvp-section:first-child{padding-top:0}.mvp-notice{border-left:4px solid var(--mvp-cyan);background:rgba(24,226,255,.08);border-radius:16px;padding:18px 20px;color:#d7e8ff}.mvp-footer{border-top:1px solid var(--mvp-line);background:#050b17;padding:54px 0 24px}.mvp-footer__grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:28px}.mvp-footer h3{font-size:1rem;letter-spacing:0}.mvp-footer ul{list-style:none;margin:0;padding:0}.mvp-footer a{color:var(--mvp-muted)}.mvp-footer a:hover{color:#fff}.mvp-footer__bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--mvp-line);margin-top:34px;padding-top:20px;color:var(--mvp-muted);font-size:.92rem}.mvp-404{text-align:center;padding:96px 0}.mvp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:1020px){.mvp-visual{min-height:430px}.mvp-grid--4{grid-template-columns:repeat(2,1fr)}.mvp-pricing{grid-template-columns:repeat(2,1fr)}.mvp-footer__grid{grid-template-columns:1fr 1fr}.mvp-section-head{display:block}.mvp-section-head .mvp-actions{margin-top:20px}}
@media (max-width:780px){.mvp-hero .mvp-hero__grid{grid-template-columns:1fr}}
@media (max-width:1150px){.admin-bar .mvp-header{top:46px}.mvp-burger{display:flex}.mvp-nav{position:fixed;left:18px;right:18px;top:86px;display:none;max-height:calc(100vh - 110px);overflow:auto;padding:14px;border:1px solid var(--mvp-line);border-radius:24px;background:#0b1630;box-shadow:var(--mvp-shadow)}.mvp-header.is-open .mvp-nav{display:block}.mvp-menu{display:grid;gap:4px;align-items:stretch}.mvp-menu a{border-radius:14px;padding:12px 14px}.mvp-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;border-radius:16px;margin:4px 0 6px 12px;min-width:0;background:rgba(255,255,255,.04)}.mvp-menu li.is-submenu-open>.sub-menu{display:block}.mvp-menu li:hover>.sub-menu{display:none}.mvp-menu li.is-submenu-open:hover>.sub-menu{display:block}.mvp-header .mvp-btn {margin-left:auto;} .mvp-header__inner{height:70px}}
@media (max-width:880px){.mvp-section{padding:70px 0}.mvp-page-hero{padding:26px 0 22px}}
@media (max-width:680px){.mvp-container{width:min(100% - 28px,var(--mvp-container))}.mvp-hero{padding:28px 0}.mvp-stats{grid-template-columns:1fr}.mvp-grid--2,.mvp-grid--3,.mvp-grid--4,.mvp-pricing{grid-template-columns:1fr}.mvp-card,.mvp-price-card{padding:20px;border-radius:22px}.mvp-visual{min-height:360px;border-radius:26px}.mvp-lock{width:118px;height:118px;border-radius:32px}.mvp-lock svg{width:58px;height:58px}.mvp-orbit{inset:48px}.mvp-orbit:nth-child(2){inset:92px}.mvp-cta{padding:28px;border-radius:26px}.mvp-footer__grid{grid-template-columns:1fr}.mvp-footer__bottom{display:block}.mvp-actions{align-items:stretch}.mvp-actions .mvp-btn{width:100%}.mvp-table{min-width:0}.mvp-table thead{display:none}.mvp-table,.mvp-table tbody,.mvp-table tr,.mvp-table td{display:block;width:100%}.mvp-table tr{border-bottom:1px solid var(--mvp-line);padding:10px 0}.mvp-table tr:last-child{border-bottom:0}.mvp-table td{border:0;padding:10px 16px}.mvp-table td:before{content:attr(data-label);display:block;color:#fff;font-weight:850;margin-bottom:4px}.mvp-step{grid-template-columns:44px 1fr}.mvp-step:before{width:44px;height:44px;border-radius:15px}.mvp-logo__text span{display:none}}
@media (max-width:360px){h1{font-size:2.25rem}.mvp-container{width:min(100% - 22px,var(--mvp-container))}.mvp-card,.mvp-price-card{padding:18px}.mvp-header__inner{gap:10px}.mvp-logo{gap:9px}.mvp-logo__mark{width:38px;height:38px}.mvp-burger{width:42px;height:42px}.mvp-connection-card{left:16px;right:16px;bottom:16px}.mvp-section{padding:58px 0}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Header dropdown: homepage as parent for device instructions */
.mvp-menu > .menu-item-has-children > a{position:relative;z-index:2}
.mvp-menu > .menu-item-has-children:before{content:"";position:absolute;left:0;right:0;top:100%;height:14px;display:block}
.mvp-menu .sub-menu{z-index:1002}
.mvp-menu .sub-menu a{width:100%;justify-content:flex-start}
.mvp-menu .menu-item-has-children.is-submenu-open > a{background:rgba(24,226,255,.1);color:#fff}
@media (max-width:1150px){
  .mvp-menu .menu-item-has-children>a{justify-content:space-between}
  .mvp-menu .menu-item-has-children>a:after{transition:transform .2s ease}
  .mvp-menu .menu-item-has-children.is-submenu-open>a:after{transform:rotate(225deg);margin-top:2px}
  .mvp-menu .sub-menu a{white-space:normal}
}
/* Подпись рядом с логотипом на телефоне убираем: при появлении бургера
   в строке четыре элемента (логотип, «Войти», языки, бургер), и подпись
   уезжала под кнопку. Само название есть на картинке логотипа, так что
   ничего не теряется. Прежний порог в 400px не спасал даже обычные
   телефоны — у них ширина 390–430px. */
@media (max-width:600px){
  .mvp-header__inner{gap:10px}
  .mvp-logo{min-width:0}
  .mvp-logo__text{display:none}
}
.image {
	display: flex;
	max-width: 80%;
    justify-self: center;
    align-self: center;
}
@media (max-width:780px) {
	.image { max-width: 50%}
}
@media (max-width:550px){
	.image { max-width: 60%}
}
@media (max-width:450px){
	.image { max-width: 70%}
}
@media (max-width:380px){
	.image { max-width: 80%}
}
.mvp-lang{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;padding:3px;border:1px solid var(--mvp-line);border-radius:999px;background:rgba(255,255,255,.05)}
.mvp-lang__opt{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:850;letter-spacing:.02em;color:var(--mvp-muted);line-height:1;white-space:nowrap;transition:color .2s ease,background .2s ease}
.mvp-lang__opt:hover{color:var(--mvp-text)}
.mvp-lang__opt.is-active{color:var(--mvp-bg);background:linear-gradient(135deg,var(--mvp-cyan),var(--mvp-green))}
@media (max-width:400px){.mvp-lang{padding:2px}.mvp-lang__opt{padding:4px 7px;font-size:.7rem}}

/* ------------------------------------------------------------- шапка v2
   Пунктов в меню стало семь, и в полосе на 1180 пикселей им было тесно:
   надписи почти слипались. Шапке даём свою, более широкую полосу — контент
   страниц при этом остаётся прежней ширины. */
.mvp-header .mvp-header__inner{width:min(100% - 40px,1420px);height:82px;
  justify-content:flex-start;gap:0}
.mvp-header .mvp-logo{margin-right:24px}  /* GV-HEADER-COLLAPSE-1280 */
/* меню занимает середину, а кнопка и языки уходят вправо одной группой */
.mvp-header .mvp-nav{flex:1 1 auto;min-width:0}
.mvp-menu{gap:6px}
.mvp-menu a{padding:10px 11px;font-size:.93rem;white-space:nowrap;
  transition:background .18s ease,color .18s ease}
.mvp-header .mvp-btn--small{margin-left:auto}
.mvp-header .mvp-lang{margin-left:14px}

/* Текущий раздел должен читаться сразу: раньше он лишь чуть подсвечивался */
.mvp-menu .current-menu-item > a,
.mvp-menu .current_page_item > a{background:rgba(24,226,255,.14);color:#fff;
  box-shadow:inset 0 0 0 1px rgba(24,226,255,.3)}


@media (max-width:1180px){
  /* в панели под бургером ширина своя, и правило выше только мешает */
  .mvp-header .mvp-header__inner{width:min(100% - 36px,var(--mvp-container));
    gap:14px}
  .mvp-header .mvp-logo{margin-right:0}
}

/* ------------------------------------------------- шапка: две группы
   Слева всё про VPN, справа — аренда серверов и вход. Это разные продукты,
   и в одном ряду вперемешку они читались как один длинный список. */
.mvp-remote{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;
  margin-left:auto;margin-right:16px;padding:9px 16px;border-radius:999px;
  border:1px solid rgba(124,92,255,.45);background:rgba(124,92,255,.12);
  color:#fff;font-weight:800;font-size:.92rem;
  transition:border-color .18s ease,background .18s ease}
/* на самой витрине кнопка помечена как текущая */
.mvp-remote.is-current{border-color:rgba(124,92,255,.9);
  background:rgba(124,92,255,.26)}
.mvp-remote:hover{border-color:rgba(124,92,255,.85);
  background:rgba(124,92,255,.22)}
.mvp-remote__dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;
  background:linear-gradient(135deg,var(--mvp-cyan),var(--mvp-violet));
  box-shadow:0 0 10px rgba(24,226,255,.75)}
/* кнопка входа больше не отодвигает всё сама — это делает правая группа */
.mvp-header .mvp-btn--small{margin-left:0}

/* ------------------------------------------- заголовок внутренних страниц
   Хлебные крошки убраны: они повторяли заголовок и жались к нему. Вместо
   них — градиентная черта, она отделяет шапку от текста и задаёт ритм. */
.mvp-page-hero{padding:84px 0 64px}
.mvp-page-hero h1{margin:0 0 16px;font-size:clamp(2.3rem,4.6vw,3.5rem);
  letter-spacing:-.045em;line-height:1.04}
.mvp-page-hero h1:before{content:"";display:block;width:64px;height:4px;
  margin-bottom:22px;border-radius:999px;
  background:linear-gradient(90deg,var(--mvp-cyan),var(--mvp-violet))}
.mvp-page-hero .mvp-lead{max-width:62ch;font-size:1.08rem;line-height:1.6}

@media (max-width:1180px){
  .mvp-remote{margin-left:0;margin-right:10px;padding:8px 13px;font-size:.86rem}
}
/* Логотип не должен сжиматься: в тесной шапке он схлопывался в ноль,
   и картинка пропадала совсем */
.mvp-header .mvp-logo{flex:0 0 auto}
/* дубль пункта для панели под бургером — на широком экране он не нужен,
   там есть кнопка справа */
.mvp-menu__remote{display:none}

@media (max-width:1400px){
  /* Под бургером кнопке в шапке места нет: логотип, вход, языки и бургер
     уже занимают всю ширину. Переносим пункт внутрь меню. */
  .mvp-remote{display:none}
  /* вправо группу отодвигала именно эта кнопка; без неё вход, языки и
     бургер липли к логотипу, оставляя справа пустоту — теперь отодвигает
     кнопка входа */
  .mvp-header .mvp-btn--small{margin-left:auto}
  .mvp-menu__remote{display:block}
  .mvp-menu__remote > a{color:#fff}
  .mvp-menu__remote > a:before{content:"";width:7px;height:7px;flex:0 0 auto;
    margin-right:.35rem;border-radius:50%;
    background:linear-gradient(135deg,var(--mvp-cyan),var(--mvp-violet));
    box-shadow:0 0 10px rgba(24,226,255,.7)}
}
@media (max-width:560px){
  .mvp-page-hero{padding:56px 0 44px}
  .mvp-page-hero h1:before{width:48px;margin-bottom:16px}
}

/* Кнопка кабинета в шапке. На телефоне «Личный кабинет» переносился на две
   строки, а жирный шрифт со свечением на градиенте расплывался. Там — одна
   строка, короткая надпись и мягкое свечение. */
.mvp-header a.mvp-btn[href="/cabinet"]{white-space:nowrap;flex:0 0 auto}
.mvp-cab__short{display:none}
@media (max-width:560px){
.mvp-header a.mvp-btn[href="/cabinet"]{min-height:36px;padding:9px 14px;font-size:.86rem;font-weight:800;box-shadow:0 0 12px rgba(24,226,255,.18)}
.mvp-cab__full{display:none}
.mvp-cab__short{display:inline}
}

/* ===================================================== телефон: по центру
   На узком экране текст по левому краю с пустотой справа выглядел
   недоделанным. Заголовки, цифры, карточки и призывы — по центру; длинные
   тексты (FAQ, условия) остаются по левому краю — так их легче читать. */
@media (max-width:680px){
.mvp-hero__title,.mvp-hero__text,.mvp-section-head,.mvp-cta,.mvp-card,.mvp-price-card{text-align:center}
.mvp-hero .mvp-actions,.mvp-cta .mvp-actions,.mvp-section-head .mvp-actions,.mvp-locations{justify-content:center}
.mvp-section-head p,.mvp-hero__text{margin-inline:auto}
.mvp-card__icon{margin-inline:auto}
.mvp-price-card .mvp-check-list{display:inline-block;text-align:left}
/* три цифры — в один ряд, а не столбиком на весь экран */
.mvp-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-inline:auto}
.mvp-stat{padding:14px 6px;text-align:center;border-radius:18px}
.mvp-stat strong{font-size:1.45rem}
.mvp-stat span{font-size:.8rem}
}

/* ===================================================== светящиеся линии
   Всё движение — фон и прозрачность: это не трогает раскладку страницы и
   не грузит телефон. Кто просил в системе меньше анимаций — получает
   статичную картинку (в конце блока). */

/* 1. Неоновая сетка-«пол» внизу первого экрана, уходит вдаль и медленно едет */
.mvp-hero:after{content:"";position:absolute;z-index:-1;left:-25%;right:-25%;bottom:0;height:58%;
  background-image:linear-gradient(rgba(24,226,255,.30) 1px,transparent 1px),
    linear-gradient(90deg,rgba(124,92,255,.30) 1px,transparent 1px);
  background-size:56px 56px;transform:perspective(420px) rotateX(62deg);transform-origin:50% 100%;
  -webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%);
  mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%);
  animation:gv-grid-run 5s linear infinite;pointer-events:none}
@keyframes gv-grid-run{to{background-position:0 56px,0 56px}}

/* 2. Световая линия над каждым разделом: по ней бежит блик */
.mvp-section{position:relative}
.mvp-section:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(24,226,255,.12) 20%,rgba(24,226,255,.9) 45%,
    rgba(142,52,245,.9) 55%,rgba(142,52,245,.12) 80%,transparent 100%);
  background-size:220% 100%;box-shadow:0 0 14px rgba(24,226,255,.35);
  animation:gv-beam 7s ease-in-out infinite}
@keyframes gv-beam{0%{background-position:120% 0}50%{background-position:-20% 0}100%{background-position:120% 0}}

/* 3. Бегущая подсветка по рамке у главных карточек и призыва */
@property --gv-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.mvp-price-card.is-featured,.mvp-card--accent,.mvp-cta{position:relative}
.mvp-price-card.is-featured:after,.mvp-card--accent:after,.mvp-cta:after{content:"";position:absolute;inset:0;
  border-radius:inherit;padding:1px;pointer-events:none;
  background:conic-gradient(from var(--gv-angle),transparent 0 62%,rgba(24,226,255,.95) 72%,
    rgba(142,52,245,.95) 80%,transparent 90%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:gv-spin 6s linear infinite}
@keyframes gv-spin{to{--gv-angle:360deg}}

/* 4. Блик, пробегающий по главным кнопкам раз в несколько секунд */
.mvp-main .mvp-btn:not(.mvp-btn--ghost){position:relative;overflow:hidden;isolation:isolate}
.mvp-main .mvp-btn:not(.mvp-btn--ghost):after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-60%;width:45%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-18deg);animation:gv-shine 5.5s ease-in-out infinite;pointer-events:none}
@keyframes gv-shine{0%,70%{left:-60%}100%{left:130%}}

/* 5. Цифры первого экрана мягко светятся */
.mvp-stat{transition:border-color .3s,box-shadow .3s}
.mvp-stat strong{text-shadow:0 0 18px rgba(24,226,255,.35)}
@media (hover:hover){.mvp-stat:hover,.mvp-card:hover{border-color:rgba(24,226,255,.45);box-shadow:0 0 28px rgba(24,226,255,.14)}}

@media (prefers-reduced-motion:reduce){
.mvp-hero:after,.mvp-section:before,.mvp-price-card.is-featured:after,.mvp-card--accent:after,.mvp-cta:after,
.mvp-main .mvp-btn:not(.mvp-btn--ghost):after{animation:none}
.mvp-main .mvp-btn:not(.mvp-btn--ghost):after{display:none}
}

/* внутренние страницы и GRANDO Remote: шапка страницы на телефоне — по центру,
   а внизу шапки — та же световая линия с бликом */
@media (max-width:680px){
.mvp-page-hero h1,.mvp-page-hero .mvp-lead{text-align:center}
.mvp-page-hero h1:before,.mvp-page-hero .mvp-lead{margin-inline:auto}
.mvp-page-hero .mvp-actions{justify-content:center}
}
.mvp-page-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(24,226,255,.12) 20%,rgba(24,226,255,.9) 45%,
    rgba(142,52,245,.9) 55%,rgba(142,52,245,.12) 80%,transparent 100%);
  background-size:220% 100%;box-shadow:0 0 14px rgba(24,226,255,.35);
  animation:gv-beam 7s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.mvp-page-hero:after{animation:none}}

/* ===================================================== GRANDO SERVICE: золото
   Золото — акцент «премиума» поверх голубо-фиолетовой основы: цифры, бейджи,
   главная карточка, рамка ролика, логотип. Не заливка — подсветка. */
:root{--gv-gold:#f6c454;--gv-gold-hi:#ffe6a3;--gv-gold-lo:#c98b16;
  --gv-gold-grad:linear-gradient(135deg,#ffe6a3 0%,#f6c454 45%,#c98b16 100%)}
.mvp-logo__text{background:linear-gradient(90deg,#fff 0%,#fff 48%,#ffe6a3 62%,#f6c454 80%,#c98b16 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.mvp-kicker--gold{color:var(--gv-gold);border-color:rgba(246,196,84,.4);background:rgba(246,196,84,.08)}
.mvp-stat strong{background-image:var(--gv-gold-grad);-webkit-background-clip:text;background-clip:text;
  color:transparent;text-shadow:none;filter:drop-shadow(0 0 14px rgba(246,196,84,.28))}
.mvp-stat:hover{border-color:rgba(246,196,84,.45)}
.mvp-price-badge{background:var(--gv-gold-grad);color:#2a1a00;border:0;box-shadow:0 6px 18px rgba(246,196,84,.3)}
/* световые линии над разделами — через одну золотые */
.mvp-section:nth-of-type(even):before{background:linear-gradient(90deg,transparent 0%,rgba(246,196,84,.12) 20%,
  rgba(255,230,163,.95) 45%,rgba(246,196,84,.95) 55%,rgba(246,196,84,.12) 80%,transparent 100%);
  background-size:220% 100%;box-shadow:0 0 14px rgba(246,196,84,.35)}

/* ===================================================== главная: ролик в первом экране */
.mvp-hero--service .mvp-hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center}
/* Рамка — квадрат с конической заливкой под роликом, который поворачивается
   целиком. Поворот считает видеокарта, без перерисовки: раньше крутилась
   сама заливка, и браузер каждый кадр заново рисовал фон размером с ролик. */
.mvp-intro{position:relative;border-radius:26px;padding:3px;isolation:isolate;overflow:hidden;
  background:rgba(246,196,84,.15);
  box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 60px rgba(246,196,84,.14)}
.mvp-intro:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:150%;aspect-ratio:1;
  background:conic-gradient(rgba(246,196,84,.15) 0 55%,#ffe6a3 66%,#f6c454 72%,
    rgba(24,226,255,.9) 82%,rgba(246,196,84,.15) 92%);
  transform:translate(-50%,-50%) rotate(0deg);animation:gv-intro-spin 7s linear infinite;
  will-change:transform;pointer-events:none}
@keyframes gv-intro-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.mvp-intro.is-idle:before{animation-play-state:paused}
.mvp-intro__video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:23px;background:#050a16}
.mvp-intro__sound{position:absolute;left:18px;bottom:18px;z-index:2;padding:9px 15px;border-radius:999px;cursor:pointer;
  font:inherit;font-size:.86rem;font-weight:800;color:#2a1a00;border:0;background:var(--gv-gold-grad);
  box-shadow:0 8px 22px rgba(0,0,0,.4)}

/* ===================================================== главная: три сервиса */
.mvp-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mvp-product{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px 26px 26px;border-radius:28px;
  color:inherit;text-decoration:none;border:1px solid var(--mvp-line);
  background:linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.035));
  transition:transform .2s,border-color .2s,box-shadow .2s}
.mvp-product:hover{transform:translateY(-4px);border-color:rgba(24,226,255,.45);box-shadow:0 24px 60px rgba(24,226,255,.12)}
.mvp-product__icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:1.6rem;
  background:rgba(24,226,255,.1)}
.mvp-product__brand{font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--mvp-cyan)}
.mvp-product h3{margin:0;font-size:1.45rem}
.mvp-product p{margin:0;color:var(--mvp-muted)}
.mvp-product .mvp-check-list{margin:6px 0 4px}
.mvp-product__price{margin-top:auto;padding-top:8px;font-weight:800;color:var(--mvp-muted)}
.mvp-product__price b{font-size:1.7rem;font-weight:900;color:#fff}
.mvp-product .mvp-btn{margin-top:6px;width:100%}
.mvp-product--gold{border-color:rgba(246,196,84,.55);box-shadow:0 0 0 1px rgba(246,196,84,.12),0 24px 70px rgba(246,196,84,.10)}
.mvp-product--gold:hover{border-color:rgba(246,196,84,.85);box-shadow:0 24px 70px rgba(246,196,84,.18)}
.mvp-product--gold .mvp-product__icon{background:var(--gv-gold-grad)}
.mvp-product--gold .mvp-product__brand{color:var(--gv-gold)}
.mvp-product--gold .mvp-product__price b{background-image:var(--gv-gold-grad);-webkit-background-clip:text;
  background-clip:text;color:transparent}
.mvp-product__badge{position:absolute;top:18px;right:18px;padding:6px 12px;border-radius:999px;font-size:.78rem;
  font-weight:900;color:#2a1a00;background:var(--gv-gold-grad);box-shadow:0 6px 18px rgba(246,196,84,.35)}

/* ===================================================== главная: доверие и три шага */
.mvp-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mvp-trust__item{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:start;padding:20px;
  border-radius:22px;border:1px solid var(--mvp-line);background:rgba(255,255,255,.05)}
.mvp-trust__item span{grid-row:1 / span 2;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
  font-size:1.35rem;background:rgba(246,196,84,.1);border:1px solid rgba(246,196,84,.3)}
.mvp-trust__item b{font-size:1.06rem}
.mvp-trust__item p{margin:0;color:var(--mvp-muted);font-size:.94rem}
.mvp-steps3__title{margin:44px 0 16px}
.mvp-steps3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
  counter-reset:gv-step}
.mvp-steps3 li{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 20px 20px 78px;border-radius:22px;
  border:1px solid var(--mvp-line);background:rgba(255,255,255,.04);counter-increment:gv-step}
.mvp-steps3 li:before{content:counter(gv-step);position:absolute;left:20px;top:20px;width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;font-weight:900;font-size:1.15rem;color:#2a1a00;background:var(--gv-gold-grad);
  box-shadow:0 0 18px rgba(246,196,84,.35)}
.mvp-steps3 b{font-size:1.1rem}
.mvp-steps3 span{color:var(--mvp-muted)}

@media (max-width:1020px){
  .mvp-hero--service .mvp-hero__grid{grid-template-columns:1fr}
  .mvp-products,.mvp-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mvp-steps3{grid-template-columns:1fr}
}
@media (max-width:680px){
  .mvp-products,.mvp-trust{grid-template-columns:1fr}
  .mvp-product{align-items:center;text-align:center}
  .mvp-product .mvp-check-list{display:inline-block;text-align:left}
  .mvp-trust__item{grid-template-columns:1fr;justify-items:center;text-align:center}
  .mvp-trust__item span{grid-row:auto}
  .mvp-steps3 li{padding:66px 18px 18px;text-align:center;align-items:center}
  .mvp-steps3 li:before{left:50%;transform:translateX(-50%)}
  .mvp-steps3__title{text-align:center}
  .mvp-intro__sound{left:50%;transform:translateX(-50%);bottom:12px}
}
@media (prefers-reduced-motion:reduce){.mvp-intro:before{animation:none}}

/* заголовок главной: бренд — отдельной золотой строкой над слоганом, без тире */
.mvp-hero__brand{display:block;margin-bottom:.12em;font-size:.56em;letter-spacing:.04em;
  background-image:var(--gv-gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 18px rgba(246,196,84,.25))}

/* витрина прокси */
.mvp-product__terms{font-size:.86rem;color:var(--mvp-muted);margin:0}
.mvp-note-center{margin:18px 0 0;text-align:center;color:var(--mvp-muted)}
.mvp-trust--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mvp-locations a.mvp-location{text-decoration:none;color:inherit;transition:border-color .15s,background .15s}
.mvp-locations a.mvp-location:hover{border-color:rgba(246,196,84,.55);background:rgba(246,196,84,.08)}
.mvp-location .gv-cc{font-size:.72rem;padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.1)}
@media (max-width:1020px){.mvp-trust--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.mvp-trust--4{grid-template-columns:1fr}}

/* Первый экран главной на широком экране: ролик крупнее и выше.
   Заголовок по общему правилу h1 доходил до 5.9rem и занимал четыре строки,
   а ролик съезжал вниз по центру колонки. Здесь заголовок компактнее, колонка
   ролика шире, и он стоит вровень с верхом текста. */
@media (min-width:1021px){
.mvp-hero--service{padding:40px 0 56px}
.mvp-hero--service .mvp-container{width:min(100% - 56px,1440px)}
.mvp-hero--service .mvp-hero__grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:52px}
.mvp-hero--service .mvp-hero__title{font-size:clamp(2.6rem,4vw,4.2rem);line-height:1.02;margin-top:18px}
.mvp-hero--service .mvp-intro{margin-top:6px}
.mvp-hero--service .mvp-stats{max-width:none}
}

/* подписи под цифрами — плотной строкой: при обычном межстрочном 1.62
   двухстрочная подпись выглядела как три отдельные строки */
.mvp-stat span{display:block;line-height:1.25;margin-top:6px}
@media (max-width:680px){.mvp-stat span{font-size:.78rem}}

/* ------------------------------------------------- шапка: языки, затем кабинет
   Один порядок везде — на сайте, на витринах и в кабинете: переключатель
   языков, а кнопка кабинета закрывает ряд справа. Вправо группу теперь
   отодвигают языки, кнопка стоит вплотную к ним. */
.mvp-header .mvp-lang{margin-left:0}
.mvp-header .mvp-header__inner>.mvp-btn--small{margin-left:0}
@media (min-width:1180.02px){.mvp-header .mvp-header__inner>.mvp-lang{margin-right:12px}}
/* кнопки Remote в шапке больше нет — вправо группу всегда отодвигают языки */
.mvp-header .mvp-nav~.mvp-lang{margin-left:auto}

/* Наведение на кабинет — золото. Раньше кнопка при наведении теряла
   градиент и тускнела до тёмной надписи на тёмном фоне. */
.mvp-header a.mvp-btn[href="/cabinet"]:hover,
.mvp-header a.mvp-btn[href="/cabinet"]:focus-visible{background:var(--gv-gold-grad);color:#2a1a00;
  box-shadow:0 0 0 1px rgba(255,230,163,.55),0 0 34px rgba(246,196,84,.45)}
.mvp-header a.mvp-btn[href="/cabinet"]:focus-visible{outline:2px solid #ffe6a3;outline-offset:3px}

/* ------------------------------------------------- логотип: золотая переливка
   Надпись белая целиком. По ней от «G» до последней «E» проходит одна
   золотая волна, потом пауза. Слой лежит на самой надписи, а слова внутри
   прозрачные: так оба слова переливаются строго вместе. */
.mvp-logo__text{
  background-image:linear-gradient(100deg,transparent 0%,transparent 44%,rgba(246,196,84,.9) 47%,#ffd36a 50%,
      rgba(246,196,84,.9) 53%,transparent 56%,transparent 100%),
    linear-gradient(#fff,#fff);
  background-size:300% 100%,100% 100%;background-repeat:no-repeat;background-position:100% 0,0 0;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:gv-logo-sweep 4.2s ease-in-out infinite}
.mvp-logo__text .mvp-logo__w1,.mvp-logo__text .mvp-logo__w2{display:inline;background:none;color:transparent;animation:none}
@keyframes gv-logo-sweep{0%{background-position:100% 0,0 0}62%,100%{background-position:0% 0,0 0}}
.mvp-logo:hover .mvp-logo__text{animation-duration:2s}

/* Плашка над заголовком главной на телефоне — мельче: крупная она спорила
   с самим заголовком и съедала первый экран */
@media (max-width:680px){
  .mvp-hero .mvp-kicker{padding:.3rem .65rem;font-size:.68rem;letter-spacing:.06em}
}

/* за экраном подсветки стоят (класс ставит scripts.js) */
.gv-away:before,.gv-away:after{animation-play-state:paused!important}

/* ------------------------------------------------- меню: четыре пункта
   Три продукта и два выпадающих списка вместо восьми пунктов в ряд — полный
   ряд теперь помещается до 1151px, и бургер появляется только на планшетах
   и телефонах. Подпункты выпадающих списков — в одну строку. */
.mvp-menu .sub-menu a{white-space:nowrap}
.mvp-menu > li > a{letter-spacing:.01em}

/* Главная: «Почему нам доверяют» сразу за карточками сервисов. Между ними
   стояли два полных отступа раздела подряд, и блок терялся за пустотой. */
#products.mvp-section{padding-bottom:52px}
#trust.mvp-section{padding-top:52px}
@media (max-width:680px){#products.mvp-section{padding-bottom:36px}#trust.mvp-section{padding-top:36px}}

/* Над заголовками внутренних страниц цветной черты больше нет — ни на
   витринах продуктов, где её заменила золотая плашка с названием, ни на
   остальных страницах. */
.mvp-page-hero h1:before{display:none}
.mvp-page-hero--product .mvp-kicker{display:flex;width:fit-content;margin-bottom:20px}
@media (max-width:680px){.mvp-page-hero--product .mvp-kicker{margin-inline:auto;margin-bottom:16px}}

/* ------------------------------------------------- полоса прокрутки
   В цветах сайта: тёмная дорожка, ползунок с голубо-фиолетовым переливом,
   при наведении — золото. Без стрелок по краям. В Chrome и Safari — через
   ::-webkit-scrollbar (стандартные свойства ниже отключили бы его), в
   Firefox — через scrollbar-color. */
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#050b17}
::-webkit-scrollbar-thumb{border:3px solid #050b17;border-radius:999px;
  background:linear-gradient(180deg,#18e2ff 0%,#5b8cff 50%,#8e34f5 100%)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffe6a3 0%,#f6c454 50%,#c98b16 100%)}
::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#f6c454,#c98b16)}
::-webkit-scrollbar-button{display:none;width:0;height:0}
::-webkit-scrollbar-corner{background:#050b17}
@supports (-moz-appearance:none){html{scrollbar-color:#5b8cff #050b17;scrollbar-width:thin}}

/* Меню — посередине шапки. Где места хватает (от 1200px), оно стоит ровно
   по центру страницы, независимо от ширины логотипа и правой группы. Уже
   этого — на равном расстоянии от логотипа и от языков, чтобы ничего не
   наехало друг на друга. */
@media (min-width:1150.02px){
  .mvp-header .mvp-nav{flex:0 1 auto;margin-inline:auto}
  .mvp-header .mvp-nav~.mvp-lang{margin-left:0}
}
@media (min-width:1200px){
  .mvp-header .mvp-header__inner{position:relative}
  .mvp-header .mvp-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}
  .mvp-header .mvp-nav~.mvp-lang{margin-left:auto}
}

/* Витрина VPN: два вида конфига — две карточки в ряд, а не три с дырой;
   плитки устройств — ссылки на инструкции */
.mvp-products--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:680px){.mvp-products--2{grid-template-columns:1fr}}
a.mvp-trust__item{color:inherit;text-decoration:none;transition:border-color .2s ease}
a.mvp-trust__item:hover{border-color:rgba(24,226,255,.45)}

/* ===================================================== главная: первый экран «Кино»
   Ролик с персонажем на весь экран. Слева кадр закрывает ночь — на ней
   заголовок; затемнение плотное до середины, иначе на широком мониторе
   сквозь заголовок просвечивают надписи, вшитые в ролик. Снизу — три
   сервиса полосой, как титры. Шапка над кадром прозрачная и становится
   плотной при прокрутке (scripts.js). Шрифт заголовков — Oswald, лежит у
   нас: с чужого сервера адреса посетителей ушли бы третьей стороне. */
@font-face{font-family:"Oswald";font-style:normal;font-weight:600 700;font-display:swap;
  src:url(fonts/oswald-cyrillic.woff2) format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Oswald";font-style:normal;font-weight:600 700;font-display:swap;
  src:url(fonts/oswald-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.mvp-header--over{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom-color:transparent;
  -webkit-backdrop-filter:none;backdrop-filter:none;transition:background .25s ease,border-color .25s ease}
.mvp-header--over.is-solid,.mvp-header--over.is-open{background:rgba(7,16,31,.88);border-bottom-color:var(--mvp-line);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}

.gv-cine{--cine-night:#090b14;--cine-chalk:#eeebe4;--cine-gold:#e9b44c;
  position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:clamp(720px,100svh,980px);overflow:hidden;background:var(--cine-night);color:var(--cine-chalk)}
.gv-cine__video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:78% 30%}
.gv-cine__shade{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(90deg,var(--cine-night) 0%,var(--cine-night) 34%,rgba(9,11,20,.9) 46%,rgba(9,11,20,.38) 57%,rgba(9,11,20,.08) 70%,rgba(9,11,20,.32) 100%),
  linear-gradient(0deg,var(--cine-night) 0%,var(--cine-night) 12%,transparent 46%),
  linear-gradient(180deg,rgba(9,11,20,.8) 0%,transparent 20%)}
.gv-cine__copy{padding-top:130px}
.gv-cine__kicker{display:flex;align-items:center;gap:12px;margin:0;color:var(--cine-gold);font-weight:700}
.gv-cine__kicker:before{content:"";flex:0 0 auto;width:40px;height:2px;background:currentColor}
.gv-cine__title{margin:16px 0 0;font:700 clamp(64px,9.4vw,140px)/.9 Oswald,"Arial Narrow",sans-serif;
  letter-spacing:-.005em;text-transform:uppercase;color:var(--cine-chalk)}
.gv-cine__title span{display:block;color:transparent;-webkit-text-stroke:2px rgba(238,235,228,.9)}
.gv-cine__lead{max-width:520px;margin:24px 0 0;font-size:19px;line-height:1.6;color:#c4c2bc}
.gv-cine__acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.gv-cine__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 30px;
  border-radius:6px;border:2px solid transparent;font:600 17px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.07em;
  text-transform:uppercase;text-decoration:none;cursor:pointer;transition:filter .15s ease,border-color .15s ease}
.gv-cine__btn--gold{background:linear-gradient(135deg,#ffe6a3 0%,#f6c454 45%,#c98b16 100%);color:#1b1300}
.gv-cine__btn--gold:hover{filter:brightness(1.07);color:#1b1300}
.gv-cine__btn--line{background:transparent;border-color:rgba(238,235,228,.55);color:var(--cine-chalk)}
.gv-cine__btn--line:hover{border-color:var(--cine-chalk);color:#fff}
.gv-cine__btn:focus-visible{outline:2px solid var(--cine-gold);outline-offset:3px}
.gv-cine__strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:72px;margin-bottom:34px;
  border-top:1px solid rgba(238,235,228,.2)}
.gv-cine__strip a{display:block;padding:20px 24px 4px 0;color:inherit;text-decoration:none}
.gv-cine__strip a + a{padding-left:24px;border-left:1px solid rgba(238,235,228,.12)}
.gv-cine__strip small{font-size:13px;color:#8b8f9c}
.gv-cine__strip b{display:block;margin-top:4px;font:700 27px/1.1 Oswald,"Arial Narrow",sans-serif;text-transform:uppercase}
.gv-cine__strip span{display:block;margin-top:6px;font-weight:700;color:var(--cine-gold)}
.gv-cine__strip em{font-style:normal}
.gv-cine__strip a:hover b{color:#ffe6a3}

@media (max-width:720px){
  .gv-cine{min-height:clamp(640px,100svh,860px)}
  .gv-cine__video{object-position:70% 28%}
  .gv-cine__shade{background:linear-gradient(0deg,var(--cine-night) 0%,var(--cine-night) 38%,rgba(9,11,20,.55) 62%,rgba(9,11,20,.15) 80%,rgba(9,11,20,.6) 100%)}
  .gv-cine__copy{padding-top:104px}
  .gv-cine__title{font-size:64px}
  .gv-cine__lead{font-size:17px}
  .gv-cine__acts .gv-cine__btn{flex:1 1 auto}
  .gv-cine__strip{grid-template-columns:minmax(0,1fr);margin-top:36px;margin-bottom:20px}
  .gv-cine__strip a,.gv-cine__strip a + a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
    padding:14px 0;border-left:0;border-bottom:1px solid rgba(238,235,228,.12)}
  .gv-cine__strip small{display:none}
  .gv-cine__strip b{margin:0;font-size:21px}
  .gv-cine__strip span{margin:0;white-space:nowrap}
}

/* ===================================================== шапка и подвал сайта в стиле нового шаблона
   Шапка: пункты меню узким шрифтом Oswald заглавными, переключатель языка —
   светлая плашка, кнопка кабинета — золотом. Только у шапки сайта
   (mvp-header--site): шапка личного кабинета остаётся прежней.
   Подвал: логотип с описанием и три колонки — «Сервисы», «Подключение»,
   «О сервисе»; снизу копирайт и протоколы. */
.mvp-header--site .mvp-logo__text{font-family:Oswald,"Arial Narrow",sans-serif;font-weight:700;font-size:21px;letter-spacing:.04em}
.mvp-header--site .mvp-menu > li > a{padding:10px 14px;border-radius:6px;font:600 15px/1 Oswald,"Arial Narrow",sans-serif;
  letter-spacing:.08em;text-transform:uppercase;color:#dcdad4}
.mvp-header--site .mvp-menu > li > a:hover,.mvp-header--site .mvp-menu > .current-menu-item > a{background:rgba(255,255,255,.08);color:#fff}
.mvp-header--site .mvp-menu .sub-menu{border-radius:12px;background:#11141f;border-color:rgba(238,235,228,.1)}
.mvp-header--site .mvp-menu .sub-menu a{border-radius:8px;font-size:15px;font-weight:600;color:#d6d3cc}
.mvp-header--site .mvp-menu .sub-menu a:hover{background:rgba(255,255,255,.06);color:#fff}
.mvp-header--site .mvp-lang{padding:3px;gap:0;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:transparent}
.mvp-header--site .mvp-lang__opt{padding:7px 10px;border-radius:4px;font:600 12px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.1em;color:#c7c5bf}
.mvp-header--site .mvp-lang__opt:hover{color:#fff}
.mvp-header--site .mvp-lang__opt.is-active{background:#eeebe4;color:#14151a}
.mvp-header--site .mvp-header__inner > .mvp-btn{min-height:42px;padding:0 18px;border:0;border-radius:6px;box-shadow:none;
  background:linear-gradient(135deg,#ffe6a3 0%,#f6c454 45%,#c98b16 100%);color:#1b1300;
  font:600 14px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.07em;text-transform:uppercase}
.mvp-header--site .mvp-header__inner > .mvp-btn:hover{transform:none;box-shadow:none;filter:brightness(1.07)}
@media (max-width:560px){
  .mvp-header--site .mvp-lang__opt{padding:6px 8px;font-size:11px}
  .mvp-header--site .mvp-header__inner > .mvp-btn{min-height:38px;padding:0 13px;font-size:13px}
}

.mvp-footer{padding:56px 0 40px;border-top:1px solid rgba(238,235,228,.1);background:#090b14;color:#b9b6af;font-size:15px}
.mvp-footer__grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.mvp-footer .mvp-logo{display:inline-flex;align-items:center;gap:12px}
.mvp-footer .mvp-logo img{width:44px;height:44px;border-radius:10px}
.mvp-footer .mvp-logo__text{display:inline;font-family:Oswald,"Arial Narrow",sans-serif;font-weight:700;font-size:21px;letter-spacing:.04em}
.mvp-footer__brand p{max-width:440px;margin:16px 0 0;line-height:1.6;color:#b9b6af}
.mvp-footer h3{margin:0 0 14px;font:600 14px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#eeebe4}
.mvp-footer ul{display:grid;gap:9px}
.mvp-footer li{margin:0}
.mvp-footer a{color:#b9b6af;text-decoration:none}
.mvp-footer a:hover{color:#ffe6a3}
.mvp-footer__bottom{margin-top:44px;padding-top:22px;border-top-color:rgba(238,235,228,.1);font-size:13px;color:#868a96}
@media (max-width:1100px){.mvp-footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){
  .mvp-footer__grid{grid-template-columns:1fr;gap:30px}
  .mvp-footer__bottom{display:flex;flex-direction:column;gap:6px}
}

/* ===================================================== витрины: «кадр» справа от заголовка
   Справа от текста — то, что человек получит, в цвете сервиса: Remote —
   рабочий стол по RDP (голубой), Proxy — список адресов (золото), VPN —
   телефон с туннелем (фиолетовый). Адреса — из диапазонов для примеров,
   не настоящие. На узком экране кадр прячется: первый экран и так длинный. */
.gv-ph{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:56px;align-items:center}
.gv-ph__copy{min-width:0}
.gv-art{--c:#18e2ff;position:relative;height:370px;border-radius:20px;overflow:hidden;
  background:radial-gradient(80% 90% at 30% 20%,color-mix(in srgb,var(--c) 26%,transparent),transparent 62%),#0d1120;
  border:1px solid color-mix(in srgb,var(--c) 35%,transparent);
  box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px color-mix(in srgb,var(--c) 14%,transparent)}
.gv-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px)}
.gv-art--proxy{--c:#f6c454}
.gv-art--vpn{--c:#a98bff}
.gv-art__tag{position:absolute;right:16px;top:14px;z-index:2;padding:6px 10px;border-radius:6px;background:rgba(9,11,20,.78);
  font:600 12px ui-monospace,Consolas,monospace;color:var(--c)}
.gv-art__chip{position:absolute;z-index:2;padding:11px 14px;border-radius:12px;background:#151a2b;
  border:1px solid color-mix(in srgb,var(--c) 35%,transparent);box-shadow:0 14px 34px rgba(0,0,0,.45);font-size:13px;line-height:1.4;color:#d9dcec}
.gv-art__chip b{display:block;font:700 15px/1.2 Oswald,"Arial Narrow",sans-serif;letter-spacing:.04em;color:#fff}
.gv-art__chip--bl{left:18px;bottom:18px}
/* рабочий стол Windows — схематично */
.gv-art__desk{position:absolute;inset:22px 22px 58px;border-radius:10px;background:linear-gradient(135deg,#0f3a66,#1b5f9e 60%,#2d7fc4);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.gv-art__desk i{position:absolute;left:18px;width:34px;height:30px;border-radius:5px;background:rgba(255,255,255,.75)}
.gv-art__desk i:nth-child(1){top:18px}.gv-art__desk i:nth-child(2){top:64px}.gv-art__desk i:nth-child(3){top:110px}
.gv-art__win{position:absolute;left:110px;top:34px;right:40px;bottom:70px;border-radius:8px;background:#eef2f7;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.gv-art__win:before{content:"";position:absolute;inset:0 0 auto;height:22px;border-radius:8px 8px 0 0;background:#d9e1ea}
.gv-art__win b{position:absolute;left:16px;top:38px;font:600 13px ui-monospace,Consolas,monospace;color:#1b2b3f}
.gv-art__bar{position:absolute;left:22px;right:22px;bottom:28px;height:30px;border-radius:0 0 10px 10px;background:rgba(10,20,40,.85)}
.gv-art--remote .gv-art__chip--bl{left:auto;right:18px;bottom:46px}
/* список прокси */
.gv-art__list{position:absolute;inset:56px 24px 84px;display:grid;gap:8px;align-content:start;font:600 15px ui-monospace,Consolas,monospace}
.gv-art__list span{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;border-radius:8px;background:rgba(255,255,255,.05);color:#f3e2b5}
.gv-art__list em{font-style:normal;color:#868a96}
/* телефон с подключённым VPN */
.gv-art__phone{position:absolute;left:36px;top:28px;width:200px;height:400px;border-radius:30px;padding:12px;
  background:#05070d;border:2px solid #2a2f40;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.gv-art__scr{height:100%;border-radius:20px;padding:18px 14px;background:linear-gradient(180deg,#141a2c,#0d1120)}
.gv-art__scr small{display:block;font-size:11px;font-weight:600;color:#868a96}
.gv-art__scr > b{display:block;margin-top:2px;font:700 18px Oswald,"Arial Narrow",sans-serif;letter-spacing:.04em;color:#fff}
.gv-art__tun{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:12px;border-radius:12px;background:rgba(169,139,255,.12)}
.gv-art__tun span{font:600 13px ui-monospace,Consolas,monospace;color:#fff}
.gv-art__tun i{position:relative;width:38px;height:22px;border-radius:999px;background:#a98bff;box-shadow:0 0 12px rgba(169,139,255,.6)}
.gv-art__tun i:after{content:"";position:absolute;right:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff}
.gv-art__rows{display:grid;gap:8px;margin-top:14px;font-size:12px;color:#b9b6af}
.gv-art__rows div{display:flex;justify-content:space-between}
.gv-art__rows b{color:#fff;font-weight:600}
.gv-art__chip--a{left:262px;top:84px}
.gv-art__chip--b{left:262px;top:186px;max-width:200px}
/* цифры под заголовком — на всю ширину, до правого края кадра */
@media (min-width:1100.02px){.mvp-page-hero--product .mvp-stats--4{max-width:none}}
@media (max-width:1100px){
  .gv-ph{grid-template-columns:minmax(0,1fr)}
  .gv-ph__art{display:none}
}

/* ===================================================== баннер с промокодом (сайт)
   Узкая полоса под первым экраном: подарок, заголовок и условия, справа
   код в «купоне» с пунктиром и кнопкой «Скопировать». Золото — как кнопка
   кабинета и цены. */
.gv-sitepromo{position:relative;padding:22px 0;border-bottom:1px solid rgba(246,196,84,.18);
  background:linear-gradient(90deg,rgba(246,196,84,.10),rgba(246,196,84,.03) 55%,transparent),#0b0e18}
.gv-sitepromo__in{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding-right:44px}
.gv-sitepromo__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(246,196,84,.15);color:#f6c454}
.gv-sitepromo__icon svg{width:23px;height:23px}
.gv-sitepromo__text{min-width:0}
.gv-sitepromo__text b{display:block;font:700 22px/1.15 Oswald,"Arial Narrow",sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#fff}
.gv-sitepromo__text span{display:block;margin-top:3px;font-size:15px;color:#b9b6af}
.gv-sitepromo__code{display:flex;align-items:center;gap:10px;padding:7px 7px 7px 16px;border-radius:12px;
  border:1.5px dashed rgba(246,196,84,.6);background:rgba(5,10,24,.55)}
.gv-sitepromo__code code{font:800 18px ui-monospace,Consolas,monospace;letter-spacing:.1em;color:#ffe6a3}
.gv-sitepromo__copy{min-height:40px;padding:0 16px;border:0;border-radius:8px;cursor:pointer;
  background:linear-gradient(135deg,#ffe6a3 0%,#f6c454 45%,#c98b16 100%);color:#1b1300;
  font:600 14px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.07em;text-transform:uppercase}
.gv-sitepromo__copy:hover{filter:brightness(1.07)}
.gv-sitepromo__x{position:absolute;right:0;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:8px;
  background:transparent;color:#868a96;font-size:22px;line-height:1;cursor:pointer}
.gv-sitepromo__x:hover{background:rgba(255,255,255,.07);color:#fff}
@media (max-width:720px){
  .gv-sitepromo__in{grid-template-columns:auto minmax(0,1fr);padding-right:36px}
  .gv-sitepromo__code{grid-column:1 / -1;justify-content:space-between}
  .gv-sitepromo__x{top:0;transform:none}
  .gv-sitepromo__text b{font-size:19px}
}