/*
Theme Name: BearVPN RU Theme
Theme URI: https://example.com/
Author: OpenAI
Author URI: https://openai.com/
Description: Лёгкая SEO-friendly WordPress тема для BearVPN в русскоязычной стилистике бренда.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: bearvpn-ru
*/

:root{
  --brvpn-bg:#fbfdf9;
  --brvpn-bg-soft:#eefaf2;
  --brvpn-surface:#ffffff;
  --brvpn-surface-2:#f6fbf7;
  --brvpn-text:#1f2f26;
  --brvpn-text-soft:#5d6d63;
  --brvpn-line:#dcecdf;

  --brvpn-primary:#5bc17f;
  --brvpn-primary-dark:#3da866;
  --brvpn-accent:#8bd7a4;

  --brvpn-secondary:#eeac3a;
  --brvpn-secondary-dark:#dc9925;
  --brvpn-secondary-soft:#fff5e3;

  --brvpn-success:#31a95f;
  --brvpn-warning:#eeac3a;

  --brvpn-shadow:0 18px 50px rgba(42,76,50,.08);
  --brvpn-shadow-sm:0 10px 28px rgba(42,76,50,.06);

  --brvpn-radius:24px;
  --brvpn-radius-md:18px;
  --brvpn-radius-sm:14px;
  --brvpn-container:1200px;
}
*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;
  line-height:1.7;
  color:var(--brvpn-text);
  background:linear-gradient(180deg,#fdfefb 0%,#f7fbf7 100%);
}

img{
  max-width:100%;
  height:auto;
  display:block;
}

a{
  color:var(--brvpn-primary);
  text-decoration:none;
}

a:hover{
  color:var(--brvpn-primary-dark);
}

.brvpn-container{
  width:min(100% - 32px,var(--brvpn-container));
  margin-inline:auto;
}

.brvpn-section{
  padding:72px 0;
}

.brvpn-section-sm{
  padding:20px 0;
}

.brvpn-section-lg{
  padding:96px 0;
}

.brvpn-card,
.brvpn-box,
.brvpn-feature,
.brvpn-step,
.brvpn-pricing-card,
.brvpn-faq-item,
.brvpn-stat,
.brvpn-platform-card,
.brvpn-review-card,
.brvpn-contact-card{
  background:var(--brvpn-surface);
  border:1px solid var(--brvpn-line);
  box-shadow:var(--brvpn-shadow-sm);
  border-radius:var(--brvpn-radius-md);
}

.brvpn-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:#eaf2ff;
  color:var(--brvpn-primary-dark);
  font-size:14px;
  font-weight:700;
}

.brvpn-badge{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background:#edf5ff;
  color:var(--brvpn-primary-dark);
  font-size:13px;
  font-weight:700;
}

.brvpn-title,
h1,h2,h3,h4{
  margin:0 0 16px;
  color:var(--brvpn-text);
  line-height:1.18;
  letter-spacing:-0.02em;
}

h1{
  font-size:clamp(34px,5vw,62px);
}

h2{
  font-size:clamp(28px,4vw,44px);
}

h3{
  font-size:clamp(20px,2.5vw,28px);
}

h4{
  font-size:20px;
}

p{
  margin:0 0 16px;
  color:var(--brvpn-text-soft);
}

ul,ol{
  margin:0 0 18px 20px;
  color:var(--brvpn-text-soft);
}

li{
  margin-bottom:8px;
}

.wp-block-group,
.entry-content > * + *{
  margin-top:18px;
}

/* Header */
.brvpn-site-header{
  position:sticky;
  top:0;
  z-index:1000;
  backdrop-filter:saturate(180%) blur(14px);
  background:rgba(250,252,255,.85);
  border-bottom:1px solid rgba(220,231,251,.9);
}

.brvpn-header-inner{
  min-height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}

.brvpn-brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--brvpn-text);
  flex-shrink:0;
}

.brvpn-brand-logo{
  width:42px;
  height:42px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--brvpn-primary),#eeac3a);
  box-shadow:0 10px 24px rgba(38,103,255,.22);
}

.brvpn-brand-name{
  font-size:21px;
  font-weight:800;
  letter-spacing:-0.03em;
}

.brvpn-nav-wrap{
  display:flex;
  align-items:center;
  gap:18px;
  margin-left:auto;
}

.brvpn-nav-menu,
.brvpn-nav-menu ul{
  list-style:none;
  margin:0;
  padding:0;
}

