/* ===== کارت‌پی — لندینگ و صفحات عمومی ===== */
body[data-page=landing], body[data-page=legal] {
  --ink:#0B1F1C; --ink2:#12332D; --paper:#F2F6F4; --tint:#E7EFEB; --card:#FFFFFF; --text:#12211E; --dim:#52665F; --line:#D3E0DA;
  --amber:#FFB224; --amber-d:#9A5B00; --green:#17C27F; --green-d:#0B7A52; --on-ink:#EAF4F0; --on-ink-dim:#9DB8AF;
  background:var(--paper); color:var(--text); font-family:Vazirmatn,Tahoma,system-ui,sans-serif; line-height:1.9; font-size:16px; scroll-behavior:smooth;
}
@media (prefers-color-scheme: dark) {
  html:not([data-bs-theme=light]) body[data-page=landing], html:not([data-bs-theme=light]) body[data-page=legal] {
    --paper:#0C1513; --tint:#111E1B; --card:#16251F; --text:#E6F0EC; --dim:#9DB3AB; --line:#243730; --amber-d:#FFB224; --green-d:#3ED79B;
  }
}
html[data-bs-theme=dark] body[data-page=landing], html[data-bs-theme=dark] body[data-page=legal] {
  --paper:#0C1513; --tint:#111E1B; --card:#16251F; --text:#E6F0EC; --dim:#9DB3AB; --line:#243730; --amber-d:#FFB224; --green-d:#3ED79B;
}
[data-page=landing] a, [data-page=legal] a { color:inherit }
[data-page=landing] h1, [data-page=landing] h2, [data-page=landing] h3, [data-page=legal] h1, [data-page=legal] h2, [data-page=legal] h3 { color:inherit; font-weight:800; margin:0 }
[data-page=landing] p, [data-page=legal] p { margin:0 }
[data-page=landing] :focus-visible, [data-page=legal] :focus-visible { outline:3px solid var(--amber); outline-offset:3px; border-radius:8px }
.lp-wrap { width:min(1160px, 100% - 32px); margin-inline:auto }
.skip { position:absolute; inset-inline-start:12px; top:-60px; background:var(--amber); color:var(--ink)!important; padding:8px 14px; border-radius:10px; z-index:100; font-weight:700 }
.skip:focus { top:12px }
u { text-decoration:none }

