/* =====================================================================
   GWave — тема «небо и море». Подключается последней и перекрашивает весь сайт.
   Разметку и классы, на которые опирается site.js, не меняет.
   ===================================================================== */
:root{
  --ink:#0A2340; --muted:#4A6584; --line:#D3E3F0; --bg:#F1F8FC; --blue:#1E6BEF;
  --teal:#19C9C4; --deep-1:#1248BE; --deep-2:#0B2C86; --deep-3:#061B57;
  --sky:linear-gradient(160deg,#3BE6D6 0%,#1CA4EC 48%,#1446C8 100%);
  --deep:linear-gradient(180deg,#1248BE 0%,#0B2C86 50%,#061B57 100%);
  --glass:rgba(255,255,255,.78);
  --shadow:0 24px 50px -30px rgba(20,70,200,.45),0 2px 6px -2px rgba(20,70,200,.08);
  --f-display:'Unbounded','Arial Black',system-ui,sans-serif;
  --f-body:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;
  /* слои моря с пеной — фон для «морских» карточек */
  --sea:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 120' preserveAspectRatio='none'%3E%3Cpath d='M0 46 C40 34 80 56 130 44 S220 30 270 42 S360 54 400 40 V120 H0Z' fill='%23FFFFFF' fill-opacity='.10'/%3E%3Cpath d='M0 46 C40 34 80 56 130 44 S220 30 270 42 S360 54 400 40' fill='none' stroke='%23FFFFFF' stroke-opacity='.35' stroke-width='1.4'/%3E%3Cpath d='M0 72 C50 62 90 82 150 70 S250 58 300 70 S370 80 400 68 V120 H0Z' fill='%23103BA8' fill-opacity='.45'/%3E%3Cpath d='M0 72 C50 62 90 82 150 70 S250 58 300 70 S370 80 400 68' fill='none' stroke='%23FFFFFF' stroke-opacity='.3' stroke-width='1.2'/%3E%3Cpath d='M0 96 C60 88 110 104 180 94 S290 84 340 94 S385 100 400 92 V120 H0Z' fill='%230B2C86' fill-opacity='.6'/%3E%3C/svg%3E");
}
body{font-family:var(--f-body);color:var(--ink);background:#EEF5FC linear-gradient(180deg,#E8FAF9 0,#F2F9FD 420px,#EEF5FC 900px) no-repeat;font-feature-settings:"kern","liga";-webkit-font-smoothing:antialiased}
.u{font-family:var(--f-display)}
h1.u,h2.u,.pg h1,.legal h1{font-weight:500;letter-spacing:-.04em}
h2{letter-spacing:-.03em}
a{color:var(--blue)}

/* ---------- шапка: парящая стеклянная капсула ---------- */
.nav{height:64px;margin-top:12px;padding:0 8px 0 12px;border-radius:999px;background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 0 0 1px rgba(255,255,255,.9) inset,0 12px 30px -16px rgba(20,70,200,.35)}
.brand{font-family:var(--f-display);font-size:19px;letter-spacing:-.04em;color:var(--ink)}
.brand .u{font-weight:300}
.brand .u::first-letter{font-weight:800}
.brand svg{filter:drop-shadow(0 6px 10px rgba(30,95,239,.3));border-radius:11px}
.navwrap{top:0;padding-top:0}
.navwrap.scrolled{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.navwrap.scrolled .nav{background:rgba(255,255,255,.86)}
.navlinks .txt{color:var(--ink);font-weight:500;border-radius:999px}
.navlinks .txt:hover{background:rgba(10,35,64,.05)}
.cabhead{height:auto;border-radius:28px;padding:10px 10px 10px 14px}
@media (max-width:599px){.cabhead{border-radius:24px}}

/* ---------- кнопки ---------- */
.btn{border-radius:999px;font-family:var(--f-body);font-weight:600;letter-spacing:-.005em}
.btn.sm{border-radius:999px}
.btn.primary,.btn.wave{position:relative;overflow:hidden;color:#fff;background:var(--sky);background-size:100% 100%;animation:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 14px 28px -12px rgba(20,70,200,.65)}
.btn.primary::before,.btn.wave::before{content:"";position:absolute;inset:1px 1px 45% 1px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0));pointer-events:none}
.btn.primary > *,.btn.wave > *{position:relative}
.btn.ghost{background:rgba(255,255,255,.8);border:1px solid rgba(30,107,239,.18);color:var(--ink)}
.btn.white{background:#fff;color:var(--deep-2)}
.btn.glass{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);color:#fff}
.btn.tg{background:linear-gradient(180deg,#36B4EE,#1E95D3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 12px 24px -12px rgba(30,149,211,.7)}
.paybtn[disabled]{filter:grayscale(.4)}
@media (hover:hover){.btn:hover{box-shadow:0 14px 28px -12px rgba(20,70,200,.45)}.btn.primary:hover{filter:brightness(1.06) saturate(1.1)}}

/* ---------- карточки ---------- */
.card,.feat,.plan,.qcard,.stlist,.sttips,.howbox,.pcard,.kpi,.ucard{background:var(--glass);border:1px solid rgba(255,255,255,.95);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.card.off{background:rgba(247,250,252,.85)}
.card.flat{box-shadow:none;background:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}
h3.sec{font-family:var(--f-display);font-weight:500;letter-spacing:-.03em;font-size:19px}

/* глянцевые значки */
.fi,.qico,.bigico,.devico,.gbig,.gbico,.num,.bubble,.gsteps li::before{position:relative;overflow:hidden;color:#fff!important;background:var(--sky)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 10px 20px -10px rgba(20,70,200,.6)!important}
.fi::after,.qico::after,.bigico::after,.devico::after,.gbig::after,.gbico::after,.num::after,.bubble::after{content:"";position:absolute;inset:1px 1px 50% 1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0));pointer-events:none}
.fi svg,.qico svg,.bigico svg,.devico svg,.gbig svg,.gbico svg{position:relative;z-index:1}
.bigico{width:56px;height:56px;border-radius:18px}
.bigico.err{background:linear-gradient(160deg,#FF9A8A,#E5484D)!important}
.bigico.tgico{background:linear-gradient(160deg,#5ED0FF,#1E95D3)!important}
.bigico.gift,.gbig,.gbico{background:linear-gradient(160deg,#FFE27A,#FFB547)!important;color:#5B3A00!important}
.qico.green{background:linear-gradient(160deg,#5EF0C8,#12B76A)!important}
.bubble{animation:none}

/* ---------- поля и переключатели ---------- */
.field input,.redeem input,.promoform input,.admsearch input{border-radius:14px;border:1px solid #C7DBEB;background:rgba(255,255,255,.9)}
.field input:focus,.redeem input:focus,.promoform input:focus{outline:3px solid rgba(25,201,196,.28);border-color:var(--teal)}
.seg,.tabs{background:rgba(30,107,239,.08);border-radius:999px}
.seg a,.seg button,.tab{border-radius:999px}
.seg a[aria-current=page],.seg button[aria-selected=true],.tab[aria-selected=true]{background:#fff;box-shadow:0 4px 12px -4px rgba(20,70,200,.3);color:var(--ink)}
.opt{background:rgba(241,248,252,.9);border-radius:20px}
.opt.sel{background:linear-gradient(135deg,rgba(59,230,214,.14),rgba(30,107,239,.10));border-color:#1CA4EC}
.opt.sel .radio{background:var(--sky);border-color:transparent}
.app{border-radius:18px;background:rgba(241,248,252,.9)}
.app.sel{border-color:#1CA4EC;background:linear-gradient(135deg,rgba(59,230,214,.12),rgba(30,107,239,.08))}
.chev,summary .plus{border-radius:12px;background:var(--sky);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 6px 14px -8px rgba(20,70,200,.6)}
.linkrow{border-radius:999px;background:rgba(255,255,255,.85);border-color:#D3E3F0}
.other,.dev{border-radius:18px;background:rgba(241,248,252,.9)}
.gift,.trialbar,.refgift{border-radius:18px;background:linear-gradient(135deg,rgba(59,230,214,.16),rgba(30,107,239,.08));border:1px solid rgba(25,201,196,.25);color:var(--ink)}
.gift svg,.trialbar svg{color:#0F8FBF}
.warn,.notice{border-radius:18px}
.detected,.badge,.plan .save{background:rgba(25,201,196,.16);color:#086B7A}

/* ---------- вопросы ---------- */
details{background:var(--glass);border:1px solid rgba(255,255,255,.95);border-radius:22px;box-shadow:0 14px 30px -24px rgba(20,70,200,.4)}
summary{font-weight:600;font-size:16px}
summary .plus{width:32px;height:32px}

/* ---------- «морские» блоки: подписка, подарок, помощь ---------- */
.sub,.ghero,.helpend{background:var(--sea) no-repeat left bottom/100% 46%,radial-gradient(60% 50% at 85% 0%,rgba(255,255,255,.35),rgba(255,255,255,0) 70%),var(--sky);border-radius:30px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 30px 60px -30px rgba(20,70,200,.7)}
.sub::before,.ghero::before,.helpend::before{content:"";position:absolute;inset:0 0 auto 0;height:42%;border-radius:30px 30px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));pointer-events:none}
.helpend{position:relative;overflow:hidden;padding-bottom:64px}
.helpend > *{position:relative}
.sub .waves,.ghero .waves{display:none}
.sub.off{background:var(--sea) no-repeat left bottom/100% 46%,linear-gradient(160deg,#5B6B85,#34425C)}
.sub .tile{background:rgba(255,255,255,.18);border-radius:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.sub .pill{background:rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.bigdays{font-weight:300!important;letter-spacing:-.05em}
.cabnav{border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.95)}
.cabnav .cn{border-radius:999px;font-weight:600}
.cabnav .cn svg{color:#1CA4EC}
.cabnav .cn:hover{background:rgba(30,107,239,.08)}
.cabnav .cn.hot{background:linear-gradient(180deg,#FFE27A,#FFC94A)}
@media (max-width:599px){.cabnav{border-radius:20px}.cabnav .cn{border-radius:14px}}
.admpill{background:var(--deep-2)}
.bonusbal{background:linear-gradient(90deg,#1CA4EC,#19C9C4);-webkit-background-clip:text;background-clip:text}
.bonusstats div{border-radius:16px;background:rgba(241,248,252,.9)}
.toast{border-radius:999px;background:var(--deep-2)}
.flash{border-radius:18px}
.mcta{border-radius:999px;background:rgba(11,44,134,.92)}

/* ---------- статус ---------- */
.stbanner{border-radius:24px}
.stbanner.ok{background:linear-gradient(135deg,rgba(94,240,200,.25),rgba(255,255,255,.85));border-color:rgba(18,183,106,.3)}
.stlist{overflow:hidden}

/* ---------- подвал: глубокое море ---------- */
footer{position:relative;overflow:hidden;margin-top:56px;padding:28px 28px 64px;border:0;border-radius:30px;color:#B9CCEB;background:var(--sea) no-repeat left bottom/100% 60%,var(--deep)}
footer a{color:#DCE8FF}
footer span{color:#fff;font-weight:600}
.legalline{margin:12px 0 28px}

/* ---------- админка: только шрифт и кнопки, раскладку не трогаем ---------- */
.admbody .nav{margin-top:8px}
.admbar a[aria-current=page]{color:var(--blue)}

/* =====================================================================
   ГЛАВНАЯ (body.home)
   ===================================================================== */
.home{background:#F1F8FC}
.home main.container{max-width:none;padding:0}
.home .navwrap{position:fixed;left:0;right:0;top:0;z-index:30;padding:0}
.home .navwrap .container{padding:0 clamp(12px,3vw,40px)}
.home .nav{max-width:1240px;margin:12px auto 0}
.home .wrapx{max-width:1240px;margin:0 auto;padding-inline:clamp(16px,5vw,64px)}
.home h2{font-family:var(--f-display);font-weight:500;font-size:clamp(28px,4.2vw,56px);line-height:1.05;letter-spacing:-.045em;text-wrap:balance;margin:0;max-width:14em}
.home .lead{margin-top:18px;max-width:32em;font-size:clamp(16px,1.3vw,19px);line-height:1.6;color:var(--muted)}

/* герой: живая вода */
.home .hero{position:relative;height:155vh;margin:0;padding:0;border-radius:0;background:none;overflow:visible;color:var(--ink)}
.h-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(60% 55% at 82% 18%,#fff 0%,rgba(255,255,255,0) 60%),radial-gradient(70% 60% at 78% 70%,rgba(25,211,197,.28) 0%,rgba(25,211,197,0) 70%),linear-gradient(180deg,#FBFEFF 0%,#EEF8FA 45%,#D2F0F0 100%)}
.h-sun{position:absolute;right:12%;top:16%;width:clamp(120px,16vw,240px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff 0%,#FFF8E6 35%,rgba(255,236,200,0) 70%);opacity:.6;pointer-events:none}
#sea{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}
.h-rider{position:absolute;left:0;top:0;width:70px;height:auto;opacity:0;pointer-events:none;filter:drop-shadow(0 12px 18px rgba(4,38,58,.35));will-change:transform}
.h-copy{position:absolute;top:calc(96px + 7vh);left:0;right:0;pointer-events:none}
.h-copy a{pointer-events:auto}
.home .hero h1{margin:0;max-width:none;font-family:var(--f-display);font-weight:300;font-size:clamp(38px,7.2vw,112px);line-height:.98;letter-spacing:-.06em;color:var(--ink);animation:none}
.home .hero h1 .ln{display:block;overflow:hidden;padding-bottom:.06em}
.home .hero h1 .ln2{font-weight:800;letter-spacing:-.065em}
.home .hero h1 .ch{display:inline-block;transform:translateY(105%);animation:h-rise .9s cubic-bezier(.2,.8,.2,1) forwards}
.home .hero h1 .ln2 .ch{background:linear-gradient(100deg,#13C6C0 0%,#1E8BEA 45%,#1E5FEF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes h-rise{to{transform:none}}
.home .hero p{margin:22px 0 0;max-width:30em;font-size:clamp(16px,1.4vw,20px);line-height:1.55;color:var(--muted)}
.home .hero .ctas{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.home .hero .btn{height:56px;padding:0 28px;font-size:16px}
.home .hero .note{display:inline-block;margin-top:14px;font-size:14px;color:var(--ink);background:rgba(255,255,255,.72);padding:7px 14px;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.h-foot{position:absolute;left:0;right:0;bottom:max(4vh,22px);pointer-events:none}
.h-foot .wrapx{display:flex;justify-content:space-between;gap:12px;align-items:center}
.hchip{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-weight:500;font-size:14px;background:rgba(255,255,255,.72);padding:9px 15px;border-radius:999px;box-shadow:0 0 0 1px rgba(255,255,255,.9) inset;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hmeter{width:110px;height:4px;border-radius:4px;background:rgba(10,35,64,.12);overflow:hidden}
.hmeter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#19C9C4,#1E6BEF)}
@media (max-width:520px){.hhint{display:none}}

/* разделитель из слоёв волн */
.divider{position:absolute;left:0;right:0;bottom:-1px;height:clamp(60px,9vw,130px);pointer-events:none;z-index:3;overflow:hidden}
.divider svg{position:absolute;bottom:0;left:0;width:200%;height:100%}
.divider .l1{animation:h-drift 22s linear infinite}.divider .l2{animation:h-drift 15s linear infinite reverse}.divider .l3{animation:h-drift 30s linear infinite}
@keyframes h-drift{to{transform:translateX(-50%)}}
.bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.bubbles i{position:absolute;bottom:-20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95),rgba(255,255,255,.25) 60%,rgba(255,255,255,.05));animation:h-bub linear infinite}
@keyframes h-bub{to{transform:translateY(-110vh)}}

/* преимущества */
.h-feats{position:relative;max-width:none!important;padding-block:clamp(70px,9vw,120px) clamp(130px,15vw,200px)}
.h-feats > h2,.h-feats > .h-grid{max-width:1112px;margin-left:auto;margin-right:auto}
.h-grid{margin-top:40px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
.h-feat{padding:26px;border-radius:28px;background:var(--glass);border:1px solid #fff;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}
.h-feat h3{margin:8px 0 0;font-size:18px;font-weight:600;letter-spacing:-.015em}
.h-feat p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.h-feat .fi{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center}
@media (max-width:1000px){.h-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.h-grid{grid-template-columns:1fr}}

/* как работает: глубокое море, закреплённая сцена */
.h-how{position:relative;height:230vh;color:#fff;background:radial-gradient(45% 35% at 78% 40%,rgba(59,230,214,.22) 0%,rgba(59,230,214,0) 70%),radial-gradient(60% 40% at 50% 0%,rgba(28,164,236,.45) 0%,rgba(28,164,236,0) 70%),var(--deep)}
.h-how .bubbles{z-index:0}
.h-how-stage{position:sticky;top:0;z-index:1;height:100vh;height:100svh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,64px);overflow:hidden}
.h-chapters{position:relative;min-height:17.5em}
.h-ch{position:absolute;inset:0 0 auto 0;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}
.h-ch.on{opacity:1;transform:none}
.h-ch .k{display:inline-block;font-weight:600;font-size:14px;color:#fff;padding:6px 14px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.08)),rgba(59,230,214,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.h-ch h3{margin:16px 0 0;font-family:var(--f-display);font-weight:500;font-size:clamp(26px,3.2vw,46px);line-height:1.06;letter-spacing:-.045em;text-wrap:balance}
.h-ch p{margin:16px 0 0;color:#C3DCF5;max-width:26em;font-size:17px;line-height:1.55}
.h-prog{display:flex;gap:8px;margin-top:28px}
.h-prog span{height:4px;flex:1;max-width:64px;border-radius:4px;background:rgba(255,255,255,.16);overflow:hidden}
.h-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3BE6D6,#7FD0FF)}
.h-route{position:relative;width:100%;aspect-ratio:640/520;max-height:78vh}
#routeCv{position:absolute;inset:0;width:100%;height:100%}
@media (max-width:860px){
  .h-how-stage{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:12px;padding-top:84px}
  .h-chapters{min-height:14em}
  .h-ch p{font-size:15px;margin-top:10px}
  .h-route{max-height:46vh}
}

/* шаги */
.h-steps{position:relative;background:linear-gradient(180deg,#EAFBFA 0%,#F2F9FD 100%);padding-block:clamp(60px,8vw,110px)}
.h-steps ol{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.h-steps li{padding:26px;border-radius:28px;background:var(--glass);border:1px solid #fff;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}
.h-steps .num{width:46px;height:46px;border-radius:15px;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center}
.h-steps h3{margin:10px 0 0;font-size:18px;font-weight:600}
.h-steps p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
@media (max-width:760px){.h-steps ol{grid-template-columns:1fr}}

/* серверы */
.h-servers{padding-block:clamp(40px,6vw,90px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:center}
.h-cities{list-style:none;padding:0;margin:32px 0 0}
.h-cities button{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:17px 12px;border-bottom:1px solid var(--line);font-family:var(--f-display);font-weight:400;font-size:clamp(19px,2vw,25px);letter-spacing:-.04em;transition:color .2s,background .2s}
.h-cities button small{font-family:var(--f-body);font-weight:500;font-size:15px;letter-spacing:0;color:var(--muted)}
.h-cities button[aria-pressed="true"]{color:var(--blue);background:linear-gradient(90deg,rgba(59,230,214,.18),rgba(59,230,214,0));border-radius:14px}
.h-cities button:focus-visible{outline:3px solid var(--blue)}
@media (max-width:860px){.h-servers{grid-template-columns:1fr}}

/* глянцевая плитка как значок */
.gl{position:relative;overflow:hidden;background:var(--sky);color:#fff;border-radius:36px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 30px 60px -30px rgba(20,70,200,.7)}
.gl::before{content:"";position:absolute;inset:0 0 auto 0;height:46%;background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,0));pointer-events:none;z-index:1}
.gl::after{content:"";position:absolute;right:-18%;top:-28%;width:65%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.5),rgba(255,255,255,0) 65%);pointer-events:none;z-index:1}
.h-map{padding:clamp(12px,2vw,24px) clamp(12px,2vw,24px) 0}
#map{position:relative;z-index:2;width:100%;height:auto;display:block}
.h-mapcap{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;color:#fff;padding:10px 8px 18px;font-weight:500}

/* тарифы */
.h-prices{padding-block:clamp(50px,7vw,100px)}
.h-pwrap{margin-top:44px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px}
.h-pcard{padding:clamp(24px,4vw,48px) clamp(24px,4vw,48px) clamp(96px,10vw,130px)}
.h-pcard > *:not(canvas):not(.wm){position:relative;z-index:2}
.h-pcard canvas{position:absolute;inset:auto 0 0 0;width:100%;height:40%;pointer-events:none}
.h-pcard .wm{position:absolute;right:-40px;top:-40px;width:clamp(180px,22vw,300px);height:auto;opacity:.16;transform:rotate(-12deg);pointer-events:none}
.pseg{position:relative;display:inline-grid;grid-template-columns:repeat(3,auto);background:rgba(255,255,255,.2);border-radius:999px;padding:5px;gap:2px}
.pseg button{all:unset;cursor:pointer;position:relative;z-index:1;white-space:nowrap;padding:10px clamp(10px,2vw,20px);border-radius:999px;font-weight:600;font-size:15px;text-align:center;transition:color .25s}
.pseg button[aria-pressed="true"]{color:var(--deep-2)}
.pseg button:focus-visible{outline:3px solid #fff}
.pseg .thumb{position:absolute;top:5px;bottom:5px;left:5px;border-radius:999px;background:#fff;transition:left .35s cubic-bezier(.3,.8,.3,1),width .35s cubic-bezier(.3,.8,.3,1)}
.psum{margin-top:clamp(26px,4vw,46px);font-family:var(--f-display);font-weight:300;font-size:clamp(60px,10vw,140px);line-height:.9;letter-spacing:-.07em;font-variant-numeric:tabular-nums}
.psum small{font-size:.3em;font-weight:500;letter-spacing:0;margin-left:.15em}
.pper{margin-top:16px;font-size:18px;font-weight:500;min-height:1.6em}
.pper s{opacity:.65;margin-left:6px}
.h-pcard .btn{margin-top:clamp(26px,4vw,40px);height:56px;padding:0 28px;background:#fff;color:var(--deep-2);box-shadow:0 12px 26px -10px rgba(4,30,90,.5)}
.h-facts{list-style:none;margin:0;padding:clamp(20px,3vw,34px);border-radius:36px;background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px #fff,var(--shadow);display:grid;align-content:start}
.h-facts li{padding:17px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;row-gap:2px;align-items:center}
.h-facts li:last-child{border-bottom:0}
.h-facts .fi{grid-row:span 2;width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center}
.h-facts b{font-size:18px;font-weight:600;letter-spacing:-.015em}
.h-facts span:not(.fi){color:var(--muted);font-size:15px;line-height:1.45}
@media (max-width:860px){.h-pwrap{grid-template-columns:1fr}}
@media (max-width:420px){.pseg button{font-size:14px;padding:10px 9px}}
/* семейный тариф: второй переключатель над сроками и строка «до N устройств» */
.pseg.kind{display:grid;width:max-content;max-width:100%;grid-template-columns:repeat(2,auto);margin-bottom:10px}
.pdev{display:flex;width:max-content;max-width:100%;align-items:center;gap:6px;margin-top:12px;padding:5px 12px;border-radius:999px;font-size:14px;font-weight:600;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.pdev::before{content:"";width:8px;height:8px;border-radius:50%;background:#3BE6D6;box-shadow:0 0 0 3px rgba(59,230,214,.25)}

/* вопросы */
.h-faq{position:relative;background:linear-gradient(180deg,#EEF6FD 0%,#E4F3FB 100%);padding-block:clamp(50px,7vw,100px) clamp(140px,16vw,220px)}
.h-faq .wrapx{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px)}
.home .faq{margin-top:0;gap:12px}
@media (max-width:860px){.h-faq .wrapx{grid-template-columns:1fr}}

/* финал (класс .cta нужен site.js) */
.home .cta{position:relative;overflow:hidden;margin:0;border-radius:0;display:block;padding:0;color:#fff;background:radial-gradient(50% 60% at 85% 40%,rgba(59,230,214,.3),rgba(59,230,214,0) 70%),var(--deep)}
.home .cta .wrapx{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;padding-block:clamp(70px,10vw,140px) clamp(130px,14vw,200px)}
.home .cta h2{color:#fff;max-width:11em;font-size:clamp(28px,4.2vw,56px)}
.home .cta p{margin:18px 0 0;color:#C3DCF5;font-size:clamp(16px,1.3vw,19px);max-width:30em;line-height:1.55}
.home .cta .btn{margin-top:32px;height:56px;padding:0 30px;font-size:16px}
.home .cta canvas{position:absolute;inset:auto 0 0 0;width:100%;height:46%;pointer-events:none;z-index:1}
.h-bigmark{width:clamp(140px,20vw,280px);height:auto;filter:drop-shadow(0 30px 60px rgba(25,211,197,.35));transform:rotate(-8deg)}
@media (max-width:760px){.home .cta .wrapx{grid-template-columns:1fr}.h-bigmark{grid-row:1;width:120px}}
.home footer{margin-top:0;border-radius:0}
.home .sitefoot{max-width:none;padding:0;background:#061B57}
.home .sitefoot footer{max-width:1240px;margin:0 auto;padding-inline:clamp(16px,5vw,64px)}
.home .legalline{margin:0;padding:0 16px 28px;color:#8FA8D6}

@media (prefers-reduced-motion:reduce){
  .home .hero h1 .ch{animation:none;transform:none}
  .h-ch{transition:none}
}

/* нумерация шагов в «Помощи» — глянцевые плитки, позиция как раньше */
.hsteps li::before{color:#fff;background:var(--sky);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 8px 16px -8px rgba(20,70,200,.6)}
/* код подарка на телефоне: поле не должно сжиматься */
@media (max-width:430px){.redeem input{flex:0 0 auto;width:100%}}

/* =====================================================================
   ПЛАВНЫЕ ПЕРЕХОДЫ МЕЖДУ СТРАНИЦАМИ (встроено в браузер, без библиотек)
   Шапка с логотипом остаётся на месте, остальное мягко перетекает.
   ===================================================================== */
@view-transition{navigation:auto}
.nav{view-transition-name:gw-nav}
::view-transition-old(root){animation:gw-vt-out .28s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:gw-vt-in .42s cubic-bezier(.2,.8,.2,1) both}
@keyframes gw-vt-out{to{opacity:0;transform:translateY(-10px)}}
@keyframes gw-vt-in{from{opacity:0;transform:translateY(14px)}}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

/* плавная прокрутка Lenis */
html.lenis,html.lenis body{height:auto}
html.lenis{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

/* вступление с логотипом (GSAP) */
.gw-intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(60% 50% at 50% 40%,#fff 0%,rgba(255,255,255,0) 70%),linear-gradient(180deg,#F4FCFD 0%,#D2F0F0 100%);cursor:pointer}
.gw-intro svg{width:min(34vw,190px);height:auto;overflow:visible}

/* =====================================================================
   НОЧНОЕ МОРЕ — включается само, если в телефоне тёмная тема.
   Админку не трогаем: там важнее привычный вид.
   ===================================================================== */
/* Ночная тема включается классом html.night (его ставит theme-init.js: по выбору человека или по теме телефона) */
html.night body:not(.admbody){
    --ink:#E6F1FF; --muted:#9DB3D6; --line:rgba(160,200,255,.14); --blue:#5FB4FF;
    --glass:rgba(14,32,74,.62);
    --shadow:0 24px 50px -30px rgba(0,0,0,.7),0 0 0 1px rgba(160,200,255,.08);
    color-scheme:dark;
    background:#050E26 linear-gradient(180deg,#071A3F 0,#061331 520px,#050E26 1000px) no-repeat;
    color:var(--ink);
  }
html.night body:not(.admbody) a:not(.btn){color:var(--blue)}
html.night body:not(.admbody) .nav{background:rgba(10,26,64,.62);box-shadow:0 0 0 1px rgba(160,200,255,.12) inset,0 12px 30px -16px rgba(0,0,0,.7)}
html.night body:not(.admbody) .navwrap.scrolled .nav{background:rgba(10,26,64,.86)}
html.night body:not(.admbody) .brand,html.night body:not(.admbody) .navlinks .txt{color:var(--ink)}
html.night body:not(.admbody) .btn.ghost{background:rgba(255,255,255,.06);border-color:rgba(160,200,255,.2);color:var(--ink)}
html.night body:not(.admbody) .card,html.night body:not(.admbody) .feat,html.night body:not(.admbody) .plan,html.night body:not(.admbody) .qcard,html.night body:not(.admbody) .stlist,html.night body:not(.admbody) .sttips,html.night body:not(.admbody) .howbox,html.night body:not(.admbody) .pcard,html.night body:not(.admbody) .kpi,html.night body:not(.admbody) details,html.night body:not(.admbody) .h-feat,html.night body:not(.admbody) .h-steps li,html.night body:not(.admbody) .h-facts{background:var(--glass);border-color:rgba(160,200,255,.12);color:var(--ink)}
html.night body:not(.admbody) .card.off{background:rgba(14,32,74,.45)}
html.night body:not(.admbody) .field input,html.night body:not(.admbody) .redeem input,html.night body:not(.admbody) .promoform input,html.night body:not(.admbody) .admform input{background:rgba(255,255,255,.05);border-color:rgba(160,200,255,.22);color:var(--ink)}
html.night body:not(.admbody) .seg,html.night body:not(.admbody) .tabs{background:rgba(255,255,255,.06)}
html.night body:not(.admbody) .seg a[aria-current=page],html.night body:not(.admbody) .seg button[aria-selected=true],html.night body:not(.admbody) .tab[aria-selected=true]{background:rgba(95,180,255,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(160,200,255,.3)}
html.night body:not(.admbody) .opt,html.night body:not(.admbody) .app,html.night body:not(.admbody) .other,html.night body:not(.admbody) .dev,html.night body:not(.admbody) .bonusstats div,html.night body:not(.admbody) .tgcode{background:rgba(255,255,255,.05);color:var(--ink)}
html.night body:not(.admbody) .opt.sel,html.night body:not(.admbody) .app.sel{background:linear-gradient(135deg,rgba(59,230,214,.16),rgba(30,107,239,.18))}
html.night body:not(.admbody) .linkrow{background:rgba(255,255,255,.05);border-color:rgba(160,200,255,.18)}
html.night body:not(.admbody) .gift,html.night body:not(.admbody) .trialbar,html.night body:not(.admbody) .refgift{background:linear-gradient(135deg,rgba(59,230,214,.14),rgba(30,107,239,.14));border-color:rgba(59,230,214,.25);color:var(--ink)}
html.night body:not(.admbody) .row{border-color:rgba(160,200,255,.1)}
html.night body:not(.admbody) .ico{background:rgba(255,255,255,.06);border-color:rgba(160,200,255,.2)}
html.night body:not(.admbody) .store{background:rgba(255,255,255,.06);border-color:rgba(160,200,255,.2);color:var(--ink)}
html.night body:not(.admbody) .cabnav{background:rgba(10,26,64,.62);border-color:rgba(160,200,255,.12)}
html.night body:not(.admbody) .cabnav .cn{color:var(--ink)}
html.night body:not(.admbody) .stbanner.ok{background:linear-gradient(135deg,rgba(94,240,200,.16),rgba(14,32,74,.6));color:#9FF5D2}
html.night body:not(.admbody) .strow{border-color:rgba(160,200,255,.1)}
html.night body:not(.admbody) .tscroll,html.night body:not(.admbody) .adt th{background:rgba(255,255,255,.04);border-color:rgba(160,200,255,.12)}
html.night body:not(.admbody) .adt td{border-color:rgba(160,200,255,.1)}
html.night body:not(.admbody) .formmsg.err,html.night body:not(.admbody) .flash.err{background:rgba(229,72,77,.15);color:#FFB4B4;border-color:rgba(229,72,77,.35)}
html.night body:not(.admbody) .formmsg.ok,html.night body:not(.admbody) .flash.ok{background:rgba(59,230,214,.12);color:#A8F5EC;border-color:rgba(59,230,214,.3)}
html.night body:not(.admbody) .toast{background:#123A8C}
html.night body:not(.admbody) .btn.white,html.night body:not(.admbody) .sub .acts .white,html.night body:not(.admbody) .h-pcard .btn{color:#0B2C86}
html.night body:not(.admbody) .stst.ok{color:#6BE8A9}
html.night body:not(.admbody) .stst.down{color:#FF9A92}
html.night body:not(.admbody) .detected,html.night body:not(.admbody) .badge,html.night body:not(.admbody) .plan .save{color:#8FF5EC;background:rgba(59,230,214,.14)}
html.night body:not(.admbody) .muted,html.night body:not(.admbody) .fine,html.night body:not(.admbody) .small,html.night body:not(.admbody) .note{color:var(--muted)}
html.night body:not(.admbody) .sub .muted{color:#DCE8FF}
/* главная ночью: луна, звёзды, тёмная вода */
html.night .home{background:#050E26}
html.night .home .h-stage{background:radial-gradient(1.2px 1.2px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 28% 9%,#cfe3ff,transparent),radial-gradient(1.4px 1.4px at 46% 22%,#fff,transparent),radial-gradient(1px 1px at 63% 12%,#e6f0ff,transparent),radial-gradient(1.2px 1.2px at 78% 30%,#fff,transparent),radial-gradient(1px 1px at 90% 8%,#dbe9ff,transparent),radial-gradient(1px 1px at 36% 34%,#fff,transparent),radial-gradient(1px 1px at 55% 40%,#cfe3ff,transparent),radial-gradient(60% 50% at 82% 18%,rgba(140,180,255,.18) 0%,rgba(140,180,255,0) 60%),linear-gradient(180deg,#030A1E 0%,#071A3F 55%,#0A2350 100%)}
html.night .home .h-sun{opacity:.95;background:radial-gradient(circle at 42% 40%,#FFFFFF 0%,#E8F0FF 30%,rgba(200,220,255,.25) 46%,rgba(200,220,255,0) 70%);filter:drop-shadow(0 0 40px rgba(170,200,255,.5))}
html.night .home .hero h1{color:#F2F7FF}
html.night .home .hero .ln2 .ch{background:linear-gradient(100deg,#5FF3E8 0%,#5FB4FF 55%,#8FA2FF 100%);-webkit-background-clip:text;background-clip:text}
html.night .home .hero .note,html.night .hchip{background:rgba(10,26,64,.62);color:var(--ink);box-shadow:0 0 0 1px rgba(160,200,255,.14) inset}
html.night .h-steps{background:linear-gradient(180deg,#071A3F 0%,#061331 100%)}
html.night .h-how .divider path.l1{fill:#0E3A7A}
html.night .h-how .divider path.l2{fill:#0A2A5E}
html.night .h-how .divider path.l3{fill:#071A3F}
html.night .h-feats .divider path.l1{fill:#1CA4EC}
html.night .h-feats .divider path.l2{fill:#123E9E}
html.night .h-faq{background:linear-gradient(180deg,#061331 0%,#071A3F 100%)}
html.night .h-cities button{border-color:rgba(160,200,255,.12)}
html.night .h-cities button[aria-pressed="true"]{color:#5FF3E8}
html.night .h-facts li{border-color:rgba(160,200,255,.1)}
html.night .gw-intro{background:radial-gradient(60% 50% at 50% 40%,rgba(120,170,255,.25) 0%,rgba(120,170,255,0) 70%),linear-gradient(180deg,#030A1E 0%,#0A2350 100%)}
html:not(.night){color-scheme:light}


/* переключатель дня и ночи — солнце/луна на главной */
.h-sun{pointer-events:auto;cursor:pointer;z-index:2;border:0;padding:0;transition:transform .35s cubic-bezier(.3,1.5,.5,1),filter .3s}
.h-sun:hover{transform:scale(1.06)}
.h-sun:active{transform:scale(.94)}
.h-sun:focus-visible{outline:3px solid #5FB4FF;outline-offset:6px}
.h-copy{z-index:3}
html.vt-theme::view-transition-old(root),html.vt-theme::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.vt-theme::view-transition-old(root){z-index:1}html.vt-theme::view-transition-new(root){z-index:2}
html.vt-theme .nav{view-transition-name:none}

/* надписи на главных кнопках — всегда белые и чёткие, днём и ночью */
.btn.primary,.btn.primary span,html.night .btn.primary,html.night .btn.primary span{color:#fff!important;font-weight:700;text-shadow:0 1px 2px rgba(6,27,87,.45)}

/* =====================================================================
   ДНЁМ: голубое небо, солнце с лучами, облака
   ===================================================================== */
.h-stage{background:
  radial-gradient(55% 45% at 80% 16%,rgba(255,244,200,.55) 0%,rgba(255,244,200,0) 70%),
  linear-gradient(180deg,#7CCBF6 0%,#A8DDF8 28%,#D2EEF9 52%,#E3F5F7 66%,#E3F5F7 100%)}
/* облака: мягкие белые пятна, медленно плывут */
.h-stage::before{content:"";position:absolute;inset:0 -30% 40% -30%;pointer-events:none;opacity:.9;
  background:
   radial-gradient(14% 7% at 18% 30%,rgba(255,255,255,.95),rgba(255,255,255,0) 70%),
   radial-gradient(10% 5% at 24% 27%,rgba(255,255,255,.9),rgba(255,255,255,0) 70%),
   radial-gradient(18% 6% at 58% 52%,rgba(255,255,255,.8),rgba(255,255,255,0) 70%),
   radial-gradient(11% 5% at 63% 48%,rgba(255,255,255,.85),rgba(255,255,255,0) 70%),
   radial-gradient(15% 6% at 88% 72%,rgba(255,255,255,.7),rgba(255,255,255,0) 70%);
  filter:blur(6px);animation:gw-clouds 70s linear infinite alternate}
@keyframes gw-clouds{to{transform:translateX(12%)}}
/* солнце: тёплый диск, сияние и лучи */
.h-sun{width:clamp(96px,13vw,170px);right:10%;top:15%;border-radius:50%;opacity:1;filter:none;
  background:radial-gradient(circle at 42% 38%,#FFFFFF 0%,#FFF9DE 22%,#FFE48A 52%,#FFC53D 78%,#FFB21F 100%);
  box-shadow:0 0 0 6px rgba(255,230,140,.35),0 0 40px 14px rgba(255,214,90,.55),0 0 120px 50px rgba(255,236,170,.45)}
.h-sun::before{content:"";position:absolute;inset:-70%;border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,rgba(255,226,130,.45) 0deg 5deg,rgba(255,226,130,0) 5deg 18deg);
  -webkit-mask:radial-gradient(circle,transparent 30%,#000 34%,rgba(0,0,0,.6) 52%,transparent 70%);
  mask:radial-gradient(circle,transparent 30%,#000 34%,rgba(0,0,0,.6) 52%,transparent 70%);
  animation:gw-rays 60s linear infinite}
@keyframes gw-rays{to{transform:rotate(360deg)}}
/* ночью — луна без лучей и облаков (как было) */
html.night .h-stage::before,html.night .h-sun::before{display:none}
html.night .home .h-sun{width:clamp(120px,16vw,240px);right:12%;top:16%;box-shadow:none}
@media (prefers-reduced-motion:reduce){.h-stage::before,.h-sun::before{animation:none}}
/* солнце поменьше и аккуратнее */
html:not(.night) .h-sun{width:clamp(52px,6.5vw,92px);right:9%;top:14%;
  box-shadow:0 0 0 4px rgba(255,230,140,.35),0 0 22px 8px rgba(255,214,90,.5),0 0 70px 26px rgba(255,236,170,.4)}
html:not(.night) .h-sun::before{inset:-55%}

/* ========== Дизайн-система: скругления и глубина по уровням ==========
   XL — «морские» поверхности (подписка, цены, карта): самые крупные и глубокие.
   L  — основные карточки. M — вложенные блоки и элементы управления. S — значки и мелочи. Кнопки — капсулы. */
:root{--r-xl:32px;--r-l:22px;--r-m:14px;--r-s:11px;
  --e1:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px -18px rgba(10,35,90,.35);
  --e2:inset 0 1px 0 rgba(255,255,255,.9),0 24px 48px -30px rgba(20,70,200,.45)}
.sub,.ghero,.helpend,.gl,.hero{border-radius:var(--r-xl)}
.sub::before,.ghero::before,.helpend::before{border-radius:var(--r-xl) var(--r-xl) 0 0}
.card,.plan,.howbox,.stlist,.sttips,.pcard,.ucard,.stbanner,.float-card,.feat{border-radius:var(--r-l);box-shadow:var(--e2)}
.qcard,.kpi,details,.gift,.trialbar,.warn,.refgift,.promobox,.gitem,.gwhat,.notice,.toast,.flash,.app,.dev,.linkrow,.other,.qrbox,.storehint,.tabs,.seg,.cabnav,.mcta,.opt,.tile,.sub .tile{border-radius:var(--r-m)}
.qcard,.kpi,details{box-shadow:var(--e1)}
.field input,.redeem input,.promoform input,.admsearch input{border-radius:var(--r-m)}
.chev,summary .plus,.devico,.eye,.gcode,.store,.ico,.qico,.num,.h-steps .num,.seg button,.tab,.cabnav .cn,.fi,.h-feat .fi,.h-facts .fi,.gbico,.bigico{border-radius:var(--r-s)}

/* ========== «Почему GWave»: одна главная плитка + спокойный список вместо четырёх одинаковых карточек ========== */
.h-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0 clamp(28px,4vw,56px);align-items:stretch}
.h-feat{background:none;border:0;box-shadow:none;border-radius:0;padding:24px 0;border-top:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:row;align-items:flex-start;gap:18px}
.h-feat:nth-child(2){border-top:0}
.h-feat > :not(.fi){min-width:0}
.h-feat h3{margin:2px 0 6px}
.h-feat .fi{flex:0 0 auto;width:46px;height:46px;background:rgba(28,164,236,.10)!important;color:#1479D8!important;box-shadow:inset 0 0 0 1px rgba(28,164,236,.22)!important}
.h-feat .fi::before,.h-feat .fi::after{display:none!important}
.h-feat:not(:first-child){display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:18px}
.h-feat:not(:first-child) .fi{grid-row:1 / span 2}
.h-feat:first-child{grid-row:1 / span 3;flex-direction:column;justify-content:flex-end;gap:12px;padding:clamp(28px,3.4vw,44px);min-height:360px;border:0;border-radius:var(--r-xl);color:#fff;
  background:var(--sea) no-repeat left bottom/100% 38%,radial-gradient(60% 50% at 85% 0%,rgba(255,255,255,.32),rgba(255,255,255,0) 70%),var(--sky);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 30px 60px -30px rgba(20,70,200,.7)}
.h-feat:first-child h3{font-family:var(--f-display);font-weight:500;font-size:clamp(24px,2.6vw,34px);line-height:1.08;letter-spacing:-.04em;margin:0;max-width:11em}
.h-feat:first-child p{color:rgba(255,255,255,.88);font-size:16px;max-width:26em;margin-bottom:clamp(70px,9vw,110px)}
.h-feat:first-child .fi{width:58px;height:58px;margin-bottom:auto;background:rgba(255,255,255,.2)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)!important}
html.night .h-feat:not(:first-child) .fi{background:rgba(95,180,255,.12)!important;color:#7CC4FF!important}
@media (max-width:1000px){.h-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:760px){.h-grid{grid-template-columns:1fr}.h-feat:first-child{grid-row:auto;min-height:300px;margin-bottom:8px}.h-feat:nth-child(2){border-top:0}}

/* ========== Спокойнее: без постоянных бликов и лишних пузырей; один яркий момент — волна наверху ========== */
.plan .tag{animation:none;background:var(--sky)}
.h-how .bubbles{display:none}

/* ========== Скидка — отдельной меткой, а не через точку ========== */
.pper .off{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);font-weight:700;font-size:.92em}

/* ========== Кабинет: уровень воды показывает, сколько дней подписки осталось ========== */
.sub[style*="--lvl"]{background-size:100% var(--lvl),auto,auto;transition:background-size 1.2s cubic-bezier(.2,.8,.2,1)}
.h-facts .fi{background:rgba(28,164,236,.10)!important;color:#1479D8!important;box-shadow:inset 0 0 0 1px rgba(28,164,236,.22)!important}
.h-facts .fi::before,.h-facts .fi::after{display:none!important}
html.night .h-facts .fi{background:rgba(95,180,255,.12)!important;color:#7CC4FF!important}
html.night body:not(.admbody) .h-feat{background:none;border-color:transparent;border-top:1px solid var(--line)}
html.night body:not(.admbody) .h-feat:nth-child(2){border-top:0}
html.night body:not(.admbody) .h-feat:first-child{border:0;color:#fff;background:var(--sea) no-repeat left bottom/100% 38%,radial-gradient(60% 50% at 85% 0%,rgba(92,242,228,.22),rgba(92,242,228,0) 70%),linear-gradient(160deg,#0F4FA8 0%,#0B2C86 50%,#071B57 100%);box-shadow:inset 0 0 0 1px rgba(160,200,255,.18),0 30px 60px -30px rgba(0,0,0,.7)}
html.night body:not(.admbody) .h-feat:first-child p{color:rgba(230,241,255,.85)}
@media (max-width:760px){html.night body:not(.admbody) .h-feat:nth-child(2){border-top:0}}

/* семейный тариф в кабинете: переключатель «Обычный / Семейный» над сроками */
.opt[hidden],.kwarn[hidden]{display:none!important}
.kindsw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:4px 0 12px}
.kopt{position:relative;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--r-m,18px);background:rgba(241,248,252,.9);border:2px solid transparent;text-align:left}
.kopt input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.kopt:has(input:focus-visible){outline:3px solid rgba(30,94,255,.35);outline-offset:2px}
.kopt b{font-size:15px}
.kopt span{font-size:13px;color:var(--muted)}
.kopt.sel{background:linear-gradient(135deg,rgba(59,230,214,.14),rgba(30,107,239,.10));border-color:#1CA4EC}
.kwarn{margin:0 0 10px}
html.night body:not(.admbody) .kopt{background:rgba(255,255,255,.05);color:var(--ink)}
html.night body:not(.admbody) .kopt.sel{background:linear-gradient(135deg,rgba(59,230,214,.16),rgba(30,107,239,.18))}
.sub > div:has(.pill.fam){display:flex;flex-wrap:wrap;gap:6px}
.sub .pill.fam{background:rgba(255,255,255,.22)}

/* подсказка «Не находится в App Store?» в тёмной теме — было светло-синее на жёлтом */
html.night body:not(.admbody) a.storehint{background:rgba(250,204,21,.10);border-color:rgba(250,204,21,.35);color:#F3E3AE}
html.night body:not(.admbody) a.storehint b{color:#FFE9A3}