/* Tanvin landing — Novin design tokens + page styles */
@font-face{font-family:"Novin Neue - FaNum";src:url("/landing-v2/assets/fonts/NovinNeue-FaNum-Light.woff2") format("woff2"),url("/landing-v2/assets/fonts/NovinNeue-FaNum-Light.woff") format("woff");font-weight:300;font-display:swap}
@font-face{font-family:"Novin Neue - FaNum";src:url("/landing-v2/assets/fonts/NovinNeue-FaNum-Regular.woff2") format("woff2"),url("/landing-v2/assets/fonts/NovinNeue-FaNum-Regular.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Novin Neue - FaNum";src:url("/landing-v2/assets/fonts/NovinNeue-FaNum-SemiBold.woff2") format("woff2"),url("/landing-v2/assets/fonts/NovinNeue-FaNum-SemiBold.woff") format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"Novin Neue - FaNum";src:url("/landing-v2/assets/fonts/NovinNeue-FaNum-Bold.woff2") format("woff2"),url("/landing-v2/assets/fonts/NovinNeue-FaNum-Bold.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Novin Neue - FaNum";src:url("/landing-v2/assets/fonts/NovinNeue-FaNum-ExtraBold.woff2") format("woff2"),url("/landing-v2/assets/fonts/NovinNeue-FaNum-ExtraBold.woff") format("woff");font-weight:800;font-display:swap}
@font-face{font-family:"Novin Neue - FaNum";src:url("/landing-v2/assets/fonts/NovinNeue-FaNum-Black.woff2") format("woff2"),url("/landing-v2/assets/fonts/NovinNeue-FaNum-Black.woff") format("woff");font-weight:900;font-display:swap}
:root{
  --purple-50:rgb(225,219,244);
  --purple-100:rgb(241,239,250);
  --purple-200:rgb(200,190,235);
  --purple-300:rgb(168,151,216);
  --purple-400:rgb(137,113,196);
  --purple-500:rgb(110,80,180);
  --purple-600:rgb(98,60,156);
  --purple-700:rgb(89,45,138);
  --purple-800:rgb(80,30,120);
  --purple-900:rgb(46,20,68);
  --ink-violet:rgb(80,43,119);
  --ink-table:rgb(78,50,107);
  --yellow:rgb(255,200,58);
  --gold:rgb(255,200,58);
  --gold-hover:rgb(255,214,92);
  --white:#fff;
  --grey-body:rgb(87,87,87);
  --grey-rule:rgb(185,185,185);
  --gradient-page:linear-gradient(206.822deg,rgb(80,43,119) 55.77%,rgb(76,39,113) 72.02%,rgb(72,35,108) 91.54%,rgb(70,34,106) 108.69%);
  --font:"Novin Neue - FaNum","Novin Neue",-apple-system,"Segoe UI",Tahoma,sans-serif;
  --radius:8px;

  /* ===== اندازه فونت‌ها — همه اندازه‌های سایت فقط از اینجا کنترل می‌شوند ===== */
  /* متن‌ها */
  --fs-10:10px;   /* فعلاً جایی استفاده نشده */
  --fs-16:16px;   /* دکمه منو، برچسب‌های ریز، توضیح هدیه‌ها، پیام آماده، شرایط سفیر، فوتر */
  --fs-18:18px;   /* لینک‌های منو، کارت‌ها، لیست‌ها، فیلدهای فرم، سؤالات متداول، نوار مراحل هیرو */
  --fs-22:22px;   /* متن پایه صفحه، دکمه‌ها، زیرتیتر بخش‌ها، برچسب بنفش بالای تیتر، لیست هیرو، عنوان آکاردئون */
  --fs-24:24px;   /* فعلاً جایی استفاده نشده */
  /* تیترها (بزرگ‌تر از ۲۴) */
  --fs-32:32px;   /* متن بنفش کنار ۲٪، تیتر CTA پایانی، اعداد ۱٫۲٪ و...، تیتر بخش‌ها در موبایل و تبلت */
  --fs-40:40px;   /* تیتر بخش‌ها (h2)، عدد سهم ماهانه، «سفیر نوین»، «۵۰٪» */
  --fs-56:56px;   /* تیتر هیرو در لپ‌تاپ کوچک و تبلت */
  --fs-72:72px;   /* عدد ۲٪ در موبایل */
  --fs-96:96px;   /* عدد ۲٪ */
  --fs-hero:clamp(56px,calc(7.8vw - 4px),92px);   /* تیتر هیرو — عدد آخر (92px) = اندازه در دسکتاپ */
  --fs-hero-mobile:clamp(30px,11vw,40px);         /* تیتر هیرو در موبایل — عدد آخر = حداکثر */
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{
  margin:0;background:var(--white);color:var(--grey-body);
  font-family:var(--font);font-size:var(--fs-22);line-height:1.42;letter-spacing:-.011em;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,p,blockquote{margin:0}
ul{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button,input{font:inherit;letter-spacing:inherit;color:inherit}
img{display:block;max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--purple-500);outline-offset:2px}

.wrap{max-width:1200px;margin-inline:auto;padding-inline:24px}
.section{padding-block:104px}
.section--tint{background:var(--white)}
.brand-surface{background:var(--gradient-page);color:var(--white);position:relative;isolation:isolate;overflow:hidden}
.brand-surface::before{content:"";position:absolute;inset:0;background:url("/landing-v2/assets/texture-slashes.png") center/cover no-repeat;opacity:.08;pointer-events:none;z-index:-1}

.head{display:flex;flex-direction:column;gap:14px;max-width:820px;margin-bottom:40px}
.eyebrow{font-size:var(--fs-22);font-weight:700;color:var(--purple-800)}
.h2{font-size:var(--fs-40);font-weight:800;line-height:1.42;color:var(--grey-body)}
.lead{font-size:var(--fs-22);line-height:1.75}
/* ماشین‌حساب: توضیح زیر تیتر یک‌خطی (سقف عرض ۸۲۰ برداشته شد) */
#calc .head{max-width:none}
@media (min-width:1200px){ #calc .lead{white-space:nowrap} }
.dot{width:6px;height:6px;border-radius:999px;background:var(--purple-800);flex-shrink:0}
.bullets{display:flex;flex-direction:column;gap:8px;font-size:var(--fs-18)}
.bullets li{display:flex;align-items:center;gap:10px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 28px;border-radius:var(--radius);border:1px solid transparent;font-size:var(--fs-22);font-weight:400;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn--gold{background:var(--gold);color:#fff}
.btn--gold:hover{background:var(--gold-hover);box-shadow:0 8px 24px rgba(255,200,58,.3)}
.btn--yellow{background:var(--yellow);color:var(#fff)}
.btn--yellow:hover{background:rgb(255,233,40)}
.btn--ghost{border-color:var(--white);color:var(--white);background:transparent}
.btn--ghost:hover{background:rgba(255,255,255,.08)}
.btn--line{border-color:var(--purple-800);color:var(--purple-800);background:var(--white)}
.btn--line:hover{background:var(--purple-100)}

/* NAV */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--purple-100);transition:box-shadow .25s}
.nav.is-scrolled{box-shadow:0 6px 24px rgba(46,20,68,.07)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:88px;max-width:1544px}
.logo{display:flex;align-items:center;gap:12px;color:var(--ink-violet)}
.logo__mark{display:grid;place-items:center;width:46px;height:46px;border-radius:6px;background:var(--purple-800)}
.logo__name{font-size:var(--fs-22);font-weight:700;color:var(--purple-900);padding-inline-start:12px;border-inline-start:1px solid var(--grey-rule);line-height:1.2}
.nav__links{display:flex;gap:28px;font-size:var(--fs-18)}
.nav__links a{position:relative;color:var(--grey-body);padding-block:6px;transition:color .2s}
.nav__links a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;border-radius:2px;background:var(--purple-800);transform:scaleX(0);transition:transform .25s}
.nav__links a:hover,.nav__links a.is-active{color:var(--purple-800)}
.nav__links a.is-active::after{transform:scaleX(1)}
.nav__cta{min-height:40px;padding:0 22px;padding-bottom: 6px;font-size:var(--fs-20);font-weight:300}
.nav__burger{display:none;width:44px;height:44px;border:1px solid var(--purple-200);border-radius:var(--radius);background:var(--white);cursor:pointer;place-items:center}

/* HERO */
.hero{min-height:790px;display:flex;align-items:center;background:rgb(70,32,105) url("/landing-v2/assets/hero-bg.png") center/cover no-repeat}
.hero::before{display:none}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px;align-items:center;width:100%;padding-block:48px}
.hero__text{display:flex;flex-direction:column;align-items:flex-start;gap:26px}
.hero h1{font-size:var(--fs-hero);font-weight:700;line-height:1.3;color:var(--white);white-space:nowrap}
.hero h1 span{color:var(--gold)}
.steps{display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:rgba(46,20,68,.6);border-radius:var(--radius);padding:10px 16px;font-size:var(--fs-18)}
.steps span{display:flex;align-items:center;gap:10px}
.steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--purple-600);font-size:var(--fs-18)}
.hero__list{display:flex;flex-direction:column;gap:16px;font-size:var(--fs-22);color:rgba(255,255,255,.92);padding-inline-start:16px}
.hero__list li{display:flex;align-items:center;gap:14px}
.hero__list .dot{background:var(--white)}
.hero__btns{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px}
.hero__btns .btn{min-width:210px}
/* باکس سکه: سکه وسط ستون چپ؛ اندازه سکه = max-width */
.hero__coin{position:relative;display:flex;justify-content:center;align-items:center}
.hero__coin::before{content:"";position:absolute;inset:-18% -22%;background:radial-gradient(closest-side at 46% 62%,rgba(236,128,96,.5),rgba(176,92,168,.3) 45%,rgba(120,60,160,0) 100%);filter:blur(12px);z-index:-1}
.hero__coin img{width:120%;max-width:555px;flex-shrink:0;filter:drop-shadow(0 26px 30px rgba(30,10,50,.45))}
  

/* STRIP */
.strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:56px;align-items:center;padding-block:36px 40px}
.strip__a{font-size:var(--fs-24);font-weight:700;line-height:1.85;color:var(--grey-body)}
.strip__b{display:flex;align-items:center;gap:20px}
.strip__pct{font-size:var(--fs-96);font-weight:900;line-height:1;color:var(--purple-800)}
.strip__b p{font-size:var(--fs-32);font-weight:800;line-height:1.6;color:var(--purple-800)}
.strip__c{font-size:var(--fs-18);line-height:2.3}

/* دسکتاپ: هیرو + نوار ۲٪ دقیقاً در صفحه اول جا شوند (روی هر ارتفاع مانیتور، زوم ۱۰۰٪)
   ارتفاع هیرو = ارتفاع صفحه − منو − نوار ۲٪ ؛ اندازه‌ها با ارتفاع صفحه (vh) کوچک می‌شوند */
@media (min-width:961px){
  :root{--nav-h:89px;--strip-h:144px;--fold-h:calc(100vh - var(--nav-h) - var(--strip-h))}
  @supports (height:100svh){ :root{--fold-h:calc(100svh - var(--nav-h) - var(--strip-h))} }
  .hero{min-height:0;height:var(--fold-h);max-height:820px}
  .hero__grid{padding-block:clamp(12px,3vh,40px)}
  .hero__text{gap:clamp(10px,2.4vh,26px)}
  .hero h1{font-size:min(var(--fs-hero),10.5vh)}
  .steps{padding-block:clamp(6px,1vh,10px)}
  .hero__list{font-size:min(var(--fs-22),2.6vh);gap:clamp(6px,1.5vh,16px)}
  .hero__btns{margin-top:clamp(2px,1.6vh,22px)}
  .hero__btns .btn{min-height:clamp(42px,5.5vh,50px)}
  .hero__coin{align-self:stretch}
  .hero__coin img{width:auto;max-width:none;height:min(680px,calc(var(--fold-h) - 2 * clamp(12px,3vh,40px)))}
  .strip{height:var(--strip-h);padding-block:0}
}
/* دسکتاپ: متن بنفش کنار ۲٪ یک‌خطی؛ ستون چپ به اندازه متن، بقیه برای ستون راست */
@media (min-width:1200px){
  .strip{grid-template-columns:minmax(0,1fr) auto}
  .strip__b p{white-space:nowrap}
}

/* START — سه قدم شروع */
.start{position:relative;overflow:hidden;background:#F6F2FA}
.start>.wrap{position:relative}
.steps3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:24px}
.step{display:flex;flex-direction:column;gap:14px}
.step__top{display:flex;align-items:center;gap:28px}
.step__num{font-size:80px;font-weight:700;line-height:1;color:var(--ink-violet)}
/* فلش بین مراحل — نوک در سمت چپ */
.step__arrow{flex:1 1 auto;min-width:0;display:flex;align-items:center}
.step__arrow::before{content:"";flex:1 1 auto;height:1.5px;margin-left:-11px;background:var(--ink-violet)}
.step__arrow svg{width:12px;height:12px;flex-shrink:0;fill:none;stroke:var(--ink-violet);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.step h3{font-size:28px;font-weight:700;color:var(--purple-900)}
.step p{font-size:var(--fs-18);line-height:1.8;max-width:340px}
/* لینک داخل متن (مثل «ماموریت» و «نشان» در کارت سوم) */
.inline-link{color:var(--purple-500);font-weight:700;text-decoration:underline;text-decoration-color:var(--purple-300);text-underline-offset:5px;text-decoration-thickness:2px;transition:color .2s,text-decoration-color .2s}
.inline-link:hover{color:var(--purple-800);text-decoration-color:var(--purple-800)}
.start__cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:56px;padding-top:32px;border-top:.5px solid var(--ink-table)}
.start__cta span{font-size:var(--fs-16)}

/* REWARD — منبع پاداش */
.share{background:var(--white);border:1px solid var(--purple-200);border-radius:var(--radius);padding:28px 24px;display:flex;flex-direction:column;gap:4px}
.share .share__pct{font-size:var(--fs-40);font-weight:900;line-height:1.3;color:var(--purple-800);margin-bottom:8px}
.share b{font-size:var(--fs-22);font-weight:700;color:var(--purple-900)}
.share span{font-size:var(--fs-18)}
.share small{font-size:var(--fs-16);font-weight:600;color:var(--purple-600);border-top:1px solid var(--purple-200);padding-top:12px;margin-top:12px}
.share--brand{background:var(--gradient-page);border-color:transparent;color:var(--white)}
.share--brand .share__pct,.share--brand b{color:var(--white)}
.share--brand small{color:var(--purple-200);border-color:rgba(255,255,255,.25)}
.example{display:flex;align-items:center;gap:24px;margin-top:24px;background:var(--white);border:1px solid var(--purple-200);border-radius:var(--radius);padding:24px 28px}
.example .keyline{align-self:stretch;width:3px;background:var(--gold);flex-shrink:0}
.example > div{flex:1;display:flex;flex-direction:column;gap:6px}
.example b{font-size:var(--fs-22);font-weight:700;color:var(--purple-900)}
.example p{font-size:var(--fs-18);line-height:1.9}
.example strong{color:var(--purple-800)}

/* STORY / ACCORDION */
.story .head{margin-bottom:44px}
.acc{display:flex;flex-direction:column;gap:12px}
.acc__item{background:var(--white);border:1px solid var(--purple-200);border-radius:var(--radius);transition:box-shadow .25s,border-color .25s}
.faq__item.is-open .faq__btn{color:var(--purple-800)}
.acc__item.is-open{border-color:var(--purple-300);box-shadow:0 10px 30px rgba(80,30,120,.07)}
.acc__btn{width:100%;display:flex;align-items:center;gap:16px;min-height:72px;padding:18px 24px;background:none;border:0;cursor:pointer;text-align:right;color:var(--grey-body)}
.acc__num{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:var(--purple-800);color:#fff;font-size:var(--fs-18);font-weight:600;flex-shrink:0}
.acc__title{flex:1;font-size:var(--fs-22);font-weight:700}
.pm{position:relative;width:20px;height:20px;flex-shrink:0}
.pm::before,.pm::after{content:"";position:absolute;inset-inline:1px;top:50%;height:1.6px;margin-top:-.8px;border-radius:2px;background:var(--purple-800);transition:transform .3s}
.pm::after{transform:rotate(90deg)}
.is-open > .acc__btn .pm::after,.is-open > .faq__btn .pm::after{transform:rotate(0)}
.acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.is-open > .acc__panel{grid-template-rows:1fr}
.acc__panel > div{overflow:hidden}
.acc__body{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px;font-size:var(--fs-22)}
.mini{border:1px solid var(--grey-rule);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:6px}
.mini b{font-size:var(--fs-18);font-weight:700}
.mini span{font-size:var(--fs-18);line-height:1.7}
.mini--brand{background:var(--purple-800);border-color:var(--purple-800);color:#fff}
.risk{display:flex;gap:4px;margin-top:6px}
.risk i{width:22px;height:5px;border-radius:999px;background:var(--purple-200)}
.risk i.on{background:var(--purple-800)}
.flow{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}
.flow > div{flex:1 1 180px}
.tree{border:1px solid var(--grey-rule);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:12px}
.tree__row{display:flex;align-items:center;gap:8px}
.tree__row i{border-radius:999px;display:block}
.tree__row em{font-style:normal;font-size:var(--fs-18);margin-inline-start:auto}
.tag{display:inline-block;padding:4px 16px;border-radius:999px;background:var(--purple-800);color:#fff;font-size:var(--fs-18);font-weight:700}
.coinnote{display:flex;align-items:center;gap:20px}
.coinnote img{width:110px}

.split{margin-top:64px;display:flex;flex-direction:column;gap:14px}
.split h3{font-size:var(--fs-22);font-weight:700}
.split > p{font-size:var(--fs-18)}
.bar{display:flex;height:64px;border-radius:var(--radius);overflow:hidden;margin-top:10px}
.bar > div{display:grid;place-items:center;font-weight:700;font-size:var(--fs-18);transition:flex .6s ease,filter .2s;cursor:default}
.bar > div:hover{filter:brightness(1.08)}
.bar__l1{background:var(--purple-800);color:#fff}
.bar__l2{background:var(--purple-600);color:#fff}
.bar__l3{background:var(--purple-300);color:var(--purple-900)}
.bar__pool{background:var(--purple-50);color:var(--purple-900)}
.split__nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
.split__nums div{display:flex;flex-direction:column;gap:4px}
.split__nums b{font-size:var(--fs-32);font-weight:900;line-height:1.2}
.split__nums span{font-size:var(--fs-18)}

/* CALCULATOR */
.presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:32px}
.preset{min-height:58px;padding:8px 28px;border-radius:999px;border:1px solid var(--purple-200);background:var(--white);display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:start;font-size:var(--fs-18);font-weight:500;line-height:1.6;cursor:pointer;transition:all .2s}
.preset:hover{border-color:var(--purple-400)}
.preset[aria-pressed="true"]{background:var(--purple-800);border-color:var(--purple-800);color:#fff}
.calc{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:stretch}
/* پس‌زمینه بنفش کم‌رنگ بخش ماشین‌حساب */
#calc{background:var(--purple-100)}
.calc__form{background:var(--white);border:1px solid var(--purple-200);border-radius:var(--radius);padding:32px 24px;display:flex;flex-direction:column;justify-content:center;gap:40px}
.crow{display:flex;align-items:center;gap:24px}
/* سر هر ردیف (نقطه‌ها + عنوان): عرض ثابت تا همه اسلایدرها از یک نقطه شروع شوند */
.crow__head{flex:0 0 var(--crow-head,300px);display:flex;align-items:center;gap:16px}
/* همه عنوان‌ها (میانگین و سطوح) یک اندازه */
.crow label{font-size:var(--fs-18);font-weight:600;white-space:nowrap}
/* ردیف میانگین: متن «حداقل ۱۰ میلیون» زیر بار است؛ عنوان با خود بار هم‌راستا شود نه با کل بلوک */
.crow--avg{align-items:flex-start}
/* ستون اسلایدر + ستون مقدار با عرض ثابت (--crow-val) تا همه اسلایدرها هم‌طول و هم‌راستا باشند */
.crow__ctl{flex:1;display:grid;grid-template-columns:minmax(0,1fr) var(--crow-val,64px);align-items:center;gap:6px 12px}
.crow__val{font-size:var(--fs-22);font-weight:600;color:var(--purple-800);text-align:end;white-space:nowrap}
/* «(حداقل ۱۰ میلیون تومان)» کنار عنوان میانگین */
.crow__hint{font-size:inherit;font-weight:inherit;color:inherit}
.crow--avg .crow__head{display:block}
/* اسلایدر میانگین هر دو ستون را می‌گیرد (ستون «نفر» در این ردیف خالی است) */
.crow--avg .range{grid-column:1 / -1}
.crow--avg .crow__ctl{padding-top:9px}
/* مقدار میانگین به حروف، زیر اسلایدر */
.crow__words{grid-column:1 / -1;font-size:var(--fs-18);font-weight:600;color:var(--purple-900);text-align:start}
/* نقطه‌های شبکه کنار هر سطح؛ عرض ثابت و وسط‌چین تا شکل هرمی بماند */
.dots{flex:0 0 104px;display:flex;justify-content:center;align-items:center;gap:10px}
.dots i{width:12px;height:12px;border-radius:999px;background:var(--purple-50)}
.dots--1 i{width:20px;height:20px}
.dots--2 i{width:16px;height:16px}
.levels{flex:1;display:flex;flex-direction:column;gap:16px}
.input{min-height:56px;padding:0 16px;border-radius:var(--radius);border:1px solid var(--grey-rule);background:var(--white);font-size:var(--fs-18);width:100%;transition:border-color .2s,box-shadow .2s}
.input:focus{outline:0;border-color:var(--purple-500);box-shadow:0 0 0 3px rgba(110,80,180,.15)}
.range{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:linear-gradient(to left,var(--purple-600) var(--p,10%),var(--purple-100) var(--p,10%));outline:0;cursor:pointer}
.range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:999px;background:var(--purple-600);border:0}
.range::-moz-range-thumb{width:12px;height:12px;border-radius:999px;background:var(--purple-600);border:0}
.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(110,80,180,.25)}
.calc__out{border-radius:var(--radius);padding:36px 40px 36px;display:flex;flex-direction:column;gap:28px}
.calc__out .lbl{font-size:var(--fs-18);color:var(--purple-200)}
.calc__big{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:var(--fs-40);font-weight:900;line-height:1.3;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.25)}
.calc__big span:last-child{margin-inline-end:60px}
.calc__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.calc__row b{display:block;font-size:var(--fs-22);font-weight:700;margin-top:4px}
.calc__out .btn{align-self:flex-start;min-height:48px;min-width:146px;font-size:var(--fs-22)}
.flash{animation:flash .5s ease}
@keyframes flash{0%{opacity:.4}100%{opacity:1}}

/* BADGES */
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{padding:7px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.4);font-size:var(--fs-18);font-weight:600}
.pill{padding:7px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.4);font-size:var(--fs-18);font-weight:600}
.cards4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
/* کارت‌های نشان (پیشگام، معتبر، کلکسیونر، راهبر) — از tanvin-level-cards.html */
.tv-levels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.tv-card{border:1px solid var(--purple-200);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:var(--white);transition:background-color .2s ease,transform .2s ease}
.tv-card:hover{background:var(--purple-100);transform:translateY(-2px)}
.tv-badge{width:88px;height:88px;display:block}
.tv-title{margin:4px 0 0;font-size:var(--fs-22);font-weight:700;color:var(--ink-table)}
.tv-desc{margin:0;font-size:var(--fs-16);line-height:1.8}
.tv-reward{width:100%;margin-top:auto;padding-top:12px;border-top:1px solid var(--purple-200);font-size:var(--fs-18);font-weight:700;color:var(--ink-violet)}
@media (max-width:1024px){ .tv-levels{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){
  .tv-levels{grid-template-columns:minmax(0,1fr)}
  .tv-card{padding:22px}
  .tv-badge{width:72px;height:72px}
}
@media (prefers-reduced-motion:reduce){ .tv-card{transition:none} .tv-card:hover{transform:none} }

/* سفیر نوین — پنل نشان نهایی زیر کارت‌های نشان */
.safir{margin-top:32px;padding:56px 64px;display:flex;align-items:center;gap:48px}
.safir__main{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:20px}
.safir__head{display:flex;align-items:center;gap:20px}
.safir__badge{width:96px;height:96px;flex:0 0 auto;display:block}
.safir__title{margin:0;font-size:var(--fs-40);font-weight:900;color:var(--white)}
.safir__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.safir__tags li{border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:8px 22px;font-size:var(--fs-18);font-weight:700}
.safir__desc{margin:0;font-size:var(--fs-18);line-height:1.9;color:rgba(255,255,255,.88)}
.safir__rules{flex:0 0 400px;padding-inline-start:32px;border-inline-start:3px solid var(--gold);display:flex;flex-direction:column;gap:16px}
.safir__rules h4{margin:0;font-size:var(--fs-22);font-weight:700}
.safir__rules ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;font-size:var(--fs-18);font-weight:600}
.safir__rules li{display:flex;align-items:center;gap:14px}
.safir__rules li::before{content:"";width:6px;height:6px;border-radius:999px;background:var(--white);flex-shrink:0}
@media (max-width:1024px){
  .safir{flex-direction:column;align-items:stretch;padding:40px 32px}
  .safir__rules{flex:none;padding-inline-start:0;border-inline-start:0;padding-top:24px;border-top:3px solid var(--gold)}
}
@media (max-width:560px){
  .safir{padding:32px 22px}
  .safir__badge{width:72px;height:72px}
  .safir__title{font-size:var(--fs-32)}
}

/* PERSONAS */
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.persona{border:1px solid var(--grey-rule);border-radius:var(--radius);padding:32px 28px;display:flex;flex-direction:column;gap:14px;transition:border-color .25s,box-shadow .25s}
.persona:hover{border-color:var(--purple-300);box-shadow:0 14px 30px rgba(80,30,120,.07)}
.persona .who{font-size:var(--fs-18);font-weight:700;color:var(--purple-800)}
.persona h3{font-size:var(--fs-18);font-weight:700}
.persona p{font-size:var(--fs-18);line-height:1.9;flex:1}
.persona .q{font-size:var(--fs-20);font-weight:800;color:var(--purple-900);border-top:1px solid var(--purple-200);padding-top:20px;margin-top:6px;flex:0}

/* MISSIONS — journey map */
.missions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:24px}
.mission{background:var(--purple-100);border-radius:var(--radius);padding:32px 28px 28px;display:flex;flex-direction:column;gap:24px;min-width:0}
.mission__top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.mission__h{display:flex;flex-direction:column;gap:6px}
.mission__tag{align-self:flex-start;background:var(--white);color:var(--ink-table);font-size:var(--fs-16);font-weight:600;padding:2px 14px;border-radius:999px}
.mission__h h3{font-size:var(--fs-22);font-weight:800;color:var(--purple-900)}
.mission__h small{font-size:var(--fs-16)}
.mission__total{display:flex;flex-direction:column;align-items:flex-end}
.mission__total strong{font-size:var(--fs-40);font-weight:900;color:var(--ink-violet);line-height:1.1}
.mission__total small{font-size:var(--fs-16);font-weight:600;color:var(--ink-table)}
.mission__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.jstep{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:var(--fs-18)}
.jstep span{color:var(--purple-900);font-weight:600}
.jstep small{font-size:var(--fs-16);font-weight:600;white-space:nowrap}
.jstep.is-done small{color:var(--purple-800)}

.journey{position:relative;height:260px;border-top:1px solid var(--purple-200)}
.journey__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.jline{fill:none;vector-effect:non-scaling-stroke}
.jline--base{stroke:var(--purple-200);stroke-width:1;stroke-dasharray:3 4}
.jline--todo{stroke:var(--purple-300);stroke-width:2;stroke-dasharray:6 6}
.jline--done{stroke:var(--ink-violet);stroke-width:2.5}
/* سر فلش‌ها: رنگ هر فلش با خط خودش */
.jarrow--done{fill:var(--ink-violet)}
.jarrow--todo{fill:var(--purple-300)}

.jstart{position:absolute;width:0;height:0}
.jstart i{position:absolute;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:999px;background:var(--ink-violet)}
.jstart span{position:absolute;left:0;top:12px;transform:translateX(-50%);font-size:var(--fs-16);font-weight:600;color:var(--ink-table);white-space:nowrap}

.jnode{position:absolute;width:0;height:0}
.jnode__dot{position:absolute;left:0;top:0;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  font-size:var(--fs-18);font-weight:700;background:var(--white);color:var(--grey-body);border:1px solid var(--purple-200);cursor:pointer;padding:0;
  transition:background .25s,color .25s,border-color .25s,transform .25s}
.jnode__dot:hover{transform:scale(1.08)}
.jnode.is-next .jnode__dot{color:var(--ink-violet);border:2px solid var(--ink-violet)}
.jnode.is-done .jnode__dot{background:var(--ink-violet);color:var(--white);border-color:var(--ink-violet)}
.jnode__bubble{position:absolute;left:0;top:30px;transform:translateX(-50%);white-space:nowrap;font-size:var(--fs-16);font-weight:600;
  padding:6px 14px;border-radius:999px;background:var(--white);color:var(--ink-table);border:1px solid var(--purple-200)}
.jnode.is-done .jnode__bubble{background:var(--ink-violet);color:var(--white);border-color:var(--ink-violet)}

.mission__repeat{font-size:var(--fs-16);color:var(--ink-table);border-top:1px solid var(--purple-200);padding-top:14px}
@media (prefers-reduced-motion:reduce){ .jnode__dot{transition:none} .jnode__dot:hover{transform:none} }

/* INVITEE */
.invite{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.box{border:1px solid var(--grey-rule);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:22px}
.gift{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 16px;align-items:baseline}
.gift b{grid-column:1;grid-row:1/3;font-size:var(--fs-22);font-weight:900;color:var(--purple-800)}
.gift span,.gift small{grid-column:2}
.gift span{font-size:var(--fs-18);font-weight:700}
.gift small{font-size:var(--fs-18)}
.funds{border-top:1px solid var(--purple-200);padding-top:20px;display:flex;flex-direction:column;gap:12px}
.funds > span{font-size:var(--fs-16);font-weight:600}
.soft{padding:6px 22px;border-radius:999px;background:var(--purple-100);font-size:var(--fs-16);font-weight:600}
.box h3{font-size:var(--fs-18);font-weight:700}
.box blockquote{background:var(--purple-100);border-radius:var(--radius);padding:24px 20px;font-size:var(--fs-16);line-height:2.4}
.copyrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.copyrow .btn{min-height:50px;min-width:80px;padding:0 22px;font-size:var(--fs-16)}
.copied{font-size:var(--fs-16);font-weight:600;color:var(--purple-800);opacity:0;transition:opacity .25s}
.copied.is-on{opacity:1}

/* TANVIN COIN — سکه نقره تنوین (پس‌زمینه بنفش) */
.tcoin{padding-block:104px}
.tcoin__top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center}
.tcoin__text{display:flex;flex-direction:column;gap:18px}
.tcoin .eyebrow{color:var(--purple-200);font-weight:600}
.tcoin .h2{color:var(--white)}
.tcoin .lead{color:rgba(255,255,255,.88)}
.tcoin__note{display:flex;gap:18px;margin-top:8px}
.tcoin__note .keyline{width:3px;background:var(--yellow);flex-shrink:0}
.tcoin__note b{display:block;font-size:var(--fs-22);font-weight:700;margin-bottom:6px}
.tcoin__note p{font-size:var(--fs-18);color:rgba(255,255,255,.82)}
.tcoin__img{position:relative;display:flex;justify-content:center}
.tcoin__img::before{content:"";position:absolute;inset:-10% -8%;background:radial-gradient(closest-side at 50% 55%,rgba(236,128,96,.35),rgba(176,92,168,.22) 45%,rgba(120,60,160,0) 100%);filter:blur(12px);z-index:-1}
.tcoin__img img{width:100%;max-width:620px;filter:drop-shadow(0 24px 30px rgba(30,10,50,.35))}
.tcoin__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:64px}
.tfact{border:1px solid rgba(255,255,255,.25);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:10px}
.tfact__lbl{font-size:var(--fs-16);color:var(--purple-200)}
.tfact b{font-size:var(--fs-32);font-weight:800;line-height:1.3;color:var(--white)}
.tfact p{font-size:var(--fs-18);line-height:1.8;color:rgba(255,255,255,.82)}
.tcoin__ways{margin-top:48px;padding-top:40px;border-top:1px solid rgba(255,255,255,.25)}
.tcoin__ways h3{font-size:var(--fs-24);font-weight:700;margin-bottom:24px}
.tcoin__ways ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px}
.tcoin__ways li{display:flex;flex-direction:column;gap:6px}
.tcoin__ways b{font-size:var(--fs-24);font-weight:800;color:var(--yellow)}
.tcoin__ways span{font-size:var(--fs-18);color:rgba(255,255,255,.82)}
/* دسکتاپ: کل سکشن در یک صفحه (زوم ۱۰۰٪) جا شود — ارتفاع = صفحه − منو؛ اندازه‌ها با ارتفاع صفحه (vh) کوچک می‌شوند */
@media (min-width:961px){
  .tcoin{min-height:calc(100vh - var(--nav-h,89px));display:flex;align-items:center;padding-block:clamp(16px,3.5vh,104px)}
  .tcoin > .wrap{width:100%}
  .tcoin__top{gap:clamp(24px,4vh,48px)}
  .tcoin__text{gap:clamp(6px,1.5vh,18px)}
  .tcoin .eyebrow{font-size:min(var(--fs-22),2.5vh)}
  .tcoin .h2{font-size:min(var(--fs-40),4.8vh);line-height:1.35}
  .tcoin .lead{font-size:min(var(--fs-22),2.5vh);line-height:1.7}
  .tcoin__note{margin-top:0}
  .tcoin__note b{font-size:min(var(--fs-22),2.5vh);margin-bottom:2px}
  .tcoin__note p{font-size:clamp(14px,2.2vh,var(--fs-18))}
  .tcoin__img img{width:auto;max-width:100%;height:min(420px,32vh);object-fit:contain}
  .tcoin__facts{margin-top:clamp(14px,3vh,64px)}
  .tfact{padding:clamp(12px,2.2vh,28px);gap:clamp(4px,1vh,10px)}
  .tfact__lbl{font-size:clamp(14px,2vh,var(--fs-16))}
  .tfact b{font-size:min(var(--fs-32),3.8vh)}
  .tfact p{font-size:clamp(14px,2.1vh,var(--fs-18));line-height:1.7}
  .tcoin__ways{margin-top:clamp(14px,2.6vh,48px);padding-top:clamp(12px,2.6vh,40px)}
  .tcoin__ways h3{font-size:min(var(--fs-24),2.9vh);margin-bottom:clamp(6px,1.5vh,24px)}
  .tcoin__ways b{font-size:min(var(--fs-24),2.9vh)}
  .tcoin__ways span{font-size:clamp(14px,2.1vh,var(--fs-18))}
}
@media (max-width:960px){
  .tcoin{padding-block:72px}
  .tcoin__top{grid-template-columns:minmax(0,1fr)}
  .tcoin__img{order:-1}
  .tcoin__img img{max-width:440px}
  .tcoin__facts{grid-template-columns:minmax(0,1fr);margin-top:40px}
  .tcoin__ways ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* POOL */
.pool{padding-block:104px}
.pool .h2{color:#fff}
.pool .eyebrow{color:var(--purple-200);font-weight:600}
.pool .lead{color:rgba(255,255,255,.85)}
.pool__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:end;margin-top:12px}
.podium{display:flex;align-items:flex-end;justify-content:center;gap:10px;height:240px}
.podium div{flex:1;max-width:88px;height:0;border-radius:8px 8px 0 0;color:var(--purple-900);display:flex;flex-direction:column;align-items:center;padding-top:12px;transition:height .9s cubic-bezier(.2,.8,.2,1)}
.podium b{font-size:var(--fs-22);font-weight:900}
.podium span{font-size:var(--fs-18);font-weight:700}
.podium-cap{text-align:center;font-size:var(--fs-16);color:var(--purple-200);margin-top:12px}
.halfcard{border:1px solid rgba(255,255,255,.25);border-radius:var(--radius);padding:28px;display:flex;gap:20px;margin-bottom:20px}
.halfcard .keyline{width:3px;background:var(--gold);flex-shrink:0}
.halfcard div{display:flex;flex-direction:column;gap:12px}
.halfcard .pct{font-size:var(--fs-40);font-weight:900;line-height:1.2}
.halfcard h3{font-size:var(--fs-18);font-weight:700}
.halfcard p{font-size:var(--fs-18);line-height:2;color:rgba(255,255,255,.85)}

/* FAQ */
.faq{max-width:820px;margin-inline:auto;border-top:1px solid var(--ink-table)}
.faq-sec .head{max-width:none;align-items:flex-start;width:100%}
.faq__item{border-bottom:1px solid var(--purple-200)}
.faq__btn{width:100%;display:flex;align-items:center;gap:16px;min-height:66px;padding:12px 4px;background:none;border:0;cursor:pointer;text-align:right;color:var(--grey-body);font-size:var(--fs-22);font-weight:600}
.faq__btn span{flex:1}
.faq__btn:hover{color:var(--purple-800)}
.faq__a{font-size:var(--fs-18);line-height:2.4;padding:0 4px 22px}

/* FINAL CTA */
.join{text-align:center;padding:64px 24px 64px;display:flex;flex-direction:column;align-items:center;gap:20px}
.join img{width:90px}
.join h2{font-size:var(--fs-32);font-weight:800;color:#fff}
.join p{font-size:var(--fs-18);color:rgba(255,255,255,.88)}
.join form{display:flex;flex-wrap:wrap;gap:10px;width:100%;max-width:500px;margin-top:12px}
.join .input{flex:1 1 220px;min-height:60px;border:0;font-size:var(--fs-18);text-align:left;direction:ltr}
.join .input.is-bad{box-shadow:0 0 0 3px rgba(255,120,120,.6)}
.join .btn{min-height:60px;min-width:160px;font-size:var(--fs-16);border:0}
.join__msg{font-size:var(--fs-16);color:var(--purple-200);min-height:18px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

footer{border-top:1px solid var(--purple-200);padding-block:30px;font-size:var(--fs-16);margin-top:70px}
footer .wrap{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between}
footer .footer__links{display:flex;flex-wrap:wrap;gap:10px 18px}
footer .footer__links a{color:inherit;text-decoration:none;opacity:.85}
footer .footer__links a:hover{opacity:1;text-decoration:underline}

/* reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .hero__coin img{animation:none}
  html{scroll-behavior:auto}
}

/* RESPONSIVE */
@media (max-width:1100px){
  .nav__links{gap:18px}
  .hero h1{font-size:var(--fs-56)}
  .calc__big span:last-child{margin-inline-end:0}
}
@media (max-width:960px){
  .steps3{grid-template-columns:minmax(0,1fr);gap:36px}
  .step__arrow{display:none}
  .step__num{font-size:64px}
  .example{flex-direction:column;align-items:stretch}
  .example .btn{align-self:flex-start}
  .example .keyline{display:none}
  .nav__links{display:none;position:absolute;top:88px;inset-inline:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--purple-100);padding:8px 24px 16px;box-shadow:0 12px 24px rgba(46,20,68,.08)}
  .nav__links.is-open{display:flex}
  .nav__links a{padding-block:12px;font-size:var(--fs-18)}
  .nav__burger{display:grid}
  .hero{min-height:0}
  .hero__grid,.calc,.invite,.pool__grid,.presets{grid-template-columns:minmax(0,1fr)}
  .presets{gap:8px}
  .hero__coin{order:-1}
  .hero__grid{padding-block:32px 48px}
  .hero__coin img{max-width:340px}
  .strip{grid-template-columns:minmax(0,1fr);gap:20px}
  .strip__a{max-width:none}
  .cards4,.split__nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards3{grid-template-columns:minmax(0,1fr)}
  .section,.pool{padding-block:72px}
  .h2{font-size:var(--fs-32)}
}
@media (max-width:560px){
  .nav__cta{display:none}
  .logo__name{font-size:var(--fs-18)}
  .hero h1{font-size:var(--fs-hero-mobile)}
  .hero__btns .btn{min-width:0;flex:1 1 140px}
  .hero__list{font-size:var(--fs-18)}
  .strip__pct{font-size:var(--fs-72)}
  .strip__a{font-size:var(--fs-18)}
  .strip__b p{font-size:var(--fs-22)}
  .cards4{grid-template-columns:minmax(0,1fr)}
  .crow{flex-direction:column;align-items:stretch;gap:8px}
  .crow__head{flex:none}
  .dots{display:none}
  .calc__big{font-size:var(--fs-32)}
  .h2{font-size:var(--fs-32)}
  .mission{padding:24px 18px}
  .mission__total strong{font-size:var(--fs-32)}
  .journey{height:200px}
  .jnode__bubble{display:none}
  .gift{grid-template-columns:minmax(0,1fr) 100px}
  .preset{padding:0 18px}
  .bar > div{font-size:var(--fs-16)}
}