:root{--blue:#1565C0;--blue-deep:#0E4A94;--amber:#F5A623;--ink:#161A14;--paper:#F7F5EE;--muted:#5B6358;--line:#DAD5C3;--card:#fff;}
@media (prefers-color-scheme: dark){:root{--ink:#F2EFE4;--paper:#14150F;--muted:#A9AD9C;--line:#33352A;--card:#1b1c15;}}
*{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:600;margin:0;letter-spacing:-0.01em;}
a{color:var(--blue);}
@media (prefers-color-scheme: dark){a{color:#8FB7EE;}}
header{padding:calc(env(safe-area-inset-top,0px) + 1rem) 1.4rem 1rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;}
header a{color:var(--muted);text-decoration:none;font-size:.9rem;}
nav{display:flex;gap:1.2rem;}
main{max-width:960px;margin:0 auto;padding:2.5rem 1.4rem 3rem;}
.center{text-align:center;}
h1{font-size:clamp(2rem,7vw,2.8rem);line-height:1.1;}
.lead{color:var(--muted);max-width:60ch;margin:.9rem auto 0;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;margin:2.2rem 0;}
.plan{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.6rem;display:flex;flex-direction:column;gap:.8rem;min-width:0;}
.plan.pro{border:2px solid var(--blue);}
.plan h2{font-size:1.3rem;}
.price{font-family:'Fraunces',Georgia,serif;font-size:2rem;font-weight:600;}
.price small{font-size:.9rem;font-family:'Inter',sans-serif;font-weight:400;color:var(--muted);}
.plan ul{margin:0;padding-left:1.1rem;color:var(--muted);flex:1;}
.plan li{margin:.25rem 0;}
.btn{display:inline-block;background:var(--blue);color:#fff;font-weight:500;padding:.75rem 1.2rem;border-radius:6px;text-decoration:none;font-size:.95rem;border:0;cursor:pointer;text-align:center;font-family:inherit;}
.btn.alt{background:transparent;color:var(--blue);border:1px solid var(--blue);}
@media (prefers-color-scheme: dark){.btn.alt{color:#8FB7EE;border-color:#8FB7EE;}}
.btn[disabled],.btn.off{background:transparent;color:var(--muted);border:1px solid var(--line);cursor:not-allowed;}
table{border-collapse:collapse;width:100%;max-width:560px;margin:1rem auto;}
th,td{padding:.55rem .8rem;border-bottom:1px solid var(--line);text-align:left;font-size:.95rem;}
th{color:var(--muted);font-weight:500;}
.note{color:var(--muted);font-size:.9rem;max-width:62ch;margin:.6rem auto;}
.box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.6rem;max-width:520px;margin:1.6rem auto;}
.code{font-family:'Fraunces',Georgia,serif;font-size:2.2rem;letter-spacing:.12em;}
.msg{margin-top:1rem;font-size:.95rem;}
.msg.ok{color:#2E7D32;}
.msg.err{color:#C62828;}
footer{border-top:1px solid var(--line);padding:2rem 1.4rem;text-align:center;color:var(--muted);font-size:.85rem;}
footer a{color:var(--muted);}