/* ============================================================
   DISIPHEE — قالب مشترک صفحات داخلی
   شناخت دیزیفی · گفت‌وگو · منابع برند

   یک فایل برای هر سه صفحه: پوسته، فاصله‌ها و کامپوننت‌ها مشترک‌اند
   و هر صفحه فقط بلوک‌های خودش را استفاده می‌کند.

   قوانین برند: بدون سایه، بدون گرادیان، بدون افکت شیشه‌ای،
   فقط رنگ‌های پالت، فاصله‌ها مضرب ۸، دکمه‌ها Pill، گردی ۱۴–۲۴.
   ============================================================ */

.in, .in *{ box-sizing:border-box; }

.in-rise{
  opacity:0; transform:translateY(18px);
  transition:opacity .55s ease, transform .55s ease;
}
.in-rise.is-in{ opacity:1; transform:none; }

/* ---------- مسیر ناوبری ---------- */
.in-crumb{ background:var(--white); border-bottom:1px solid var(--stroke); padding:14px var(--dzf-gutter); }
.in-crumb__inner{
  max-width:var(--dzf-container); margin:0 auto;
  display:flex; align-items:center; flex-wrap:wrap; gap:8px;
  font-size:13px; color:var(--dzf-muted-2);
}
.in-crumb a{ color:var(--dzf-muted); }
.in-crumb a:hover{ color:var(--primary); }
.in-crumb b{ color:var(--primary); font-weight:600; }

/* ---------- چیپ ---------- */
.in-chip{
  display:inline-flex; align-items:center; gap:8px;
  margin-bottom:12px;
  padding:7px 16px; border-radius:999px;
  border:1px solid var(--stroke);
  font-size:12px; font-weight:700; color:var(--primary);
  unicode-bidi:plaintext;
}
.in-chip--accent{ background:var(--accent); border-color:var(--accent); }
.in-chip svg{ width:15px; height:15px; }

/* ============================================================
   هرو
   ============================================================ */
.in-hero{
  background:var(--white);
  padding:var(--dzf-space-xxl) var(--dzf-gutter);
  border-bottom:1px solid var(--stroke);
}
.in-hero__inner{
  max-width:var(--dzf-container); margin:0 auto;
  display:grid; grid-template-columns:1.05fr .95fr;
  gap:var(--dzf-space-xl); align-items:center;
}
.in-hero__inner--solo{ grid-template-columns:1fr; max-width:760px; text-align:center; }
.in-hero__inner--solo .in-hero__l{ margin-inline:auto; }
.in-hero__inner--solo .in-hero__btns{ justify-content:center; }
.in-hero__t{
  margin:0 0 var(--dzf-space-sm);
  font-size:clamp(1.7rem, 3.6vw, 2.7rem);
  font-weight:800; line-height:1.35; color:var(--primary);
  text-wrap:balance;
}
.in-hero__l{
  margin:0 0 var(--dzf-space-md); max-width:60ch;
  font-size:15.5px; line-height:2; color:var(--dzf-muted);
}
.in-hero__btns{ display:flex; flex-wrap:wrap; gap:12px; }
.in-micro{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px;
  margin:var(--dzf-space-md) 0 0;
  font-size:12.5px; color:var(--dzf-muted-2);
}
.in-hero__inner--solo .in-micro{ justify-content:center; }
.in-micro span{ display:inline-flex; align-items:center; gap:6px; }
.in-micro span::before{
  content:""; width:6px; height:6px; border-radius:999px; background:var(--accent);
}

/* فلش دکمه‌ی اصلی — فقط حرکت، بدون بزرگ شدن */
.in-arrow svg{ transition:transform .25s ease; }
.in-arrow:hover svg{ transform:translateX(-4px); }

/* ============================================================
   سکشن پایه
   ============================================================ */
.in-sec{ padding:var(--dzf-space-xxl) var(--dzf-gutter); }
.in-sec--tight{ padding-top:var(--dzf-space-xl); }
.in-sec__inner{ max-width:var(--dzf-container); margin:0 auto; }
.in-sec__head{ max-width:72ch; margin-bottom:var(--dzf-space-xl); }
.in-sec__head--mid{ margin-inline:auto; text-align:center; }
.in-sec__head h2{
  margin:0 0 12px; font-size:clamp(1.3rem, 2.6vw, 1.9rem);
  font-weight:800; line-height:1.5; color:var(--primary); text-wrap:balance;
}
.in-sec__head p{ margin:0; font-size:15px; line-height:2; color:var(--dzf-muted); }
.in-sec__head--light h2{ color:var(--white); }
.in-sec__head--light p{ color:var(--bg); opacity:.72; }
.in-sec--white{ background:var(--white); }
.in-sec--dark{ background:var(--primary); }

