:root{--bg:#faf7f2;--ink:#1a1a1a;--muted:#5a5a5a;--line:#e2dcd2;--card:#fffdfa;
--accent:#1a1a1a;--bad:#8a2b21;--good:#2c6146}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6;
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,
'Noto Sans Arabic',sans-serif}
.skip-link{position:absolute;inset-inline-start:-9999px}
.skip-link:focus{inset-inline-start:.5rem;top:.5rem;background:var(--card);
padding:.5rem;z-index:2}
header.top{border-bottom:1px solid var(--line);background:var(--card)}
.wrap{max-width:44rem;margin:0 auto;padding:1.25rem 1.25rem}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{font-weight:600;letter-spacing:.01em;text-decoration:none;color:var(--ink)}
main{padding-bottom:3rem}
h1{font-size:1.5rem;margin:0 0 .5rem}
h2{font-size:1.1rem;margin:0 0 .5rem}
p{margin:.4rem 0;color:var(--muted)}
p.lede{color:var(--ink)}
a{color:var(--ink)}
section.card{background:var(--card);border:1px solid var(--line);border-radius:.6rem;
padding:1.1rem 1.15rem;margin:1rem 0}
.notice{border-inline-start:4px solid var(--muted);background:var(--card);
padding:.75rem 1rem;border-radius:.35rem;margin:1rem 0}
.notice.bad{border-inline-start-color:var(--bad);color:var(--bad)}
.notice.good{border-inline-start-color:var(--good);color:var(--good)}
label{display:block;font-weight:600;margin:.85rem 0 .25rem;color:var(--ink)}
.hint{font-size:.9rem;color:var(--muted);margin:.15rem 0 0}
input[type=text],input[type=email],input[type=tel],select{width:100%;
padding:.6rem .7rem;border:1px solid var(--line);border-radius:.4rem;
background:#fff;color:var(--ink);font:inherit;text-align:start}
input[inputmode=numeric]{letter-spacing:.35em;font-size:1.15rem}
.consent{display:flex;gap:.6rem;align-items:flex-start;margin:1rem 0}
.consent input{margin-top:.35rem}
.consent label{font-weight:400;margin:0}
button{font:inherit;font-weight:600;padding:.6rem 1.1rem;border-radius:.4rem;
border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;
margin-top:1rem}
button.ghost{background:transparent;color:var(--ink)}
button.danger{background:var(--bad);border-color:var(--bad)}
.rows{border-top:1px solid var(--line);margin-top:.75rem}
.row{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;
border-bottom:1px solid var(--line)}
.row .k{color:var(--muted)}
.row .v{text-align:end}
.plans{display:grid;gap:.75rem}
.plan{border:1px solid var(--line);border-radius:.5rem;padding:.9rem 1rem;
background:#fff}
.plan .price{font-weight:600;color:var(--ink)}
.plan .free{color:var(--good);font-weight:600}
.sep{display:flex;align-items:center;gap:.75rem;color:var(--muted);margin:1.25rem 0}
.sep::before,.sep::after{content:"";flex:1;height:1px;background:var(--line)}
footer.site{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}
footer.site a{color:var(--muted)}