.brvpn-nav-menu{
  display:flex;
  align-items:center;
  gap:6px;
}

.brvpn-nav-menu > li{
  position:relative;
}

.brvpn-nav-menu a{
  display:block;
  padding:12px 16px;
  border-radius:12px;
  color:var(--brvpn-text);
  font-weight:600;
}

.brvpn-nav-menu > li:hover > a,
.brvpn-nav-menu > li.current-menu-item > a,
.brvpn-nav-menu > li.current-menu-parent > a{
  background:var(--brvpn-bg-soft);
  color:var(--brvpn-primary-dark);
}

.brvpn-nav-menu .sub-menu{
  position:absolute;
  left:0;
  top:100%;
  min-width:250px;
  background:#fff;
  border:1px solid var(--brvpn-line);
  border-radius:18px;
  box-shadow:var(--brvpn-shadow);
  padding:10px;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.25s ease;
}

.brvpn-nav-menu li:hover > .sub-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.brvpn-nav-menu .sub-menu a{
  padding:12px 14px;
}

.brvpn-header-actions{
  display:flex;
  align-items:center;
  gap:12px;
}

.brvpn-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:0 22px;
  border-radius:16px;
  border:1px solid transparent;
  font-weight:800;
  font-size:15px;
  line-height:1;
  transition:.25s ease;
  cursor:pointer;
  text-align:center;
}

.brvpn-btn-primary{
  background:linear-gradient(135deg,var(--brvpn-primary),#5aa3ff);
  color:#fff;
  box-shadow:0 12px 26px rgba(38,103,255,.28);
}

.brvpn-btn-primary:hover{
  color:#fff;
  transform:translateY(-1px);
}

.brvpn-btn-secondary{
  background:#fff;
  color:var(--brvpn-primary-dark);
  border-color:var(--brvpn-line);
}

.brvpn-btn-secondary:hover{
  background:var(--brvpn-bg-soft);
}

.brvpn-burger{
  display:none;
  width:50px;
  height:50px;
  padding:0;
  border:1px solid var(--brvpn-line);
  border-radius:16px;
  background:#fff;
  cursor:pointer;
  position:relative;
}

.brvpn-burger span,
.brvpn-burger::before,
.brvpn-burger::after{
  content:"";
  position:absolute;
  left:13px;
  width:22px;
  height:2px;
  background:var(--brvpn-text);
  transition:.25s ease;
}

.brvpn-burger span{ top:24px; }
.brvpn-burger::before{ top:17px; }
.brvpn-burger::after{ top:31px; }

.brvpn-burger.is-active span{ opacity:0; }
.brvpn-burger.is-active::before{ transform:rotate(45deg); top:24px; }
.brvpn-burger.is-active::after{ transform:rotate(-45deg); top:24px; }

/* Hero */
.brvpn-hero{
  position:relative;
  overflow:hidden;
  padding:22px 0 42px;
}

.brvpn-hero::before{
  content:"";
  position:absolute;
  inset:-140px auto auto 50%;
  width:760px;
  height:760px;
  transform:translateX(-20%);
  background:radial-gradient(circle,rgba(93,167,255,.18) 0%,rgba(93,167,255,0) 62%);
  pointer-events:none;
}

.brvpn-hero-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:40px;
  align-items:center;
}

.brvpn-hero-copy{
  position:relative;
  z-index:1;
}

.brvpn-hero-text{
  font-size:18px;
  max-width:680px;
}

.brvpn-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}

.brvpn-hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

.brvpn-hero-meta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  background:#fff;
  border:1px solid var(--brvpn-line);
  border-radius:999px;
  color:var(--brvpn-text);
  font-weight:700;
  box-shadow:var(--brvpn-shadow-sm);
}

.brvpn-hero-visual{
  position:relative;
}

.brvpn-device{
  position:relative;
  padding:18px;
  border-radius:30px;
  background:linear-gradient(180deg,#fafdff 0%,#eef5ff 100%);
  border:1px solid var(--brvpn-line);
  box-shadow:var(--brvpn-shadow);
}

.brvpn-device-screen{
  aspect-ratio:1.08/1;
  border-radius:24px;
  background:linear-gradient(145deg,#1f57e8 0%,#6bb4ff 100%);
  overflow:hidden;
  position:relative;
}

.brvpn-device-screen::before{
  content:"";
  position:absolute;
  inset:12% 12% auto auto;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(255,255,255,.11);
}

.brvpn-device-screen::after{
  content:"";
  position:absolute;
  inset:auto 10% 8% auto;
  width:150px;
  height:150px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
}

.brvpn-device-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  padding:24px;
}

.brvpn-device-shield{
  width:88px;
  height:88px;
  border-radius:28px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  margin-bottom:18px;
}

.brvpn-floating-card{
  position:absolute;
  right:-10px;
  bottom:20px;
  width:min(260px,88%);
  padding:18px;
  background:#fff;
  border:1px solid var(--brvpn-line);
  border-radius:20px;
  box-shadow:var(--brvpn-shadow);
}

.brvpn-floating-card strong{
  display:block;
  margin-bottom:6px;
  color:var(--brvpn-text);
  font-size:18px;
}

.brvpn-stat-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:36px;
}

