:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1f1a17;--dim:#74675e;--line:#eadcce;--blue:#d9774e;--ok:#127a4a;--warn:#a24b00;font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#f6e3d4,transparent 60%),#faf5ef}
.page{max-width:560px;margin:auto;padding:20px 16px 40px}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}
.logo{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800;font-size:18px}
.pill,.tag{font-size:11px;color:var(--dim);border:1px solid var(--line);border-radius:30px;padding:6px 10px;background:#fff9;white-space:nowrap}
.hero{margin:0 4px 20px}.eyebrow{font-size:11px;letter-spacing:1.6px;color:var(--blue);margin:0}
h1{font-size:40px;line-height:1.05;letter-spacing:-1.5px;margin:12px 0 16px}h1 span{color:var(--blue)}
.facts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 14px}.facts li{background:#fff;border:1px solid var(--line);border-radius:30px;padding:8px 12px;font-size:13px;font-weight:600}
.muted,.small{color:var(--dim);line-height:1.55}.muted{font-size:14px}.small{font-size:12.5px}
a{color:var(--blue)}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:14px;box-shadow:0 10px 40px #7a4a3012}
h2{font-size:17px;margin:0}.plan-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.price{font-size:46px;font-weight:800;letter-spacing:-2px;margin:14px 0 6px}.price span{font-size:16px;font-weight:500;letter-spacing:0;color:var(--dim)}
#notice{font-size:15px;line-height:1.55;margin:0 0 14px}
.button{display:block;width:100%;border:0;border-radius:14px;padding:16px;font:600 15px/1.2 inherit;font-family:inherit;text-align:center;text-decoration:none;background:#1f1a17;color:#fff;cursor:pointer;margin-top:10px}
.button:disabled{opacity:.45;cursor:default}.button.secondary{background:#f8ede3;color:#8f4426;border:1px solid var(--line)}
.button:focus-visible,a:focus-visible,input:focus-visible,.link:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:1.55;margin:16px 0 4px;cursor:pointer}.consent input{width:22px;height:22px;flex-shrink:0;margin:1px 0 0}
.status{border-radius:14px;padding:13px 15px;font-size:14px;line-height:1.5;background:#f8f1e9}.status.active{background:#e8f7ef;color:var(--ok)}
.result{font-size:14px;line-height:1.55;margin:12px 0 0;min-height:0}.result.ok{color:var(--ok)}.result.warn{color:var(--warn)}
.subscription{border-top:1px solid var(--line);margin-top:16px;padding-top:14px;font-size:14px;line-height:1.5}
#history{list-style:none;padding:0;margin:10px 0 0}#history li{border-top:1px solid var(--line);padding:11px 0;font-size:14px;line-height:1.45}
.steps{padding-left:20px;margin:10px 0 0;font-size:14px;line-height:1.7}
footer{text-align:center;margin-top:24px}footer p{margin:6px 0;font-size:13px}
.link{background:none;border:0;color:var(--dim);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;margin-top:8px}
.legal h1{font-size:28px;letter-spacing:-.6px}.legal h2{margin:22px 0 8px}.legal p,.legal li{font-size:14.5px;line-height:1.6}.legal{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}
@media(min-width:700px){.page{padding-top:36px}h1{font-size:48px}}
.plans{list-style:none;padding:0;margin:12px 0}.plans li{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding:11px 0;font-size:14px;line-height:1.45}.plans li span{color:var(--dim)}
.sub{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbf7f2;font:13px ui-monospace,Menlo,monospace;color:var(--dim);margin-top:4px}

.plan-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0 4px}.plan-tab{border:1px solid var(--line);background:#fff;border-radius:14px;padding:9px 2px;font:inherit;color:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;min-width:0}.plan-tab strong{font-size:15px}.plan-tab small{font-size:10px;color:var(--dim);white-space:nowrap;overflow:hidden;max-width:100%}.plan-tab .save{color:var(--ok);font-weight:600}.plan-tab[aria-pressed=true]{border-color:var(--blue);background:#f8ebdf}
.why{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:12px}.why li{font-size:14px;line-height:1.55;color:#3a302a}.why b{color:#1f1a17}
.honest-note{margin:18px 0 0;padding:14px 16px;border-radius:14px;background:#faf5ef;border:1px solid #eadcce;font-size:13px;line-height:1.6;color:#5f5249}
#after-pay{margin-top:12px}
/* Arrived from the bot with the term already chosen: only the payment itself. */
.focused #plan-tabs,.focused .prices,.focused #notice,.focused #card-tag,.focused #card-desc{display:none}
.focused #pay{font-size:18px;min-height:60px}