/* ============================================================
   rd-identity.css؛ لایهٔ هویت ۱۴۰۸ (رسام)، نسخهٔ ۲ برند
   سه کار می‌کند و فقط همین سه کار:
   ۱) فونت‌های رسمی برند را بار می‌کند: «فلسفه» برای تیترهای نمایشی،
      «ایران‌سنس ایکس» (نسخهٔ اعداد فارسی) برای متن و رابط. فونت «کلمه»
      تا رسیدن فایل سالم بار نمی‌شود (دفترچهٔ برند، بخش تایپوگرافی).
   ۲) مقیاس تایپ را روی همهٔ سایت یکدست می‌کند (خانه، /start، /my، مقاله‌ها).
      مقیاس عمداً فشرده است؛ مرجع‌های سلیقهٔ مالک (ایران‌سرور، ایرانیکارت)
      تیتر ۲۰ تا ۳۰ پیکسلی و چیدمان متراکم دارند، نه تیتر غول‌پیکر.
   ۳) خانه را از «رنگ سازمانی روی قالب قدیمی» به ترکیب تازه می‌برد:
      تیتر فلسفه یک‌رنگ به‌جای واژهٔ گرادیانی، بی‌خط‌کش دفتری و بی‌درخشش،
      بلیت شروع با قاب ساده، و ردیف «برای کسب‌وکار شما» (الگوی کارت‌های
      سه‌گانهٔ ایران‌سرور) زیر نوار اعتماد.
   خانهٔ زنده قالب home_v4 است (abrak_site_competition)؛ page_home پشتیبان
   است و همان قاعده‌ها را با سلکتور دوم می‌گیرد.
   rd-home.css و home_v4.css داخل بدنه بار می‌شوند (بعد از این فایل)؛ پس
   قاعده‌های خانه با .ab-page-home.ab-h4 (در main و شاخه یکی است) تخصص بیشتر
   دارند تا در ترتیب آبشاری نبازند. متغیرهای rd-base.css مقدار پیش‌فرض دارند.
   پیشوند rd- و فقط خاصیت‌های منطقی.
   فونت‌ها تحویلی مالک (حکم ۱۴۰۵/۰۸/۱۲: لایسنس نمی‌خواهند)؛ تیتر انجمن، بدنه ایران‌سنس X (حکم ۱۴۰۵/۰۸/۱۳).
   ============================================================ */

