/* Mitos marketing site – dark, Inter, amber accent (launch agent's design values) */
:root{--bg:#111;--panel:#181818;--ink:#eee;--soft:#bbb;--muted:#8a8a8a;--accent:#f59e0b;--line:#2a2a2a}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--accent)}header,main,footer{max-width:820px;margin:0 auto;padding:0 20px}
header{display:flex;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px}
.brand{font-weight:700;font-size:20px;color:var(--ink);text-decoration:none}.brand span{color:var(--muted);font-weight:400;font-size:14px;margin-left:8px}
nav a{color:var(--soft);text-decoration:none;margin-left:16px}nav a:hover{color:var(--ink)}
main{padding-bottom:48px}h1{font-size:36px;margin:12px 0 4px}h2{font-size:20px;margin:28px 0 6px}p,li{color:var(--soft)}
.updated{color:var(--muted);font-size:14px;margin:0 0 20px}.summary{border-left:3px solid var(--accent);background:var(--panel);padding:12px 16px;margin:16px 0 24px;color:var(--ink)}
.btn{display:inline-block;background:var(--accent);color:#111;font-weight:600;text-decoration:none;padding:10px 18px;border-radius:6px}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0}.tier{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}
.tier h3{margin:0 0 4px}.tier .price{font-size:24px;font-weight:700;color:var(--ink)}.tier .per{color:var(--muted);font-size:13px}.tier ul{padding-left:18px;margin:10px 0 14px;font-size:14px}
.planned{color:var(--muted);font-size:14px}footer{border-top:1px solid var(--line);padding:16px 20px 32px;color:var(--muted);font-size:14px}footer a{color:var(--muted);margin-right:14px}
[data-billing="off"] .billing-on{display:none}[data-billing="on"] .billing-off{display:none}