:root{
  --navy:#0F1B33; --navy-2:#16233D; --navy-3:#1E2E4D;
  --paper:#F4F5F8; --white:#FFFFFF;
  --brand:#5B5CE0; --brand-d:#4A44C9; --brand-l:#E4E3FB;
  --teal:#2FB6C4; --violet:#8B4FDE; --purple:#623ABF;
  --grad:linear-gradient(135deg,#48CDD2 0%,#4576DB 38%,#8B4FDE 74%,#623ABF 100%);
  --metal:#8A929E;
  --ink:#0F1B33; --ink-60:#59627A; --ink-40:#8A92A5;
  --line:#E2E4EC; --line-d:#2C3A57;
  --ok:#1A9E6E; --no:#C0392B;
  --r:10px; --r-lg:16px; --max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'IRANSans',system-ui,-apple-system,sans-serif;background:var(--paper);color:var(--ink);line-height:1.9;font-size:16px}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.eyebrow{font-size:13px;letter-spacing:2px;color:var(--brand-d);font-weight:700;margin-bottom:14px}
.sec-h{font-size:clamp(26px,3.2vw,38px);font-weight:900;line-height:1.5;letter-spacing:-.6px}
.sec-p{color:var(--ink-60);font-size:17px;margin-top:12px;max-width:640px}
.sec{padding:88px 0;border-bottom:1px solid var(--line)}
.sec.alt{background:var(--white)}
.btn{display:inline-block;text-decoration:none;font-weight:700;border-radius:var(--r);padding:15px 32px;font-size:16px;border:0;cursor:pointer;font-family:inherit;transition:transform .12s,filter .15s,background .15s}
.btn:active{transform:scale(.98)}
.btn-p{background:var(--brand);color:#fff}
.btn-p:hover{background:var(--brand-d)}
.btn-g{background:var(--grad);color:#fff}
.btn-g:hover{filter:brightness(1.08)}
.btn-o{border:1.5px solid var(--ink);color:var(--ink)}
.btn-o:hover{background:var(--ink);color:var(--paper)}
.btn-sm{padding:11px 22px;font-size:15px}

/* ═══ هدر ═══ */
.hdr{position:sticky;top:0;z-index:60;background:rgba(15,27,51,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-d);color:var(--paper)}
.hdr .wrap{display:flex;align-items:center;gap:24px;height:66px}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:900;font-size:20px;letter-spacing:-.4px}
.brand .mk{width:32px;height:32px;flex:none}
.nav{display:flex;gap:20px;font-size:15px;margin-right:12px}
.nav a{text-decoration:none;color:#B9C2D1}
.nav a:hover{color:#fff}
.hdr .sp{margin-inline-start:auto}
.hdr-act{display:flex;align-items:center;gap:10px;font-size:14px}
.hdr-act a{text-decoration:none}
.lg-in{color:#B9C2D1}
.lg-up{background:var(--grad);padding:9px 20px;border-radius:8px;color:#fff;font-weight:700}
.burger{display:none;background:none;border:1px solid var(--line-d);border-radius:8px;color:#fff;padding:8px 11px;cursor:pointer}
.mnav{display:none;background:var(--navy-2);border-bottom:1px solid var(--line-d)}
.mnav.on{display:block}
.mnav a{display:block;padding:13px 20px;color:#C6CEDB;text-decoration:none;border-bottom:1px solid var(--line-d);font-size:15px}

/* ═══ قهرمان ═══ */
.hero{background:var(--navy);color:var(--paper);padding:70px 0 96px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 350px at 78% 22%,rgba(91,92,224,.18),transparent 66%);pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(31px,4.2vw,53px);font-weight:900;line-height:1.4;letter-spacing:-1.2px}
.hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lede{color:#A9B3C4;font-size:18px;margin-top:20px;max-width:500px}
.hero .rule{width:76px;height:3px;background:var(--grad);border-radius:3px;margin:28px 0 26px}

.alias{max-width:520px}
.alias-box{display:flex;align-items:stretch;background:var(--navy-2);border:1px solid var(--line-d);border-radius:var(--r-lg);padding:6px;gap:6px;transition:border-color .15s}
.alias-box:focus-within{border-color:var(--brand)}
.alias-field{flex:1;display:flex;align-items:center;direction:ltr;padding:0 4px 0 14px;min-width:0}
.alias-field .pfx{color:#6D7B94;font-size:15px;font-family:ui-monospace,SFMono-Regular,monospace;white-space:nowrap;user-select:none}
.alias-field input{flex:1;min-width:0;background:none;border:0;outline:none;color:#fff;font-family:ui-monospace,SFMono-Regular,monospace;font-size:15px;padding:12px 2px;direction:ltr;text-align:left}
.alias-field input::placeholder{color:#586780}
.alias-btn{background:var(--grad);color:#fff;border:0;border-radius:11px;padding:0 26px;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap}
.alias-btn:hover{filter:brightness(1.1)}
.alias-btn[disabled]{opacity:.55;cursor:default}
.alias-msg{font-size:14px;margin-top:13px;min-height:24px;display:flex;align-items:center;gap:7px;color:#8492A8}
.alias-msg.ok{color:#5FD9A4}
.alias-msg.no{color:#FF8A80}
.alias-msg .dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.hero-cta{display:flex;gap:12px;align-items:center;margin-top:30px;flex-wrap:wrap}
.hero-note{font-size:14px;color:#7C8AA3;margin-top:18px}
.hero-note b{color:#B9C2D1;font-weight:500}

.stage{perspective:1200px;display:grid;place-items:center;min-height:400px}
.mcard{width:352px;height:222px;border-radius:18px;background:linear-gradient(148deg,#22334F 0%,#101C31 62%);border:1px solid #3B4E70;box-shadow:0 0 0 1px rgba(139,79,222,.35),0 18px 50px rgba(0,0,0,.35);position:relative;transform-style:preserve-3d;transition:transform .2s ease-out;padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.mcard::after{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(118deg,rgba(255,255,255,.14),transparent 44%);pointer-events:none}
.mcard .cbrand{display:flex;align-items:center;gap:9px}
.mcard .cbrand img{width:34px;height:34px}
.mcard .cbrand span{font-weight:900;font-size:16px;letter-spacing:.6px;color:#C6CEDB}
.mcard .nm{font-weight:700;font-size:20px}
.mcard .rl{color:var(--metal);font-size:13px;margin-top:1px}
.mcard .url{font-family:ui-monospace,monospace;direction:ltr;text-align:left;color:#9FA0F2;font-size:13px;margin-top:12px}
.waves{position:absolute;inset-inline-start:22px;top:50%;transform:translateY(-50%);width:56px;height:56px}
.waves i{position:absolute;inset:0;border:2px solid #6D8BE8;border-radius:50%;opacity:0;animation:wv 2.8s ease-out infinite}
.waves i:nth-child(2){animation-delay:.93s;border-color:#8B4FDE}
.waves i:nth-child(3){animation-delay:1.86s;border-color:#48CDD2}
@keyframes wv{0%{transform:scale(.32);opacity:.85}100%{transform:scale(1.55);opacity:0}}

/* ═══ آمار ═══ */
.stats{background:var(--navy-2);color:var(--paper);border-bottom:1px solid var(--line-d)}
.stats .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--line-d)}
.stats .it{background:var(--navy-2);padding:32px 22px;text-align:center}
.stats b{display:block;font-size:32px;font-weight:900;color:#9FA0F2;line-height:1.4;letter-spacing:-.5px}
.stats span{font-size:14px;color:#98A4B8}

/* ═══ یک لینک ═══ */
.uses{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:44px}
.use{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px}
.sec.alt .use{background:var(--paper)}
.use .ic{width:40px;height:40px;border-radius:11px;background:var(--brand-l);display:grid;place-items:center;margin-bottom:14px;color:var(--brand-d)}
.use h3{font-size:17px;font-weight:700;margin-bottom:7px}
.use p{color:var(--ink-60);font-size:15px}
.bio-demo{background:var(--navy);color:#C6CEDB;border-radius:var(--r-lg);padding:22px 24px;margin-top:34px;font-size:15px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.bio-demo code{background:var(--navy-2);border:1px solid var(--line-d);color:#9FA0F2;padding:7px 14px;border-radius:8px;direction:ltr;font-family:ui-monospace,monospace;font-size:14px}

/* ═══ قدم‌ها ═══ */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:44px}
.step{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 26px}
.step .n{width:38px;height:38px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:900;font-size:17px;margin-bottom:16px}
.step h3{font-size:19px;font-weight:700;margin-bottom:8px}
.step p{color:var(--ink-60);font-size:15px}

/* ═══ ریل افقی ═══ */
.rail{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:34px 2px 16px;scrollbar-width:thin;max-width:100%}
.rail-foot{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.tpl{flex:none;width:230px;scroll-snap-align:start;text-decoration:none;display:block}
.tpl .ph{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--white);aspect-ratio:9/16}
.tpl img{width:100%;height:100%;object-fit:cover;object-position:top}
.tpl .tname{font-weight:700;font-size:15px;margin-top:13px}
.tpl .en{font-size:12px;color:var(--ink-40);direction:ltr;text-align:right;letter-spacing:.4px}

/* ═══ قابلیت‌ها ═══ */
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;margin-top:44px}
.fcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px}
.sec.alt .fcard{background:var(--paper)}
.fcard .ic{width:42px;height:42px;border-radius:11px;background:var(--brand-l);display:grid;place-items:center;margin-bottom:15px;color:var(--brand-d)}
.fcard h3{font-size:18px;font-weight:700;margin-bottom:7px}
.fcard p{color:var(--ink-60);font-size:15px;margin-bottom:12px}
.fcard ul{list-style:none;font-size:14px;color:var(--ink-60)}
.fcard li{padding-inline-start:20px;position:relative;line-height:2}
.fcard li::before{content:"";position:absolute;inset-inline-start:0;top:14px;width:7px;height:7px;border-radius:50%;background:var(--brand)}

/* ═══ آپشن‌ها ═══ */
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-top:44px}
.opt{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.opt .tag{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:var(--grad);padding:4px 12px;border-radius:100px;margin-bottom:12px}
.opt h3{font-size:17px;font-weight:700;margin-bottom:6px}
.opt p{font-size:15px;color:var(--ink-60)}
.opt .ex{font-size:13px;color:var(--ink-40);border-top:1px dashed var(--line);margin-top:14px;padding-top:11px}
.gloss{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 34px;margin-top:20px}
.gloss div{border-bottom:1px solid var(--line);padding:16px 0}
.gloss dt{font-weight:700;font-size:15px}
.gloss dd{font-size:14px;color:var(--ink-60);margin-top:2px}

/* ═══ قیمت ═══ */
.toggle{display:inline-flex;background:var(--white);border:1px solid var(--line);border-radius:100px;padding:5px;margin-top:26px;gap:4px}
.toggle button{border:0;background:none;font-family:inherit;font-size:15px;font-weight:700;padding:9px 22px;border-radius:100px;cursor:pointer;color:var(--ink-60)}
.toggle button.on{background:var(--grad);color:#fff}
.save{font-size:13px;color:var(--ok);margin-inline-start:12px;font-weight:700}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:32px;align-items:stretch}
.plan{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 24px;display:flex;flex-direction:column}
.plan.best{border:2px solid var(--brand);position:relative}
.plan.best .badge{position:absolute;top:-13px;inset-inline-start:24px;background:var(--grad);color:#fff;font-size:12px;font-weight:700;padding:4px 14px;border-radius:100px;white-space:nowrap}
.plan h3{font-size:20px;font-weight:700}
.plan .sell{font-size:13px;color:var(--brand-d);font-weight:700;margin-top:2px}
.plan .pr{font-size:30px;font-weight:900;margin:16px 0 0;letter-spacing:-1px;direction:rtl}
.plan .pr small{font-size:14px;font-weight:400;color:var(--ink-40)}
.plan .fq{font-size:13px;color:var(--ink-40);margin-bottom:20px}
.plan ul{list-style:none;font-size:15px;flex:1;margin-bottom:18px}
.plan li{padding:8px 0;border-bottom:1px dashed var(--line);display:flex;justify-content:space-between;gap:12px}
.plan li b{font-weight:700}
.plan .btn{text-align:center}
.plan .addon{font-size:12px;color:var(--ink-40);margin-top:10px;text-align:center;min-height:20px}
.anchor{background:var(--navy);color:#C6CEDB;border-radius:var(--r-lg);padding:24px 26px;margin-top:34px;font-size:16px;max-width:760px}
.anchor b{color:#fff}
.freebar{background:var(--white);border:1px solid var(--line);border-inline-start:4px solid var(--brand);border-radius:var(--r-lg);padding:24px 26px;margin-top:20px}
.freebar h3{font-size:19px;font-weight:700;margin-bottom:6px}
.freebar p{font-size:15px;color:var(--ink-60);max-width:640px}
.freebar .btn{margin-top:16px}
.lockbar{font-size:14px;color:var(--ink-60);margin-top:20px;max-width:760px}

/* جدول مقایسه */
.cmp{margin-top:28px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);overflow:hidden}
.cmp>summary{cursor:pointer;padding:18px 24px;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.cmp>summary::-webkit-details-marker{display:none}
.cmp>summary::after{content:"+";font-size:22px;font-weight:400;color:var(--brand-d)}
.cmp[open]>summary::after{content:"−"}
.cmp[open]>summary{border-bottom:1px solid var(--line)}
.cmp-scroll{overflow-x:auto}
.cmp table{width:100%;border-collapse:collapse;font-size:14px;min-width:680px}
.cmp th,.cmp td{padding:11px 14px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap}
.cmp th:first-child,.cmp td:first-child{text-align:right;white-space:normal;min-width:210px}
.cmp thead th{background:var(--navy);color:#fff;font-weight:700;position:sticky;top:0}
.cmp thead th.hi{background:var(--brand)}
.cmp tr.grp td{background:var(--paper);font-weight:700;text-align:right;color:var(--brand-d);font-size:13px;letter-spacing:.5px}
.y{color:var(--ok);font-weight:700}
.n{color:#C3C7D2}

/* ═══ نظرات ═══ */
.rev{flex:none;width:330px;scroll-snap-align:start;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;display:flex;flex-direction:column}
.rev p{font-size:15px;color:#3E4757;margin-bottom:18px;flex:1}
.rev .who{display:flex;align-items:center;gap:12px}
.rev .av{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#9FB0FF;display:grid;place-items:center;font-weight:900;font-size:17px;flex:none}
.rev .nm{font-weight:700;font-size:15px}
.rev .jb{font-size:13px;color:var(--ink-40)}

/* ═══ مطالب ═══ */
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:40px}
.post{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;text-decoration:none;display:block}
.post:hover{border-color:var(--brand)}
.post .cat{font-size:12px;font-weight:700;color:var(--brand-d);letter-spacing:.5px}
.post h3{font-size:17px;font-weight:700;margin:8px 0;line-height:1.7}
.post p{font-size:14px;color:var(--ink-60)}
.post .dt{font-size:13px;color:var(--ink-40);margin-top:14px}

/* ═══ سوالات ═══ */
.faq{margin-top:40px;max-width:880px}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;overflow:hidden}
.faq summary{cursor:pointer;padding:18px 22px;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;font-weight:400;color:var(--brand-d);flex:none}
.faq details[open] summary::after{content:"−"}
.faq details[open] summary{border-bottom:1px solid var(--line)}
.faq .ans{padding:16px 22px 22px;color:var(--ink-60);font-size:15px}

/* ═══ تماس ═══ */
.duo{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:44px;align-items:start}
.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px}
.panel h3{font-size:20px;font-weight:700;margin-bottom:6px}
.panel .d{font-size:15px;color:var(--ink-60);margin-bottom:22px}
.fld{margin-bottom:14px}
.fld label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}
.fld input,.fld textarea{width:100%;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;font-family:inherit;font-size:15px;background:var(--paper);outline:none}
.fld input:focus,.fld textarea:focus{border-color:var(--brand)}
.fld textarea{min-height:118px;resize:vertical}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.formmsg{font-size:14px;margin-top:12px;min-height:22px}
.formmsg.ok{color:var(--ok)}
.formmsg.no{color:var(--no)}
.ch{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none}
.ch:last-of-type{border-bottom:0}
.ch .ic{width:38px;height:38px;border-radius:10px;background:var(--brand-l);color:var(--brand-d);display:grid;place-items:center;flex:none}
.ch .lb{font-size:13px;color:var(--ink-40);line-height:1.6}
.ch .vl{font-weight:700;font-size:15px;direction:ltr;text-align:right;line-height:1.6}
.vcard-cta{background:var(--navy);border-radius:var(--r-lg);padding:24px;margin-top:22px;color:#C6CEDB;text-align:center}
.vcard-cta h4{color:#fff;font-size:17px;font-weight:700;margin-bottom:6px}
.vcard-cta p{font-size:14px;margin-bottom:16px}

/* ═══ پایان و فوتر ═══ */
.final{background:var(--navy);color:var(--paper);text-align:center;padding:86px 0}
.final h2{font-size:clamp(26px,3.4vw,40px);font-weight:900;letter-spacing:-.8px;line-height:1.5}
.final p{color:#A9B3C4;font-size:17px;margin:14px auto 30px;max-width:540px}
.ftr{background:var(--navy-2);color:#A9B3C4;padding:56px 0 26px;font-size:14px}
.ftr .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.ftr h4{color:var(--paper);font-size:15px;font-weight:700;margin-bottom:14px}
.ftr a{color:#A9B3C4;text-decoration:none;display:block;padding:4px 0}
.ftr a:hover{color:#fff}
.ftr .about{max-width:320px;line-height:2}
.ftr .bot{border-top:1px solid var(--line-d);margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
.enamad{width:92px;height:92px;border:1px solid var(--line-d);border-radius:10px;display:grid;place-items:center;font-size:11px;text-align:center;color:#7C8AA3;margin-top:16px}
.wa{position:fixed;inset-inline-end:20px;bottom:20px;z-index:70;width:54px;height:54px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.22)}


/* ═══ نوار نمونه‌های زنده ═══ */
.demos{background:var(--navy);color:var(--paper);padding:64px 0;overflow:hidden}
.demos .head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.demos h2{font-size:clamp(22px,2.6vw,30px);font-weight:900;letter-spacing:-.5px}
.demos p{color:#A9B3C4;font-size:16px;margin-top:8px;max-width:560px}
.marquee{margin:34px 0 26px;position:relative;direction:ltr;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mtrack{display:flex;gap:14px;width:max-content;animation:slide 46s linear infinite;will-change:transform}
.marquee:hover .mtrack,.marquee:focus-within .mtrack{animation-play-state:paused}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.chipl{direction:rtl;flex:none;display:flex;align-items:center;gap:10px;text-decoration:none;background:var(--navy-2);border:1px solid var(--line-d);border-radius:100px;padding:12px 22px;font-size:15px;font-weight:700;color:#C6CEDB;white-space:nowrap;transition:border-color .15s,color .15s}
.chipl:hover{border-color:var(--brand);color:#fff}
.chipl i{width:8px;height:8px;border-radius:50%;background:var(--grad);flex:none}
.demos .foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.demos .foot span{font-size:14px;color:#7C8AA3}

/* ═══ کنترل ریل ═══ */
.rail-wrap{position:relative}
.rnav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;background:var(--white);border:1px solid var(--line);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:border-color .15s,background .15s}
.rnav:hover{border-color:var(--brand);background:var(--brand);color:#fff}
.rnav.prev{inset-inline-end:4px}
.rnav.next{inset-inline-start:4px}
.rnav[disabled]{opacity:.35;cursor:default}
.rail::-webkit-scrollbar{height:6px}
.rail::-webkit-scrollbar-thumb{background:var(--line);border-radius:100px}
@media(max-width:960px){.rnav{display:none}}

@media(max-width:960px){
  .hero .wrap,.duo{grid-template-columns:1fr;gap:40px}
  .ftr .cols{grid-template-columns:1fr 1fr}
  .nav{display:none}.burger{display:block;margin-inline-start:auto}
  .hdr .sp{display:none}.hdr-act .lg-in{display:none}
  .stage{min-height:300px}.mcard{width:296px;height:188px}
}
@media(max-width:560px){
  .sec{padding:62px 0}.row2{grid-template-columns:1fr}
  .ftr .cols{grid-template-columns:1fr}
  .alias-box{flex-direction:column;border-radius:var(--r)}
  .alias-btn{padding:13px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* دو دسته‌ی قیمت — یکی نمایش داده می‌شود */
.plans[hidden]{display:none}
.alias-hint{font-size:13px;color:#7C8AA3;margin-top:10px;max-width:520px;line-height:1.9}
.alias-hint b{color:#9FA0F2;font-weight:700}
.ftr .credit{color:#A9B3C4}
.ftr .credit a{display:inline;color:#fff;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);padding:0}
.ftr .credit a:hover{color:#9FA0F2;border-color:#9FA0F2}

/* ── فونت: بعضی شیوه‌نامه‌های سراسری روی بدنه اثر می‌گذارند،
      پس روی عنصرهای متنی صریح اعمال می‌شود ── */
html body, html body h1, html body h2, html body h3, html body h4,
html body p, html body span, html body a, html body li, html body dt,
html body dd, html body td, html body th, html body button,
html body input, html body textarea, html body label, html body summary{
  font-family:'IRANSans',system-ui,-apple-system,sans-serif
}
/* آدرس‌ها و قیمت‌ها تک‌عرض می‌مانند */
html body .alias-field .pfx, html body .alias-field input,
html body .mcard .url, html body .bio-demo code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace
}

/* ── کارت‌های پلن: وقتی تعداد کم است کشیده نشوند ── */
.plans{grid-template-columns:repeat(auto-fit,minmax(250px,320px));justify-content:center}
@media(max-width:560px){.plans{grid-template-columns:1fr}}

/* ── جدول مقایسه: هماهنگ با کلید سالانه/ماهانه ── */
.cmp[hidden]{display:none}

/* ── تماس: دو ستون هم‌قد، فضای اضافه به کادر پیام می‌رسد ── */
@media(min-width:961px){
  .duo{align-items:stretch}
  .duo > div{display:flex;flex-direction:column;gap:22px}
  .duo > div > .panel{flex:1}
  .duo > .panel{display:flex;flex-direction:column}
  .duo > .panel > form{display:flex;flex-direction:column;flex:1}
  .fld-grow{flex:1;display:flex;flex-direction:column;min-height:118px}
  .fld-grow textarea{flex:1}
  .duo > .panel > form > button[type="submit"]{align-self:flex-start}
}
.panel .note{font-size:14px;color:var(--ink-60);border-top:1px dashed var(--line);margin-top:16px;padding-top:14px;line-height:2}
.panel .note b{color:var(--ink);font-weight:700}

/* نام قالب: کلاس fa با فونت‌آوسام تداخل داشت، پس نامش عوض شد.
   این رده هم برای اطمینان فونت را روی هر عنصر داخل ریل تحمیل می‌کند. */
html body .tpl .tname, html body .tpl .en{
  font-family:'IRANSans',system-ui,-apple-system,sans-serif !important
}

/* ── مهار سرریز افقی ──────────────────────────────────
   هیچ بخشی نباید صفحه را از پهنا بکشد. clip به‌جای hidden
   استفاده می‌شود تا چسبندگی هدر از بین نرود.            */
html{overflow-x:hidden}
body{overflow-x:hidden;width:100%;max-width:100%;position:relative}
.hero,.stats,.sec,.demos,.final,.ftr{overflow-x:clip;max-width:100vw}
.wrap{width:100%;max-width:min(var(--max),100%)}
.rail-wrap{max-width:100%;overflow:hidden}
.marquee{max-width:100%}
.cmp{max-width:100%}
.cmp-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
img,svg,video,table{max-width:100%}
.plans,.fgrid,.opts,.uses,.steps,.posts,.gloss{max-width:100%}

/* ══════ بخش «یک لینک» — مقایسه‌ی گفتگو ══════ */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px;align-items:start}
.chat{border-radius:20px;padding:22px 20px 18px;display:flex;flex-direction:column;gap:9px}
.chat-before{background:#EDEEF3;border:1px solid var(--line)}
.chat-after{background:var(--white);border:2px solid var(--brand);box-shadow:0 12px 34px rgba(91,92,224,.10)}
.chat-top{margin-bottom:6px}
.tag-bad,.tag-good{font-size:12px;font-weight:700;padding:5px 13px;border-radius:100px;display:inline-block}
.tag-bad{background:#DDDFE8;color:#6B7285}
.tag-good{background:var(--grad);color:#fff}

.bub{max-width:86%;padding:10px 15px;font-size:14.5px;line-height:1.85;border-radius:16px;width:fit-content}
.bub.them{background:var(--white);border:1px solid var(--line);color:var(--ink);
  border-start-end-radius:5px;margin-inline-end:auto}
.chat-before .bub.them{background:#F8F9FC}
.bub.me{background:var(--brand);color:#fff;border-start-start-radius:5px;margin-inline-start:auto}
.chat-before .bub.me{background:#AFB4C6}
.bub.file{opacity:.9;font-size:13.5px}

.chat-foot{font-size:13px;color:var(--ink-40);margin-top:8px;padding-top:12px;
  border-top:1px dashed var(--line);text-align:center}
.chat-foot.ok{color:var(--ok);font-weight:700}

/* حباب لینک با پیش‌نمایش */
.link-bub{max-width:100%;width:100%;padding:12px}
.link-bub .lnk{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13.5px;
  direction:ltr;display:block;text-align:left;opacity:.92;margin-bottom:10px}
.prev{background:var(--white);border-radius:12px;padding:14px;color:var(--ink)}
.prev-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.prev-av{width:40px;height:40px;border-radius:50%;background:var(--grad);color:#fff;
  display:grid;place-items:center;font-weight:900;font-size:17px;flex:none}
.prev-head b{display:block;font-size:15px;font-weight:700;line-height:1.5}
.prev-head i{font-style:normal;font-size:12.5px;color:var(--ink-40)}
.prev-rows{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.prev-rows span{background:var(--paper);border-radius:7px;padding:7px 10px;
  font-size:12.5px;color:var(--ink-60);text-align:center}

/* نوار «همه‌جا کار می‌کند» */
.places{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:34px}
.places-lb{font-size:15px;color:var(--ink-60);margin-inline-end:6px}
.pill{font-size:14px;font-weight:500;background:var(--white);border:1px solid var(--line);
  border-radius:100px;padding:8px 16px;color:var(--ink)}
.sec.alt .pill{background:var(--paper)}

@media(max-width:860px){
  .compare{grid-template-columns:1fr}
  .bub{max-width:92%}
}

/* ══════ ریل قالب‌ها: قاب گوشی ══════ */
.rail{
  -webkit-mask-image:linear-gradient(to left,transparent 0,#000 3%,#000 97%,transparent 100%);
  mask-image:linear-gradient(to left,transparent 0,#000 3%,#000 97%,transparent 100%);
}
.tpl{width:238px;transition:transform .18s ease}
.tpl:hover{transform:translateY(-6px)}

.tpl .ph{
  position:relative;background:linear-gradient(160deg,#20304D,#0E1930);
  border:1px solid #33456A;border-radius:26px;padding:9px 9px 12px;
  aspect-ratio:auto;overflow:visible;
  box-shadow:0 14px 34px rgba(15,27,51,.16)
}
.tpl .notch{
  position:absolute;top:4px;left:50%;transform:translateX(-50%);
  width:52px;height:4px;border-radius:100px;background:#4A5B7C;z-index:2
}
.tpl .scr{
  position:relative;border-radius:18px;overflow:hidden;aspect-ratio:9/16;background:var(--white)
}
.tpl .scr img{width:100%;height:100%;object-fit:cover;object-position:top}
/* محوشدن پایین تصویر تا برش عمدی دیده شود */
.tpl .scr::after{
  content:"";position:absolute;inset-inline:0;bottom:0;height:78px;pointer-events:none;
  background:linear-gradient(to top,#0E1930 8%,rgba(14,25,48,.55) 48%,transparent)
}
.tpl .tname{margin-top:15px}

@media(max-width:560px){.tpl{width:208px}}

/* دکمه‌های ریل: روی موبایل هم بمانند و از ماسک عقب‌تر بنشینند */
.rail-wrap{position:relative}
.rnav{box-shadow:0 4px 14px rgba(15,27,51,.14)}
.rnav.prev{inset-inline-end:-6px}
.rnav.next{inset-inline-start:-6px}
@media(max-width:960px){
  .rnav{display:grid;width:38px;height:38px}
  .rnav.prev{inset-inline-end:0}
  .rnav.next{inset-inline-start:0}
}

/* ══════════ صفحه‌های داخلی: بلاگ و قالب‌ها ══════════ */
.page-hero{
  background:var(--navy);color:var(--paper);padding:64px 0 60px;position:relative;overflow:hidden
}
.page-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(640px 300px at 78% 24%,rgba(91,92,224,.20),transparent 66%)
}
.page-hero .wrap{position:relative}
.page-hero h1{
  font-size:clamp(27px,3.6vw,42px);font-weight:900;line-height:1.45;letter-spacing:-.9px
}
.page-hero .lede{color:#A9B3C4;font-size:17px;margin-top:14px;max-width:620px}
.back-link{
  display:inline-flex;align-items:center;gap:6px;color:#9FA0F2;text-decoration:none;
  font-size:14px;font-weight:500;margin-bottom:18px
}
.back-link:hover{color:#fff}

/* ── فهرست بلاگ ── */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.bcard{
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:26px 24px;text-decoration:none;display:flex;flex-direction:column;
  transition:border-color .15s,transform .15s,box-shadow .15s
}
.bcard:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,27,51,.07)}
.bdate{font-size:13px;color:var(--brand-d);font-weight:700}
.bcard h2{font-size:19px;font-weight:700;line-height:1.7;margin:9px 0 10px;color:var(--ink)}
.bcard p{font-size:14.5px;color:var(--ink-60);flex:1;margin-bottom:16px}
.bmore{
  display:inline-flex;align-items:center;gap:5px;font-size:14px;
  font-weight:700;color:var(--brand)
}

/* ── تک‌نوشته ── */
.post-meta{color:#8494AC;font-size:14.5px;margin-top:14px;display:flex;gap:10px;align-items:center}
.dot-sep{opacity:.5}
.post-body{
  max-width:760px;font-size:17px;line-height:2.15;color:#2E374A
}
.post-body h2{font-size:25px;font-weight:900;margin:38px 0 14px;letter-spacing:-.5px;color:var(--ink)}
.post-body h3{font-size:20px;font-weight:700;margin:30px 0 10px;color:var(--ink)}
.post-body p{margin-bottom:20px}
.post-body ul,.post-body ol{margin:0 0 20px;padding-inline-start:24px}
.post-body li{margin-bottom:9px}
.post-body a{color:var(--brand);text-decoration:none;border-bottom:1px solid var(--brand-l)}
.post-body a:hover{border-color:var(--brand)}
.post-body img{border-radius:14px;margin:24px 0;border:1px solid var(--line)}
.post-body blockquote{
  border-inline-start:3px solid var(--brand);background:var(--white);
  margin:24px 0;padding:18px 22px;border-radius:0 var(--r) var(--r) 0;color:var(--ink-60)
}
.post-body code{
  background:var(--white);border:1px solid var(--line);border-radius:6px;
  padding:2px 7px;font-size:14px;direction:ltr;display:inline-block
}
.post-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}
.post-body th,.post-body td{border:1px solid var(--line);padding:10px 13px;text-align:right}
.post-body th{background:var(--white);font-weight:700}
.post-foot{
  display:flex;gap:12px;flex-wrap:wrap;margin-top:44px;padding-top:28px;
  border-top:1px solid var(--line);max-width:760px
}

/* ── شبکه‌ی قالب‌ها ── */
.tpl-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:28px 22px
}
.tpl.gcard{width:auto}
.tpl.gcard .en{color:var(--ink-40);font-size:12px;margin-top:2px}

/* ── حالت خالی ── */
.empty{
  text-align:center;padding:60px 20px;background:var(--white);
  border:1px solid var(--line);border-radius:var(--r-lg)
}
.empty h2{font-size:22px;font-weight:900;margin-bottom:8px}
.empty p{color:var(--ink-60);margin-bottom:22px}

/* ══════════ آموزش ══════════ */
.hero-tag{
  display:inline-block;background:var(--grad);color:#fff;font-size:12.5px;font-weight:700;
  padding:5px 14px;border-radius:100px;margin-bottom:14px
}
.cat-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:32px}
.cat{
  font-family:inherit;font-size:14.5px;font-weight:500;cursor:pointer;
  background:var(--white);border:1px solid var(--line);border-radius:100px;
  padding:9px 17px;color:var(--ink);display:inline-flex;align-items:center;gap:7px;
  transition:background .15s,border-color .15s,color .15s
}
.cat span{
  font-size:12px;background:var(--paper);border-radius:100px;padding:1px 8px;color:var(--ink-40)
}
.cat:hover{border-color:var(--brand)}
.cat.on{background:var(--grad);border-color:transparent;color:#fff;font-weight:700}
.cat.on span{background:rgba(255,255,255,.22);color:#fff}

.tut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}
.tut{
  display:flex;align-items:flex-start;gap:16px;text-decoration:none;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:22px 22px 22px 18px;transition:border-color .15s,transform .15s,box-shadow .15s
}
.tut[hidden]{display:none}
.tut:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,27,51,.07)}
.tnum{
  flex:none;width:38px;height:38px;border-radius:11px;background:var(--brand-l);
  color:var(--brand-d);display:grid;place-items:center;font-weight:900;font-size:15px
}
.tut:hover .tnum{background:var(--grad);color:#fff}
.tbody{flex:1;min-width:0}
.tcat{font-size:12.5px;font-weight:700;color:var(--brand-d)}
.tut h2{font-size:17px;font-weight:700;line-height:1.7;margin:5px 0 7px;color:var(--ink)}
.tut p{font-size:14px;color:var(--ink-60);margin:0}
.tarrow{flex:none;color:var(--ink-40);margin-top:9px}
.tut:hover .tarrow{color:var(--brand)}
.tut-empty{text-align:center;color:var(--ink-40);padding:44px 0}

/* ── تصویر مطلب ── */
.bimg{
  margin:-26px -24px 16px;border-radius:var(--r-lg) var(--r-lg) 0 0;
  overflow:hidden;aspect-ratio:16/9;background:var(--paper)
}
.bimg img{width:100%;height:100%;object-fit:cover}
.post-cover{
  max-width:760px;border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--line);margin-bottom:32px
}
.post-cover img{width:100%;height:auto;display:block}

@media(max-width:560px){
  .tut-grid{grid-template-columns:1fr}
  .tut{padding:18px}
}

/* ══════════ دایرکتوری کسب‌وکار ══════════ */
.dir-bar{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  flex-wrap:wrap;margin-bottom:30px
}
.dir-search{
  position:relative;flex:1;min-width:250px;max-width:420px;display:flex;align-items:center
}
.dir-search svg{position:absolute;inset-inline-start:15px;color:var(--ink-40);pointer-events:none}
.dir-search input{
  width:100%;background:var(--white);border:1px solid var(--line);border-radius:100px;
  padding:13px 46px 13px 18px;font-family:inherit;font-size:15px;outline:none;color:var(--ink);
  transition:border-color .15s,box-shadow .15s
}
.dir-search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,92,224,.12)}
.dir-search input::placeholder{color:var(--ink-40)}
.dir-search input::-webkit-search-cancel-button{cursor:pointer}
.dir-tabs{display:flex;flex-wrap:wrap;gap:9px}

.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.dcard{
  position:relative;display:flex;flex-direction:column;gap:15px;text-decoration:none;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:24px 22px;transition:border-color .15s,transform .15s,box-shadow .15s
}
.dcard[hidden]{display:none}
.dcard:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,27,51,.07)}

.dkind{
  position:absolute;top:14px;inset-inline-end:16px;
  font-size:11.5px;font-weight:700;color:var(--brand-d);
  background:var(--brand-l);border-radius:100px;padding:4px 11px
}
.dkind-store{background:#DCF5E9;color:#14684A}

.dhead{display:flex;align-items:center;gap:14px;min-width:0}
.dav{
  width:56px;height:56px;border-radius:50%;flex:none;object-fit:cover;
  border:2px solid var(--white);box-shadow:0 3px 12px rgba(15,27,51,.12)
}
.dav-txt{
  background:var(--grad);color:#fff;display:grid;place-items:center;
  font-size:22px;font-weight:900
}
.dav-store{background:linear-gradient(135deg,#1FBF7A,#14684A)}

.dmeta{min-width:0;flex:1;padding-top:12px}
.dmeta h2{
  font-size:17px;font-weight:700;color:var(--ink);line-height:1.6;
  display:flex;align-items:center;gap:5px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.dverify{color:var(--brand);flex:none}
.dmeta p{
  font-size:13.5px;color:var(--ink-60);margin-top:2px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}

.dlink{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;text-align:left;
  font-size:12.5px;color:var(--ink-40);background:var(--paper);
  border-radius:8px;padding:7px 11px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.dcard:hover .dlink{background:var(--brand-l);color:var(--brand-d)}

@media(max-width:560px){
  .dir-grid{grid-template-columns:1fr}
  .dir-search{max-width:100%}
}