:root{
  --svpn-navy:#081b4b;
  --svpn-navy-2:#0c2d73;
  --svpn-cyan:#1fd5c5;
  --svpn-mint:#c8f4d9;
  --svpn-green:#9be9bf;
  --svpn-soft:#f4f8fb;
  --svpn-card:#ffffff;
  --svpn-text:#0d1f4d;
  --svpn-muted:#5d7096;
  --svpn-border:#dfe8f1;
  --svpn-shadow:0 20px 60px rgba(8,27,75,.10);
  --svpn-radius:22px;
}

body.page-id-7,
body.home{
  background:#f5f8fb !important;
  color:var(--svpn-text);
}

body.page-id-7 .site,
body.home .site{
  background:transparent;
}

/* Header */
body.page-id-7 .site-header,
body.home .site-header{
  background:#fff;
  border-bottom:1px solid #edf1f6;
  box-shadow:0 8px 30px rgba(0,0,0,.03);
}

body.page-id-7 .site-header .menu a,
body.home .site-header .menu a{
  color:var(--svpn-text);
  font-weight:600;
}

body.page-id-7 .svpn-hero,
body.home .svpn-hero{
  background:
    radial-gradient(circle at 75% 15%, rgba(31,213,197,.20), transparent 30%),
    radial-gradient(circle at 55% 80%, rgba(136,255,214,.16), transparent 35%),
    linear-gradient(135deg, #051838 0%, #0c2d73 58%, #0a234f 100%);
  border-radius:30px;
  overflow:hidden;
  padding:54px 42px !important;
  box-shadow:var(--svpn-shadow);
  color:#fff;
  margin-top:24px;
}

body.page-id-7 .svpn-hero h1,
body.home .svpn-hero h1{
  color:#fff !important;
  font-size:68px !important;
  line-height:1.02 !important;
  font-weight:800 !important;
  letter-spacing:-1.8px;
  margin-bottom:18px !important;
}

body.page-id-7 .svpn-hero h1 .accent,
body.home .svpn-hero h1 .accent{
  color:#9cf0c4 !important;
}

body.page-id-7 .svpn-hero p,
body.home .svpn-hero p{
  color:rgba(255,255,255,.84) !important;
  font-size:22px !important;
  line-height:1.55 !important;
}

body.page-id-7 .svpn-pill,
body.home .svpn-pill{
  display:inline-block;
  padding:10px 16px;
  background:rgba(156,240,196,.12);
  border:1px solid rgba(156,240,196,.35);
  color:#98efbe !important;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}

body.page-id-7 .svpn-hero-actions .elementor-button,
body.home .svpn-hero-actions .elementor-button{
  border-radius:14px !important;
  padding:18px 28px !important;
  font-size:17px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

body.page-id-7 .svpn-btn-primary .elementor-button,
body.home .svpn-btn-primary .elementor-button{
  background:linear-gradient(135deg,#b6f7c8,#d7ffe4) !important;
  color:#0a2a35 !important;
}

body.page-id-7 .svpn-btn-secondary .elementor-button,
body.home .svpn-btn-secondary .elementor-button{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.35) !important;
  color:#fff !important;
}

/* Hero right dashboard */
body.page-id-7 .svpn-explorer-card,
body.home .svpn-explorer-card{
  background:linear-gradient(180deg, rgba(9,29,69,.94), rgba(8,25,61,.95));
  border:1px solid rgba(120,196,255,.18);
  border-radius:24px;
  padding:26px !important;
  box-shadow:0 30px 80px rgba(0,0,0,.20);
}

body.page-id-7 .svpn-explorer-card *,
body.home .svpn-explorer-card *{
  color:#f4fbff;
}

body.page-id-7 .svpn-mini-stat,
body.home .svpn-mini-stat{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:18px 20px !important;
}

body.page-id-7 .svpn-mini-stat strong,
body.home .svpn-mini-stat strong{
  display:block;
  font-size:46px;
  line-height:1;
  color:#fff;
  margin:8px 0;
}

body.page-id-7 .svpn-provider-bars,
body.home .svpn-provider-bars{
  background:rgba(255,255,255,.04);
  border-radius:18px;
  padding:18px 18px 8px !important;
}

body.page-id-7 .svpn-bar-row,
body.home .svpn-bar-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:14px 0;
}

body.page-id-7 .svpn-bar-track,
body.home .svpn-bar-track{
  flex:1;
  height:12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
}

body.page-id-7 .svpn-bar-fill,
body.home .svpn-bar-fill{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#bcf6cf,#75e8d6);
}

/* Section wrappers */
body.page-id-7 .svpn-section,
body.home .svpn-section{
  margin-top:38px !important;
}

body.page-id-7 .svpn-section-light,
body.home .svpn-section-light{
  background:#edf7f2;
  border:1px solid #d9ece3;
  border-radius:26px;
  padding:36px !important;
}

body.page-id-7 .svpn-section-white,
body.home .svpn-section-white{
  background:#fff;
  border:1px solid #e7eef5;
  border-radius:26px;
  padding:36px !important;
  box-shadow:0 14px 35px rgba(9,32,79,.04);
}

body.page-id-7 .svpn-section-dark,
body.home .svpn-section-dark{
  background:
    linear-gradient(135deg, rgba(2,20,45,.94), rgba(10,58,77,.92)),
    #071735;
  border-radius:26px;
  padding:36px !important;
  color:#fff;
  overflow:hidden;
}

body.page-id-7 .svpn-section-dark *,
body.home .svpn-section-dark *{
  color:#fff;
}

body.page-id-7 .svpn-kicker,
body.home .svpn-kicker{
  color:#2b9c73 !important;
  font-size:12px !important;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:800 !important;
}

body.page-id-7 .svpn-title,
body.home .svpn-title{
  color:var(--svpn-text) !important;
  font-size:44px !important;
  line-height:1.12 !important;
  font-weight:800 !important;
  letter-spacing:-1px;
}

body.page-id-7 .svpn-section-dark .svpn-title,
body.home .svpn-section-dark .svpn-title{
  color:#fff !important;
}

/* Cards */
body.page-id-7 .svpn-card,
body.home .svpn-card{
  background:#fff;
  border:1px solid var(--svpn-border);
  border-radius:22px;
  padding:28px !important;
  box-shadow:0 10px 28px rgba(10,28,71,.05);
  height:100%;
}

body.page-id-7 .svpn-card-icon,
body.home .svpn-card-icon{
  width:58px;
  height:58px;
  border-radius:16px;
  background:#e6faee;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
}

body.page-id-7 .svpn-card h3,
body.home .svpn-card h3{
  font-size:18px !important;
  font-weight:800 !important;
  color:var(--svpn-text) !important;
  margin-bottom:10px !important;
}

body.page-id-7 .svpn-card p,
body.home .svpn-card p{
  color:var(--svpn-muted) !important;
  line-height:1.65 !important;
}

/* Snapshot stats */
body.page-id-7 .svpn-stat-box,
body.home .svpn-stat-box{
  background:#fff;
  border:1px solid #e5eee9;
  border-radius:18px;
  padding:24px !important;
  text-align:left;
}

body.page-id-7 .svpn-stat-box strong,
body.home .svpn-stat-box strong{
  display:block;
  font-size:42px;
  color:var(--svpn-text);
  line-height:1;
  margin-bottom:8px;
}

/* Table */
body.page-id-7 .svpn-table-wrap,
body.home .svpn-table-wrap{
  background:#fff;
  border:1px solid #e5edf5;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(8,27,75,.05);
}

body.page-id-7 table.svpn-table,
body.home table.svpn-table{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}

body.page-id-7 table.svpn-table thead th,
body.home table.svpn-table thead th{
  background:#f3f8fc;
  color:#5f7696;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:12px;
  padding:18px 16px;
}

body.page-id-7 table.svpn-table td,
body.home table.svpn-table td{
  padding:16px;
  border-top:1px solid #edf1f5;
  color:#24395f;
}

/* Topics pills */
body.page-id-7 .svpn-topics,
body.home .svpn-topics{
  background:#edf7f2;
  border:1px solid #dfeee5;
  border-radius:22px;
  padding:28px !important;
}

body.page-id-7 .svpn-topic-pill,
body.home .svpn-topic-pill{
  display:inline-block;
  padding:12px 16px;
  background:#fff;
  border:1px solid #dce7f2;
  color:#59708e;
  border-radius:999px;
  margin:8px 8px 0 0;
  font-size:13px;
  font-weight:600;
}

/* Methodology footer */
body.page-id-7 .svpn-method-box,
body.home .svpn-method-box{
  background:#fff;
  border:1px solid #e7eef5;
  border-radius:26px;
  padding:36px !important;
  box-shadow:0 12px 35px rgba(9,32,79,.04);
}

body.page-id-7 .svpn-footer,
body.home .svpn-footer{
  background:#fff;
  border-top:1px solid #e7eef5;
  padding-top:28px !important;
}

/* Make Elementor full width cleaner */
body.page-id-7 .elementor-section.elementor-section-boxed > .elementor-container,
body.home .elementor-section.elementor-section-boxed > .elementor-container{
  max-width:1280px !important;
}

body.page-id-7 .elementor-widget-heading h1,
body.page-id-7 .elementor-widget-heading h2,
body.page-id-7 .elementor-widget-heading h3,
body.home .elementor-widget-heading h1,
body.home .elementor-widget-heading h2,
body.home .elementor-widget-heading h3{
  letter-spacing:-.02em;
}

@media (max-width:1024px){
  body.page-id-7 .svpn-hero,
  body.home .svpn-hero{
    padding:34px 22px !important;
  }
  body.page-id-7 .svpn-hero h1,
  body.home .svpn-hero h1{
    font-size:44px !important;
  }
  body.page-id-7 .svpn-title,
  body.home .svpn-title{
    font-size:32px !important;
  }
}
