/* Public site levelme.ir (header, footer, content pages). Brand tokens come from app.css. */
.site-h{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-h .in,.site-f .in,.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.site-h .in{height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-nav{display:flex;gap:20px;font-weight:700;font-size:14px;color:#3A4264}
.site-nav a:hover{color:var(--blue)}
.site-f{background:linear-gradient(125deg,var(--navy),var(--navy2));color:#fff;margin-top:60px;padding:36px 0 28px}
.site-f .in{display:grid;grid-template-columns:1.4fr 1.2fr 1fr;gap:24px;align-items:start}
.site-f .logo span{color:#fff!important}
.site-f-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;font-size:14px}
.site-f-links a{color:#C7CEE6}.site-f-links a:hover{color:#fff}
.hero{background:linear-gradient(125deg,var(--navy),var(--navy2));color:#fff;padding:64px 0 72px}
.hero h1{font-size:38px;font-weight:900;line-height:1.55}.hero p{color:#C7CEE6;font-size:17px;margin-top:12px;max-width:640px}
.sec{padding:52px 0 8px}.sec h2{font-size:26px;font-weight:900;color:var(--navy);margin-bottom:6px}.sec .lead{color:var(--muted);margin-bottom:22px}
.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--sh)}
.step .n{width:34px;height:34px;border-radius:10px;background:var(--blue-50);color:var(--blue);font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.step h3{font-size:16px;color:var(--navy)}
.page-h{background:linear-gradient(125deg,var(--navy),var(--navy2));color:#fff;padding:40px 0 44px}
.page-h h1{font-size:30px;font-weight:900}.page-h .crumbs{font-size:13px;color:#C7CEE6;margin-bottom:6px}.page-h .crumbs a{color:#C7CEE6}
.prose{max-width:780px;margin:0 auto;font-size:16px;line-height:2.1;color:#1F2747}
.prose h2{font-size:21px;color:var(--navy);margin:30px 0 10px}.prose h3{font-size:18px;color:var(--navy);margin:22px 0 8px}
.prose p{margin-bottom:14px;text-align:justify}.prose ul,.prose ol{padding-right:24px;margin-bottom:14px}.prose li{margin-bottom:6px}
.prose a{color:var(--blue)}.prose blockquote{border-right:4px solid var(--amber);background:#FFFBF2;padding:12px 16px;border-radius:10px;margin:16px 0}
.prose table{border-collapse:collapse;width:100%;margin:14px 0}.prose td,.prose th{border:1px solid var(--line);padding:8px 10px}
.legal-meta{font-size:13px;color:var(--muted);margin-bottom:18px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:10px}
.faq-item summary{padding:14px 18px;font-weight:800;color:var(--navy);cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:left;color:var(--blue)}
.faq-item[open] summary:after{content:"–"}.faq-item .a{padding:0 18px 16px;color:#3A4264;line-height:2}
.price-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--sh);display:flex;flex-direction:column}
.price-card .p{font-size:28px;font-weight:900;color:var(--blue)}.price-card ul{padding-right:18px;margin:12px 0 18px;flex:1}
.post-card .meta{font-size:12px;color:var(--muted)}
@media(max-width:860px){.site-nav{display:none}.site-f .in{grid-template-columns:1fr}.hero h1{font-size:28px}.hero{padding:44px 0 50px}}