/* ---------- کارت‌های عمومی ---------- */
.in-cards{ display:grid; gap:var(--dzf-space-sm); }
.in-cards--2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.in-cards--3{ grid-template-columns:repeat(3, minmax(0,1fr)); }
.in-cards--4{ grid-template-columns:repeat(4, minmax(0,1fr)); }
.in-card{
  background:var(--white); border:1px solid var(--stroke);
  border-radius:20px; padding:var(--dzf-space-md);
  transition:opacity .55s ease, transform .55s ease, border-color .22s ease;
}
.in-card:hover{ border-color:var(--primary); }
.in-card__ico{
  display:flex; align-items:center; justify-content:center;
  width:44px; height:44px; margin-bottom:12px;
  border-radius:14px; background:var(--bg); color:var(--primary);
  transition:background-color .22s ease;
}
.in-card:hover .in-card__ico{ background:var(--accent); }
.in-card__ico svg{ width:21px; height:21px; }
.in-card strong{ display:block; font-size:15px; color:var(--primary); }
.in-card p{ margin:8px 0 0; font-size:13.5px; line-height:1.9; color:var(--dzf-muted-2); }
.in-card__go{
  display:inline-flex; align-items:center; gap:6px;
  margin-top:12px; font-size:12.5px; font-weight:700; color:var(--primary);
  border-bottom:1.5px solid var(--accent);
}
.in-card__go svg{ width:13px; height:13px; transition:transform .25s ease; }
.in-card:hover .in-card__go svg{ transform:translateX(-3px); }

/* ============================================================
   شناخت دیزیفی — پراکندگی به سیستم
   ============================================================ */
.in-flow{ background:var(--primary); border-radius:24px; padding:var(--dzf-space-md); }
.in-flow__k{ display:block; margin-bottom:var(--dzf-space-sm); font-size:12px; color:var(--bg); opacity:.55; unicode-bidi:plaintext; }
.in-flow ol{ display:flex; flex-direction:column; gap:10px; margin:0; padding:0; list-style:none; }
.in-flow li{
  display:flex; align-items:center; gap:14px;
  padding:14px var(--dzf-space-sm); border-radius:16px;
  background:rgba(226,227,231,.08); border:1px solid rgba(226,227,231,.18);
  opacity:0; transform:translateY(12px);
  transition:opacity .5s ease, transform .5s ease;
  transition-delay:var(--i, 0ms);
}
.in-flow.is-in li{ opacity:1; transform:none; }
.in-flow li:last-child{ background:var(--accent); border-color:var(--accent); }
.in-flow__n{
  display:flex; align-items:center; justify-content:center;
  width:34px; height:34px; flex-shrink:0; border-radius:12px;
  background:rgba(226,227,231,.14); color:var(--bg);
  font-size:12px; font-weight:800;
}
.in-flow li:last-child .in-flow__n{ background:var(--white); color:var(--primary); }
.in-flow strong{ display:block; font-size:14px; color:var(--white); unicode-bidi:plaintext; }
.in-flow span:not(.in-flow__n):not(.in-flow__k){ display:block; font-size:11.5px; color:var(--bg); opacity:.55; }
.in-flow li:last-child strong{ color:var(--primary); }
/* :not(.in-flow__n) لازم است تا ویژگی به (۰,۳,۲) برسد و از
   `.in-flow span:not(.in-flow__n):not(.in-flow__k)` که (۰,۳,۱) است
   بالاتر بنشیند. بدون آن، متن فارسیِ حلقه‌ی آخر رنگِ روشنِ ۵۵٪ را
   می‌گرفت و روی زمینه‌ی زرد اصلاً دیده نمی‌شد. */
.in-flow li:last-child span:not(.in-flow__n){ color:var(--primary); opacity:.72; }