/* ---------- دکمه‌ها ---------- */
.lp-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:.62rem 1.25rem; border-radius:14px; font-weight:700; font-size:.95rem; line-height:1.6; border:1.5px solid transparent; cursor:pointer; transition:transform .15s, background .15s, border-color .15s, opacity .15s; font-family:inherit; position:relative; white-space:nowrap }
.lp-btn:hover { transform:translateY(-1px); opacity:1 }
.lp-btn-lg { padding:.85rem 1.7rem; font-size:1.05rem; border-radius:16px }
.lp-btn small { font-weight:500; opacity:.8; font-size:.78rem; border-inline-start:1px solid currentColor; padding-inline-start:10px; margin-inline-start:2px }
.lp-btn-solid { background:var(--ink); color:#fff!important }
.lp-btn-amber { background:var(--amber); color:var(--ink)!important }
.lp-btn-line { border-color:currentColor }
.lp-btn-ghost { color:inherit }
.lp-btn-ghost:hover { background:rgba(127,127,127,.12) }
.hero .lp-btn-line { color:var(--on-ink)!important; border-color:rgba(234,244,240,.5) }
html[data-bs-theme=dark] .lp-btn-solid, .sec-dark .lp-btn-solid { background:var(--amber); color:var(--ink)!important }
@media (prefers-color-scheme: dark) { html:not([data-bs-theme=light]) .lp-btn-solid { background:var(--amber); color:var(--ink)!important } }
/* حالت در حال بارگذاری برای همه‌ی دکمه‌ها (اینترنت ضعیف) */
.is-loading { pointer-events:none; opacity:.85 }
.is-loading > * { visibility:hidden }
.is-loading::after { content:""; position:absolute; inset:0; margin:auto; width:1.15em; height:1.15em; border-radius:50%; border:2.5px solid currentColor; border-inline-end-color:transparent; animation:spin .7s linear infinite }
@keyframes spin { to { transform:rotate(360deg) } }

/* ---------- نوار بالا ---------- */
.lp-nav { position:sticky; top:0; z-index:50; background:color-mix(in srgb, var(--paper) 88%, transparent); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--line) }
.lp-nav-in { display:flex; align-items:center; gap:20px; min-height:64px }
.lp-brand { display:inline-flex; align-items:center; gap:10px; font-weight:800; font-size:1.15rem }
.lp-brand .brand-logo { background:linear-gradient(135deg,#17C27F,#0B7A52) }
.lp-brand.light { color:#fff }
.lp-menu { display:flex; align-items:center; gap:4px; flex:1 }
.lp-menu > a { padding:6px 12px; border-radius:10px; font-weight:600; font-size:.93rem; color:var(--dim) }
.lp-menu > a:hover { background:var(--tint); color:var(--text) }
.lp-menu-end { margin-inline-start:auto; display:flex; gap:8px }
.lp-burger { display:none; margin-inline-start:auto; background:none; border:1.5px solid var(--line); color:inherit; width:44px; height:44px; border-radius:12px; font-size:1.4rem }
@media (max-width: 991px) {
  .lp-burger { display:inline-grid; place-items:center }
  .lp-menu { display:none; position:absolute; inset:64px 0 auto 0; background:var(--paper); flex-direction:column; align-items:stretch; padding:12px 16px 20px; border-bottom:1px solid var(--line); gap:2px }
  .lp-menu.open { display:flex }
  .lp-menu-end { margin:10px 0 0; flex-direction:column }
  .lp-menu-end .lp-btn { width:100% }
}

/* ---------- قهرمان ---------- */
.hero { background:
    radial-gradient(620px 420px at 25% 55%, rgba(23,194,127,.28), transparent 70%),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px) 0 0/44px 44px,
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0/44px 44px,
    var(--ink); color:var(--on-ink); overflow:hidden }
.hero-in { display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center; padding-block:clamp(40px,7vw,88px) clamp(48px,7vw,96px) }
.hero-badge { display:inline-flex; align-items:center; gap:8px; padding:5px 14px; border-radius:99px; background:rgba(255,178,36,.14); color:var(--amber); font-weight:700; font-size:.86rem; margin-bottom:18px }
.hero h1 { font-size:clamp(2rem,5.2vw,3.6rem); line-height:1.4; max-width:15em; color:#fff!important }
.hero-lead { font-size:clamp(1rem,1.6vw,1.2rem); color:var(--on-ink-dim); max-width:34em; margin-top:18px!important }
.hero-cta { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px }
.hero-points { list-style:none; padding:0; margin:26px 0 0; display:flex; flex-wrap:wrap; gap:8px 22px; color:var(--on-ink-dim); font-size:.93rem }
.hero-points i { color:var(--green); margin-inline-end:4px }
@media (max-width: 900px) { .hero-in { grid-template-columns:1fr } .hero h1 { max-width:none } }

/* ماکاپ گوشی */
.hero-phone { position:relative; display:grid; place-items:center; min-height:560px }
.phone { width:272px; height:556px; border-radius:44px; background:#050B0A; padding:9px; box-shadow:0 40px 80px -20px rgba(0,0,0,.65), 0 0 0 2px #1d2d29, inset 0 0 0 2px #26403a; position:relative; transform:rotate(-2.5deg) }
.phone-notch { position:absolute; top:16px; left:50%; translate:-50% 0; width:84px; height:22px; border-radius:99px; background:#050B0A; z-index:5 }
.phone-screen { height:100%; border-radius:36px; background:#F5F9F7; color:#12211E; overflow:hidden; position:relative; padding:46px 14px 14px; display:flex; flex-direction:column; gap:12px; line-height:1.6 }
.ph-status { position:absolute; top:12px; inset-inline:24px; display:flex; justify-content:space-between; font-size:11px; font-weight:700 }
.ph-head { display:flex; align-items:center; gap:10px }
.ph-logo { width:40px; height:40px; border-radius:13px; background:linear-gradient(135deg,#17C27F,#0B7A52); display:grid; place-items:center; color:#fff; font-size:20px }
.ph-head b { display:block; font-size:15px; line-height:1.3 }
.ph-live { display:flex; align-items:center; gap:6px; font-size:11px; color:#4b6159 }
.ph-live i { width:8px; height:8px; border-radius:50%; background:#17C27F; box-shadow:0 0 0 0 rgba(23,194,127,.6); animation:live 1.8s infinite }
@keyframes live { 70% { box-shadow:0 0 0 7px rgba(23,194,127,0) } 100% { box-shadow:0 0 0 0 rgba(23,194,127,0) } }
.ph-title { font-size:12px; font-weight:700; color:#4b6159; margin-top:6px }
.ph-list { display:flex; flex-direction:column; gap:8px }
.ph-row { display:flex; align-items:center; gap:8px; background:#fff; border:1px solid #DCE8E3; border-radius:16px; padding:10px }
.ph-row-i { width:34px; height:34px; border-radius:11px; background:#E7F8F0; color:#0B7A52; display:grid; place-items:center; font-size:16px; flex:none }
.ph-row-i > * { grid-area:1/1 }
.ph-row-t { flex:1; min-width:0; line-height:1.5 }
.ph-row-t b { display:block; font-size:12px; white-space:nowrap }
.ph-row-t .amt { font-size:12px; color:#4b6159; white-space:nowrap }
.ph-row-t .amt u { color:#9A5B00; background:rgba(255,178,36,.28); border-radius:5px; padding:0 3px; font-weight:700 }
.ph-chip { font-size:10.5px; font-weight:700; padding:2px 9px; border-radius:99px; background:#E7F8F0; color:#0B7A52; display:grid; white-space:nowrap }
.ph-chip > * { grid-area:1/1; text-align:center }
.ph-chip .c-wait { color:#9A5B00 }
/* حالت پایه (بدون انیمیشن): پرداخت تایید شده */
.ph-row-main .is-wait, .ph-row-main .c-wait { opacity:0 }
.ph-sms { position:absolute; top:40px; inset-inline:10px; z-index:4; display:flex; align-items:center; gap:10px; background:rgba(20,32,28,.94); color:#fff; border-radius:18px; padding:10px 12px; box-shadow:0 12px 30px rgba(0,0,0,.35); opacity:0 }
.ph-sms-ic { width:30px; height:30px; border-radius:9px; background:#17C27F; display:grid; place-items:center; flex:none }
.ph-sms-tx { flex:1; min-width:0; line-height:1.45; font-size:11px }
.ph-sms-tx b { display:block; font-size:11.5px }
.ph-sms em { font-style:normal; font-size:10px; opacity:.6; align-self:flex-start }
.hook-chip { position:absolute; bottom:48px; inset-inline-start:-6px; background:var(--green); color:#04271b; font-weight:800; font-size:.82rem; padding:8px 14px; border-radius:99px; box-shadow:0 14px 30px rgba(0,0,0,.35); opacity:0; display:flex; gap:6px; align-items:center }
.hero-phone.play .ph-sms { animation:sms 10s infinite }
.hero-phone.play .ph-row-main { animation:rowflash 10s infinite }
.hero-phone.play .ph-row-main .is-wait, .hero-phone.play .ph-row-main .c-wait { animation:waitv 10s infinite }
.hero-phone.play .ph-row-main .is-ok, .hero-phone.play .ph-row-main .c-ok { animation:okv 10s infinite }
.hero-phone.play .hook-chip { animation:hook 10s infinite }
@keyframes sms { 0%,4% { opacity:0; transform:translateY(-130%) } 9%,32% { opacity:1; transform:none } 38%,100% { opacity:0; transform:translateY(-130%) } }
@keyframes waitv { 0%,36% { opacity:1 } 40%,97% { opacity:0 } 100% { opacity:1 } }
@keyframes okv { 0%,36% { opacity:0; transform:scale(.5) } 42%,95% { opacity:1; transform:none } 99%,100% { opacity:0 } }
@keyframes rowflash { 0%,36% { background:#fff; border-color:#DCE8E3 } 40% { background:#CFF5E3; border-color:#17C27F } 60%,100% { background:#fff; border-color:#DCE8E3 } }
@keyframes hook { 0%,42% { opacity:0; transform:translateY(14px) scale(.9) } 49%,88% { opacity:1; transform:none } 95%,100% { opacity:0; transform:translateY(-6px) } }
.hero-phone:not(.play) .ph-row-main .is-ok, .hero-phone:not(.play) .ph-row-main .c-ok { opacity:1 }
.hero-phone:not(.play) .hook-chip { opacity:1 }
@media (max-width: 900px) { .hero-phone { min-height:0; padding-bottom:6px } .hook-chip { inset-inline-start:auto; inset-inline-end:8px; bottom:28px } }

/* ---------- بخش‌ها ---------- */
.sec { padding-block:clamp(56px,9vw,104px) }
.sec.slim { padding-block:28px }
.sec-tint { background:var(--tint) }
.sec-head { text-align:center; max-width:640px; margin:0 auto clamp(32px,5vw,56px) }
.sec-head.start { text-align:start; margin-inline:0 }
.sec h2 { font-size:clamp(1.6rem,3.4vw,2.4rem); line-height:1.5 }
.sec-head p { color:var(--dim); margin-top:10px!important; font-size:1.05rem }
.lead-dim { color:var(--on-ink-dim); font-size:1.05rem; margin-top:12px!important; max-width:36em }
.lead-dim.dark { color:var(--dim) }
.mini { font-size:1.02rem!important; margin:28px 0 12px!important }
.fine { color:var(--dim); font-size:.9rem; margin-top:22px!important }
.fine i { margin-inline-end:6px }

/* جریان SVG */
.flow-svg-wrap { max-width:1000px; margin-inline:auto }
.flow-v { display:none; width:100%; max-width:340px; margin-inline:auto }
.flow-h { width:100%; height:auto; display:block }
@media (max-width: 760px) { .flow-h { display:none } .flow-v { display:block } }
.fl-rail { stroke:var(--line); stroke-width:4; fill:none; stroke-linecap:round }
.fl-run { stroke:var(--green); stroke-width:4; fill:none; stroke-linecap:round; stroke-dasharray:3 16; opacity:.9 }
svg.in .fl-run { animation:dash 1.1s linear infinite }
@keyframes dash { to { stroke-dashoffset:-19 } }
.fl-disc { fill:var(--card); stroke:var(--line); stroke-width:3 }
.fl-ic { fill:var(--text) }
.fl-ic .cut { fill:var(--card); stroke:var(--card) }
.fl-ic path.cut { fill:none; stroke:var(--card) }
.fl-name { text-anchor:middle; font-weight:800; font-size:20px; fill:var(--text); font-family:inherit }
.fl-name-v { text-anchor:start; font-size:19px }
.fl-cap { margin:0; text-align:center; font-size:15px; line-height:1.7; color:var(--dim); font-family:Vazirmatn,Tahoma,sans-serif }
.fl-cap-v { text-align:start; font-size:14px }
.fl-dot { fill:var(--amber); filter:drop-shadow(0 0 8px rgba(255,178,36,.9)) }
svg.in .fl-n1 .fl-disc { animation:lit1 7s infinite } svg.in .fl-n2 .fl-disc { animation:lit2 7s infinite }
svg.in .fl-n3 .fl-disc { animation:lit3 7s infinite } svg.in .fl-n4 .fl-disc { animation:lit4 7s infinite } svg.in .fl-n5 .fl-disc { animation:lit5 7s infinite }
@keyframes lit1 { 0%,10% { fill:var(--amber); stroke:var(--amber) } 14%,100% { fill:var(--card); stroke:var(--line) } }
@keyframes lit2 { 0%,22% { fill:var(--card); stroke:var(--line) } 25%,36% { fill:var(--amber); stroke:var(--amber) } 40%,100% { fill:var(--card); stroke:var(--line) } }
@keyframes lit3 { 0%,47% { fill:var(--card); stroke:var(--line) } 50%,61% { fill:var(--amber); stroke:var(--amber) } 65%,100% { fill:var(--card); stroke:var(--line) } }
@keyframes lit4 { 0%,72% { fill:var(--card); stroke:var(--line) } 75%,86% { fill:var(--amber); stroke:var(--amber) } 90%,100% { fill:var(--card); stroke:var(--line) } }
@keyframes lit5 { 0%,94% { fill:var(--card); stroke:var(--line) } 97%,100% { fill:var(--green); stroke:var(--green) } }

/* روش کار */
.how-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(28px,5vw,64px); align-items:start }
@media (max-width: 900px) { .how-grid { grid-template-columns:1fr } }
.steps { list-style:none; padding:0; margin:0 }
.steps li { display:grid; grid-template-columns:44px 1fr auto; gap:16px; align-items:start; padding:20px 0; border-top:1px solid var(--line) }
.steps li:last-child { border-bottom:1px solid var(--line) }
.st-n { width:44px; height:44px; border-radius:50%; background:var(--ink); color:#fff; display:grid; place-items:center; font-weight:800 }
html[data-bs-theme=dark] .st-n { background:var(--amber); color:var(--ink) }
.steps h3 { font-size:1.08rem }
.steps p { color:var(--dim); margin-top:4px!important }
.st-i { font-size:1.6rem; color:var(--green-d) }
.amt-box { background:var(--card); border:1px solid var(--line); border-radius:28px; padding:clamp(20px,3vw,32px) }
.amt-box h3 { font-size:1.2rem; line-height:1.6 }
.amt-box p { color:var(--dim); margin:10px 0 22px!important }
.amt-eq { display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; text-align:center }
.amt-eq > div { background:var(--tint); border-radius:16px; padding:12px 8px }
.amt-eq small { display:block; font-size:.78rem; color:var(--dim) }
.amt-eq b { font-size:1.1rem; font-variant-numeric:tabular-nums }
.amt-eq .op { font-weight:800; color:var(--dim); font-size:1.3rem }
.amt-eq .x b { color:var(--amber-d); background:rgba(255,178,36,.25); padding:0 10px; border-radius:8px; display:inline-block; min-width:3.4ch }
.amt-eq .t { grid-column:1/-1; background:var(--ink); color:#fff }
.amt-eq .t small { color:var(--on-ink-dim) }
.amt-eq .t b { font-size:1.5rem; color:#fff }
.amt-eq .t u { color:var(--amber); background:rgba(255,178,36,.18); border-radius:8px; padding:0 6px }
.amt-eq .op:nth-of-type(2) { display:none }

/* امکانات */
.feat { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(2,1fr); gap:0 clamp(24px,5vw,72px) }
@media (max-width: 760px) { .feat { grid-template-columns:1fr } }
.feat li { display:flex; gap:16px; padding:22px 0; border-top:1px solid var(--line) }
.f-i { flex:none; width:46px; height:46px; border-radius:14px; background:var(--tint); color:var(--green-d); display:grid; place-items:center; font-size:1.3rem }
.feat h3 { font-size:1.05rem }
.feat p { color:var(--dim); margin-top:2px!important; font-size:.96rem }

/* اپ و اطمینان */
.sec-dark { background:var(--ink); color:var(--on-ink) }
.sec-dark h2, .sec-dark h3 { color:#fff!important }
.app-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(28px,5vw,64px); align-items:start }
@media (max-width: 900px) { .app-grid { grid-template-columns:1fr } }
.ticks { list-style:none; padding:0; margin:0 0 26px; display:grid; gap:10px }
.ticks li { display:flex; gap:10px; align-items:flex-start }
.ticks i { color:var(--green); margin-top:5px }
.ticks.dark i { color:var(--green-d) }
.perm { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:28px; padding:clamp(20px,3vw,30px) }
.perm .mini { margin-top:0!important }
.perm-row { display:flex; gap:14px; align-items:center; padding:12px 0; border-top:1px solid rgba(255,255,255,.1) }
.perm-row > span { width:42px; height:42px; border-radius:13px; background:rgba(23,194,127,.16); color:var(--green); display:grid; place-items:center; font-size:1.2rem; flex:none }
.perm-row b { display:block }
.perm-row small { color:var(--on-ink-dim); font-size:.88rem }

/* امنیت */
.sec-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:28px }
.sec-item { border-top:3px solid var(--green); padding-top:16px }
.sec-item span { font-size:1.6rem; color:var(--green-d); display:block; margin-bottom:6px }
.sec-item h3 { font-size:1.05rem }
.sec-item p { color:var(--dim); font-size:.95rem; margin-top:6px!important }

/* تعرفه */
.seg { display:flex; width:max-content; max-width:100%; margin:0 auto 32px; padding:5px; background:var(--card); border:1px solid var(--line); border-radius:99px }
.seg button { border:0; background:none; color:var(--dim); font:inherit; font-weight:700; padding:8px 20px; border-radius:99px; cursor:pointer }
.seg button.on { background:var(--ink); color:#fff }
html[data-bs-theme=dark] .seg button.on { background:var(--amber); color:var(--ink) }
.seg-pane { display:none } .seg-pane.on { display:block }
.plans { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px }
.plan { background:var(--card); border:1px solid var(--line); border-radius:26px; padding:26px; display:flex; flex-direction:column; gap:10px }
.plan h3 { font-size:1.1rem }
.plan p { color:var(--dim); flex:1; font-size:.95rem }
.price { display:flex; align-items:baseline; gap:8px }
.price b { font-size:2rem; line-height:1.3; font-variant-numeric:tabular-nums }
.price b.sm { font-size:1.4rem }
.price span { color:var(--dim); font-size:.9rem }
.plan .lp-btn { width:100% }
.feat-plan { background:var(--ink); color:#fff; border-color:var(--ink); transform:translateY(-8px) }
.feat-plan h3, .feat-plan .price b { color:#fff }
.feat-plan p, .feat-plan .price span { color:var(--on-ink-dim) }
@media (max-width: 700px) { .feat-plan { transform:none } }
.pct { display:grid; grid-template-columns:auto 1fr; gap:clamp(20px,5vw,56px); align-items:center; background:var(--card); border:1px solid var(--line); border-radius:28px; padding:clamp(22px,4vw,40px); max-width:860px; margin-inline:auto }
@media (max-width: 700px) { .pct { grid-template-columns:1fr; text-align:center } .pct .ticks { text-align:start } }
.pct-big b { display:block; font-size:clamp(3.5rem,9vw,5.5rem); line-height:1.1; color:var(--green-d); font-variant-numeric:tabular-nums }
.pct-big span { color:var(--dim); font-weight:700 }
.pct p { margin-bottom:14px!important; color:var(--dim) }

/* اتصال */
.conn-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,64px); align-items:center }
@media (max-width: 900px) { .conn-grid { grid-template-columns:1fr } }
.chips { display:flex; flex-wrap:wrap; gap:10px; margin:22px 0 }
.chip { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:99px; background:var(--card); border:1px solid var(--line); font-weight:600; font-size:.93rem }
.chip i { color:var(--green-d) }
.chip.soft { background:transparent }
.custom-cms { display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between; align-items:center; background:var(--tint); border-radius:20px; padding:16px 18px }
.custom-cms b { display:block } .custom-cms span { color:var(--dim); font-size:.92rem }
.codebox { background:#08120F; border-radius:22px; overflow:hidden; box-shadow:0 30px 60px -30px rgba(0,0,0,.5); border:1px solid #1d2d29 }
.code-top { display:flex; align-items:center; gap:7px; padding:12px 16px; background:#0E1D19; color:#8FB0A5; font-size:.8rem }
.code-top i { width:11px; height:11px; border-radius:50%; background:#2b4a40 } .code-top span { margin-inline-start:auto }
.codebox pre { margin:0; padding:18px; overflow:auto; color:#CFE8DF; font-size:12.5px; line-height:1.75; text-align:left }
.codebox code { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; white-space:pre }
.for-row { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:center }
.for-row b { margin-inline-end:6px }

.cta-band { background:radial-gradient(500px 260px at 80% 0, rgba(255,178,36,.22), transparent), linear-gradient(135deg,var(--ink),#0F4B3D); color:#fff; padding-block:clamp(52px,8vw,88px); text-align:center }
.cta-band h2 { font-size:clamp(1.6rem,3.6vw,2.5rem); line-height:1.5; color:#fff!important; max-width:20em; margin-inline:auto }
.cta-band p { color:var(--on-ink-dim); max-width:34em; margin:12px auto 26px!important }

/* سوالات */
.narrow { max-width:780px }
.qa { border-bottom:1px solid var(--line) }
.qa summary { list-style:none; cursor:pointer; padding:18px 0; font-weight:700; display:flex; justify-content:space-between; gap:16px; align-items:center }
.qa summary::-webkit-details-marker { display:none }
.qa summary::after { content:"+"; font-size:1.5rem; line-height:1; color:var(--green-d); transition:transform .2s; flex:none }
.qa[open] summary::after { transform:rotate(45deg) }
.qa p { color:var(--dim); padding-bottom:18px }

/* تماس */
.contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(24px,5vw,64px); align-items:start }
@media (max-width: 900px) { .contact-grid { grid-template-columns:1fr } }
.cways{display:flex;flex-direction:column;gap:2px}.mail { margin-top:14px; font-weight:600;display:flex;align-items:center;width:fit-content;color:inherit;text-decoration:none }.mail:hover span{text-decoration:underline} .mail i { margin-inline-end:6px; color:var(--green-d) }
.cform { display:grid; grid-template-columns:1fr 1fr; gap:14px; background:var(--card); border:1px solid var(--line); border-radius:26px; padding:clamp(18px,3vw,30px) }
.cform label { display:grid; gap:4px } .cform label.full, .cform button { grid-column:1/-1 }
.cform label span { font-size:.85rem; color:var(--dim) }
.cform input, .cform textarea { font:inherit; color:inherit; background:var(--paper); border:1.5px solid var(--line); border-radius:12px; padding:9px 12px; width:100% }
.cform input:focus, .cform textarea:focus { border-color:var(--green); outline:none }
@media (max-width: 560px) { .cform { grid-template-columns:1fr } }

.lp-foot { background:var(--ink); color:var(--on-ink-dim); padding-top:44px }
.foot-in { display:flex; flex-wrap:wrap; justify-content:space-between; gap:24px; padding-bottom:28px }
.foot-in p { max-width:34em; margin-top:12px!important; font-size:.92rem }
.foot-in nav { display:flex; flex-wrap:wrap; gap:8px 22px; align-items:flex-start }
.foot-in nav a:hover { color:#fff }
.copy { border-top:1px solid rgba(255,255,255,.1); padding-block:18px; font-size:.86rem }

/* ---------- قوانین و حریم خصوصی ---------- */
.lg-hero { background:var(--ink); color:var(--on-ink); padding-block:clamp(36px,6vw,64px) clamp(40px,6vw,72px) }
.lg-hero h1 { font-size:clamp(1.8rem,4vw,2.8rem); color:#fff!important; margin-top:18px!important }
.lg-hero p { color:var(--on-ink-dim); max-width:40em; margin-top:10px!important }
.lg-hero .upd { display:inline-block; margin-top:16px; font-size:.85rem; padding:3px 12px; border-radius:99px; background:rgba(255,255,255,.1) }
.lg-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:18px; padding-block:clamp(28px,5vw,56px) }
.lg-card { background:var(--card); border:1px solid var(--line); border-radius:24px; padding:22px 22px 24px }
.lg-card h2 { font-size:1.08rem; display:flex; align-items:center; gap:12px; margin-bottom:10px!important }
.lg-card h2 span { width:40px; height:40px; border-radius:13px; background:var(--tint); color:var(--green-d); display:grid; place-items:center; font-size:1.2rem; flex:none }
.lg-card p { color:var(--dim) }
.lg-foot { padding-bottom:56px; display:flex; flex-wrap:wrap; gap:12px }

/* ---------- حرکت کم ---------- */
@media (prefers-reduced-motion: reduce) {
  body[data-page=landing] *, body[data-page=landing] *::before, body[data-page=landing] *::after { animation:none!important; transition:none!important }
  html { scroll-behavior:auto }
}

/* بدون وابستگی به reboot بوت‌استرپ */
body[data-page=landing] *, body[data-page=landing] *::before, body[data-page=landing] *::after,
body[data-page=legal] *, body[data-page=legal] *::before, body[data-page=legal] *::after { box-sizing:border-box }
body[data-page=landing], body[data-page=legal] { margin:0 }

body[data-page=landing], body[data-page=legal] { overflow-x:clip }

/* ===== v4.7: بخش «بدون اینماد»، مقالات، پیل احراز هویت ===== */
.feat.nom{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.nom-kyc{background:linear-gradient(135deg,rgba(23,194,127,.14),transparent);border-color:var(--green)!important}
.hero-badge.kyc-pill{background:rgba(23,194,127,.16);color:var(--green);border:1px solid rgba(23,194,127,.4);margin-inline-start:8px}
.lp-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lp-bcard{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;transition:.2s}.lp-bcard:hover{transform:translateY(-4px);box-shadow:0 20px 40px -26px rgba(11,31,28,.5)}
.lp-bc{--h:155;display:grid;place-items:center;height:120px;border-radius:14px;background:linear-gradient(135deg,hsl(var(--h) 65% 30%),hsl(calc(var(--h) + 40) 70% 18%));color:#fff;font-size:2.2rem}
.lp-bcard b{line-height:1.9;font-size:1rem}.lp-bcard small{color:var(--dim)}
@media(max-width:860px){.lp-blog{grid-template-columns:1fr}}