*{box-sizing:border-box}
:root{--bg:#eef1f0;--sheet:#fff;--ink:#0f1c20;--ink2:#4d5d62;--line:#dbe2e1;--brand:#0d5c63;--soft:#e2efef;--warn:#fbefd9;--warnink:#8a5300}
@media (prefers-color-scheme:dark){:root{--bg:#0f1a1c;--sheet:#16252a;--ink:#e4eeee;--ink2:#9bb0b3;--line:#29404a;--brand:#5fc2c9;--soft:#163a3e;--warn:#3a2c14;--warnink:#f0b357}}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Assistant",system-ui,-apple-system,"Segoe UI",sans-serif}
header,main,footer{max-width:820px;margin:0 auto;padding:0 16px}
header{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding-top:20px;padding-bottom:12px}
header a.brand{font-weight:700;font-size:1.15rem;color:var(--ink);text-decoration:none;margin-inline-end:auto}
nav{display:flex;flex-wrap:wrap;gap:6px 16px}
nav a{color:var(--ink2);text-decoration:none}nav a[aria-current]{color:var(--brand);font-weight:700}
main{background:var(--sheet);border:1px solid var(--line);border-radius:12px;padding:24px clamp(16px,4vw,40px)}
h1{font-size:1.8rem;margin:.2em 0 .1em}h2{font-size:1.2rem;margin:1.6em 0 .4em}
.upd{color:var(--ink2);margin:0 0 1.2em}
a{color:var(--brand)}
.ph{background:var(--warn);color:var(--warnink);border-radius:4px;padding:0 4px;font-weight:600}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0}
.plan{border:1px solid var(--line);border-radius:12px;padding:18px}
.plan.hi{border:2px solid var(--brand)}
.plan h2{margin:0}.price{font-size:2rem;font-weight:700;margin:6px 0}.price span{font-size:1rem;color:var(--ink2);font-weight:400}
.plan ul{padding-inline-start:18px;margin:10px 0 0}
footer{color:var(--ink2);font-size:.9rem;padding-top:16px;padding-bottom:32px;display:flex;flex-wrap:wrap;gap:6px 16px}
footer a{color:var(--ink2)}
@media (max-width:860px){main{margin-inline:12px}}