/* قبل و بعد: فایل‌های پراکنده در برابر یک سیستم */
.in-ba{ display:grid; grid-template-columns:1fr auto 1fr; gap:var(--dzf-space-md); align-items:center; }
.in-ba__side{ border:1px solid var(--stroke); border-radius:24px; padding:var(--dzf-space-lg); }
.in-ba__side--after{ background:var(--primary); border-color:var(--primary); }
.in-ba__k{
  display:inline-block; margin-bottom:var(--dzf-space-md);
  padding:5px 14px; border-radius:999px;
  background:var(--bg); font-size:11.5px; font-weight:700; color:var(--dzf-muted);
}
.in-ba__side--after .in-ba__k{ background:var(--accent); color:var(--primary); }
.in-files{ display:flex; flex-direction:column; gap:8px; margin:0; padding:0; list-style:none; }
.in-files li{
  padding:10px 14px; border:1px dashed var(--stroke); border-radius:12px;
  font-size:12.5px; color:var(--dzf-muted-2); direction:ltr; text-align:left;
}
.in-ba__arrow{ display:flex; justify-content:center; color:var(--dzf-muted-3); }
.in-ba__arrow svg{ width:26px; height:26px; }
.in-sys{ display:flex; flex-direction:column; gap:8px; margin:0; padding:0; list-style:none; }
.in-sys li{
  padding:11px 16px; border-radius:14px;
  background:rgba(226,227,231,.08); border:1px solid rgba(226,227,231,.18);
  font-size:13px; color:var(--bg); unicode-bidi:plaintext;
}
.in-sys li:first-child{ background:var(--accent); border-color:var(--accent); color:var(--primary); font-weight:700; }

/* چشم‌انداز و مأموریت */
.in-vm{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--dzf-space-sm); }
.in-vm article{ border:1px solid var(--stroke); border-radius:24px; padding:var(--dzf-space-lg); }
.in-vm article:last-child{ background:var(--primary); border-color:var(--primary); }
.in-vm__k{
  display:inline-block; margin-bottom:12px;
  padding:6px 14px; border-radius:999px;
  background:var(--bg); font-size:11.5px; font-weight:700; color:var(--dzf-muted);
  unicode-bidi:plaintext;
}
.in-vm article:last-child .in-vm__k{ background:var(--accent); color:var(--primary); }
.in-vm h3{ margin:0 0 10px; font-size:1.2rem; font-weight:800; color:var(--primary); }
.in-vm p{ margin:0; font-size:14.5px; line-height:2; color:var(--dzf-muted); }
.in-vm article:last-child h3{ color:var(--white); }
.in-vm article:last-child p{ color:var(--bg); opacity:.72; }

/* فلسفه */
.in-phil{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--dzf-space-sm); }
.in-phil article{
  display:flex; gap:16px;
  border:1px solid var(--stroke); border-radius:20px; padding:var(--dzf-space-md);
  transition:opacity .55s ease, transform .55s ease, border-color .22s ease;
}
.in-phil article:hover{ border-color:var(--primary); }
/* دایره‌ی توپُر تیره با عدد سفید — قبلاً فقط یک حلقه‌ی زرد با عدد
   تیره بود که کنار متن، وزن کافی نداشت. */
.in-phil__n{
  display:flex; align-items:center; justify-content:center;
  width:38px; height:38px; flex-shrink:0; border-radius:999px;
  background:var(--primary); border:1.5px solid var(--primary);
  color:var(--white);
  font-size:13px; font-weight:800; line-height:1;
}
.in-phil b{ display:block; font-size:15.5px; color:var(--primary); unicode-bidi:plaintext; }
.in-phil em{ display:block; margin-top:2px; font-style:normal; font-size:12px; color:var(--dzf-muted-3); unicode-bidi:plaintext; }
.in-phil p{ margin:8px 0 0; font-size:13.5px; line-height:1.9; color:var(--dzf-muted-2); }

/* هشت ارزش */
.in-values{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; }
.in-value{
  border:1px solid var(--stroke); border-radius:20px;
  padding:var(--dzf-space-md); text-align:center;
  transition:opacity .55s ease, transform .55s ease, border-color .22s ease;
}
.in-value:hover{ border-color:var(--primary); }
.in-value__l{
  display:block; font-size:1.9rem; font-weight:800; line-height:1;
  color:var(--accent); unicode-bidi:plaintext;
}
.in-value b{ display:block; margin:8px 0 6px; font-size:14px; color:var(--primary); unicode-bidi:plaintext; }
.in-value p{ margin:0; font-size:12.5px; line-height:1.8; color:var(--dzf-muted-2); }

