:root{--bg:#F7F8FA;--ink:#1C1C1E;--muted:#6E6E73;--rule:#D9DCE1;--green:#1F6F4A;--band:#E6F2EA;--paper:#FFFFFF;
--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;
--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
@media (prefers-color-scheme:dark){:root{--bg:#111214;--ink:#F2F2F4;--muted:#A1A1A8;--rule:#2A2D33;--green:#5CC28E;--band:#17271F;--paper:#1A1C20}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--sans);font-feature-settings:"tnum" 1}
a{color:var(--green);text-underline-offset:3px}a:focus-visible,.btn:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:6px}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
header.top{display:flex;justify-content:space-between;align-items:center;padding:22px 0}
.brand{font-weight:700;font-size:19px;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
nav a{color:var(--muted);text-decoration:none;margin-left:22px;font-size:15px}nav a:hover{color:var(--ink)}
.hero>*{min-width:0}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:56px 0 88px}
h1{font-size:clamp(40px,6vw,68px);line-height:1.02;letter-spacing:-.035em;margin:0 0 22px;font-weight:700}
.lede{font-size:21px;line-height:1.45;color:var(--muted);max-width:30ch;margin:0 0 32px}
.btn{display:inline-block;background:var(--ink);color:var(--bg);padding:14px 22px;border-radius:999px;text-decoration:none;font-weight:600;font-size:16px}
.note{display:block;margin-top:14px;color:var(--muted);font-size:14px}
/* the green-bar printout */
.sheet{margin:0;background:var(--paper);border-radius:4px;box-shadow:0 1px 0 var(--rule),0 24px 48px -28px rgba(20,40,30,.35);padding:22px 0 26px;position:relative;transform:rotate(-1.2deg)}
.sheet::before,.sheet::after{content:"";position:absolute;top:0;bottom:0;width:22px;background:radial-gradient(circle at 11px 50%,var(--bg) 4px,transparent 4.5px) 0 0/22px 24px repeat-y}
.sheet::before{left:0}.sheet::after{right:0}
.sheet h2{white-space:pre;font:600 13px/1 var(--mono);color:var(--muted);margin:0 40px 14px;letter-spacing:.02em}
.sheet table{width:100%;border-collapse:collapse;font:400 15px/1 var(--mono)}
.sheet td{padding:9px 40px}.sheet td+td{text-align:right}
.sheet tr:nth-child(4n+1),.sheet tr:nth-child(4n+2){background:var(--band)}
.sheet tr.t td{font-weight:700}
.sheet .stamp{margin:16px 40px 0;font:400 12px/1.4 var(--mono);color:var(--muted)}
section.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:40px 0 72px;border-top:1px solid var(--rule)}
.facts h3{font-size:19px;letter-spacing:-.01em;margin:0 0 8px}.facts p{margin:0;color:var(--muted)}
section.pricing{padding:40px 0 88px;border-top:1px solid var(--rule)}
.pricing h2,.doc h1{font-size:34px;letter-spacing:-.025em;margin:0 0 28px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--rule);border-radius:14px;overflow:hidden;background:var(--paper)}
.plan{padding:28px;border-right:1px solid var(--rule)}.plan:last-child{border-right:0}
.plan b{display:block;font-size:17px}.price{font-size:34px;font-weight:700;letter-spacing:-.02em;margin:8px 0 10px}.price small{font-size:15px;color:var(--muted);font-weight:400}
.plan p{margin:0;color:var(--muted);font-size:15px}
footer{border-top:1px solid var(--rule);padding:28px 0 48px;color:var(--muted);font-size:14px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer a{color:var(--muted)}
.doc{max-width:68ch;padding:24px 0 80px}.doc h2{font-size:21px;margin:36px 0 10px;letter-spacing:-.01em}.doc p,.doc li{color:var(--ink)}.doc .updated{color:var(--muted)}
details{border-top:1px solid var(--rule);padding:16px 0}details summary{font-weight:600;cursor:pointer}details p{color:var(--muted);margin:10px 0 0}
@media (max-width:820px){.sheet h2{white-space:normal}.sheet table{font-size:14px}h1{font-size:44px}.hero{grid-template-columns:1fr;gap:40px;padding:24px 0 56px}.sheet{transform:none}section.facts,.plans{grid-template-columns:1fr}.plan{border-right:0;border-bottom:1px solid var(--rule)}.plan:last-child{border-bottom:0}.sheet td{padding:9px 28px}.sheet h2,.sheet .stamp{margin-left:28px;margin-right:28px}nav a{margin-left:14px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}