:root{--g:#0b7a5f;--g2:#0f9d7a;--bg:#f4f7f6;--card:#fff;--ink:#1d2b27;--mut:#66787a;--line:#dfe8e5;--danger:#c0392b;--warn:#b7791f}
@media(prefers-color-scheme:dark){:root{--bg:#0e1a17;--card:#15241f;--ink:#e6f0ed;--mut:#93aaa3;--line:#244039}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;font-size:15px;line-height:1.8}
a{color:var(--g)}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.nav{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.nav .wrap{display:flex;align-items:center;gap:14px;min-height:60px;flex-wrap:wrap}
.nav .brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:1.1rem;color:var(--ink);text-decoration:none}
.nav .brand img{width:34px;height:34px;border-radius:9px}
.nav .links{display:flex;gap:4px;flex:1;flex-wrap:wrap}
.nav .links a{padding:6px 12px;border-radius:8px;text-decoration:none;color:var(--ink)}
.nav .links a:hover{background:rgba(127,127,127,.12)}
.btn{display:inline-block;padding:9px 20px;border:0;border-radius:10px;background:var(--g);color:#fff;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--g2)}
.btn.sec{background:transparent;color:var(--g);border:1px solid var(--g)}
.btn.big{padding:13px 30px;font-size:1.05rem}
.btn.danger{background:var(--danger)}
.btn.small{padding:5px 12px;font-size:.85rem}
.btn:disabled{opacity:.55;cursor:default}
.hero{padding:64px 0 40px;text-align:center}
.hero h1{font-size:clamp(1.7rem,4.4vw,2.8rem);line-height:1.4;margin:0 0 14px}
.hero p{font-size:1.1rem;color:var(--mut);max-width:680px;margin:0 auto 24px}
.hero .cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.grid{display:grid;gap:16px}
.grid.f3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.grid.f2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}
.card h3{margin:0 0 6px;font-size:1.05rem}
.card .ico{font-size:1.8rem}
section.block{padding:36px 0}
section.block>.wrap>h2{text-align:center;margin:0 0 22px;font-size:1.5rem}
.plan{position:relative;display:flex;flex-direction:column}
.plan.featured{border:2px solid var(--g);box-shadow:0 8px 28px rgba(11,122,95,.18)}
.plan .tag{position:absolute;top:-12px;inset-inline-start:18px;background:var(--g);color:#fff;border-radius:10px;padding:1px 12px;font-size:.78rem}
.plan .price{font-size:1.7rem;font-weight:700;color:var(--g);margin:8px 0 0}
.plan .price small{font-size:.8rem;color:var(--mut);font-weight:400}
.plan ul{padding:0;margin:12px 0 18px;list-style:none;flex:1}
.plan li{padding:4px 0;border-bottom:1px dashed var(--line)}
.plan li::before{content:"✓";color:var(--g);margin-inline-end:8px;font-weight:700}
.form-card{max-width:560px;margin:34px auto}
label{display:block;margin:12px 0 4px;font-size:.88rem;color:var(--mut)}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:inherit;font:inherit}
.flash{padding:10px 14px;border-radius:10px;margin:12px 0}
.flash.ok{background:#d8f3e8;color:#0b5d49}.flash.err{background:#fde1e1;color:#9b1c1c}.flash.warn{background:#fff0c9;color:#7a5b00}
.sumrow{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line)}
.sumrow.total{font-weight:700;font-size:1.1rem;border-bottom:0}
.radio{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;margin:8px 0;cursor:pointer}
.radio input{width:auto;margin-top:5px}
.mut{color:var(--mut)}
footer.site{margin-top:40px;border-top:1px solid var(--line);padding:22px 0;color:var(--mut);text-align:center;font-size:.88rem}
details.faq{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:8px 0}
details.faq summary{cursor:pointer;font-weight:600}