/* ============================================================
   گفت‌وگو — سناریوها، فرآیند، فرم
   ============================================================ */
.in-expect{ display:grid; grid-template-columns:1fr 1fr; gap:var(--dzf-space-md); align-items:start; }
.in-expect__no{
  background:var(--primary); border-radius:24px; padding:var(--dzf-space-lg);
}
.in-expect__no strong{ display:block; font-size:1.15rem; color:var(--accent); line-height:1.6; }
.in-expect__no p{ margin:10px 0 0; font-size:14px; line-height:1.95; color:var(--bg); opacity:.72; }
.in-expect__yes{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; }
.in-expect__yes li{
  display:flex; align-items:flex-start; gap:12px;
  border:1px solid var(--stroke); border-radius:16px; padding:14px var(--dzf-space-sm);
  font-size:14px; line-height:1.8; color:var(--primary);
}
.in-expect__yes li::before{
  content:""; flex-shrink:0; margin-top:7px;
  width:8px; height:8px; border-radius:999px; background:var(--accent);
}

/* فرآیند: خط با اسکرول کشیده می‌شود */
.in-steps{ margin:0; padding:0; list-style:none; position:relative; }
.in-steps::before{
  content:""; position:absolute; top:18px; bottom:18px;
  inset-inline-start:19px; width:2px; background:var(--stroke);
}
.in-steps::after{
  content:""; position:absolute; top:18px;
  inset-inline-start:19px; width:2px; height:calc(100% - 36px);
  background:var(--accent);
  transform:scaleY(0); transform-origin:top;
  transition:transform 1.5s cubic-bezier(.22,.8,.28,1);
}
.in-steps.is-in::after{ transform:scaleY(1); }
.in-steps li{
  position:relative; display:flex; align-items:flex-start; gap:18px;
  padding-bottom:var(--dzf-space-md);
}
.in-steps li:last-child{ padding-bottom:0; }
.in-steps__n{
  position:relative; z-index:2;
  display:flex; align-items:center; justify-content:center;
  width:40px; height:40px; flex-shrink:0; border-radius:999px;
  background:var(--white); border:2px solid var(--stroke);
  font-size:13px; font-weight:800; color:var(--dzf-muted-2);
  transition:background-color .3s ease, border-color .3s ease, color .3s ease;
}
.in-steps.is-in li .in-steps__n{ background:var(--accent); border-color:var(--accent); color:var(--primary); }
.in-steps__b{
  flex:1; min-width:0;
  background:var(--white); border:1px solid var(--stroke);
  border-radius:20px; padding:var(--dzf-space-md);
}
.in-steps__b strong{ display:block; font-size:15px; color:var(--primary); }
.in-steps__b p{ margin:6px 0 0; font-size:13.5px; line-height:1.9; color:var(--dzf-muted-2); }

.in-outcome{
  display:flex; align-items:center; flex-wrap:wrap; gap:16px;
  margin-top:var(--dzf-space-lg);
  background:var(--primary); border-radius:20px; padding:var(--dzf-space-md);
}
.in-outcome > span{ font-size:12px; color:var(--bg); opacity:.55; unicode-bidi:plaintext; }
.in-outcome ol{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; padding:0; list-style:none; }
.in-outcome li{
  padding:9px 18px; border-radius:999px;
  background:rgba(226,227,231,.1); border:1px solid rgba(226,227,231,.2);
  font-size:12.5px; color:var(--bg); unicode-bidi:plaintext;
}
.in-outcome li:first-child{ background:var(--accent); border-color:var(--accent); color:var(--primary); font-weight:700; }

