.nav-links a.active{color:var(--blue)}
.plist{display:flex;flex-direction:column}
.prow{display:grid;grid-template-columns:56px minmax(0,1fr) 44px;gap:18px;align-items:start;padding:22px 0;border-top:1px dashed var(--line-dash)}
.prow:first-child{border-top:none;padding-top:0}
.pnum{font:400 13px/1.6 var(--font-mono);color:var(--t3)}
.ptitle{font:600 16px/1.3 var(--font-head);color:var(--t1)}
.ptext{font:400 12.5px/1.55 var(--font-body);color:#55595F;max-width:420px;margin-top:8px}
.picon{width:34px;height:34px;border:1px solid #C9C0FC;background:#F5F3FF;color:#6A5AE0;display:flex;align-items:center;justify-content:center;justify-self:end}
.scard .learn{margin-top:auto;padding-top:18px;font:500 10px/1 var(--font-mono);letter-spacing:.12em;color:var(--t1);text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#B5B2D8}
.scard .learn:hover{text-decoration-color:var(--blue);color:var(--blue-deep)}
.scard .art{position:absolute;right:10px;bottom:8px;width:46%;height:auto;pointer-events:none}
/* ───────── Stats ───────── */
.stats{margin:0 28px;border:1px solid var(--line);border-top:none;background:#fff;padding:34px 60px;display:grid;grid-template-columns:repeat(3,1fr)}
.stat{padding:6px 28px;border-left:1px solid var(--line)}
.stat:first-child{border-left:none;padding-left:0}
.stat .num{font:500 clamp(40px,3.6vw,58px)/1 var(--font-mono);letter-spacing:-.02em;color:var(--t1)}
.stat .lbl{font:400 12px/1 var(--font-body);color:#55595F;margin-top:10px}
/* ───────── Why Guardbase (dark) ───────── */
.why{background:#010825;border-color:#010825}
.why .eyebrow{color:#9BA0AB}
.why .sec-head h2{color:#FFFFFF}
.why .sec-head .lede{color:#9BA0AB;max-width:520px}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}
.tile{position:relative;min-height:200px;padding:24px;display:flex;flex-direction:column;background:var(--dark-tile);overflow:hidden}
.tile-dark svg{position:absolute;inset:0;width:100%;height:100%}
.t-peri{background:var(--peri);color:#17181A}
.t-yellow{background:var(--yellow);color:#17181A}
.t-white{background:#FDFDFF;color:#17181A}
.t7{grid-column:span 7}.t5{grid-column:span 5}
.t3{grid-column:span 3}.t4{grid-column:span 4}
.tile h3{font:600 18px/1.25 var(--font-head);letter-spacing:-.01em}
.tile p{font:400 12.5px/1.55 var(--font-body);opacity:.78;max-width:330px;margin-top:auto}
.tile .chip{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.t-peri .chip{background:rgba(255,255,255,.35)}
.t-yellow .chip{background:rgba(23,24,26,.10)}
.tile .chip svg{position:static;width:14px;height:14px}
/* ───────── How it works ───────── */
.hgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.hstep{border-left:1px dashed var(--line-dash);padding-left:26px}
.hstep:first-child{border-left:none;padding-left:0}
.hnum{width:34px;height:30px;background:var(--blue);color:#fff;font:500 12px/1 var(--font-mono);display:flex;align-items:center;justify-content:center}
.hstep h3{font:600 17px/1.3 var(--font-head);color:var(--t1);margin-top:18px}
.hstep p{font:400 12.5px/1.55 var(--font-body);color:#55595F;margin-top:10px}
@media (max-width:1100px){
  .stats{padding:30px 40px}
}
@media (max-width:860px){
  .stats{margin:0 16px;grid-template-columns:1fr;gap:0}
  .stat{border-left:none;border-top:1px solid var(--line);padding:18px 0}
  .stat:first-child{border-top:none}
  .scard .art{opacity:.6}
  .bento{grid-template-columns:1fr}
  .t7,.t5,.t4,.t3{grid-column:auto}
  .tile{min-height:170px}
  .hgrid{grid-template-columns:1fr;gap:28px}
  .hstep{border-left:none;padding-left:0;border-top:1px dashed var(--line-dash);padding-top:22px}
  .hstep:first-child{border-top:none;padding-top:0}
  .cta-mountain{height:200px;width:calc(100% + 48px);margin:32px -24px 0}
  .footer{margin:0 16px;padding:44px 24px 0}
  .fgrid{grid-template-columns:1fr;gap:32px}
}
/* ───────── Inner pages ───────── */
.mgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mcard{position:relative;border:1px solid #E2DEF8;background:#FDFEFF;padding:26px}
.mname{font:600 20px/1.3 var(--font-head);color:var(--t1);letter-spacing:-.01em}
.mprov{font:400 11px/1 var(--font-mono);color:#8A8FA3;margin-top:6px;letter-spacing:.08em}
.mlinks{display:flex;gap:14px;margin-top:10px}
.mlinks a{font:400 12px/1 var(--font-body);color:var(--blue)}
.mspecs{margin-top:20px;border-top:1px dashed var(--line-dash)}
.mrow{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px dashed var(--line-dash)}
.mrow i{display:none}
.mrow .k{font:400 14px/1.4 var(--font-body);color:#4A4F55;white-space:nowrap}
.mrow .v{font:700 16px/1.4 var(--font-body);color:var(--t1);margin-left:auto;text-align:right;white-space:nowrap}
.mtags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.mtags span{font:400 11px/1 var(--font-body);color:#55595F;border:1px solid #C9C0FC;padding:5px 9px;background:#F5F3FF}
.muse{display:inline-flex;margin-top:22px;font:500 10px/1 var(--font-mono);letter-spacing:.12em;color:var(--blue);text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#B5B2D8}
.muse:hover{color:var(--blue-deep)}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tier{position:relative;border:1px solid #E2DEF8;background:#FDFEFF;padding:26px;display:flex;flex-direction:column;min-height:280px}
.tier.hot{border-color:var(--blue)}
.tier .tname{font:500 10px/1 var(--font-mono);letter-spacing:.14em;color:#9BA0AB;text-transform:uppercase}
.tier .pprice{font:500 30px/1 var(--font-mono);color:var(--t1);margin-top:14px;letter-spacing:-.02em}
.tier .pdesc{font:400 12.5px/1.55 var(--font-body);color:#55595F;margin-top:10px}
.tier .pfeat{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line-dash);display:flex;flex-direction:column;gap:9px}
.tier .pfeat span{font:400 12.5px/1.4 var(--font-body);color:#55595F}
.ptable{width:100%;border-collapse:collapse;margin-top:8px}
.ptable th{font:500 9px/1 var(--font-mono);letter-spacing:.14em;color:#9BA0AB;text-transform:uppercase;text-align:left;padding:0 12px 12px 0}
.ptable td{font:500 13px/1.3 var(--font-body);color:var(--t1);padding:14px 12px;border-top:1px dashed var(--line-dash)}
.ptable td.mm{font:500 14px/1.3 var(--font-mono)}
/* ───────── Contact form ───────── */
.hp-field{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}
.cform{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cform label{font:500 10px/1 var(--font-mono);letter-spacing:.14em;color:#8A8FA3;text-transform:uppercase;display:block;margin-bottom:8px}
.cform input,.cform textarea{
  width:100%;
  border:1px solid #E2DEF8;
  background:#FDFDFF;
  padding:12px 14px;
  font:400 13.5px/1.4 var(--font-body);
  color:var(--t1);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.cform input:focus,.cform textarea:focus{
  outline:none;
  border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(113,92,247,.1);
}
.cform input::placeholder,.cform textarea::placeholder{color:#B5B2D8}
.cform textarea{resize:vertical;min-height:120px}
.field-error{display:block;font:400 11px/1.4 var(--font-body);color:#D64545;margin-top:6px}
.cform input.invalid,.cform textarea.invalid{border-color:#D64545}
/* success banner */
.sent-banner{margin-top:24px;border:1px solid var(--peri);border-left:3px solid var(--blue);background:#F5F3FF;padding:20px 24px}