body{margin:0;background:var(--ink-base);color:var(--cream);font:16px/1.9 Vazirmatn,Tahoma,sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 20px 80px}
a{color:var(--cream)}h1{font-size:2.1rem;margin:.2em 0 .2em}h2{font-size:1.2rem;margin:2.2em 0 .6em}
p,li,td,th{color:var(--cream-soft)}.back{display:inline-block;margin-bottom:1.2em}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.card{border:1px solid var(--hair);border-radius:18px;padding:16px;background:rgba(242,242,240,.04)}
.plan{all:unset;box-sizing:border-box;cursor:pointer;display:block;border:1px solid var(--hair);border-radius:18px;padding:18px;background:rgba(242,242,240,.04)}
.plan[aria-pressed=true]{border-color:var(--cream);box-shadow:0 0 0 1px var(--cream)}
.plan:focus-visible,.btn:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
.plan b{font-size:1.05rem}.price{font-size:1.7rem;font-weight:800;color:var(--cream);margin:.2em 0}.sub{color:var(--cream-faint);font-size:.9rem}
.tag{display:inline-block;background:var(--cream);color:#0a0a0a;border-radius:999px;padding:1px 10px;font-size:.78rem;font-weight:700;margin-inline-start:6px}
table{width:100%;border-collapse:collapse}th,td{padding:10px 8px;border-top:1px solid var(--hair);text-align:start}th{color:var(--cream)}
.btn{all:unset;box-sizing:border-box;cursor:pointer;display:block;text-align:center;width:100%;padding:14px;border-radius:14px;background:var(--cream);color:#0a0a0a;font-weight:800;margin-top:10px}
.btn.ghost{background:transparent;color:var(--cream);border:1px solid var(--hair)}.btn[disabled]{opacity:.5}
input[type=email]{box-sizing:border-box;width:100%;padding:13px;border-radius:12px;border:1px solid var(--hair);background:rgba(242,242,240,.04);color:var(--cream);font:inherit;direction:ltr;text-align:left}
.note{font-size:.9rem;color:var(--cream-faint)}details{border-top:1px solid var(--hair);padding:10px 0}summary{cursor:pointer;color:var(--cream)}
.tag{white-space:nowrap}