@font-face {
  font-family: "Falsafeh";
  src: url("/abrak_site/static/src/fonts/Falsafeh-Bold.woff") format("woff");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Falsafeh";
  src: url("/abrak_site/static/src/fonts/Falsafeh-Light.woff") format("woff");
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "IRANSansX";
  src: url("/abrak_site/static/src/fonts/IRANSansXFaNum-Regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "IRANSansX";
  src: url("/abrak_site/static/src/fonts/IRANSansXFaNum-Bold.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  --rd-font-body: "IRANSansX", Vazirmatn, Tahoma, sans-serif;
  --rd-font-display: "AnjomanMax", "IRANSansX", Vazirmatn, Tahoma, sans-serif; /* حکم مالک ۱۴۰۵/۰۸/۱۳: تیتر انجمن، بدنه ایران‌سنس X؛ فلسفه فقط نمونهٔ /brand */
  /* مقیاس نمایش (حکم مالک ۱۴۰۵/۰۸/۱۳): تیتر اصلی ۲۲→۲۸، تیتر بخش ۱۸→۲۲؛ مرجع ایران‌سرور h1 20/900 و ایرانیکارت h2 24.8/800 */
  --rd-fs-display: clamp(22px, 2.2vw + 12px, 28px);
  --rd-fs-h2: clamp(18px, 1vw + 14px, 22px);
  --rd-navy: var(--ab-brand-navy, #032c72);
}

/* ---------- تایپوگرافی سراسری ---------- */
body { font-family: var(--rd-font-body); }
/* وزن‌های ۵۰۰/۶۰۰ به نزدیک‌ترین فایل موجود می‌افتند؛ ۸۰۰/۹۰۰ به بولد */
h1, h2,
.ab-section-title,
.abw-step-title,
.rd-seg-title,
.o_abrak_my h1, .o_abrak_my h2 {
  font-family: var(--rd-font-display);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.45;
}
h2, .ab-section-title { font-size: var(--rd-fs-h2); }
.ab-page-home.ab-h4 h2, .ab-page-home.ab-h4 .ab-section-title {
  font-family: var(--rd-font-display); font-weight: 700; font-size: var(--rd-fs-h2); line-height: 1.45;
}
.abw-step-title { font-size: clamp(1.375rem, 1.15rem + 1vw, 1.75rem); font-weight: 700; }
/* تیترهای کوچک (کارت، آیتم) با ایران‌سنس می‌مانند تا فلسفه فقط برای صحنه‌های بزرگ بماند */
h3, h4, h5, h6 { font-family: var(--rd-font-body); font-weight: 700; }
b, strong { font-weight: 700; }

/* ---------- خانه: هیرو (home_v4 زنده؛ page_home پشتیبان) ---------- */
.ab-page-home.ab-h4 .ab-h4-hero.rd-hero,
.rd-home .ab-hero-v3 {
  background: linear-gradient(180deg, color-mix(in srgb, var(--rd-navy) 7%, #fff) 0%, var(--rd-bg, #fff) 80%);
}
.rd-home .ab-hero-v3 .ab-aurora,
.rd-home .ab-hero-v3::before { display: none; }

/* تیتر: فلسفه، یک‌رنگ سرمه‌ای، بی‌گرادیان و بی‌واژهٔ رنگی */
.ab-page-home.ab-h4 .ab-h4-hero .ab-h4-display,
.rd-home .ab-hero-v3 h1 {
  font-family: var(--rd-font-display);
  font-weight: 700;
  font-size: var(--rd-fs-display);
  line-height: 1.45;
  letter-spacing: 0;
  color: var(--rd-navy);
}
.ab-page-home.ab-h4 .ab-h4-hero .ab-h4-display-2,
.rd-home .ab-hero-v3 h1 .ab-accent {
  background: none;
  -webkit-background-clip: border-box; background-clip: border-box;
  -webkit-text-fill-color: currentColor;
  color: inherit; font-style: normal; padding-block-end: 0; animation: none;
}
.ab-page-home.ab-h4 .ab-h4-hero .ab-h4-kicker {
  font-family: var(--rd-font-body); font-weight: 700;
  color: var(--rd-navy); border-inline-start-color: var(--rd-navy);
}
.ab-page-home.ab-h4 .ab-h4-hero .ab-h4-lede {
  font-weight: 400; font-size: clamp(1rem, .95rem + .3vw, 1.125rem); line-height: 1.9;
}
.rd-home .ab-hero-rotator { display: none; }
.rd-home .ab-hero-sub { font-size: clamp(1rem, .95rem + .3vw, 1.125rem); max-inline-size: 38rem; }
.rd-home .ab-hero-badge { background: #fff; border: 1px solid var(--rd-border, #dfe5f0); box-shadow: none; }

/* بلیت شروع: قاب ساده و سایهٔ کم؛ سایهٔ نئونی حذف */
.ab-page-home.ab-h4 .ab-h4-ticket {
  border: 1px solid var(--rd-border, #dfe5f0);
  border-radius: var(--rd-radius, 12px);
  box-shadow: 0 12px 32px -24px rgba(3, 44, 114, .45);
}
.ab-page-home.ab-h4 .ab-h4-ticket-input { border-radius: 10px; }

/* دکمه‌ها: رنگ اقدام همان --rd-primary است؛ فقط درخشش و انیمیشن می‌رود و گوشه یکدست می‌شود */
.rd-home .ab-btn.ab-btn-primary,
.abw-page .ab-btn.ab-btn-primary,
.rd-home .ab-btn.ab-btn-glow { border-radius: 10px; animation: none; }
.rd-home .ab-btn.ab-btn-glow::before, .rd-home .ab-btn.ab-btn-glow::after { content: none; }
.rd-home .ab-btn.ab-btn-ghost,
.rd-home .rd-btn.rd-btn-ghost { border-color: color-mix(in srgb, var(--rd-navy) 28%, #fff); color: var(--rd-navy); border-radius: 10px; }

/* صحنهٔ محصول (page_home): قاب ساده‌تر، سایهٔ سرمه‌ای */
.rd-home .ab-hero-stage .ab-console {
  border: 1px solid color-mix(in srgb, var(--rd-navy) 18%, #fff);
  box-shadow: 0 2px 4px rgba(3, 44, 114, .06), 0 28px 56px -28px rgba(3, 44, 114, .35);
}

/* ---------- خانه: ردیف «برای کسب‌وکار شما» ---------- */
.rd-seg { padding-block: clamp(2.5rem, 6vw, 4.5rem); background: var(--rd-bg, #fff); }
.rd-seg-head { max-inline-size: 46rem; margin-block-end: clamp(1.25rem, 3vw, 2rem); }
.rd-seg-title { margin: 0 0 .5rem; color: var(--rd-navy); font-size: var(--rd-fs-h2); }
.rd-seg-lead { margin: 0; color: var(--rd-muted, #55607a); font-size: 1.05rem; }
.rd-seg-grid {
  display: grid; gap: var(--rd-gap, 1.25rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rd-seg-card {
  display: flex; flex-direction: column; gap: .75rem;
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  border: 1px solid var(--rd-border, #dfe5f0); border-radius: var(--rd-radius, 12px);
  background: var(--rd-bg, #fff);
  transition: border-color .2s var(--rd-ease, ease), background-color .2s var(--rd-ease, ease);
}
.rd-seg-card:hover, .rd-seg-card:focus-within { border-color: color-mix(in srgb, var(--rd-navy) 35%, #fff); background: var(--rd-tint, #f5f7fb); }
.rd-seg-card h3 { margin: 0; font-size: 1.2rem; color: var(--rd-navy); }
.rd-seg-card > p { margin: 0; color: var(--rd-muted, #55607a); }
.rd-seg-card ul { list-style: none; margin: .25rem 0 0; padding: 0; display: grid; gap: .4rem; }
.rd-seg-card li { position: relative; padding-inline-start: 1.35rem; }
.rd-seg-card li::before {
  content: ""; position: absolute; inset-inline-start: 0; inset-block-start: .62em;
  inline-size: .55rem; block-size: .55rem; border-radius: 2px;
  background: var(--ab-brand-cyan, #6ee7ff); outline: 1px solid var(--ab-brand-cyan-ink, #0e6f84);
}
.rd-seg-card .ab-btn { margin-block-start: auto; align-self: flex-start; }
/* کارت میانی (پرفروش‌ترین مقصد) یک خط سرمه‌ای بالا دارد؛ تنها تأکید ردیف */
.rd-seg-card-main { border-block-start: 4px solid var(--rd-navy); }
@media (max-width: 900px) { .rd-seg-grid { grid-template-columns: 1fr; } }

/* ---------- /start: ویزارد ---------- */
.abw-page { font-family: var(--rd-font-body); }
.abw-rail-title { font-family: var(--rd-font-body); font-weight: 700; }

/* ---------- حرکت کم ---------- */
@media (prefers-reduced-motion: reduce) {
  .rd-seg-card { transition: none; }
}

/* ============================================================
   خانه v5 (رسام ۲، حکم مالک ۱۴۰۵/۰۸/۱۳): ساختار ایران‌سرور، نه کپی آن.
   هیروی کوتاه با بلیت شروع، سپس ردیف‌های افقی محصول با تیتر بخش
   18px/800 و لینک «بیشتر»؛ کارت r10 با قاب 1px #e6e8ef و بی‌سایه؛
   یک آبی #1f4fd8؛ زمینهٔ بخش‌ها یک‌درمیان #fff و #f6f7fb.
   home_v4.css در بدنه و بعد از این فایل بار می‌شود؛ همهٔ قاعده‌ها با
   .ab-page-home.ab-h4 تخصص بیشتر دارند. فقط خاصیت‌های منطقی.
   ============================================================ */
.ab-page-home.ab-h4 {
  --rd-blue: #1f4fd8;
  --rd-blue-ink: #1a43b8;
  --rd-blue-soft: #eef2fd;
  --rd-line: #e6e8ef;
  --rd-paper: #fff;
  --rd-tint: #f6f7fb;
  --rd-ink: #151a2d;
  --rd-muted: #5b6478;
  --rd-r: 10px;
  /* توکن‌های قدیمی home_v4 به همان آبی واحد نگاشت می‌شوند؛ طلایی و آبی روشن حذف */
  --h4-royal: var(--rd-blue); --h4-royal-ink: var(--rd-blue-ink); --h4-royal-soft: var(--rd-blue-soft);
  --h4-azure: var(--rd-blue); --h4-gold: var(--rd-blue); --h4-gold-ink: var(--rd-blue-ink);
  --h4-line: var(--rd-line); --h4-mist: var(--rd-tint); --h4-paper: var(--rd-paper);
  --h4-ink: var(--rd-ink); --h4-muted: var(--rd-muted);
  --h4-pad: clamp(28px, 2vw + 16px, 44px);
  --ab-primary: var(--rd-blue); --rd-primary: var(--rd-blue); --rd-navy: #0f2a6b;
  --rd-radius: var(--rd-r);
  color: var(--rd-ink);
}

/* ---------- زمینهٔ بخش‌ها: یک‌درمیان، بی‌گرادیان ---------- */
.ab-page-home.ab-h4 > section,
.ab-page-home.ab-h4 main > section { background: var(--rd-paper); padding-block: var(--h4-pad); }
.ab-page-home.ab-h4 > section:nth-of-type(even),
.ab-page-home.ab-h4 main > section:nth-of-type(even) { background: var(--rd-tint); }
.ab-page-home.ab-h4 .ab-section--tint,
.ab-page-home.ab-h4 .rd-section-tint { background: inherit; }
.ab-page-home.ab-h4 > section + section,
.ab-page-home.ab-h4 main > section + section { border-block-start: 1px solid var(--rd-line); }

/* ---------- هیرو: کوتاه، تینت خیلی روشن، بی‌خط‌کش و بی‌درخشش ---------- */
.ab-page-home.ab-h4 .ab-h4-hero.rd-hero {
  background: linear-gradient(180deg, var(--rd-blue-soft) 0%, var(--rd-paper) 100%);
  padding-block: clamp(20px, 3vw, 32px) clamp(20px, 2.5vw, 28px);
  border-block-end: 1px solid var(--rd-line);
}
.ab-page-home.ab-h4 .ab-h4-hero::before,
.ab-page-home.ab-h4 .ab-h4-hero::after,
.ab-page-home.ab-h4 .ab-h4-sky,
.ab-page-home.ab-h4 .ab-h4-stamp { display: none; }
.ab-page-home.ab-h4 .ab-h4-hero-grid { gap: clamp(16px, 2.5vw, 36px); align-items: center; }
.ab-page-home.ab-h4 .ab-h4-hero .ab-h4-kicker {
  font-size: 13px; font-weight: 700; color: var(--rd-blue); border-inline-start: 0; padding-inline-start: 0;
  margin: 0 0 6px;
}
.ab-page-home.ab-h4 .ab-h4-hero .ab-h4-display {
  font-size: var(--rd-fs-display); line-height: 1.35; color: var(--rd-ink); font-weight: 800;
}
.ab-page-home.ab-h4 .ab-h4-hero .ab-h4-display-2 { color: var(--rd-blue); }
.ab-page-home.ab-h4 .ab-h4-hero .ab-h4-lede { font-size: 15px; line-height: 1.8; color: var(--rd-muted); margin: 8px 0 0; max-inline-size: 36rem; }

/* بلیت شروع = نوار جست‌وجوی ایران‌سرور: یک ردیف، ورودی + دکمه */
.ab-page-home.ab-h4 .ab-h4-ticket {
  margin-block-start: 14px; padding: 8px; border: 1px solid var(--rd-line); border-radius: var(--rd-r);
  background: var(--rd-paper); box-shadow: none; max-inline-size: 36rem;
}
.ab-page-home.ab-h4 .ab-h4-ticket-row { display: flex; gap: 8px; align-items: stretch; }
.ab-page-home.ab-h4 .ab-h4-ticket-label { font-size: 13px; font-weight: 700; color: var(--rd-muted); margin: 0 0 4px; }
.ab-page-home.ab-h4 .ab-h4-ticket-input {
  flex: 1 1 auto; min-inline-size: 0; block-size: 44px; padding-inline: 12px; font-size: 15px;
  border: 1px solid var(--rd-line); border-radius: 8px; background: var(--rd-tint);
}
.ab-page-home.ab-h4 .ab-h4-ticket-input:focus { outline: 2px solid var(--rd-blue); outline-offset: 0; background: var(--rd-paper); }
.ab-page-home.ab-h4 .ab-h4-ticket-btn,
.ab-page-home.ab-h4 .ab-btn.ab-btn-primary,
.ab-page-home.ab-h4 .rd-btn.rd-btn-primary {
  block-size: 44px; padding-inline: 18px; font-size: 14px; font-weight: 700; border-radius: 8px;
  background: var(--rd-blue); color: #fff; border: 1px solid var(--rd-blue); box-shadow: none; animation: none;
}
.ab-page-home.ab-h4 .ab-h4-ticket-btn:hover,
.ab-page-home.ab-h4 .ab-btn.ab-btn-primary:hover,
.ab-page-home.ab-h4 .rd-btn.rd-btn-primary:hover { background: var(--rd-blue-ink); border-color: var(--rd-blue-ink); transform: none; }
.ab-page-home.ab-h4 .ab-btn.ab-btn-ghost,
.ab-page-home.ab-h4 .rd-btn.rd-btn-ghost { border-radius: 8px; border: 1px solid var(--rd-line); color: var(--rd-ink); background: var(--rd-paper); }
.ab-page-home.ab-h4 .ab-h4-ticket-note { font-size: 12.5px; color: var(--rd-muted); margin: 6px 0 0; }
.ab-page-home.ab-h4 .ab-h4-ticket-err { font-size: 12.5px; }

/* راه‌های دیگر زیر هیرو: چیپ‌های کوچک، نه کارت */
.ab-page-home.ab-h4 .ab-h4-alt { display: flex; flex-wrap: wrap; gap: 6px; margin-block-start: 12px; }
.ab-page-home.ab-h4 .ab-h4-alt a {
  font-size: 13px; font-weight: 600; color: var(--rd-ink); padding: 6px 10px; border: 1px solid var(--rd-line);
  border-radius: 8px; background: var(--rd-paper); text-decoration: none;
}
.ab-page-home.ab-h4 .ab-h4-alt a:hover { border-color: var(--rd-blue); color: var(--rd-blue); }

/* ---------- تیتر بخش: کوچک و پررنگ، لینک «بیشتر» در همان ردیف ---------- */
.ab-page-home.ab-h4 .ab-h4-head,
.ab-page-home.ab-h4 .ab-section-head {
  display: grid; grid-template-columns: 1fr auto; gap: 4px 16px; align-items: baseline;
  max-inline-size: none; margin-block-end: 16px;
}
.ab-page-home.ab-h4 .ab-h4-head h2,
.ab-page-home.ab-h4 .ab-section-title,
.ab-page-home.ab-h4 h2 {
  font-size: 18px; font-weight: 800; line-height: 1.4; margin: 0; color: var(--rd-ink);
  letter-spacing: 0; text-wrap: balance;
}
@media (min-width: 900px) {
  .ab-page-home.ab-h4 .ab-h4-head h2, .ab-page-home.ab-h4 .ab-section-title, .ab-page-home.ab-h4 h2 { font-size: 20px; }
}
.ab-page-home.ab-h4 .ab-h4-head p,
.ab-page-home.ab-h4 .ab-section-lead { grid-column: 1; font-size: 14px; font-weight: 400; line-height: 1.8; color: var(--rd-muted); margin: 0; }
.ab-page-home.ab-h4 .rd-more {
  grid-column: 2; grid-row: 1; justify-self: end; white-space: nowrap;
  font-size: 13px; font-weight: 700; color: var(--rd-blue); text-decoration: none;
  display: inline-flex; align-items: center; gap: 4px;
}
.ab-page-home.ab-h4 .rd-more::after { content: "‹"; font-size: 16px; line-height: 1; }
[dir="ltr"] .ab-page-home.ab-h4 .rd-more::after { content: "›"; }
.ab-page-home.ab-h4 .rd-more:hover { text-decoration: underline; }
.ab-page-home.ab-h4 .ab-h4-textlink { font-size: 13.5px; text-decoration-color: color-mix(in srgb, var(--rd-blue) 40%, transparent); }

/* ---------- کارت‌ها: r10، قاب 1px، بی‌سایه، hover فقط رنگ قاب ---------- */
.ab-page-home.ab-h4 .ab-h4-panel,
.ab-page-home.ab-h4 .ab-h4-card-face,
.ab-page-home.ab-h4 .ab-h4-voice,
.ab-page-home.ab-h4 .ab-h4-rival,
.ab-page-home.ab-h4 .ab-h4-spot-card,
.ab-page-home.ab-h4 .ab-h4-bubble,
.ab-page-home.ab-h4 .ab-h4-shot,
.ab-page-home.ab-h4 .ab-h4-workspace,
.ab-page-home.ab-h4 .ab-h4-reel,
.ab-page-home.ab-h4 .ab-h4-ripple,
.ab-page-home.ab-h4 .rd-card,
.ab-page-home.ab-h4 .rd-seg-card,
.ab-page-home.ab-h4 .ab-app-card,
.ab-page-home.ab-h4 .ab-solution,
.ab-page-home.ab-h4 .ab-article-card,
.ab-page-home.ab-h4 .ab-faq-item,
.ab-page-home.ab-h4 .ab-cmp-table {
  border: 1px solid var(--rd-line); border-radius: var(--rd-r); background: var(--rd-paper);
  box-shadow: none; transition: border-color .15s ease;
}
.ab-page-home.ab-h4 .ab-h4-panel:hover, .ab-page-home.ab-h4 .rd-card:hover, .ab-page-home.ab-h4 .rd-seg-card:hover,
.ab-page-home.ab-h4 .ab-app-card:hover, .ab-page-home.ab-h4 .ab-solution:hover, .ab-page-home.ab-h4 .ab-article-card:hover {
  border-color: var(--rd-blue); transform: none; box-shadow: none; background: var(--rd-paper);
}
.ab-page-home.ab-h4 .rd-seg-card-main { border-block-start: 1px solid var(--rd-line); }
.ab-page-home.ab-h4 .rd-seg-card-main h3::after { content: "پرفروش"; margin-inline-start: 8px; font-size: 11px; font-weight: 700; color: var(--rd-blue); background: var(--rd-blue-soft); padding: 2px 8px; border-radius: 6px; vertical-align: middle; }
.ab-page-home.ab-h4 .rd-seg-card li::before { background: var(--rd-blue); outline: 0; border-radius: 50%; inline-size: 6px; block-size: 6px; inset-block-start: .7em; }
.ab-page-home.ab-h4 .rd-seg-card h3,
.ab-page-home.ab-h4 .rd-card h3,
.ab-page-home.ab-h4 .ab-h4-panel h3,
.ab-page-home.ab-h4 h3 { font-size: 15px; font-weight: 800; color: var(--rd-ink); margin: 0 0 4px; }
.ab-page-home.ab-h4 .rd-seg-card > p, .ab-page-home.ab-h4 .rd-card p, .ab-page-home.ab-h4 .ab-h4-panel p { font-size: 13.5px; line-height: 1.75; color: var(--rd-muted); }
.ab-page-home.ab-h4 .rd-seg-card, .ab-page-home.ab-h4 .rd-card, .ab-page-home.ab-h4 .ab-h4-panel { padding: 16px; gap: 6px; }

/* ردیف‌های افقی: شبکهٔ خودکار ۴ تایی روی دسکتاپ، ۲ تایی تبلت، اسکرول افقی روی موبایل */
.ab-page-home.ab-h4 .rd-seg-grid,
.ab-page-home.ab-h4 .ab-h4-panels,
.ab-page-home.ab-h4 .ab-h4-voices-grid,
.ab-page-home.ab-h4 .ab-h4-rivals-grid,
.ab-page-home.ab-h4 .rd-grid, .ab-page-home.ab-h4 .rd-grid-2, .ab-page-home.ab-h4 .rd-grid-4 {
  display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
@media (max-width: 639px) {
  .ab-page-home.ab-h4 .rd-seg-grid,
  .ab-page-home.ab-h4 .ab-h4-panels,
  .ab-page-home.ab-h4 .ab-h4-voices-grid,
  .ab-page-home.ab-h4 .ab-h4-rivals-grid {
    grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 78%;
    overflow-x: auto; scroll-snap-type: inline mandatory; padding-block-end: 4px;
    margin-inline: -16px; padding-inline: 16px; scrollbar-width: none;
  }
  .ab-page-home.ab-h4 .rd-seg-grid::-webkit-scrollbar { display: none; }
  .ab-page-home.ab-h4 .rd-seg-grid > *, .ab-page-home.ab-h4 .ab-h4-panels > * { scroll-snap-align: start; }
}

/* ---------- نوار اعتماد و لوگوها: یک ردیف کم‌رنگ ---------- */
.ab-page-home.ab-h4 .ab-h4-thread { padding-block: 14px; background: var(--rd-paper); }
.ab-page-home.ab-h4 .ab-h4-rail { gap: 20px; }
.ab-page-home.ab-h4 .ab-h4-rail-stop { font-size: 13px; color: var(--rd-muted); }

/* ---------- قیمت، سوییچ و جدول: همان آبی، بی‌طلایی ---------- */
.ab-page-home.ab-h4 .ab-h4-switch { border-radius: 999px; border: 1px solid var(--rd-line); background: var(--rd-tint); }
.ab-page-home.ab-h4 .ab-h4-switch-knob { background: var(--rd-blue); }
.ab-page-home.ab-h4 .ab-h4-tab[aria-selected="true"] { color: var(--rd-blue); border-color: var(--rd-blue); }
.ab-page-home.ab-h4 .ab-h4-star, .ab-page-home.ab-h4 .ab-h4-star-mono { color: var(--rd-blue); }

/* ---------- پایان صفحه: بی‌هیروی غول‌پیکر ---------- */
.ab-page-home.ab-h4 .rd-home-close { text-align: start; padding-block: 28px; background: var(--rd-tint); }
.ab-page-home.ab-h4 .rd-home-close h2 { font-size: 18px; }
.ab-page-home.ab-h4 .ab-howto-cta { margin-block-start: 12px; gap: 8px; }

/* ---------- کمتر از ۷۶۸: چینش تک‌ستونه و فاصلهٔ کمتر ---------- */
@media (max-width: 767px) {
  .ab-page-home.ab-h4 { --h4-pad: 24px; }
  .ab-page-home.ab-h4 .ab-h4-hero.rd-hero { padding-block: 20px; }
  .ab-page-home.ab-h4 .ab-h4-hero-grid { grid-template-columns: 1fr; }
  .ab-page-home.ab-h4 .ab-h4-ticket-row { flex-direction: column; }
  .ab-page-home.ab-h4 .ab-h4-ticket-btn { inline-size: 100%; }
  .ab-page-home.ab-h4 .ab-h4-head, .ab-page-home.ab-h4 .ab-section-head { grid-template-columns: 1fr auto; }
}
@media (prefers-reduced-motion: reduce) { .ab-page-home.ab-h4 * { transition: none !important; animation: none !important; } }

/* ============================================================
   /start (abw-page) — همان زبان خانهٔ v5: تم روشن، یک آبی #1f4fd8،
   کارت r10 با قاب 1px و بی‌سایه، تیتر گام ۲۲ تا ۲۸px، ورودی ۴۴px.
   این فایل در head بار می‌شود و start-wizard.css پس از آن؛ تخصص با
   .abw-page بالاتر نگه داشته شده است.
   ============================================================ */
.abw-page {
  --rd-blue: #1f4fd8; --rd-blue-ink: #1a43b8; --rd-blue-soft: #eef2fd;
  --rd-line: #e6e8ef; --rd-paper: #fff; --rd-tint: #f6f7fb; --rd-ink: #151a2d; --rd-muted: #5b6478;
  --color-brand: var(--rd-blue); --ab-primary: var(--rd-blue);
  background: var(--rd-tint); color: var(--rd-ink);
  padding-block: 20px 40px;
}
.abw-page .abw-step-title { font-size: clamp(22px, 2.2vw + 12px, 28px); font-weight: 800; line-height: 1.35; color: var(--rd-ink); margin: 0 0 6px; }
.abw-page .abw-lead, .abw-page .abw-sub { font-size: 14.5px; line-height: 1.8; color: var(--rd-muted); }
.abw-page .abw-sec-title, .abw-page .abw-guide-title, .abw-page .abw-fold-title {
  font-size: 15px; font-weight: 800; color: var(--rd-ink); display: flex; align-items: center; gap: 6px; margin: 0 0 10px;
}
.abw-page .abw-sec-title .abw-i { color: var(--rd-blue); }

/* بلوک‌ها و کارت‌های نتیجه */
.abw-page .abw-block, .abw-page .abw-res-card, .abw-page .abw-fold, .abw-page .abw-review-row, .abw-page .abw-pane,
.abw-page .abw-alert {
  background: var(--rd-paper); border: 1px solid var(--rd-line); border-radius: 10px; box-shadow: none;
}
.abw-page .abw-block, .abw-page .abw-res-card, .abw-page .abw-pane { padding: 16px; }
.abw-page .abw-res-card[aria-pressed="true"], .abw-page .abw-res-card.is-on, .abw-page .abw-block.is-on { border-color: var(--rd-blue); box-shadow: inset 0 0 0 1px var(--rd-blue); }
.abw-page .abw-res-name { font-size: 15px; font-weight: 800; }
.abw-page .abw-res-price { font-size: 15px; font-weight: 800; color: var(--rd-blue); }
.abw-page .abw-res-why, .abw-page .abw-hint, .abw-page .abw-fold-hint { font-size: 13px; line-height: 1.7; color: var(--rd-muted); }
.abw-page .abw-pill { font-size: 12px; font-weight: 700; color: var(--rd-blue); background: var(--rd-blue-soft); border-radius: 6px; padding: 2px 8px; }
.abw-page .abw-pane-badge { background: var(--rd-blue-soft); color: var(--rd-blue); border-radius: 6px; font-size: 12px; font-weight: 700; }

/* گام‌ها (نوار بالا) */
.abw-page .abw-nav { gap: 6px; }
.abw-page .abw-step { font-size: 13px; font-weight: 700; color: var(--rd-muted); border-radius: 8px; padding: 6px 10px; border: 1px solid transparent; }
.abw-page .abw-step[aria-current], .abw-page .abw-step.is-on { color: var(--rd-blue); background: var(--rd-paper); border-color: var(--rd-line); }

/* فرم */
.abw-page .abw-label { font-size: 13.5px; font-weight: 700; color: var(--rd-ink); margin: 0 0 4px; }
.abw-page .abw-req { color: var(--rd-blue); }
.abw-page .abw-input, .abw-page .abw-page select, .abw-page .form-control {
  block-size: 44px; font-size: 15px; padding-inline: 12px; border: 1px solid var(--rd-line); border-radius: 8px;
  background: var(--rd-paper); color: var(--rd-ink); box-shadow: none;
}
.abw-page textarea.abw-input { block-size: auto; min-block-size: 96px; padding-block: 10px; }
.abw-page .abw-input:focus { outline: 2px solid var(--rd-blue); outline-offset: 0; border-color: var(--rd-blue); box-shadow: none; }
.abw-page .abw-input[aria-invalid="true"] { border-color: #c62828; }

/* دکمه‌ها: r8، بی‌گرادیان، بی‌انیمیشن */
.abw-page .abw-btn, .abw-page .abw-linkbtn, .abw-page .ab-btn {
  block-size: 44px; padding-inline: 18px; font-size: 14px; font-weight: 700; border-radius: 8px;
  box-shadow: none; animation: none; transform: none; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
}
.abw-page .abw-btn-primary, .abw-page .ab-btn.ab-btn-primary, .abw-page .abw-next { background: var(--rd-blue); border: 1px solid var(--rd-blue); color: #fff; }
.abw-page .abw-btn-primary:hover, .abw-page .ab-btn.ab-btn-primary:hover, .abw-page .abw-next:hover { background: var(--rd-blue-ink); border-color: var(--rd-blue-ink); transform: none; }
.abw-page .abw-btn-ghost, .abw-page .ab-btn.ab-btn-ghost { background: var(--rd-paper); border: 1px solid var(--rd-line); color: var(--rd-ink); }
.abw-page .abw-btn-ghost:hover { border-color: var(--rd-blue); color: var(--rd-blue); }
.abw-page .abw-linkbtn { block-size: auto; padding: 0; color: var(--rd-blue); background: none; border: 0; font-weight: 700; }
.abw-page .abw-anim { animation: none !important; }

@media (max-width: 767px) {
  .abw-page { padding-block: 16px 88px; }
  .abw-page .abw-block, .abw-page .abw-res-card { padding: 14px; }
  .abw-page .abw-btn, .abw-page .abw-next { inline-size: 100%; }
}

/* ============================================================
   لایهٔ سراسری صفحه‌های داخلی ابرک (رسام ۲، حکم مالک ۱۴۰۵/۰۸/۱۳):
   «اشتباه zdr در ابرک تکرار نشود» — هیچ صفحه‌ای بیرون زبان v5 نماند.
   هاستینگ، اپ‌ها، راهکارها، مقایسه، وبلاگ، تماس، حقوقی، منابع، حساب.
   هیروی کوتاه با h1 ۲۲ تا ۲۸px، تیتر بخش ۱۸ تا ۲۰px/800 چپ‌چین منطقی
   با لینک «بیشتر»، کارت r10 قاب 1px بی‌سایه، یک آبی #1f4fd8، بخش‌ها
   یک‌درمیان #fff/#f6f7fb، دکمه r8 ۴۴px. پیشوند #wrapwrap برای غلبه بر
   CSSهای صفحه‌ای که در بدنه بار می‌شوند.
   ============================================================ */
#wrapwrap {
  --rd-blue: #1f4fd8; --rd-blue-ink: #1a43b8; --rd-blue-soft: #eef2fd;
  --rd-line: #e6e8ef; --rd-paper: #fff; --rd-tint: #f6f7fb; --rd-ink: #151a2d; --rd-muted: #5b6478;
  --rd-primary: var(--rd-blue); --ab-primary: var(--rd-blue); --color-brand: var(--rd-blue);
  --rd-navy: #0f2a6b; --rd-navy-soft: var(--rd-blue-soft); --rd-radius: 10px;
  --rd-fs-display: clamp(22px, 2.2vw + 12px, 28px); --rd-fs-h2: clamp(18px, .5vw + 15px, 20px);
}

/* ---------- هیرو: همهٔ گونه‌ها کوتاه و روشن ---------- */
#wrapwrap .rd-hero, #wrapwrap .ab-hero, #wrapwrap .ab-prov-hero, #wrapwrap .ab-editorial-hero {
  padding-block: clamp(20px, 3vw, 32px) clamp(16px, 2.5vw, 28px);
  background: linear-gradient(180deg, var(--rd-blue-soft) 0%, var(--rd-paper) 100%);
  border-block-end: 1px solid var(--rd-line); min-block-size: 0;
}
#wrapwrap .rd-hero::before, #wrapwrap .rd-hero::after, #wrapwrap .ab-hero::before, #wrapwrap .ab-hero::after { display: none; }
#wrapwrap .rd-hero h1, #wrapwrap .ab-hero h1, #wrapwrap .ab-page-title, #wrapwrap .ab-prov-hero h1, #wrapwrap .ab-editorial-hero h1 {
  font-size: var(--rd-fs-display); font-weight: 800; line-height: 1.35; margin: 0 0 .5rem; color: var(--rd-ink);
  background: none; -webkit-text-fill-color: initial; letter-spacing: 0; max-inline-size: 30ch;
}
#wrapwrap .rd-hero .ab-accent, #wrapwrap .ab-hero h1 .ab-accent, #wrapwrap .rd-apps-accent { color: var(--rd-blue); background: none; -webkit-text-fill-color: initial; }
#wrapwrap .rd-hero .rd-lead, #wrapwrap .ab-hero-sub, #wrapwrap .rd-hero p:not([class]) { font-size: 15px; line-height: 1.8; color: var(--rd-muted); margin: 0 0 1rem; max-inline-size: 60ch; }
#wrapwrap .rd-kicker { font-size: 13px; font-weight: 700; color: var(--rd-blue); margin: 0 0 6px; letter-spacing: 0; text-transform: none; }
#wrapwrap .rd-hero-actions, #wrapwrap .ab-hero-actions, #wrapwrap .ab-hero-cta, #wrapwrap .ab-hosting-cta { gap: 8px; margin-block-start: 12px; }
#wrapwrap .rd-hero-meta, #wrapwrap .ab-hero-note { font-size: 13.5px; color: var(--rd-muted); gap: 6px 16px; margin-block-start: 10px; }
#wrapwrap .rd-crumbs { font-size: 12.5px; color: var(--rd-muted); margin: 0 0 8px; }
#wrapwrap .rd-crumbs a { color: var(--rd-muted); }
#wrapwrap .rd-page-center, #wrapwrap .rd-center, #wrapwrap .rd-pricing-center { text-align: start; justify-content: flex-start; }
#wrapwrap .rd-hero .rd-narrow, #wrapwrap .ab-hero .rd-narrow { margin-inline: 0; }

/* ---------- بخش‌ها: فشرده، یک‌درمیان ---------- */
#wrapwrap .rd-section, #wrapwrap .ab-section { padding-block: clamp(28px, 2vw + 16px, 44px); background: var(--rd-paper); }
#wrapwrap .rd-section-tint, #wrapwrap .ab-section--tint { background: var(--rd-tint); border-block: 1px solid var(--rd-line); }
#wrapwrap .rd-section + .rd-section:not(.rd-section-tint), #wrapwrap .ab-section + .ab-section:not(.ab-section--tint) { border-block-start: 1px solid var(--rd-line); }

/* تیتر بخش + لینک «بیشتر» */
#wrapwrap .rd-head, #wrapwrap .ab-section-head {
  display: grid; grid-template-columns: 1fr auto; gap: 4px 16px; align-items: baseline;
  text-align: start; max-inline-size: none; margin: 0 0 16px;
}
#wrapwrap .rd-head h2, #wrapwrap .ab-section-title, #wrapwrap .rd-section h2, #wrapwrap .ab-section h2, #wrapwrap .rd-cta h2 {
  font-size: var(--rd-fs-h2); font-weight: 800; line-height: 1.4; margin: 0; color: var(--rd-ink); text-align: start; letter-spacing: 0;
}
#wrapwrap .rd-head .rd-lead, #wrapwrap .ab-section-lead, #wrapwrap .ab-section-subtitle, #wrapwrap .rd-head p { grid-column: 1; font-size: 14px; line-height: 1.8; color: var(--rd-muted); margin: 0; max-inline-size: 70ch; }
#wrapwrap .rd-more, #wrapwrap .rd-apps-more, #wrapwrap .ab-section-head > a:last-child {
  grid-column: 2; grid-row: 1; justify-self: end; white-space: nowrap; font-size: 13px; font-weight: 700; color: var(--rd-blue); text-decoration: none;
}
#wrapwrap .rd-more:hover, #wrapwrap .rd-apps-more:hover { text-decoration: underline; }
#wrapwrap .rd-page-h3, #wrapwrap .rd-section h3, #wrapwrap .ab-section h3 { font-size: 15px; font-weight: 800; color: var(--rd-ink); margin: 0 0 6px; }

/* ---------- کارت‌ها ---------- */
#wrapwrap .rd-card, #wrapwrap .ab-card, #wrapwrap .ab-feature-card, #wrapwrap .rd-account-card, #wrapwrap .rd-faq,
#wrapwrap .rd-frame, #wrapwrap .rd-table-wrap, #wrapwrap .rd-steps > li, #wrapwrap .rd-split > *, #wrapwrap .rd-res-watch,
#wrapwrap .ab-solution, #wrapwrap .ab-article-card, #wrapwrap .ab-app-card, #wrapwrap .ab-plan {
  background: var(--rd-paper); border: 1px solid var(--rd-line); border-radius: 10px; box-shadow: none; transition: border-color .15s ease;
}
#wrapwrap .rd-card, #wrapwrap .ab-card, #wrapwrap .ab-feature-card, #wrapwrap .rd-account-card { padding: 16px; }
#wrapwrap .rd-card:hover, #wrapwrap .ab-card:hover, #wrapwrap .ab-feature-card:hover, #wrapwrap .rd-card-link:hover, #wrapwrap .ab-app-card:hover, #wrapwrap .ab-solution:hover {
  border-color: var(--rd-blue); transform: none; box-shadow: none;
}
#wrapwrap .rd-card p, #wrapwrap .ab-feature-card p, #wrapwrap .rd-note { font-size: 13.5px; line-height: 1.75; color: var(--rd-muted); }
#wrapwrap .rd-icon { inline-size: 36px; block-size: 36px; border-radius: 9px; background: var(--rd-blue-soft); color: var(--rd-blue); display: grid; place-items: center; }
#wrapwrap .rd-grid, #wrapwrap .ab-feature-grid { gap: 12px; }
#wrapwrap .rd-grid-2 { gap: 12px; }
#wrapwrap .rd-apps-shot, #wrapwrap .ab-app-shots img { border: 1px solid var(--rd-line); border-radius: 10px; box-shadow: none; }

/* نشان‌ها و یادداشت‌ها: یک آبی، بی‌فیروزه‌ای */
#wrapwrap .rd-badge { font-size: 12px; font-weight: 700; border-radius: 6px; padding: 2px 8px; background: var(--rd-blue-soft); color: var(--rd-blue); border: 0; }
#wrapwrap .rd-badge-cyan, #wrapwrap .rd-badge-ok { background: var(--rd-blue-soft); color: var(--rd-blue); }
#wrapwrap .rd-note { border: 1px solid var(--rd-line); border-radius: 8px; background: var(--rd-tint); padding: 10px 12px; }
#wrapwrap .rd-note-amber { border-inline-start: 3px solid #e0a526; background: var(--rd-paper); }

/* ---------- دکمه‌ها ---------- */
#wrapwrap .rd-btn, #wrapwrap .ab-btn {
  min-block-size: 44px; padding-inline: 18px; font-size: 14px; font-weight: 700; border-radius: 8px; box-shadow: none; animation: none;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; transform: none;
}
#wrapwrap .rd-btn-sm { min-block-size: 36px; padding-inline: 12px; font-size: 13px; }
#wrapwrap .rd-btn-primary, #wrapwrap .ab-btn-primary, #wrapwrap .btn-primary { background: var(--rd-blue); border: 1px solid var(--rd-blue); color: #fff; }
#wrapwrap .rd-btn-primary:hover, #wrapwrap .ab-btn-primary:hover, #wrapwrap .btn-primary:hover { background: var(--rd-blue-ink); border-color: var(--rd-blue-ink); color: #fff; transform: none; box-shadow: none; }
#wrapwrap .rd-btn-ghost, #wrapwrap .ab-btn-ghost, #wrapwrap .rd-apps-btn-outline { background: var(--rd-paper); border: 1px solid var(--rd-line); color: var(--rd-ink); }
#wrapwrap .rd-btn-ghost:hover, #wrapwrap .ab-btn-ghost:hover { border-color: var(--rd-blue); color: var(--rd-blue); }
#wrapwrap .rd-btn-light, #wrapwrap .rd-res-btn-on-navy { background: var(--rd-paper); border: 1px solid var(--rd-line); color: var(--rd-ink); }

/* ---------- CTA پایانی: نوار فشرده، نه بنر تیره ---------- */
#wrapwrap .rd-cta, #wrapwrap .rd-res-cta-section, #wrapwrap .ab-enterprise-band {
  background: var(--rd-tint); color: var(--rd-ink); border: 1px solid var(--rd-line); border-radius: 10px;
  padding: 20px; text-align: start; box-shadow: none;
}
#wrapwrap .rd-cta h2, #wrapwrap .ab-enterprise-band .ab-section-title, #wrapwrap .rd-res-cta-section h2 { color: var(--rd-ink); font-size: var(--rd-fs-h2); }
#wrapwrap .rd-cta p, #wrapwrap .rd-res-cta-section p { color: var(--rd-muted); font-size: 14px; }
#wrapwrap .rd-cta-actions { gap: 8px; margin-block-start: 12px; justify-content: flex-start; }

/* ---------- پرسش‌ها، جدول، فرم ---------- */
#wrapwrap .rd-faq summary, #wrapwrap .ab-faq-item summary { font-size: 14.5px; font-weight: 700; padding: 12px 14px; }
#wrapwrap .rd-faq-body { font-size: 14px; line-height: 1.8; color: var(--rd-muted); padding: 0 14px 12px; }
#wrapwrap .rd-table { font-size: 13.5px; }
#wrapwrap .rd-table th { font-weight: 800; background: var(--rd-tint); }
#wrapwrap .rd-res-field input, #wrapwrap .rd-res-field select, #wrapwrap .ab-contact-form .form-control, #wrapwrap .rd-account .form-control {
  min-block-size: 44px; border: 1px solid var(--rd-line); border-radius: 8px; font-size: 15px; box-shadow: none;
}
#wrapwrap .rd-res-field input:focus, #wrapwrap .form-control:focus { border-color: var(--rd-blue); outline: 2px solid var(--rd-blue); outline-offset: 0; box-shadow: none; }

/* ---------- موبایل ---------- */
@media (max-width: 767px) {
  #wrapwrap .rd-hero, #wrapwrap .ab-hero { padding-block: 20px; }
  #wrapwrap .rd-section, #wrapwrap .ab-section { padding-block: 24px; }
  #wrapwrap .rd-hero h1, #wrapwrap .ab-hero h1, #wrapwrap .ab-page-title { font-size: 22px; }
  #wrapwrap .rd-grid, #wrapwrap .ab-feature-grid { grid-template-columns: 1fr; }
  #wrapwrap .rd-btn, #wrapwrap .ab-btn { min-block-size: 42px; }
}