:root{color-scheme:dark;--bg:#080c13;--surface:#0d1420;--surface2:#111b2b;--line:#202c3d;--text:#f5f7fb;--muted:#aab4c5;--blue:#3277ff;--cyan:#35d4c4;--violet:#9d78ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 0,#17346555,transparent 35rem),var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,"Segoe UI",sans-serif;line-height:2}a{color:#91baff}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:900}.brand img{width:42px;height:42px;border-radius:12px}.nav{display:flex;gap:20px}.nav a{color:var(--muted);text-decoration:none}.blog-hero{padding:76px 0 48px;text-align:center}.kicker{color:var(--cyan);font-weight:800}.blog-hero h1,.article-head h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.35;margin:12px auto;max-width:900px}.blog-hero p,.article-head .lead{max-width:780px;margin:0 auto;color:var(--muted);font-size:1.08rem}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 0 80px}.post-card{display:flex;flex-direction:column;min-height:290px;padding:24px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,var(--surface2),var(--surface));color:inherit;text-decoration:none;transition:.2s}.post-card:hover{transform:translateY(-4px);border-color:#3b5f93}.post-card .icon{font-size:2rem}.post-card h2{font-size:1.25rem;line-height:1.7;margin:16px 0 8px}.post-card p{color:var(--muted);margin:0}.post-card small{margin-top:auto;padding-top:18px;color:#7f91aa}.article-head{padding:64px 0 34px;text-align:center}.meta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;color:#8291a8;font-size:.86rem;margin-top:20px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:34px;align-items:start;padding-bottom:80px}.article{min-width:0}.article h2{font-size:1.55rem;line-height:1.6;margin:50px 0 12px}.article h3{font-size:1.16rem;margin-top:32px}.article p,.article li{color:#c2cad7}.article ul,.article ol{padding-right:24px}.article strong{color:#fff}.note{padding:18px 20px;border:1px solid #315078;border-radius:16px;background:#0d1d35;color:#cbd8ea}.warning{border-color:#6d5430;background:#2b210e}.table-wrap{overflow-x:auto}.article table{width:100%;border-collapse:collapse;min-width:580px}.article th,.article td{border:1px solid var(--line);padding:12px;text-align:right}.article th{background:#14233a}.toc{position:sticky;top:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.toc b{display:block;margin-bottom:8px}.toc a{display:block;color:var(--muted);text-decoration:none;padding:5px 0;font-size:.9rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.button{display:inline-block;padding:11px 18px;border-radius:13px;background:var(--blue);color:#fff;text-decoration:none;font-weight:800}.button.alt{background:var(--surface2);border:1px solid var(--line)}.sources,.related{margin-top:46px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.sources h2,.related h2{margin-top:0}.related-links{display:flex;gap:10px;flex-wrap:wrap}.related-links a{padding:8px 13px;border:1px solid var(--line);border-radius:999px;text-decoration:none}.breadcrumbs{font-size:.86rem;color:#8190a7}.breadcrumbs a{text-decoration:none}.byline{display:flex;align-items:center;gap:12px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}.byline img{width:42px;height:42px;border-radius:12px}footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted)}@media(max-width:850px){.posts{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.toc{position:static;order:-1}.nav{display:none}}@media(max-width:560px){.posts{grid-template-columns:1fr}.blog-hero,.article-head{padding-top:38px}.article h2{font-size:1.35rem}}
.visual-guide{margin:30px 0;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0a1626,#0d1420)}.visual-guide figcaption{margin-top:12px;color:#9fb0c8;font-size:.92rem}.mock-browser,.step-shot,.billing-card,.budget-chart{overflow:hidden;border:1px solid #284263;border-radius:16px;background:#07111f}.mockbar{display:flex;align-items:center;gap:7px;padding:10px 12px;border-bottom:1px solid #223650;color:#9fb0c8;font-size:.78rem}.mockbar span{width:10px;height:10px;border-radius:50%;background:#ff5f57}.mockbar span:nth-child(2){background:#ffbd2e}.mockbar span:nth-child(3){background:#28c840}.mockbar b{margin-right:auto;font-weight:700}.mock-hero{display:grid;place-items:center;min-height:210px;text-align:center;background:radial-gradient(circle at 50% 15%,#2f77ff55,transparent 18rem),linear-gradient(135deg,#07111f,#10233a)}.mock-hero strong{font-size:clamp(3rem,10vw,6rem);line-height:1;color:#54f0ca}.mock-hero span{display:block;font-size:1.35rem;font-weight:900;color:#fff}.mock-hero em{color:#aab4c5;font-style:normal}.step-shot{padding:28px;min-height:210px}.shot-title{font-weight:900;font-size:1.4rem}.shot-line{height:12px;width:58%;margin:18px 0;border-radius:999px;background:#233650}.shot-line.wide{width:82%}.shot-cta{display:inline-block;margin-top:16px;padding:12px 22px;border-radius:999px;background:#3277ff;color:#fff;font-weight:900}.billing-card{display:grid;gap:18px;padding:24px}.billing-card span{display:block;color:#9fb0c8}.credit-pill{justify-self:start;padding:10px 18px;border:1px solid #54f0ca;border-radius:999px;color:#54f0ca;font-weight:900}.risk-row{display:flex;justify-content:space-between;border-top:1px solid #223650;padding-top:16px}.budget-chart{display:flex;align-items:end;gap:12px;min-height:230px;padding:28px}.budget-chart span{width:52px;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#54f0ca,#3277ff)}.budget-chart b{align-self:start;margin-right:auto;color:#fff}@media(max-width:560px){.budget-chart span{width:38px}}.real-shot img{display:block;width:100%;height:auto;border-radius:13px;border:1px solid #203650;background:#07111f}.real-shot{padding:14px}
.commercial-hub{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1.1fr);gap:20px;align-items:center;margin:22px auto 10px;padding:24px;border:1px solid #284263;border-radius:20px;background:linear-gradient(145deg,#0d1d35,var(--surface))}.commercial-hub h2{margin:6px 0 8px;line-height:1.55}.commercial-hub p{margin:0;color:var(--muted)}.commercial-links{display:flex;gap:10px;flex-wrap:wrap}.commercial-links a{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#0b1728;color:#d8e6fb;text-decoration:none;font-weight:800}.commercial-links a:hover{border-color:#35d4c4;color:#fff}@media(max-width:850px){.commercial-hub{grid-template-columns:1fr}}