/* ---------- فرم چندمرحله‌ای ---------- */
.in-form{
  max-width:760px; margin:0 auto;
  background:var(--white); border:1px solid var(--stroke);
  border-radius:24px; padding:var(--dzf-space-lg);
}
.in-form__prog{ margin-bottom:var(--dzf-space-lg); }
.in-form__progr{
  display:flex; align-items:baseline; justify-content:space-between; margin-bottom:10px;
}
.in-form__progr b{ font-size:13px; color:var(--primary); unicode-bidi:plaintext; }
.in-form__progr span{ font-size:12px; color:var(--dzf-muted-2); }
.in-form__track{ height:6px; border-radius:999px; background:var(--bg); overflow:hidden; }
.in-form__track i{
  display:block; height:100%; width:25%; border-radius:999px; background:var(--accent);
  transition:width .45s cubic-bezier(.22,.8,.28,1);
}

.in-step[hidden]{ display:none; }
.in-step__k{
  display:block; margin-bottom:var(--dzf-space-md);
  font-size:1.1rem; font-weight:800; color:var(--primary);
}
.in-field{ margin-bottom:var(--dzf-space-sm); }
.in-field label{ display:block; margin-bottom:8px; font-size:13px; font-weight:600; color:var(--primary); }
.in-field input,
.in-field select,
.in-field textarea{
  width:100%; padding:13px 18px;
  border:1.5px solid var(--stroke); border-radius:999px;
  background:var(--white);
  font-family:var(--dzf-font); font-size:14px; color:var(--primary);
  transition:border-color .22s ease;
}
.in-field textarea{ border-radius:18px; min-height:110px; resize:vertical; line-height:1.9; }
.in-field input:focus,
.in-field select:focus,
.in-field textarea:focus{ outline:none; border-color:var(--primary); }
.in-field__row{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }

.in-opts{ display:flex; flex-wrap:wrap; gap:8px; }
.in-opt{ position:relative; }
.in-opt input{ position:absolute; opacity:0; width:0; height:0; }
.in-opt span{
  display:inline-block; padding:10px 18px; border-radius:999px;
  border:1.5px solid var(--stroke);
  font-size:13px; color:var(--dzf-muted); cursor:pointer;
  transition:background-color .22s ease, color .22s ease, border-color .22s ease;
}
.in-opt input:checked + span{ background:var(--accent); border-color:var(--accent); color:var(--primary); font-weight:700; }
.in-opt input:focus-visible + span{ outline:2px solid var(--primary); outline-offset:2px; }

.in-form__nav{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin-top:var(--dzf-space-lg);
  padding-top:var(--dzf-space-md);
  border-top:1px solid var(--stroke);
}
.in-btn{
  padding:12px 26px; border-radius:999px; cursor:pointer;
  font-family:var(--dzf-font); font-size:14px; font-weight:700;
  border:1.5px solid transparent;
  transition:background-color .22s ease, color .22s ease, border-color .22s ease;
}
.in-btn--go{ background:var(--primary); color:var(--bg); border-color:var(--primary); }
.in-btn--go:hover{ background:var(--accent); color:var(--primary); border-color:var(--accent); }
.in-btn--back{ background:transparent; color:var(--dzf-muted); border-color:var(--stroke); }
.in-btn--back:hover{ border-color:var(--primary); color:var(--primary); }
.in-btn[hidden]{ display:none; }

/* انتخاب زمان */
.in-slots{ display:flex; flex-direction:column; gap:var(--dzf-space-sm); }
.in-slots__day > span{ display:block; margin-bottom:10px; font-size:13px; font-weight:700; color:var(--primary); }
.in-slots__row{ display:flex; flex-wrap:wrap; gap:8px; }

/* پیام‌ها */
.in-note{
  /* margin-top صفر بود و بند دقیقاً به کادر «قبل / بعد» می‌چسبید */
  margin:var(--dzf-space-md) 0;
  padding:16px 20px; border-radius:16px;
  background:var(--bg); border-inline-start:3px solid var(--accent);
  font-size:13.5px; line-height:1.9; color:var(--primary);
}

