:root{--n:#0b1f3a;--a:#19c3a6;--bg:#f3f6f9}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1d2733}
header{background:var(--n);padding:18px 24px;display:flex;align-items:center;gap:12px}header b{color:#fff;font-size:22px;letter-spacing:2px}header span{color:var(--a);font-size:14px}
main{max-width:760px;margin:32px auto;padding:0 16px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 14px rgba(11,31,58,.08);padding:28px}
h1{margin:0 0 6px;color:var(--n);font-size:26px}.sub{color:#5b6775;margin:0 0 22px}label{display:block;font-weight:600;margin:16px 0 6px}
input[type=text],input[type=email],input[type=password]{width:100%;padding:12px;border:1px solid #c9d3dd;border-radius:8px;font-size:16px}input:focus{outline:2px solid var(--a);border-color:transparent}
.hint{font-size:13px;color:#6b7785;margin-top:4px}button,.btn{background:var(--a);color:#05221d;border:0;border-radius:8px;padding:13px 22px;font-size:16px;font-weight:700;cursor:pointer;margin-top:22px;text-decoration:none;display:inline-block}
button:hover{filter:brightness(.95)}.err{background:#fdecec;color:#9b1c1c;border-radius:8px;padding:10px 14px;margin-bottom:12px}.ok{background:#eefaf7;border-left:4px solid var(--a);padding:10px 14px;border-radius:6px}
.steps{display:flex;gap:8px;margin-bottom:20px}.steps div{flex:1;height:6px;border-radius:3px;background:#dbe3ea}.steps .on{background:var(--a)}
.tos{height:320px;overflow-y:auto;border:1px solid #c9d3dd;border-radius:8px;padding:6px 18px;background:#fbfcfd;font-size:14px}.draft{background:#fff3cd;color:#7a5600;font-weight:700;padding:8px;border-radius:6px}
.chk{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-weight:400}.chk input{margin-top:4px;width:18px;height:18px}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.plan{border:2px solid #dbe3ea;border-radius:10px;padding:16px;cursor:pointer;position:relative;display:block;font-weight:400;margin:0}
.plan input{position:absolute;opacity:0}.plan:has(input:checked){border-color:var(--a);background:#f2fcfa}.plan h3{margin:0;color:var(--n)}.price{font-size:20px;font-weight:700;margin:6px 0}.plan ul{padding-left:18px;margin:8px 0 0;font-size:14px}
.tag{position:absolute;top:-10px;right:12px;background:var(--n);color:#fff;font-size:11px;padding:3px 8px;border-radius:10px}
fieldset{border:1px solid #dbe3ea;border-radius:10px;margin-top:22px;padding:6px 16px 16px}legend{font-weight:700;color:var(--n);padding:0 6px}
.dev{background:#fff3cd;color:#7a5600;padding:8px 14px;text-align:center;font-size:13px}code{background:#eef2f6;padding:2px 5px;border-radius:4px}
button.link{background:none;color:#0d7a63;padding:6px 0;margin-top:6px;font-weight:600;text-decoration:underline;width:auto}#own{display:none}#st-custom:checked~#own{display:block}footer{text-align:center;color:#8a95a1;font-size:12px;margin:24px 0}
.stepper{display:flex;gap:6px;margin:0 0 22px;padding:0;list-style:none;counter-reset:s}.stepper li{flex:1;text-align:center;font-size:12px;color:#8a95a1;position:relative;padding-top:30px}
.stepper li:before{counter-increment:s;content:counter(s);position:absolute;top:0;left:50%;transform:translateX(-50%);width:24px;height:24px;line-height:24px;border-radius:50%;background:#dbe3ea;color:#5b6775;font-weight:700;font-size:12px}
.stepper li.done:before{content:"✓";background:var(--a);color:#05221d}.stepper li.cur{color:var(--n);font-weight:700}.stepper li.cur:before{background:var(--n);color:#fff}
button[disabled]{opacity:.75;cursor:progress}button .spin{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-right:8px;vertical-align:-2px;animation:r .8s linear infinite}@keyframes r{to{transform:rotate(360deg)}}
input.bad{border-color:#d64545}.live{font-size:13px;margin-top:4px;min-height:18px}.live.bad{color:#9b1c1c}.live.good{color:#0d7a63}
textarea{width:100%;padding:12px;border:1px solid #c9d3dd;border-radius:8px;font:14px ui-monospace,Menlo,Consolas,monospace}textarea:focus{outline:2px solid var(--a);border-color:transparent}
.os{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:12px 0}.os div{background:#f6f8fa;border-radius:8px;padding:10px 12px;font-size:13px}.os b{display:block;margin-bottom:4px;color:var(--n)}
.big{font-size:1.3em;letter-spacing:1px}a{color:#0d7a63}.muted{color:#6b7785;font-size:14px}

.cadence{display:flex;gap:10px;margin:0 0 18px}.cadence label{flex:1;border:2px solid #dbe3ea;border-radius:10px;padding:12px 14px;cursor:pointer;font-weight:400;margin:0;position:relative}
.cadence label:has(input:checked){border-color:var(--a);background:#f2fcfa}.cadence input{position:absolute;opacity:0}
.cadence b{display:block;color:var(--n)}.cadence span{font-size:13px;color:#5b6775}
.plan.sales{border-style:dashed}.off40{display:inline-block;background:#eefaf7;color:#0d7a63;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:6px}
@media(max-width:520px){main{margin:16px auto}.card{padding:20px}h1{font-size:22px}.stepper li{font-size:0}button,.btn{width:100%}}