:root{--sand:#f4f1ea;--deep:#0e3a44;--teal:#127e8a;--body:#3d4a4d;--edge:#dcd6ca;--white:#fff}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Inter",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--sand);color:var(--body);line-height:1.6;font-size:16px}
a{color:var(--teal)}
.shell{max-width:1120px;margin:0 auto;padding:0 32px}
.topbar{background:var(--white);border-bottom:1px solid var(--edge)}
.topbar__row{display:flex;align-items:center;gap:32px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--deep);text-decoration:none;font-size:17px}
.brand img{width:26px;height:26px}
.links{display:flex;gap:24px;margin-left:auto}
.links a{color:var(--body);text-decoration:none;font-size:14px}
.links a:hover,.links a.is-active{color:var(--teal)}
.signin{font-size:14px;border:1px solid var(--edge);border-radius:6px;padding:7px 16px;text-decoration:none;color:var(--deep)}
.banner{padding:80px 0 40px;text-align:center}
.banner h1{font-size:46px;line-height:1.12;color:var(--deep);letter-spacing:-1px;max-width:760px;margin:0 auto}
.banner p{font-size:19px;margin:18px auto 30px;max-width:560px}
.start{background:var(--teal);color:var(--white);border-radius:6px;padding:13px 30px;
  text-decoration:none;font-weight:600;display:inline-block}
.start--outline{background:var(--white);color:var(--deep);border:1px solid var(--edge);margin-left:10px}
.stats{display:flex;justify-content:center;gap:56px;padding:34px 0 12px;flex-wrap:wrap}
.stats div{text-align:center}
.stats b{display:block;font-size:26px;color:var(--deep)}
.stats span{font-size:13px;text-transform:uppercase;letter-spacing:1px}
.shot{background:var(--white);border:1px solid var(--edge);border-radius:12px;overflow:hidden;margin:36px 0 70px}
.shot img{width:100%;display:block}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:70px}
.tile{background:var(--white);border:1px solid var(--edge);border-radius:10px;padding:24px}
.tile img{width:34px;height:34px;margin-bottom:12px}
.tile h3{font-size:16px;color:var(--deep);margin-bottom:6px}
.tile p{font-size:14.5px}
.heading{font-size:28px;color:var(--deep);letter-spacing:-.4px;margin:10px 0 6px}
.sub{margin-bottom:26px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:60px}
.plan{background:var(--white);border:1px solid var(--edge);border-radius:10px;padding:26px}
.plan--hero{border-color:var(--teal);border-width:2px}
.plan h3{font-size:15px;text-transform:uppercase;letter-spacing:1px;color:var(--teal)}
.plan .amount{font-size:34px;color:var(--deep);margin:10px 0 4px}
.plan .amount small{font-size:14px;color:var(--body)}
.plan ul{list-style:none;margin:18px 0 22px}
.plan li{font-size:14.5px;padding:5px 0 5px 20px;position:relative}
.plan li:before{content:"";position:absolute;left:0;top:12px;width:9px;height:9px;
  border-radius:50%;background:var(--teal);opacity:.35}
.qa{border-top:1px solid var(--edge);padding:20px 0}
.qa h4{color:var(--deep);font-size:15.5px;margin-bottom:4px}
.qa p{font-size:14.5px}
.void{text-align:center;padding:120px 0}
.void .code{font-size:15px;letter-spacing:3px;text-transform:uppercase;color:var(--teal)}
.void h1{font-size:38px;color:var(--deep);margin:8px 0 10px}
.baseboard{background:var(--white);border-top:1px solid var(--edge);margin-top:40px;padding:38px 0 46px}
.baseboard__cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;font-size:14px}
.baseboard h5{color:var(--deep);font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.baseboard a{display:block;color:var(--body);text-decoration:none;padding:3px 0}
.baseboard a:hover{color:var(--teal)}
.fineprint{border-top:1px solid var(--edge);margin-top:28px;padding-top:18px;font-size:13px}
@media(max-width:900px){.tiles,.plans{grid-template-columns:1fr 1fr}.baseboard__cols{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.tiles,.plans{grid-template-columns:1fr}.banner h1{font-size:31px}.links{display:none}}