@font-face{
  font-family:'Space Grotesk';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('fonts/space-grotesk.woff2') format('woff2');
}
@font-face{
  font-family:'IBM Plex Sans';
  font-style:normal;
  font-weight:400 500;
  font-display:swap;
  src:url('fonts/ibm-plex-sans.woff2') format('woff2');
}
@font-face{
  font-family:'IBM Plex Mono';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/ibm-plex-mono-400.woff2') format('woff2');
}
@font-face{
  font-family:'IBM Plex Mono';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/ibm-plex-mono-500.woff2') format('woff2');
}

:root{
  --paper:#E9ECEE;
  --surface-2:#F6F7F8;
  --ink:#111619;
  --ink-muted:#586269;
  --line:#CDD3D7;
  --line-strong:#B7BFC4;
  --steel:#33475A;
  --signal:#0F5E6B;
  --signal-hover:#0B4650;
  /* self-hosted, with system fallback stacks if the woff2 fails to load */
  --disp:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular","Cascadia Code",Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--body);
  font-size:17px;
  line-height:1.6;
  color-scheme:light;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit}
.sheet{max-width:760px;margin:0 auto;padding:0 28px}

/* masthead */
.masthead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:22px 0 18px;border-bottom:1px solid var(--line-strong)}
.wordmark{display:flex;align-items:center;gap:11px;font-family:var(--mono);font-weight:500;font-size:15px;letter-spacing:.15em;text-transform:uppercase;color:var(--steel);text-decoration:none}
.wordmark .mark{width:9px;height:9px;background:var(--signal);flex:none}
.tagline{font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;line-height:1.5;text-transform:uppercase;color:var(--ink-muted);text-align:right}

/* headings + hero */
h1{font-family:var(--disp);font-weight:600;letter-spacing:-.021em}
.hero{padding:60px 0 48px;border-bottom:1px solid var(--line)}
.hero h1{font-size:clamp(2.15rem,5.2vw,3.05rem);line-height:1.07;max-width:15ch}
.hero .subhead{margin-top:22px;max-width:58ch;font-size:18px;line-height:1.55}
.cta-row{margin-top:34px}

.btn{display:inline-flex;align-items:center;gap:11px;background:var(--signal);color:#fff;font-family:var(--body);font-size:16px;font-weight:500;line-height:1;padding:15px 24px;border:0;border-radius:2px;text-decoration:none;transition:background .15s ease}
.btn:hover{background:var(--signal-hover)}
.btn:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
.btn .arrow{font-family:var(--mono);font-size:15px;transform:translateY(.5px)}

/* spec rows */
.row{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}
.row .label{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);padding-top:5px}
.row .body{font-size:17px;line-height:1.62;max-width:60ch}
.f{font-family:var(--mono);font-size:.84em;color:var(--steel);letter-spacing:.01em}

.coverage .body{font-family:var(--mono);font-size:14.5px;line-height:1.75;letter-spacing:.005em}
.coverage .plus{color:var(--steel)}

.pricing .price{color:var(--steel);font-weight:500}

/* page intro (privacy) */
.pagehead{padding:56px 0 34px;border-bottom:1px solid var(--line)}
.pagehead h1{font-size:clamp(2rem,4.4vw,2.5rem);line-height:1.1}
.pagehead .updated{margin-top:14px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}
.pagehead .lede{margin-top:20px;max-width:58ch;font-size:18px;line-height:1.55}

/* closing cta */
.close{padding:44px 0;border-bottom:1px solid var(--line-strong)}

/* footer */
.footer{padding:26px 0 46px;font-family:var(--mono);font-size:12px;letter-spacing:.03em;color:var(--ink-muted);display:flex;flex-wrap:wrap;gap:9px 15px;align-items:center}
.footer a{text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:1px}
.footer a:hover{color:var(--steel);border-color:var(--steel)}
.footer .sep{color:var(--line-strong)}

@media (max-width:620px){
  body{font-size:16px}
  .sheet{padding:0 20px}
  .masthead{flex-direction:column;align-items:flex-start;gap:7px}
  .tagline{text-align:left}
  .hero{padding:44px 0 40px}
  .pagehead{padding:40px 0 30px}
  .row{grid-template-columns:1fr;gap:11px;padding:26px 0}
  .row .label{padding-top:0}
}