:root{--bg:#f6f5f1;--card:#fff;--ink:#17181a;--soft:#55585e;--line:#d8d6cf;--grid:#e4e2dc;--head:#f0efea;--green:#1d7a3e;--red:#c0392b;--blue:#1d4ed8;--hl:#fff6c7}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "IBM Plex Sans",system-ui,sans-serif}
a{color:var(--ink)}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
h1,h2,h3{letter-spacing:-.02em;line-height:1.12;font-weight:600}
h1{font-size:clamp(32px,4.4vw,48px);margin:0 0 16px}
h2{font-size:28px;margin:0 0 14px}
.top{display:flex;justify-content:space-between;align-items:center;height:64px}
.brand{font-weight:600;text-decoration:none;font-size:18px}
.top nav a{margin-left:18px;color:var(--soft);text-decoration:none;font-size:14px}
.top nav a:hover{color:var(--ink)}
.hero{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:40px;padding-top:28px;padding-bottom:56px;align-items:start}
@media (max-width:960px){.hero{grid-template-columns:1fr;gap:28px}}
.sub{font-size:18px;color:var(--soft);margin:0 0 18px}
.proof{list-style:none;padding:0;margin:0 0 22px}
.proof li{padding-left:26px;position:relative;margin:8px 0}
.proof li:before{content:"";position:absolute;left:2px;top:7px;width:12px;height:7px;border-left:2.5px solid var(--green);border-bottom:2.5px solid var(--green);transform:rotate(-45deg)}
.buy{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.btn{display:inline-block;background:var(--ink);color:#fff;padding:14px 20px;border-radius:4px;font-weight:600;text-decoration:none}
.btn:hover{background:#000}
.btn-off{background:#9a9a9a;cursor:default}
.price{font-size:15px;color:var(--soft)}.price b{font-size:22px;color:var(--ink);margin-right:4px}
.fine{font-size:13px;color:var(--soft);margin-top:12px}
/* the sheet */
.xl{background:var(--card);border:1px solid var(--line);box-shadow:0 24px 50px -28px rgba(0,0,0,.45);font:13px/1.4 "IBM Plex Mono",ui-monospace,monospace;min-width:0}
.xl-title{display:flex;justify-content:space-between;padding:7px 12px;background:#217346;color:#fff;font:500 13px "IBM Plex Sans",sans-serif}
.fx{display:flex;gap:12px;padding:6px 12px;border-bottom:1px solid var(--grid);color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx b{color:var(--green);font-weight:500}
.xl-scroll{overflow-x:auto}
.xl table{border-collapse:collapse;width:100%;min-width:600px}
.xl td,.xl th{border:1px solid var(--grid);padding:6px 8px;text-align:right;white-space:nowrap}
.xl th{background:var(--head);color:var(--soft);font-weight:500}
.xl .rn{background:var(--head);color:#9a9a9a;text-align:center;width:30px}
.xl .lb{text-align:left}
.xl tr.b td{font-weight:500}
.xl tr.dscr td{background:var(--hl)}
.xl tr.dscr td.rn{background:var(--head)}
.neg{color:var(--red)}.ok{color:var(--green)}
.xl-note{padding:9px 12px;font:13px/1.5 "IBM Plex Sans",sans-serif;color:var(--soft);border-top:1px solid var(--grid);background:#fffdf3}
.tabs{display:flex;overflow-x:auto;background:var(--head);border-top:1px solid var(--line)}
.tabs span{padding:6px 14px;border-right:1px solid var(--line);color:var(--soft);white-space:nowrap}
.tabs .on{background:var(--card);color:var(--ink);font-weight:500;box-shadow:inset 0 2px 0 #217346}
/* sections */
section.band{border-top:1px solid var(--line);padding:52px 0}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
@media (max-width:820px){.checks{grid-template-columns:1fr}}
.chk{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px dashed var(--line)}
.chk span{font:13px "IBM Plex Mono",monospace;color:var(--green);text-align:right;white-space:nowrap}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media (max-width:820px){.split{grid-template-columns:1fr;gap:20px}}
.box{background:var(--card);border:1px solid var(--line);padding:20px 22px;border-radius:4px}
.box h3{margin:0 0 8px;font-size:18px}
.box ul{margin:0;padding-left:18px;color:var(--soft)}.box li{margin:4px 0}
.inp{color:var(--blue);font-weight:600}
.ind{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
@media (max-width:820px){.ind{grid-template-columns:1fr}}
.ind a{display:block;padding:18px 18px 18px 0;border-bottom:1px solid var(--line);text-decoration:none}
.ind a b{font-size:20px;display:block}
.ind a span{color:var(--soft);font-size:14px}
.ind a em{font-style:normal;font:13px "IBM Plex Mono",monospace;color:var(--ink);display:block;margin-top:6px}
.ind a:hover b{text-decoration:underline}
dl.drv dt{font-weight:600;margin-top:14px}dl.drv dd{margin:2px 0 0;color:var(--soft)}
.steps{padding-left:20px}.steps li{margin:10px 0}
details{border-bottom:1px solid var(--line);padding:12px 0}
summary{cursor:pointer;font-weight:600}
details p{color:var(--soft);margin:.5em 0 0}
.end{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;background:var(--ink);color:#fff;padding:26px 28px;border-radius:4px}
.end h2{margin:0;color:#fff;font-size:24px}
.end .btn{background:#fff;color:var(--ink)}
.end .price{color:#c9c9c9}.end .price b{color:#fff}
.crumb{font-size:14px;color:var(--soft);margin:0 0 10px}.crumb a{color:var(--soft)}
.foot{border-top:1px solid var(--line);padding:28px 0 40px;color:var(--soft);font-size:14px}
.foot a{color:var(--soft);margin-right:16px}
.prose{max-width:720px;padding:20px 0 50px}
a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}