.brvpn-stat{
  padding:22px;
}

.brvpn-stat strong{
  display:block;
  font-size:32px;
  line-height:1;
  margin-bottom:8px;
  color:var(--brvpn-primary-dark);
}

/* Shared grids */
.brvpn-grid{
  display:grid;
  gap:20px;
}

.brvpn-grid-2{ grid-template-columns:repeat(2,1fr); }
.brvpn-grid-3{ grid-template-columns:repeat(3,1fr); }
.brvpn-grid-4{ grid-template-columns:repeat(4,1fr); }

.brvpn-feature{
  padding:26px;
}

.brvpn-feature-icon,
.brvpn-step-num{
  width:54px;
  height:54px;
  border-radius:18px;
  background:linear-gradient(135deg,#eaf2ff,#dbeaff);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--brvpn-primary-dark);
  font-size:22px;
  font-weight:800;
  margin-bottom:18px;
}

.brvpn-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:center;
}

.brvpn-surface{
  background:var(--brvpn-surface);
  border:1px solid var(--brvpn-line);
  border-radius:var(--brvpn-radius);
  box-shadow:var(--brvpn-shadow-sm);
  padding:34px;
}

.brvpn-compare{
  overflow:auto;
}

.brvpn-table{
  width:100%;
  border-collapse:collapse;
  min-width:720px;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
}

.brvpn-table th,
.brvpn-table td{
  padding:16px 18px;
  text-align:left;
  border-bottom:1px solid var(--brvpn-line);
  color:var(--brvpn-text-soft);
  vertical-align:top;
}

.brvpn-table th{
  color:var(--brvpn-text);
  background:#f7faff;
  font-size:15px;
}

.brvpn-table td:first-child,
.brvpn-table th:first-child{
  color:var(--brvpn-text);
  font-weight:700;
}

.brvpn-pricing-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
  align-items:stretch;
}

.brvpn-pricing-card{
  padding:28px;
  position:relative;
}

.brvpn-pricing-card.is-featured{
  border-color:#b7d0ff;
  box-shadow:0 18px 46px rgba(38,103,255,.14);
  transform:translateY(-6px);
}

.brvpn-price-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}

.brvpn-price-value{
  display:flex;
  align-items:flex-end;
  gap:6px;
  margin:18px 0 10px;
}

.brvpn-price-value strong{
  font-size:42px;
  line-height:1;
  color:var(--brvpn-primary-dark);
}

.brvpn-price-value span{
  font-size:15px;
  color:var(--brvpn-text-soft);
}

.brvpn-checks{
  list-style:none;
  padding:0;
  margin:18px 0 0;
}

.brvpn-checks li{
  position:relative;
  padding-left:28px;
  margin-bottom:12px;
}

.brvpn-checks li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:var(--brvpn-success);
  font-weight:800;
}

.brvpn-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.brvpn-step{
  padding:26px;
}

.brvpn-faq{
  display:grid;
  gap:14px;
}

.brvpn-faq-item{
  overflow:hidden;
}

.brvpn-faq-question{
  width:100%;
  padding:20px 24px;
  background:#fff;
  border:0;
  text-align:left;
  font:inherit;
  font-weight:800;
  color:var(--brvpn-text);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  cursor:pointer;
}

.brvpn-faq-answer{
  display:none;
  padding:0 24px 22px;
}

.brvpn-faq-item.is-open .brvpn-faq-answer{
  display:block;
}

.brvpn-faq-icon{
  width:30px;
  height:30px;
  border-radius:999px;
  background:#edf5ff;
  color:var(--brvpn-primary-dark);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  flex-shrink:0;
}