/* صفحه‌ی موفقیت */
.in-done{ max-width:640px; margin:0 auto; text-align:center; }
.in-done__ck{
  display:inline-flex; align-items:center; justify-content:center;
  width:64px; height:64px; margin-bottom:var(--dzf-space-md);
  border-radius:999px; background:var(--accent); color:var(--primary);
}
.in-done__ck svg{ width:30px; height:30px; }
.in-done h2{ margin:0 0 12px; font-size:1.6rem; font-weight:800; color:var(--primary); }
.in-done > p{ margin:0 0 var(--dzf-space-lg); font-size:14.5px; line-height:2; color:var(--dzf-muted); }
.in-done__meta{
  display:flex; flex-wrap:wrap; justify-content:center; gap:1px;
  background:var(--stroke); border-radius:20px; overflow:hidden;
  margin-bottom:var(--dzf-space-lg);
}
.in-done__meta div{ flex:1; min-width:140px; background:var(--white); padding:var(--dzf-space-md); }
.in-done__meta span{ display:block; font-size:11.5px; color:var(--dzf-muted-2); unicode-bidi:plaintext; }
.in-done__meta b{ display:block; margin-top:4px; font-size:14px; color:var(--primary); }
.in-done__path{
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px;
  margin-bottom:var(--dzf-space-lg);
}
.in-done__path span{
  padding:9px 18px; border-radius:999px;
  border:1px solid var(--stroke); font-size:13px; color:var(--primary);
}
.in-done__path span:last-child{ background:var(--accent); border-color:var(--accent); font-weight:700; }

/* پرسش‌ها */
.in-faq{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--dzf-space-sm); }
.in-faq article{
  background:var(--white); border:1px solid var(--stroke);
  border-radius:20px; padding:var(--dzf-space-md);
}
.in-faq strong{ display:block; font-size:15px; color:var(--primary); }
.in-faq p{ margin:8px 0 0; font-size:13.5px; line-height:1.9; color:var(--dzf-muted-2); }

/* ============================================================
   منابع برند
   ============================================================ */
.in-res{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--dzf-space-sm); }
.in-res__c{
  display:flex; align-items:flex-start; gap:16px;
  background:var(--white); border:1px solid var(--stroke);
  border-radius:20px; padding:var(--dzf-space-md);
  transition:opacity .55s ease, transform .55s ease, border-color .22s ease;
}
.in-res__c:hover{ border-color:var(--primary); }
.in-res__ico{
  display:flex; align-items:center; justify-content:center;
  width:46px; height:46px; flex-shrink:0; border-radius:14px;
  background:var(--bg); color:var(--primary);
  transition:background-color .22s ease;
}
.in-res__c:hover .in-res__ico{ background:var(--accent); }
.in-res__ico svg{ width:22px; height:22px; }
.in-res__b{ flex:1; min-width:0; }
.in-res__b strong{ display:block; font-size:15px; color:var(--primary); unicode-bidi:plaintext; }
.in-res__b p{ margin:6px 0 0; font-size:13px; line-height:1.85; color:var(--dzf-muted-2); }
.in-res__tag{
  display:inline-block; margin-top:12px;
  padding:6px 14px; border-radius:999px;
  background:var(--bg); font-size:11.5px; font-weight:700; color:var(--dzf-muted);
}
.in-res__tag--free{ background:var(--accent); color:var(--primary); }
.in-res__tag--lock{ background:var(--primary); color:var(--bg); }

/* فهرست قالب‌ها */
.in-list{
  display:grid; grid-template-columns:repeat(4, minmax(0,1fr));
  gap:1px; background:var(--stroke);
  border-radius:20px; overflow:hidden;
  margin:0; padding:0; list-style:none;
}
.in-list li{
  background:var(--white); padding:var(--dzf-space-md);
  font-size:13.5px; color:var(--primary);
  transition:background-color .22s ease;
  unicode-bidi:plaintext;
}
.in-list li:hover{ background:var(--bg); }

/* ابزارها */
.in-tools{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--dzf-space-sm); }
.in-tool{
  border:1px dashed var(--stroke); border-radius:20px;
  padding:var(--dzf-space-md);
  transition:opacity .55s ease, transform .55s ease, border-color .22s ease;
}
.in-tool:hover{ border-color:var(--primary); }
.in-tool strong{ display:block; font-size:14.5px; color:var(--primary); unicode-bidi:plaintext; }
.in-tool p{ margin:6px 0 0; font-size:12.5px; line-height:1.8; color:var(--dzf-muted-2); }
.in-tool em{
  display:inline-block; margin-top:12px; font-style:normal;
  padding:4px 12px; border-radius:999px;
  background:var(--bg); font-size:10.5px; font-weight:700; color:var(--dzf-muted-2);
}

