:root{
  --bg:#09090b;--bg-raise:#101012;--line:#26262b;--text:#f4f4f5;
  --text-2:#a1a1aa;--text-3:#71717a;--accent:#34d399;--accent-press:#2dbd88;
  --accent-tint:rgba(52,211,153,.07);--danger:#f87171;--radius:12px;
  --sans:"Geist Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,"Cascadia Code",Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--bg)}
a{color:inherit;text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;z-index:20;height:64px;background:rgba(9,9,11,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.02em}
.nav-links{display:flex;gap:22px;font-size:14.5px;color:var(--text-2)}
.nav-links a:hover{color:var(--text)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600;white-space:nowrap;cursor:pointer;border-radius:var(--radius);border:1px solid transparent;transition:transform .15s cubic-bezier(.16,1,.3,1),background .15s,border-color .15s}
.btn:active{transform:translateY(1px) scale(.98)}
.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.btn-primary{background:var(--accent);color:#052e22;padding:10px 20px;font-size:15px}
.btn-primary:hover{background:var(--accent-press)}
.btn-ghost{border-color:var(--line);color:var(--text);padding:10px 20px;font-size:15px}
.btn-ghost:hover{border-color:var(--text-3)}
.btn[aria-disabled="true"]{opacity:.55;cursor:default}
.nav .btn-primary{padding:8px 16px;font-size:14px}
main{min-height:calc(100dvh - 64px)}
.page{padding:72px 0 96px}
h1.page-title{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;line-height:1.05;font-weight:700}
.page-sub{margin-top:14px;color:var(--text-2);max-width:60ch}
h2{font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.02em;font-weight:700}
.prose{margin-top:40px;max-width:72ch}
.prose h2{margin:36px 0 10px;font-size:1.25rem}
.prose h3{margin:24px 0 8px;font-size:1.05rem}
.prose p,.prose li{color:var(--text-2);font-size:15.5px;margin-bottom:10px}
.prose ul,.prose ol{padding-left:22px;margin-bottom:12px}
.prose strong{color:var(--text)}
.prose code{font-family:var(--mono);font-size:13.5px;background:var(--bg-raise);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.prose pre{background:var(--bg-raise);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;overflow-x:auto;margin:12px 0}
.prose pre code{background:none;border:none;padding:0}
.updated{margin-top:10px;font-size:13px;color:var(--text-3)}
.cards{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:820px}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:var(--bg-raise)}
.card.featured{border-color:var(--accent);background:linear-gradient(160deg,var(--accent-tint),transparent 60%),var(--bg-raise)}
.card h3{font-size:18px;letter-spacing:-.01em}
.price{margin:14px 0 4px;font-size:40px;font-weight:700;letter-spacing:-.03em}
.price span{font-size:15px;font-weight:400;color:var(--text-2)}
.card ul{list-style:none;margin:18px 0 22px}
.card li{padding:6px 0;color:var(--text-2);font-size:14.5px}
.card li::before{content:"\2713\00a0\00a0";color:var(--accent)}
.notice{margin-top:28px;max-width:820px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raise);padding:18px 20px;font-size:14.5px;color:var(--text-2)}
.notice strong{color:var(--text)}
footer{border-top:1px solid var(--line);padding:32px 0;color:var(--text-3);font-size:14px}
.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot a:hover{color:var(--text-2)}
.foot-links{display:flex;gap:18px;flex-wrap:wrap}
@media (max-width:860px){.cards{grid-template-columns:1fr}.nav-links{display:none}}