:root{--brand:#0f9d76;--brand-dark:#0b7a5c;--ink:#0f172a;--muted:#64748b;--soft:#f1f5f9;--radius:1rem}
html{scroll-behavior:smooth}
body{font-family:"Vazirmatn",system-ui,sans-serif;color:var(--ink);font-feature-settings:"ss01"}
a{text-decoration:none}
.text-brand{color:var(--brand)!important}.bg-brand{background:var(--brand)!important}.bg-soft{background:var(--soft)}
.btn-brand{--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-bg:var(--brand-dark);--bs-btn-hover-border-color:var(--brand-dark);--bs-btn-color:#fff;--bs-btn-hover-color:#fff;--bs-btn-active-bg:var(--brand-dark)}
.btn-outline-brand{--bs-btn-color:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-bg:var(--brand);--bs-btn-hover-border-color:var(--brand);--bs-btn-hover-color:#fff}
.navbar{backdrop-filter:saturate(180%) blur(12px);background:rgba(255,255,255,.85)}
.logo{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.65rem;background:var(--brand);color:#fff;font-weight:800}
.hero{padding:7rem 0 5rem;background:radial-gradient(60rem 30rem at 85% -10%,#d1fae5 0,transparent 60%),radial-gradient(40rem 25rem at 0% 20%,#e0f2fe 0,transparent 60%)}
.hero h1{font-weight:900;line-height:1.35}
.badge-soft{background:#d1fae5;color:var(--brand-dark);font-weight:600}
.mock{border-radius:var(--radius);background:#fff;box-shadow:0 30px 60px -20px rgba(15,23,42,.25);overflow:hidden}
.mock-bar{display:flex;gap:.35rem;padding:.75rem 1rem;background:var(--soft)}.mock-bar span{width:.65rem;height:.65rem;border-radius:50%;background:#cbd5e1}
.mock-line{height:.6rem;border-radius:1rem;background:#e2e8f0}
.feature{border:1px solid #e2e8f0;border-radius:var(--radius);padding:1.75rem;height:100%;transition:.2s}
.feature:hover{transform:translateY(-4px);box-shadow:0 12px 30px -12px rgba(15,23,42,.2);border-color:transparent}
.icon{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:.85rem;background:#d1fae5;color:var(--brand-dark);font-size:1.35rem}
.section{padding:5rem 0}.section-title{font-weight:800}
.price{border:1px solid #e2e8f0;border-radius:var(--radius);padding:2rem;height:100%;background:#fff}
.price.featured{border:2px solid var(--brand);box-shadow:0 20px 40px -20px rgba(15,157,118,.45)}
.price .amount{font-size:2.25rem;font-weight:900}
.price li{padding:.35rem 0}.price li::before{content:"✓";color:var(--brand);margin-left:.5rem;font-weight:700}
.accordion-button:not(.collapsed){background:#ecfdf5;color:var(--brand-dark);box-shadow:none}
.accordion-button::after{margin-right:auto;margin-left:0}
.cta{border-radius:1.5rem;background:linear-gradient(135deg,var(--brand),#0ea5e9);color:#fff;padding:3.5rem}
footer{background:var(--ink);color:#cbd5e1}footer a{color:#e2e8f0}footer a:hover{color:#fff}
/* dashboard */
.dash{min-height:100vh;background:var(--soft)}
.sidebar{width:250px;background:#fff;border-left:1px solid #e2e8f0;min-height:100vh;position:sticky;top:0}
.sidebar .nav-link{color:var(--muted);border-radius:.65rem;padding:.6rem .9rem;margin-bottom:.2rem}
.sidebar .nav-link.active,.sidebar .nav-link:hover{background:#ecfdf5;color:var(--brand-dark)}
.card{border:0;border-radius:var(--radius);box-shadow:0 1px 3px rgba(15,23,42,.06)}
.stat .value{font-size:1.6rem;font-weight:800}
.bars{display:flex;align-items:flex-end;gap:.6rem;height:180px}.bars div{flex:1;border-radius:.5rem .5rem 0 0;background:linear-gradient(var(--brand),#5eead4)}
@media (max-width:991.98px){.sidebar{position:fixed;right:-260px;z-index:1040;transition:.25s}.sidebar.open{right:0;box-shadow:0 0 40px rgba(0,0,0,.2)}.hero{padding:6rem 0 3rem}}