:root{--paper:#ececec;--ink:#111;--red:#781626;--olive:#786d16;--rule:#3a3a3a;--measure:36em}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Quicksand,Trebuchet MS,Segoe UI,Helvetica,sans-serif;line-height:1.6}a{color:var(--olive)}a:hover{color:var(--red)}img{max-width:100%;height:auto}h1,h2,h3{letter-spacing:.01em;line-height:1.25}mark{background:var(--olive);color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:2px 8px;line-height:1.9}.section{border-top:1px solid var(--rule);text-align:center;padding:72px 24px}.section h2{margin:0 0 20px;font-size:26px}.section>p{max-width:var(--measure);margin:0 auto;font-size:17px}.wrap{max-width:1100px;margin:0 auto}.btn{color:var(--ink);font:inherit;border:1px solid var(--ink);background:#fff;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{background:var(--ink);color:#fff}.btn-hero{border-color:#fff}.grid{text-align:left;border-top:1px solid var(--rule);border-left:1px solid var(--rule);gap:0;margin:36px auto 0;display:grid}.grid>*{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-direction:column;gap:6px;padding:24px 26px 28px;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px}.span-2{grid-column:span 2}.grid h3{margin:0;font-size:17px}.grid p{opacity:.85;margin:0;font-size:15px}.plus{font-size:16px;font-weight:700}.site-header{justify-content:space-between;align-items:center;padding:28px calc(8.75% + 52.8px);display:flex}.site-header.on-hero{z-index:2;position:absolute;top:0;left:0;right:0}.site-header.on-hero a{color:#fff}.site-header.on-paper{border-bottom:1px solid var(--rule)}.site-header.on-paper a{color:var(--ink)}.wordmark{letter-spacing:-.01em;align-items:center;gap:9px;font-size:29px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.wordmark-text{flex-direction:column;display:flex}.logo-mark{width:60px;height:60px;display:block}.site-nav{gap:24px;display:flex}.site-nav a{border-bottom:1px solid #0000;padding-bottom:2px;font-size:19px;text-decoration:none}.site-nav a:hover{border-bottom-color:currentColor}.nav-toggle{display:none}.hero{flex-direction:column;justify-content:flex-end;height:100vh;min-height:560px;max-height:860px;display:flex;position:relative;overflow:hidden}.slide{opacity:0;background-position:50% 40%;background-size:cover;transition:opacity 1.2s;position:absolute;inset:0}.slide.active{opacity:1}.hero-shade-top{pointer-events:none;background:linear-gradient(#000000f2,#000c 35%,#0006 70%,#0000);height:34%;position:absolute;top:0;left:0;right:0}.hero-shade-bottom{pointer-events:none;background:linear-gradient(#140e0a00,#140e0a8c 60%,#140e0aeb);height:62%;position:absolute;bottom:0;left:0;right:0}.hero-content{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:0 24px 72px;display:flex;position:relative}.hero h1{color:#fff;text-shadow:0 1px 12px #00000059;margin:0;font-size:clamp(30px,4vw,44px);font-weight:700}.dots{justify-content:center;gap:10px;display:flex;position:absolute;bottom:20px;left:0;right:0}.dot{cursor:pointer;background:0 0;border:1px solid #fff;border-radius:50%;width:12px;height:12px;padding:0}.dot.active{background:#fff}.definition p{max-width:var(--measure);margin:0 auto;font-size:26px;line-height:1.5}.definition em{color:#1119;font-size:18px}.product-img{width:min(680px,100%);margin:8px auto 32px;display:block}.price{margin:32px 0 0;font-size:34px;font-weight:700}.why .grid>*{gap:14px;padding:32px 36px 36px}.why h3{font-size:22px}.why p{opacity:1;font-size:17px}.card{gap:14px;padding:26px 26px 30px}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--red)}.tldr{opacity:1;font-size:14px;line-height:1.6}.tag{color:var(--paper);background:var(--olive);margin-right:8px;padding:2px 8px;font-size:12px;font-weight:700}.faq{border-top:1px solid var(--rule);margin:0}.faq dt{padding-top:12px;font-size:13px;font-weight:700}.faq dd{opacity:.8;border-bottom:1px solid var(--rule);margin:2px 0 0;padding-bottom:12px;font-size:13px}.read{margin-top:auto;font-size:14px;text-decoration:none}.read:hover{text-decoration:underline}.article{text-align:left;max-width:42em;margin:0 auto;padding:56px 24px 96px}.article h1{margin:0 0 16px;font-size:clamp(28px,3.5vw,38px)}.article .tldr{margin:0 0 32px;font-size:17px}.article h2{margin:40px 0 12px;font-size:22px}.article p,.article li{font-size:17px}.article .faq dt,.article .faq dd{font-size:16px}.article .faq{margin-top:40px}.links{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;display:flex}.site-footer{border-top:1px solid var(--rule);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:40px 24px 56px;font-size:14px;display:flex}.muted{color:#1111118c}@media (width<=760px){.site-header{padding:20px 24px}.site-header.on-paper{position:relative}.nav-toggle{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:6px;margin-right:-8px;padding:8px;display:flex}.site-header.on-hero .nav-toggle{color:#fff}.nav-toggle span{background:currentColor;border-radius:2px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-open .nav-toggle span:first-child{transform:translateY(8px)rotate(45deg)}.nav-open .nav-toggle span:nth-child(2){opacity:0}.nav-open .nav-toggle span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.site-nav{z-index:3;flex-direction:column;gap:0;padding:4px 24px 16px;display:none;position:absolute;top:100%;left:0;right:0}.nav-open .site-nav{display:flex}.site-nav a{border-bottom:1px solid #7f7f7f59;padding:14px 0;font-size:22px}.site-nav a:last-child{border-bottom-color:#0000}.site-header.on-paper .site-nav{background:var(--paper);border-bottom:1px solid var(--rule)}.site-header.on-hero.nav-open,.site-header.on-hero .site-nav{background:#0e0b09f0}.wordmark{gap:8px;font-size:24px}.logo-mark{width:50px;height:50px}.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}.section{padding:56px 20px}}