.brvpn-cta{
  position:relative;
  overflow:hidden;
  padding:38px;
  border-radius:30px;
  background:linear-gradient(135deg,#1d58ea 0%,#60adff 100%);
  color:#fff;
  box-shadow:0 22px 60px rgba(38,103,255,.22);
}

.brvpn-cta::after{
  content:"";
  position:absolute;
  inset:auto -60px -60px auto;
  width:280px;
  height:280px;
  border-radius:50%;
  background:rgba(255,255,255,.10);
}

.brvpn-cta p,
.brvpn-cta h2,
.brvpn-cta h3{
  color:#fff;
}

.brvpn-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:24px;
}

.brvpn-btn-white{
  background:#fff;
  color:var(--brvpn-primary-dark);
}

.brvpn-btn-ghost{
  background:rgba(255,255,255,.12);
  color:#fff;
  border-color:rgba(255,255,255,.25);
}

.brvpn-page-hero{
  padding:54px 0 20px;
}

.brvpn-page-hero-box{
  padding:42px;
  background:linear-gradient(145deg,#ffffff 0%,#f1f7ff 100%);
  border:1px solid var(--brvpn-line);
  border-radius:30px;
  box-shadow:var(--brvpn-shadow-sm);
}

.brvpn-content{
  padding:20px 0 70px;
}

.brvpn-entry{
  background:#fff;
  border:1px solid var(--brvpn-line);
  box-shadow:var(--brvpn-shadow-sm);
  border-radius:28px;
  padding:34px;
}

.brvpn-entry h2,
.brvpn-entry h3{
  margin-top:28px;
}

.brvpn-note{
  padding:18px 20px;
  border-radius:18px;
  background:#f5f9ff;
  border:1px solid var(--brvpn-line);
  color:var(--brvpn-text);
}

.brvpn-platform-card{
  padding:24px;
}

.brvpn-platform-card h3{
  margin-bottom:10px;
}

.brvpn-reviews{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.brvpn-review-card{
  padding:24px;
}

.brvpn-review-card strong{
  display:block;
  margin-bottom:10px;
  color:var(--brvpn-text);
}

.brvpn-contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.brvpn-contact-card{
  padding:28px;
}

.brvpn-footer{
  margin-top:60px;
  background:#222429;
  color:#d7e4ff;
  border-top:1px solid rgba(255,255,255,.06);
}

.brvpn-footer p,
.brvpn-footer a,
.brvpn-footer li{
  color:#d7e4ff;
}

.brvpn-footer a:hover{
  color:#fff;
}

.brvpn-footer-top{
  padding:56px 0 28px;
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr .8fr;
  gap:24px;
}

.brvpn-footer-bottom{
  padding:18px 0 34px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:space-between;
  align-items:center;
}

.brvpn-footer-title{
  color:#fff;
  font-size:18px;
  margin-bottom:12px;
}

.brvpn-footer-list{
  list-style:none;
  margin:0;
  padding:0;
}

.brvpn-footer-list li{
  margin-bottom:10px;
}

.brvpn-breadcrumbs{
  margin-bottom:18px;
  font-size:14px;
  color:var(--brvpn-text-soft);
}

.brvpn-breadcrumbs span{
  color:var(--brvpn-text);
}

.brvpn-empty{
  text-align:center;
  padding:40px 0;
}

.screen-reader-text{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}

.alignwide,
.alignfull{
  width:100%;
}
.brvpn-site-header{
  position:sticky;
  top:0;
  z-index:1000;
  backdrop-filter:saturate(180%) blur(14px);
  background:rgba(252,254,251,.9);
  border-bottom:1px solid rgba(220,236,223,.9);
}

.brvpn-brand-logo{
  width:42px;
  height:42px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--brvpn-primary),#8bd7a4);
  box-shadow:0 10px 24px rgba(91,193,127,.22);
}

.brvpn-nav-menu > li:hover > a,
.brvpn-nav-menu > li.current-menu-item > a,
.brvpn-nav-menu > li.current-menu-parent > a{
  background:var(--brvpn-bg-soft);
  color:var(--brvpn-primary-dark);
}
.brvpn-btn-primary{
  background:linear-gradient(135deg,var(--brvpn-secondary),#f4bf62);
  color:#fff;
  box-shadow:0 12px 26px rgba(238,172,58,.28);
}

.brvpn-btn-primary:hover{
  background:linear-gradient(135deg,var(--brvpn-secondary-dark),#efb13d);
  color:#fff;
  transform:translateY(-1px);
}

.brvpn-btn-secondary{
  background:#fff;
  color:var(--brvpn-primary-dark);
  border-color:#cfe6d5;
}

.brvpn-btn-secondary:hover{
  background:var(--brvpn-bg-soft);
}

.brvpn-hero::before{
  content:"";
  position:absolute;
  inset:-140px auto auto 50%;
  width:760px;
  height:760px;
  transform:translateX(-20%);
  background:radial-gradient(circle,rgba(91,193,127,.16) 0%,rgba(91,193,127,0) 62%);
  pointer-events:none;
}

.brvpn-device{
  position:relative;
  padding:18px;
  border-radius:30px;
  background:linear-gradient(180deg,#fcfffc 0%,#eefaf2 100%);
  border:1px solid var(--brvpn-line);
  box-shadow:var(--brvpn-shadow);
}

.brvpn-device-screen{
  aspect-ratio:1.08/1;
  border-radius:24px;
  background:linear-gradient(145deg,#4db774 0%,#8cd7a5 100%);
  overflow:hidden;
  position:relative;
}
.brvpn-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:var(--brvpn-bg-soft);
  color:var(--brvpn-primary-dark);
  font-size:14px;
  font-weight:700;
}

.brvpn-badge{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background:var(--brvpn-secondary-soft);
  color:#b77912;
  font-size:13px;
  font-weight:700;
}
.brvpn-feature-icon,
.brvpn-step-num{
  width:54px;
  height:54px;
  border-radius:18px;
  background:linear-gradient(135deg,#eefaf2,#def4e4);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--brvpn-primary-dark);
  font-size:22px;
  font-weight:800;
  margin-bottom:18px;
}
.brvpn-pricing-card.is-featured{
  border-color:#bfe7c9;
  box-shadow:0 18px 46px rgba(91,193,127,.14);
  transform:translateY(-6px);
}

.brvpn-price-value strong{
  font-size:42px;
  line-height:1;
  color:var(--brvpn-primary-dark);
}

.brvpn-stat strong{
  display:block;
  font-size:32px;
  line-height:1;
  margin-bottom:8px;
  color:var(--brvpn-primary-dark);
}
.brvpn-cta{
  position:relative;
  overflow:hidden;
  padding:38px;
  border-radius:30px;
  background:linear-gradient(135deg,#56bc7a 0%,#8ad7a3 100%);
  color:#fff;
  box-shadow:0 22px 60px rgba(91,193,127,.22);
}

.brvpn-btn-white{
  background:#fff;
  color:var(--brvpn-primary-dark);
}

.brvpn-btn-ghost{
  background:rgba(255,255,255,.14);
  color:#fff;
  border-color:rgba(255,255,255,.28);
}
@media (max-width:1100px){
  .brvpn-hero-grid,
  .brvpn-split,
  .brvpn-footer-top,
  .brvpn-contact-grid{
    grid-template-columns:1fr;
  }

  .brvpn-grid-4{
    grid-template-columns:repeat(2,1fr);
  }

  .brvpn-pricing-grid,
  .brvpn-reviews{
    grid-template-columns:1fr;
  }

  .brvpn-steps{
    grid-template-columns:1fr;
  }

  .brvpn-stat-row{
    grid-template-columns:repeat(2,1fr);
  }
	.brvpn-hero-visual {
		display:none;
	}
}

@media (max-width:900px){
  .brvpn-burger{
    display:inline-flex;
	  margin-left: auto;
  }

  .brvpn-nav-wrap{
    display:none;
    position:absolute;
    left:16px;
    right:16px;
    top:calc(100% + 10px);
    background:#fff;
    border:1px solid var(--brvpn-line);
    border-radius:22px;
    box-shadow:var(--brvpn-shadow);
    padding:14px;
    flex-direction:column;
    align-items:stretch;
  }

  .brvpn-nav-wrap.is-open{
    display:flex;
  }

  .brvpn-nav-menu{
    flex-direction:column;
    align-items:stretch;
  }

  .brvpn-nav-menu > li{
    width:100%;
  }

  .brvpn-nav-menu > li > a{
    padding-right:46px;
  }

  .brvpn-nav-menu .sub-menu{
    position:static;
    opacity:1;
    visibility:visible;
    transform:none;
    display:none;
    min-width:0;
    box-shadow:none;
    border:none;
    background:#f6f9ff;
    margin:4px 0 8px;
    padding:8px;
  }

  .brvpn-nav-menu li.is-open > .sub-menu{
    display:block;
  }

  .brvpn-header-actions{
    width:100%;
    flex-direction:column;
  }

  .brvpn-header-actions .brvpn-btn{
    width:100%;
  }

  .brvpn-grid-3,
  .brvpn-grid-2{
    grid-template-columns:1fr;
  }

  .brvpn-hero{
    padding-top:42px;
  }

  .brvpn-hero-actions,
  .brvpn-cta-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .brvpn-hero-actions .brvpn-btn,
  .brvpn-cta-actions .brvpn-btn{
    width:100%;
  }

  .brvpn-section{
    padding:56px 0;
  }
}

@media (max-width:640px){
  .brvpn-container{
    width:min(100% - 20px,var(--brvpn-container));
  }

  .brvpn-header-inner{
    min-height:74px;
  }

  .brvpn-brand-name{
    font-size:19px;
  }

  .brvpn-entry,
  .brvpn-surface,
  .brvpn-pricing-card,
  .brvpn-feature,
  .brvpn-step,
  .brvpn-review-card,
  .brvpn-contact-card,
  .brvpn-page-hero-box,
  .brvpn-cta{
    padding:14px;
    border-radius:22px;
  }

  .brvpn-stat-row{
    grid-template-columns:1fr;
  }

  .brvpn-grid-4{
    grid-template-columns:1fr;
  }

  .brvpn-device{
    padding:14px;
  }

  .brvpn-floating-card{
    position:static;
    width:100%;
    margin-top:14px;
  }

  .brvpn-table{
    min-width:640px;
  }

  .brvpn-faq-question{
    padding:18px 18px;
  }

  .brvpn-faq-answer{
    padding:0 18px 18px;
  }
}

@media (max-width:430px){
  body{
    font-size:15px;
  }

  h1{
    font-size:32px;
  }

  h2{
    font-size:26px;
  }

  .brvpn-btn{
    min-height:48px;
    padding:0 18px;
    font-size:14px;
  }

  .brvpn-pill{
    font-size:12px;
  }

  .brvpn-hero-meta span{
    width:100%;
    justify-content:center;
  }
}

@media (max-width:330px){
  .brvpn-container{
    width:min(100% - 16px,var(--brvpn-container));
  }

  .brvpn-entry,
  .brvpn-surface,
  .brvpn-page-hero-box,
  .brvpn-feature,
  .brvpn-step,
  .brvpn-pricing-card,
  .brvpn-cta{
    padding:18px;
  }

  .brvpn-brand-name{
    font-size:17px;
  }
}
@media (max-width:400px){ 
	.brvpn-brand span {display:none}}
/* Compare table on homepage */
.brvpn-compare-table{
  width:100%;
}

.brvpn-compare-row{
  display:grid;
  grid-template-columns:1.1fr 1fr 1fr;
  border-bottom:1px solid var(--brvpn-line);
}

.brvpn-compare-row:last-child{
  border-bottom:none;
}

.brvpn-compare-row-head{
  background:#f7fbf7;
}

.brvpn-compare-cell{
  padding:16px 18px;
  color:var(--brvpn-text-soft);
}

.brvpn-compare-feature{
  font-weight:800;
  color:var(--brvpn-text);
}

.brvpn-compare-row-head .brvpn-compare-cell{
  font-size:15px;
  font-weight:800;
  color:var(--brvpn-text);
}

@media (max-width:760px){
  .brvpn-compare-head{
    display:none;
  }

  .brvpn-compare-body{
    display:grid;
    gap:14px;
  }

  .brvpn-compare-row{
    display:block;
    border:1px solid var(--brvpn-line);
    border-radius:18px;
    background:#fff;
    box-shadow:var(--brvpn-shadow-sm);
    overflow:hidden;
  }

  .brvpn-compare-cell{
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:14px 16px;
    border-bottom:1px solid var(--brvpn-line);
  }

  .brvpn-compare-cell:last-child{
    border-bottom:none;
  }

  .brvpn-compare-cell::before{
    content:attr(data-label);
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:var(--brvpn-primary-dark);
  }

  .brvpn-compare-feature{
    background:var(--brvpn-bg-soft);
    color:var(--brvpn-text);
  }

  .brvpn-compare-feature::before{
    color:var(--brvpn-primary-dark);
  }
}

@media (max-width:430px){
  .brvpn-compare-cell{
    padding:12px 14px;
    font-size:14px;
  }

  .brvpn-compare-cell::before{
    font-size:11px;
  }
}

@media (max-width:330px){
  .brvpn-compare-row{
    border-radius:16px;
  }

  .brvpn-compare-cell{
    padding:11px 12px;
  }
}