@font-face{font-family:Vazirmatn;src:url(fonts/Vazirmatn-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#fafafa;--card:#fff;--ink:#222028;--mute:#737373;--line:#dbdbdb;--brand:#222028;--accent:#FD3706;--link:#0095F6;color-scheme:light}
.c{--brand:#0B6E58;--accent:#0B6E58;--link:#0B6E58;--bg:#F3F6F4}
@media (prefers-color-scheme:dark){:root{--bg:#000;--card:#121212;--ink:#f5f5f5;--mute:#a8a8a8;--line:#262626;color-scheme:dark}.c{--bg:#07110E;--link:#5FD3B3;--accent:#2FB592}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.8 Vazirmatn,system-ui,-apple-system,sans-serif}
.ig-wrap{max-width:860px;margin:0 auto;padding:28px 16px 48px}
.ig-head{text-align:center;margin-bottom:28px}
.ig-app{display:inline-flex;align-items:center;gap:12px;text-align:start;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:10px 16px 10px 10px}
[dir=rtl] .ig-app{padding:10px 10px 10px 16px}
.ig-app img{width:52px;height:52px;border-radius:12px}
.ig-app b{display:block;font-size:17px}.ig-app small{color:var(--mute)}
.ig-head h1{font-size:24px;margin:18px 0 6px}
.ig-head p{color:var(--mute);margin:0 auto;max-width:560px}
.ig-note{margin:16px auto 0;max-width:560px;border:1px solid var(--line);border-inline-start:4px solid var(--accent);background:var(--card);border-radius:12px;padding:10px 14px;text-align:start;font-weight:600}
.ig-steps{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.ig-step{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px}
.ig-txt h2{font-size:18px;margin:8px 0 4px}.ig-txt p{margin:0;color:var(--mute)}.ig-txt b{color:var(--ink)}
.ig-n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800}
/* گوشی نمونه */
.ig-ph{width:200px;height:380px;margin:0 auto;border-radius:34px;background:#1c1c1e;padding:10px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.ig-sc{position:relative;height:100%;border-radius:26px;overflow:hidden;background:#fff;color:#111;font-family:-apple-system,system-ui,sans-serif;font-size:11px;line-height:1.4;display:flex;flex-direction:column}
.ig-sc img{display:block}
.hit{position:relative;outline:2.5px solid #ff3b30;outline-offset:2px;border-radius:8px;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{outline-color:rgba(255,59,48,.35)}}
.ig-url{margin:22px 10px 6px;background:#f0f0f2;border-radius:10px;padding:6px 8px;display:flex;justify-content:space-between;gap:6px;color:#666}
.ig-url b{color:#111;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ig-page{flex:1;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px}
.ig-page img{width:46px;height:46px;border-radius:11px;margin-bottom:6px}
.ig-page i{display:block;height:8px;width:90%;background:#eee;border-radius:4px}.ig-page i.s{width:60%}.ig-page i.m{width:75%}
.ig-bar{display:flex;justify-content:space-around;align-items:center;padding:8px 6px 14px;background:#f7f7f9;border-top:1px solid #e3e3e6;color:#0a84ff;font-size:18px}
.ig-bar .dim{color:#bbb}.ig-bar svg{width:20px;height:20px;display:block}.ig-bar .hit{padding:2px}
.dimbg{background:#8e8e93;justify-content:flex-end}
.ig-sheet{background:#f2f2f7;border-radius:14px 14px 0 0;padding:6px 8px 12px}
.ig-sheet .grab{width:34px;height:4px;border-radius:2px;background:#c7c7cc;margin:0 auto 8px}
.ig-sheet .ttl{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.ig-sheet .ttl img{width:30px;height:30px;border-radius:7px}.ig-sheet small{display:block;color:#888}
.ig-sheet .row{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:8px 10px;border-bottom:1px solid #eee}
.ig-sheet .row:nth-child(3){border-radius:10px 10px 0 0}.ig-sheet .row:last-child{border-radius:0 0 10px 10px;border:0}
.ig-sheet .row svg{width:16px;height:16px}.ig-sheet .row.hit{z-index:1}
.light{background:#f2f2f7}
.ig-add .top{display:flex;justify-content:space-between;align-items:center;padding:24px 10px 10px;color:#0a84ff}
.ig-add .top b{color:#111;font-size:11px}.ig-add .top .hit{font-weight:700;padding:0 4px}
.ig-add .card{display:flex;gap:10px;align-items:center;margin:8px 10px;background:#fff;border-radius:10px;padding:10px}
.ig-add .card img{width:44px;height:44px;border-radius:10px}.ig-add u{text-decoration:none;display:block;border-bottom:1px solid #ddd;padding-bottom:3px;font-weight:600}.ig-add small{color:#888;font-size:9px}
.home{background:linear-gradient(160deg,#4b6cb7,#182848);padding:30px 12px}
.ig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 10px;justify-items:center}
.ig-grid i{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.28)}
.ig-grid .app{display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff;padding:2px}
.ig-grid .app img{width:36px;height:36px;border-radius:9px}.ig-grid .app small{font-size:8px}
.ig-faq{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px 22px}
.ig-faq h2{font-size:17px;margin:0 0 6px}.ig-faq ul{margin:0;padding-inline-start:20px;color:var(--mute)}
.ig-foot{text-align:center;margin-top:22px;color:var(--mute)}.ig-foot a{color:var(--link);text-decoration:none;font-weight:600}
@media (max-width:620px){.ig-step{grid-template-columns:1fr;padding:18px}.ig-head h1{font-size:21px}}
.ig-grid{gap:14px 6px}.ig-grid i,.ig-grid .app img{width:30px;height:30px;border-radius:8px}
.ig-add .top{gap:4px}.ig-add .top b{font-size:9px;white-space:nowrap}
.ig-add .card>div{min-width:0}.ig-add small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ig-add .top{padding:24px 8px 10px;font-size:10px}.ig-add .top b{font-size:8px}