:root{color-scheme:light dark;--bg:#fff;--text:#14201a;--muted:#5b6b62;--line:#d9e2dc;--green:#0b6b35;--amber:#8a5a00;--amber-bg:#fff4d6}
@media (prefers-color-scheme:dark){:root{--bg:#0e1511;--text:#e8f0ea;--muted:#9bb0a3;--line:#24352b;--green:#5bc26b;--amber:#f0c36d;--amber-bg:#2b2410}}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}
main{max-width:46rem;margin:0 auto;padding:24px 16px 64px}
h1{font-size:1.7rem;line-height:1.2}h2{font-size:1.15rem;margin-top:2rem}
a{color:var(--green)}nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:20px;font-size:.95rem}
table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}
.draft{background:var(--amber-bg);color:var(--amber);border-radius:10px;padding:10px 14px;font-size:.95rem}
.muted{color:var(--muted);font-size:.9rem}
.price{font-size:2rem;font-weight:800}
.btn{display:inline-block;background:var(--green);color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:700}
.plans{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.plan{border:1px solid var(--line);border-radius:14px;padding:16px}
footer .netopia img{max-width:100%;height:auto}footer .anpc img{max-width:100%;height:auto;margin-right:8px}footer{margin-top:3rem;border-top:1px solid var(--line);padding-top:1rem}footer p{margin:.4rem 0}