/* getzcomps.com sales pages. Generated by tools/build_pages.py. */
:root{
  --fa:#1690fa; --fa-press:#0b6fd0; --paper:#fff; --ink:#0a0f1a; --ink-2:#38434f;
  --muted:#5b6676; --line:#e4e8ee; --wash:#f5f7fa;
  --open:#0f9d63; --open-wash:#e9f8f1; --open-ink:#0a6c45;
  --shadow-pop:0 12px 32px -8px rgba(10,15,26,.16), 0 2px 8px rgba(10,15,26,.06);
  --r:14px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0; background:#fff; color:var(--ink); font-size:16px; line-height:1.55;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Inter Tight",Inter,system-ui,sans-serif; letter-spacing:-.03em; text-wrap:balance}
a:focus-visible, button:focus-visible{outline:2px solid var(--fa); outline-offset:2px}
.head{border-bottom:1px solid var(--line)}
.head .in{max-width:720px; margin:0 auto; padding:16px 20px}
.brand{font-family:"Inter Tight",Inter,sans-serif; font-weight:800; font-size:18px; letter-spacing:-.02em; color:var(--ink); text-decoration:none}
.brand span{color:var(--fa)}
.wrap{max-width:720px; margin:0 auto; padding:32px 20px 24px}
h1.page-title{font-size:clamp(28px,5vw,40px); line-height:1.1; font-weight:700; margin:0 0 14px}
.page-lede{margin:0 0 22px; font-size:17px; line-height:1.55; color:var(--ink-2); max-width:62ch}
h2{font-size:clamp(22px,4vw,28px); line-height:1.15; font-weight:700; margin:0 0 14px}
p{max-width:62ch}
.sub{font-size:18px; line-height:1.55; color:var(--ink-2); margin:0 0 18px}
.watch{font-size:15px; font-weight:600; margin:0 0 -8px}
.go{display:flex; align-items:center; justify-content:center; width:100%; max-width:420px;
  min-height:54px; padding:14px 22px; border-radius:12px; background:var(--fa); color:#fff;
  text-decoration:none; font-family:"Inter Tight",Inter,sans-serif; font-size:18px; font-weight:700;
  letter-spacing:-.01em; text-align:center; transition:background .14s ease}
.go:hover{background:var(--fa-press)}
.vid{position:relative; width:100%; aspect-ratio:16/9; margin:22px 0; border-radius:var(--r);
  overflow:hidden; background:#0a0f1a; box-shadow:var(--shadow-pop)}
.vid iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
p.fine{font-size:13.5px; line-height:1.55; color:var(--muted); margin:10px 0 0}
p.fine + p.fine{margin-top:4px}
p.guarantee{margin-top:14px; padding:12px 14px; background:var(--open-wash); border:1px solid #bde8d3;
  border-radius:10px; color:var(--ink)}
.pre{font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--fa); margin:0 0 10px}
.byline{display:flex; align-items:center; gap:12px; margin:4px 0 24px}
.byline .avatar{width:52px; height:52px; border-radius:50%; object-fit:cover; flex:none}
.byline p{margin:0; font-size:15px; line-height:1.45; color:var(--ink-2)}
.ticks{list-style:none; padding:0; margin:18px 0 22px}
.ticks li{position:relative; padding:0 0 10px 30px; font-size:16px; line-height:1.5}
.ticks li::before{content:""; position:absolute; left:4px; top:5px; width:12px; height:7px;
  border-left:2.5px solid var(--open); border-bottom:2.5px solid var(--open); transform:rotate(-45deg)}
.sec{margin-top:22px; padding-top:22px; border-top:1px solid var(--line)}
.sec p{font-size:16.5px; line-height:1.65; color:var(--ink-2); margin:0 0 14px}
.done{background:var(--open-wash); border:1px solid #bde8d3; border-radius:var(--r); padding:18px 20px; margin:0 0 8px}
.done p{margin:0 0 8px; font-size:16px; line-height:1.6}
.done p:last-child{margin:0}
.ok{display:inline-block; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color:var(--open-ink); margin-bottom:10px}
.nothanks{display:inline-block; margin-top:18px; font-size:15px; color:var(--muted); text-decoration:underline;
  background:none; border:0; padding:6px 0; cursor:pointer; font-family:inherit}
[hidden]{display:none!important}
.foot{max-width:720px; margin:0 auto; padding:24px 20px 40px; border-top:1px solid var(--line);
  font-size:13px; color:var(--muted)}
.foot p{margin:0 0 6px}
.foot a{color:var(--fa)}