:root{--bg:#0b1220;--card:#101a31;--card2:#0f1930;--text:#e9eefc;--muted:#b9c4e6;--accent:#00a8b8;--border:rgba(255,255,255,.10);--shadow:0 18px 55px rgba(0,0,0,.35);--radius:18px}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;color:var(--text);background:linear-gradient(180deg,#0b1220 0%,#070b14 100%);font-size:clamp(17px,.35vw + 15px,19px);line-height:1.65}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;background:rgba(11,18,32,.72);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px}
.logo-wrap{display:flex;align-items:center;gap:.75rem}
.logo-icon{width:40px;height:40px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#f9fafb 0,#bae6fd 6%,transparent 22%),conic-gradient(from 220deg,#22d3ee,#1d4ed8 40%,#0f172a 85%,#22d3ee);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgba(15,23,42,.8),0 16px 45px rgba(15,23,42,.85)}
.logo-icon-inner{width:18px;height:18px;border-radius:5px;border:2px solid rgba(15,23,42,.7);box-shadow:inset 0 0 0 1px rgba(248,250,252,.7)}
.logo-text-main{font-weight:650;letter-spacing:.02em;font-size:1.1rem}
.logo-text-sub{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}
.nav-links{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;font-size:.9rem}
.nav-links a{padding:.3rem 0;color:var(--muted)}
.nav-links a:hover{color:var(--text)}
.hero{padding:44px 0 22px}
.hero h1{font-size:40px;line-height:1.1;margin:0 0 10px}
.hero p{margin:0;color:var(--muted);max-width:70ch}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.tile{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;transition:transform .12s ease,border-color .12s ease}
.tile:hover{transform:translateY(-2px);border-color:rgba(45,212,191,.55)}
.tile h3{margin:0 0 6px;font-size:18px}
.tile p{margin:0;color:var(--muted);font-size:14px}
.badge{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);border:1px solid var(--border);padding:6px 10px;border-radius:999px;margin-top:14px}
.content{padding:26px 0 40px}
.card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}
footer{border-top:1px solid var(--border);color:var(--muted);padding:20px 0 40px;font-size:13px}
.footer-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
.footer-left{display:flex;flex-direction:column;gap:6px}
.footerlinks{display:flex;gap:14px;flex-wrap:wrap;margin-top:0;justify-content:flex-end}
@media (max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:34px}}
@media (max-width:640px){.grid{grid-template-columns:1fr}.hero{padding:34px 0 16px}.hero h1{font-size:30px}.nav-links{display:none}}



/* --- VPNPeak header parity (InsurancePeak) --- */
header .container{max-width:1180px;}
header .nav-links{font-size:0.9rem;}
header .logo-text-main{font-size:1.1rem;}
header .logo-text-sub{font-size:0.7rem;}
header{display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  margin-bottom: 0.6rem;}
.nav{position: sticky;
  top: 0;
  z-index: 40;
  backdrop-filter: blur(22px);
  background: linear-gradient(to right, rgba(2, 8, 23, 0.96), rgba(2,8,23,0.92));
  border-bottom: 1px solid rgba(148, 163, 184, 0.2);}
.nav-inner{max-width: 1180px;
  margin: 0 auto;
  padding: 0.9rem var(--page-pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;}
.logo-wrap{display: flex; align-items: center; gap: 0.75rem;}
.logo-icon{width: 40px;
  height: 40px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 30% 20%, #f9fafb 0, #bae6fd 6%, transparent 22%),
    conic-gradient(from 220deg, #22d3ee, #1d4ed8 40%, #0f172a 85%, #22d3ee);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.8),
              0 16px 45px rgba(15,23,42,0.85);}
.logo-icon-inner{width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 2px solid rgba(15,23,42,0.7);
  box-shadow: inset 0 0 0 1px rgba(248,250,252,0.7);}
.logo-text-main{font-weight: 650; letter-spacing: 0.02em; font-size: 1.1rem;}
.logo-text-sub{font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--muted);}
.nav-links{display: flex; align-items: center; gap: 1.4rem; font-size: 0.9rem;}
.nav-links a{padding: 0.3rem 0; color: var(--muted);}
.nav-cta{display: flex; gap: 0.75rem;}
.btn{background-image: linear-gradient(135deg, #0ea5e9, #22c55e);
  position: relative;
  overflow: hidden;
  color: #0b1120;
  font-weight: 600;}
/* --- end parity --- */