/* DADSCAPED guide pages */
:root{
  --paper:#FFFFFF;
  --panel:#F6F5F2;
  --ink:#15151A;
  --steel:#5A5A5E;
  --faint:#8C8C8F;
  --red:#CE1126;
  --hair:#E3E2DD;
  --display:'Anton',Impact,sans-serif;
  --util:'Barlow Condensed',sans-serif;
  --body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --wrap:1080px;
  --read:760px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.68;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}
.read{max-width:var(--read);margin:0 auto}
.skip{position:absolute;left:-999px;top:auto}.skip:focus{left:14px;top:14px;z-index:100;background:#fff;padding:10px 14px;border:2px solid var(--red)}
.guide-nav{border-bottom:1px solid var(--hair);background:#fff;position:sticky;top:0;z-index:20}
.guide-nav .inner{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{font-family:var(--display);font-size:27px;letter-spacing:.015em;text-transform:uppercase;text-decoration:none;line-height:1}
.brand span{color:var(--red)}
.navlinks{display:flex;align-items:center;gap:20px;font-family:var(--util);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:14px}
.navlinks a{text-decoration:none}.navlinks a:hover{text-decoration:underline;text-underline-offset:4px}.navlinks .cta{background:var(--ink);color:#fff;padding:9px 12px}
.hero{padding:74px 0 58px;border-bottom:1px solid var(--hair)}
.eyebrow{font-family:var(--util);font-weight:700;text-transform:uppercase;letter-spacing:.13em;font-size:16px;line-height:1.3;color:var(--red);margin:0 0 16px}
h1,h2,h3{font-family:var(--display);font-weight:400;text-transform:uppercase;overflow-wrap:anywhere}
h1{font-size:clamp(46px,8vw,78px);line-height:.98;letter-spacing:.005em;margin:0 0 20px;text-wrap:balance;max-width:14ch}
h2{font-size:clamp(30px,5vw,46px);line-height:1.02;margin:58px 0 14px;text-wrap:balance}
h3{font-size:24px;line-height:1.08;margin:32px 0 8px}
.lede{font-size:21px;line-height:1.55;color:var(--steel);max-width:66ch;margin:0 0 20px;text-wrap:pretty}
.meta{font-family:var(--util);text-transform:uppercase;letter-spacing:.07em;color:var(--faint);font-size:14px;margin:22px 0 0}
.rule{width:112px;height:5px;background:var(--red);margin:0 0 26px}
main{padding:54px 0 80px}
main p{margin:0 0 20px;max-width:68ch}
main ul,main ol{padding-left:1.3em;margin:0 0 24px;max-width:66ch}
main li{margin:0 0 10px}
main strong{color:var(--ink)}
.short{background:var(--panel);border-left:5px solid var(--red);padding:26px 28px;margin:0 0 46px}
.short h2{font-size:29px;margin:0 0 10px}
.short p:last-child{margin-bottom:0}
.pull{font-family:var(--display);text-transform:uppercase;font-size:clamp(27px,4.5vw,39px);line-height:1.15;margin:40px 0;max-width:19ch}
.pull span{color:var(--red)}
.tablewrap{overflow-x:auto;margin:26px 0 42px;border:1px solid var(--hair)}
table{width:100%;border-collapse:collapse;min-width:670px;font-size:16px;line-height:1.45}
th,td{text-align:left;vertical-align:top;padding:16px 17px;border-bottom:1px solid var(--hair)}
th{font-family:var(--util);text-transform:uppercase;letter-spacing:.06em;background:var(--panel);font-size:14px}tr:last-child td{border-bottom:0}
.checks{list-style:none!important;padding:0!important}.checks li{position:relative;padding-left:34px;margin-bottom:17px}.checks li:before{content:'→';position:absolute;left:0;color:var(--red);font-weight:800}
.note{border:1px solid var(--hair);padding:22px 24px;margin:32px 0;background:#fff}.note p:last-child{margin-bottom:0}.note b:first-child{font-family:var(--util);text-transform:uppercase;letter-spacing:.07em}
.disclosure{font-size:15px;color:var(--steel);padding-top:10px}
.offer{margin:50px 0 10px;padding:34px;border:2px solid var(--ink);background:var(--panel)}
.offer .eyebrow{margin-bottom:10px}.offer h2{font-size:38px;margin:0 0 12px}.offer ul{margin-bottom:26px}.offer .price{font-family:var(--display);font-size:38px;line-height:1;margin:18px 0 22px}.btn{display:inline-block;background:var(--red);color:#fff;text-decoration:none;font-family:var(--util);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:14px 18px;line-height:1}.btn:hover{filter:brightness(.92)}
.faq{border-top:1px solid var(--hair);margin-top:24px}.faq details{border-bottom:1px solid var(--hair);padding:18px 0}.faq summary{cursor:pointer;font-weight:750;line-height:1.35}.faq p{color:var(--steel);font-size:16.5px;margin:12px 0 0}
.author{margin-top:54px;padding-top:28px;border-top:1px solid var(--hair);color:var(--steel);font-size:16px}.author b{color:var(--ink)}
footer{background:var(--ink);color:#fff;padding:34px 0;font-size:14px}footer .inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}footer a{color:#fff;margin-right:16px}
/* guides index */
.indexhero h1{max-width:12ch}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:34px}.card{border:1px solid var(--hair);padding:28px;text-decoration:none;transition:transform .15s,border-color .15s;background:#fff}.card:hover{transform:translateY(-2px);border-color:#aaa}.card .tag{font-family:var(--util);font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--red);font-weight:700}.card h2{font-size:31px;margin:10px 0 12px}.card p{font-size:16px;color:var(--steel);margin:0}.card .go{display:block;font-family:var(--util);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--red);margin-top:18px}
@media(max-width:760px){
  body{font-size:17px}.hero{padding:54px 0 42px}.navlinks a:not(.cta){display:none}.guide-nav .inner{min-height:56px}.brand{font-size:24px}main{padding-top:38px}.short{padding:22px 20px}.offer{padding:26px 22px}.cards{grid-template-columns:1fr}.lede{font-size:19px}
}