/* Pulse VPN — unified landing pages */
:root{
  --lp-bg:#070a12;
  --lp-surface:rgba(255,255,255,.045);
  --lp-surface-2:rgba(255,255,255,.075);
  --lp-line:rgba(255,255,255,.11);
  --lp-text:#f6f8ff;
  --lp-muted:#aab4c9;
  --lp-blue:#7f9cff;
  --lp-green:#7fe0b4;
  --lp-radius:26px;
}
.lp-page{background:#070a12;color:var(--lp-text)}
.lp-page .nav{background:rgba(7,10,18,.78);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.lp-page .hero{padding-bottom:48px}
.lp-page .hero-grid{align-items:center}
.lp-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px;color:var(--lp-muted);font-size:13px}
.lp-breadcrumbs a{color:inherit;text-decoration:none}.lp-breadcrumbs a:hover{color:#fff}
.lp-breadcrumbs span{opacity:.55}
.lp-hero-note{margin:22px 0 0;color:var(--lp-muted);font-size:14px;line-height:1.6}
.lp-visual .status-ring{margin-top:22px}
.lp-visual-icon{width:78px;height:78px;margin:24px auto 18px;border-radius:24px;display:grid;place-items:center;font-size:32px;font-weight:900;letter-spacing:-.04em;color:#071018;background:linear-gradient(135deg,#eef2ff,#8fa7ff);box-shadow:0 18px 55px rgba(113,143,255,.25)}
.lp-visual-icon.green{background:linear-gradient(135deg,#e8fff6,#78dfb0)}
.lp-visual-icon.dark{color:#fff;background:linear-gradient(135deg,#33405e,#121827)}
.lp-visual .stats{margin-top:24px}
.lp-anchor{scroll-margin-top:90px}
.lp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lp-card{position:relative;min-height:210px;padding:26px;border:1px solid var(--lp-line);border-radius:var(--lp-radius);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));overflow:hidden}
.lp-card:after{content:"";position:absolute;width:150px;height:150px;right:-65px;top:-75px;border-radius:50%;background:radial-gradient(circle,rgba(127,156,255,.18),transparent 70%);pointer-events:none}
.lp-card-num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:rgba(127,156,255,.12);border:1px solid rgba(127,156,255,.24);color:#c7d2ff;font-size:13px;font-weight:900;margin-bottom:28px}
.lp-card h3{margin:0 0 10px;font-size:21px;letter-spacing:-.025em}
.lp-card p{margin:0;color:var(--lp-muted);line-height:1.65}
.lp-card a{color:#fff;text-decoration:none}
.lp-card-link{display:inline-flex;margin-top:18px;font-weight:750;color:#dce4ff!important}
.lp-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:48px;align-items:start}
.lp-prose{max-width:780px}
.lp-prose h2{margin:0 0 18px;font-size:clamp(32px,4vw,50px);line-height:1.07;letter-spacing:-.04em}
.lp-prose h3{margin:30px 0 10px;font-size:22px;letter-spacing:-.02em}
.lp-prose p,.lp-prose li{color:#cfd6e6;line-height:1.8}
.lp-prose ul,.lp-prose ol{padding-left:22px}
.lp-side-card{position:sticky;top:96px;padding:26px;border:1px solid var(--lp-line);border-radius:var(--lp-radius);background:linear-gradient(180deg,rgba(127,156,255,.075),rgba(255,255,255,.025));box-shadow:0 28px 70px rgba(0,0,0,.18)}
.lp-side-card .kicker{margin-bottom:12px}.lp-side-card h3{margin:0 0 10px;font-size:24px;letter-spacing:-.03em}.lp-side-card p{color:var(--lp-muted);line-height:1.65}
.lp-side-list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.lp-side-list li{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--lp-line);color:#dbe1ef}
.lp-side-list b{color:#fff}
.lp-check{flex:0 0 24px;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(127,224,180,.10);border:1px solid rgba(127,224,180,.25);color:#9cf0c9;font-size:12px;font-weight:900}
.lp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lp-step{padding:24px;border:1px solid var(--lp-line);border-radius:24px;background:rgba(255,255,255,.035)}
.lp-step span{display:block;color:#879cff;font-size:13px;font-weight:900;letter-spacing:.08em;margin-bottom:22px}
.lp-step h3{margin:0 0 8px;font-size:19px}.lp-step p{margin:0;color:var(--lp-muted);line-height:1.6}
.lp-answer{margin-top:18px;padding:20px 22px;border:1px solid rgba(127,156,255,.22);border-radius:20px;background:rgba(127,156,255,.07);color:#dce3f5;line-height:1.7}
.lp-answer strong{color:#fff}
.lp-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lp-related{display:flex;min-height:142px;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid var(--lp-line);border-radius:22px;background:rgba(255,255,255,.035);text-decoration:none;color:inherit;transition:.2s ease}
.lp-related:hover{transform:translateY(-2px);background:rgba(255,255,255,.06);border-color:rgba(127,156,255,.25)}
.lp-related b{font-size:18px;letter-spacing:-.02em}.lp-related span{color:var(--lp-muted);font-size:14px;line-height:1.5}.lp-related em{font-style:normal;color:#bdc9ff;font-weight:750;margin-top:16px}
.lp-mini-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.lp-plan{padding:24px;border:1px solid var(--lp-line);border-radius:24px;background:rgba(255,255,255,.035)}
.lp-plan.recommended{background:linear-gradient(180deg,rgba(127,156,255,.11),rgba(255,255,255,.035));border-color:rgba(127,156,255,.27)}
.lp-plan-name{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#9fb1ff}.lp-plan strong{display:block;font-size:35px;margin:10px 0 4px;letter-spacing:-.04em}.lp-plan p{margin:0;color:var(--lp-muted)}
.lp-home-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.lp-home-guide{display:block;min-height:185px;padding:24px;border:1px solid var(--lp-line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));color:inherit;text-decoration:none;transition:.2s ease}
.lp-home-guide:hover{transform:translateY(-2px);border-color:rgba(127,156,255,.28);background:rgba(255,255,255,.07)}
.lp-home-guide small{color:#90a4ff;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.lp-home-guide h3{margin:22px 0 8px;font-size:22px;letter-spacing:-.025em}.lp-home-guide p{margin:0;color:var(--lp-muted);line-height:1.55}
.lp-footer-links{display:grid;gap:6px}.lp-footer-links a{color:inherit;text-decoration:none}.lp-footer-links a:hover{color:#fff}
@media (max-width:980px){.lp-card-grid,.lp-related-grid,.lp-home-guides{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-split{grid-template-columns:1fr}.lp-side-card{position:static}.lp-mini-pricing{grid-template-columns:1fr}}
@media (max-width:640px){.lp-card-grid,.lp-related-grid,.lp-home-guides,.lp-steps{grid-template-columns:1fr}.lp-card{min-height:0}.lp-page .hero{padding-top:42px}.lp-page .hero h1{font-size:clamp(38px,12vw,56px)}.lp-breadcrumbs{font-size:12px}.lp-related{min-height:120px}}

/* PULSE_FLOATING_HEADER_V2_START */
/* Pulse — floating premium header with breathing room */
.nav{
  position:sticky;
  top:14px;
  z-index:100;
  width:min(1160px,calc(100% - 32px));
  margin:14px auto 0;
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;
  background:rgba(10,14,25,.86);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  backdrop-filter:blur(22px) saturate(135%);
  box-shadow:0 14px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
}

.nav > .container,
.nav .nav-inner{
  width:100%;
  max-width:none;
}

.nav-inner{
  min-height:68px;
  height:68px;
  padding:0 18px;
}

.nav .brand{
  flex:0 0 auto;
}

.nav-links{
  gap:26px;
}

.nav .btn-small{
  min-height:42px;
  padding:0 18px;
  border-radius:13px;
}

/* На внутренних страницах убираем старую плоскую подложку header */
.lp-page .nav{
  background:rgba(10,14,25,.86);
  border:1px solid rgba(255,255,255,.10);
}

/* Чтобы первый экран не выглядел приклеенным к хедеру */
.nav + main .hero,
.lp-page .nav + main .hero{
  padding-top:64px;
}

@media (max-width:760px){
  .nav{
    top:10px;
    width:calc(100% - 20px);
    margin-top:10px;
    border-radius:17px;
  }

  .nav-inner{
    min-height:60px;
    height:60px;
    padding:0 12px;
    gap:14px;
  }

  .nav + main .hero,
  .lp-page .nav + main .hero{
    padding-top:46px;
  }
}
/* PULSE_FLOATING_HEADER_V2_END */

/* PULSE_CTA_SPACING_START */
/* Air around the final conversion block on all Pulse landing pages */
.lp-page .cta{
  padding:88px 0 96px;
}

.lp-page .cta .cta-box{
  margin-top:0;
  margin-bottom:0;
}

@media (max-width:768px){
  .lp-page .cta{
    padding:56px 0 64px;
  }
}
/* PULSE_CTA_SPACING_END */