/* منابع اختصاصی کاربران */
.in-member{
  background:var(--primary); border-radius:24px; padding:var(--dzf-space-lg);
}
.in-member__grid{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px; margin:var(--dzf-space-md) 0 0; padding:0; list-style:none;
}
.in-member__grid li{
  display:flex; align-items:center; gap:10px;
  padding:14px var(--dzf-space-sm); border-radius:16px;
  background:rgba(226,227,231,.08); border:1px solid rgba(226,227,231,.18);
  font-size:13px; color:var(--bg); unicode-bidi:plaintext;
}
.in-member__grid svg{ width:15px; height:15px; flex-shrink:0; color:var(--accent); }

/* پیشنهاد بر اساس صنف */
.in-byind{ display:flex; flex-wrap:wrap; gap:8px; }
.in-byind a{
  padding:10px 20px; border-radius:999px;
  border:1px solid var(--stroke);
  font-size:13px; font-weight:600; color:var(--dzf-muted);
  transition:background-color .22s ease, color .22s ease, border-color .22s ease;
}
.in-byind a:hover{ background:var(--accent); border-color:var(--accent); color:var(--primary); }

/* ============================================================
   CTA پایانی
   ============================================================ */
.in-cta{ background:var(--primary); padding:var(--dzf-space-xxl) var(--dzf-gutter); text-align:center; }
.in-cta__inner{ max-width:760px; margin:0 auto; }
.in-cta h2{
  margin:0 0 var(--dzf-space-sm);
  font-size:clamp(1.4rem, 2.8vw, 2.1rem); font-weight:800; line-height:1.5;
  color:var(--white); text-wrap:balance;
}
.in-cta p{ margin:0 auto var(--dzf-space-md); max-width:60ch; font-size:15px; line-height:2; color:var(--bg); opacity:.72; }
.in-cta__btns{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.in-cta .dzf-hbtn--solid{
  background:var(--accent) !important; color:var(--primary) !important; border-color:var(--accent) !important;
}
.in-cta .dzf-hbtn--solid:hover{ background:var(--white) !important; border-color:var(--white) !important; }
.in-cta .dzf-hbtn--ghost{ color:var(--bg) !important; border-color:rgba(226,227,231,.35) !important; }
/* بدون این قانون، متن در هاور روشن می‌ماند و روی زرد خوانده نمی‌شود:
   قانون بالا و `.dzf-hbtn--ghost:hover` در style.css هر دو !important
   و هم‌ویژگی‌اند (۰,۲,۰)، پس فایل دیرتر برنده می‌شود. */
.in-cta .dzf-hbtn--ghost:hover{ color:var(--primary) !important; }

/* ============================================================
   واکنش‌گرایی
   ============================================================ */
@media (max-width:1100px){
  .in-hero__inner{ grid-template-columns:1fr; gap:var(--dzf-space-lg); }
  .in-cards--4{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .in-values{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .in-list{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .in-tools{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .in-member__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .in-ba{ grid-template-columns:1fr; }
  .in-ba__arrow{ transform:rotate(-90deg); }
}
@media (max-width:860px){
  .in-sec, .in-hero, .in-cta{ padding-top:var(--dzf-space-xl); padding-bottom:var(--dzf-space-xl); }
  .in-cards--3{ grid-template-columns:1fr; }
  .in-vm, .in-phil, .in-res, .in-faq, .in-expect{ grid-template-columns:1fr; }
  .in-form{ padding:var(--dzf-space-md); }
}
@media (max-width:560px){
  .in-cards--2, .in-cards--4, .in-values, .in-list,
  .in-tools, .in-member__grid{ grid-template-columns:1fr; }
  .in-field__row{ grid-template-columns:1fr; }
  .in-form__nav{ flex-direction:column-reverse; }
  .in-form__nav .in-btn{ width:100%; }
}

/* ============================================================
   احترام به prefers-reduced-motion
   ============================================================ */
@media (prefers-reduced-motion: reduce){
  .in-rise, .in-flow li{ opacity:1 !important; transform:none !important; transition:none !important; }
  .in-steps::after{ transform:scaleY(1) !important; transition:none !important; }
  .in-form__track i, .in-arrow svg, .in-card__go svg{ transition:none !important; }
  .in-arrow:hover svg, .in-card:hover .in-card__go svg{ transform:none; }
}