/* CSS اختصاصی سایت عمومی تن‌مدار؛ به‌صورت مکانیکی از سیستم طراحی اصلی استخراج شده است. */
@font-face{font-family:IRANSans;src:url('../fonts/iransans/IRANSans-UltraLight-web.woff2') format('woff2');font-weight:200;font-style:normal;font-display:optional}
@font-face{font-family:IRANSans;src:url('../fonts/iransans/IRANSans-Light-web.woff2') format('woff2');font-weight:300;font-style:normal;font-display:optional}
@font-face{font-family:IRANSans;src:url('../fonts/iransans/IRANSans-web.woff2') format('woff2');font-weight:400;font-style:normal;font-display:optional}
@font-face{font-family:IRANSans;src:url('../fonts/iransans/IRANSans-Medium-web.woff2') format('woff2');font-weight:500;font-style:normal;font-display:optional}
@font-face{font-family:IRANSans;src:url('../fonts/iransans/IRANSans-Bold-web.woff2') format('woff2');font-weight:700;font-style:normal;font-display:optional}

:root{
  --ink:#1C2333;--paper:#f3f4f6;--white:#fff;
  --muted:#6e7b8e;--muted-soft:#e8eaed;--line:#dcdfe4;
  --brand:#FF6B35;--brand-soft:#FFE7DC;
  /* برای گذر از WCAG AA: --brand-strong پس‌زمینهٔ سطوحِ دارای متنِ سفید (دکمه/CTA/دکمهٔ پخش)،
     --brand-ink متنِ نارنجی روی زمینهٔ روشن (کیکِر/برچسب). --brand روشن فقط برای پرکردنِ تزئینی. */
  --brand-strong:#C2410C;--brand-ink:#A8380A;
  --success:#22C55E;--success-soft:#E6F8EC;
  --warning:#F5A524;--warning-soft:#FDF1DC;
  --danger:#F4475A;--danger-soft:#FDEAEC;
  --shadow:0 28px 80px rgba(28,35,51,.14);--shadow-soft:0 12px 38px rgba(28,35,51,.08);
  --shadow-xs:0 2px 8px rgba(28,35,51,.06);
  --radius:22px;--radius-sm:12px;--radius-lg:26px;
  /* مقیاس‌های افزوده برای انسجامِ سیستمِ طراحی (ui-ux-pro-max: توکن‌های فاصله/تایپ/حرکت/لایه) */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;
  --sec-y:56px;--sec-y-sm:40px; /* ریتمِ عمودیِ یکدستِ بخش‌ها (دسکتاپ/موبایل، روی مقیاس ۸px) */
  --fs-caption:11px;--fs-label:12px;--fs-small:13px;--fs-body:14px;--fs-lead:15px;--fs-h3:18px;--fs-h2:26px;--fs-h1:40px;
  --lh-tight:1.55;--lh-body:1.9;--lh-loose:2.1;
  --ease-out:cubic-bezier(.16,.8,.3,1);--ease-in:cubic-bezier(.4,0,1,1);
  --t-fast:.18s;--t-base:.28s;--t-slow:.6s;
  --z-nav:50;--z-dropdown:40;--z-scrollbar:60;--z-modal:1000;--z-skip:100000;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:IRANSans,Tahoma,sans-serif;font-size:14px;line-height:1.7;overflow-x:hidden}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}

.field{display:block;margin-bottom:12px}.field>span{display:block;font-size:13px;color:#566070;margin:0 3px 7px}.input-shell{min-height:46px;border:1px solid #dee1e6;background:#f9f9fa;border-radius:10px;padding:0 12px;display:flex;align-items:center;color:#414954;font-size:14px}.ltr-digits{direction:ltr;unicode-bidi:embed}.ic{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--brand-ink);outline-offset:2px;box-shadow:0 0 0 2px #fff}
/* ── صفحات عمومی وب‌سایت (لندینگ، درباره، حریم خصوصی، تماس، ویدئوها) ── */
.screen-canvas.is-site{padding:0}
.screen-canvas.is-site .screen-inner{max-width:none;margin:0}
.site-page{background:#fff;color:var(--ink);direction:rtl}
.site-wrap{max-width:1080px;margin:0 auto;padding-inline:24px}
.site-eyebrow{display:inline-block;font-size:11px;font-weight:700;color:var(--brand-ink);background:var(--brand-soft);padding:5px 11px;border-radius:999px;margin-bottom:12px}
.site-announce{background:var(--ink);color:#fff}
.site-announce-inner{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;padding-block:8px;flex-wrap:wrap;text-align:center}
.site-announce-text{font-size:13px;font-weight:600;color:#eef0f4}
.site-announce-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--ink);background:var(--brand);padding:5px 13px;border-radius:999px;transition:filter var(--t-fast)}
.site-announce-link:hover{filter:brightness(1.06)}
.site-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e4e6ea}
.site-nav-inner{display:flex;align-items:center;gap:18px;height:64px}
/* min-height:44px برای تپ‌تارگتِ استاندارد (WCAG 2.2 AA 2.5.8): نشانِ برند ۳۴px است و لینک بدونِ
   پدینگِ عمودی ~۴۰px می‌شد؛ کمینهٔ ۴۴px ناحیهٔ لمسِ لوگو را به هدفِ استاندارد می‌رساند. */
.site-brand{display:flex;align-items:center;gap:9px;min-height:44px;border:0;background:none;cursor:pointer;font-family:inherit}
.site-brand-mark{width:34px;height:34px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;font-size:17px}
.site-brand-name{font-weight:800;font-size:16px;color:var(--ink)}
.site-nav-links{display:flex;gap:4px;margin-inline-end:auto}
.site-nav-link{border:0;background:none;font-family:inherit;font-size:13px;font-weight:600;color:#566070;padding:9px 13px;border-radius:9px;cursor:pointer}
.site-nav-link:hover{background:#f1f2f4;color:var(--ink)}
.site-nav-link.active{color:var(--brand-ink);background:var(--brand-soft)}
.site-login{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--brand-strong);color:#fff;font-family:inherit;font-weight:700;font-size:13px;padding:10px 16px;border-radius:10px;cursor:pointer;white-space:nowrap}
.site-login .ic{width:16px;height:16px}
.site-nav-toggle{display:none;width:42px;height:42px;border:1px solid #dde0e5;background:#fff;border-radius:10px;color:var(--ink);cursor:pointer;place-items:center;flex-shrink:0}
.site-nav-toggle .ic{width:21px;height:21px}
.site-btn-primary,.site-btn-ghost,.site-btn-light{display:inline-flex;align-items:center;gap:7px;border:0;font-family:inherit;font-weight:700;font-size:13px;padding:12px 20px;border-radius:12px;cursor:pointer}
.site-btn-primary{background:var(--brand-strong);color:#fff}
.site-btn-ghost{background:#fff;color:var(--ink);border:1px solid #d8dce1}
.site-btn-light{background:#fff;color:var(--brand-ink)}
.site-btn-primary .ic,.site-btn-ghost .ic,.site-btn-light .ic{width:17px;height:17px}
.site-hero{background:radial-gradient(120% 120% at 85% 0%,#f4f5f7,#f8f9fa);border-bottom:1px solid #e7e9ec}
/* Heroِ دسکتاپ کمی پهن‌تر از سایرِ بخش‌ها + ستونِ متنِ پهن‌تر تا عنوانِ یک‌خطی («تمرین دقیق، پیشرفت
   قابل اندازه‌گیری») در ~۴۰px جا شود (هم‌ترازِ طرحِ مرجع). موبایل جدا تک‌ستونی می‌شود و عنوان طبیعی می‌شکند. */
.site-hero-inner{display:grid;grid-template-columns:1.4fr .8fr;gap:36px;align-items:center;padding-block:var(--sec-y);max-width:1160px}
.site-hero-text h1{font-size:40px;line-height:1.4;margin:0 0 14px;color:var(--ink)}
.site-hero-text p{font-size:14px;line-height:2;color:#566070;margin:0 0 22px;max-width:520px}
.site-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.site-hero-stats{display:flex;gap:28px;flex-wrap:wrap}
.site-hero-stats div{display:flex;flex-direction:column;align-items:center;text-align:center}
.site-hero-stats strong{font-size:24px;color:var(--ink)}
.site-hero-stats span{font-size:11px;color:#5f6b7d}
.site-hero-visual{display:grid;place-items:center}
.site-hero-card{background:var(--ink);color:#fff;border-radius:20px;padding:22px;width:100%;max-width:330px;box-shadow:0 24px 60px rgba(28,35,51,.22)}
.shc-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#ff9268;background:rgba(255,107,53,.16);padding:5px 11px;border-radius:999px;margin-bottom:14px}
.shc-badge .ic{width:14px;height:14px}
.site-hero-card>strong{display:block;font-size:18px}
.shc-sub{display:block;font-size:12px;color:#b9c0cf;margin:4px 0 14px}
.shc-bar{height:7px;border-radius:7px;background:rgba(255,255,255,.16);margin-bottom:8px;overflow:hidden}
.shc-bar i{display:block;height:100%;background:var(--brand);border-radius:7px}
.shc-row{display:flex;align-items:center;gap:9px;font-size:13px;color:#dfe3ec;padding:9px 0;border-top:1px solid rgba(255,255,255,.08)}
.shc-row .ic{width:17px;height:17px;color:var(--brand)}
.shc-row--play{cursor:pointer;color:#fff;font-weight:700}
.shc-row--play .ic{background:var(--brand);color:#fff;width:28px;height:28px;border-radius:50%;padding:6px}
.site-section{padding-block:var(--sec-y)}
.site-section--alt{background:#f8f9fa}
.site-section-head{text-align:center;max-width:560px;margin:0 auto 30px}
.site-section-head h2{font-size:26px;line-height:1.4;margin:0;color:var(--ink)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature-card{background:#fff;border:1px solid #e6e9ee;border-radius:18px;padding:24px;box-shadow:0 1px 2px rgba(20,28,48,.03);transition:transform .18s,box-shadow .18s,border-color .18s}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(28,35,51,.10);border-color:var(--brand)}
.feature-ic{width:50px;height:50px;border-radius:15px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:16px;transition:background .2s,color .2s,transform .2s}
.feature-card:hover .feature-ic{background:var(--brand);color:#fff;transform:scale(1.06)}
.feature-ic .ic{width:24px;height:24px}
.feature-card strong{display:block;font-size:15px;margin-bottom:8px;color:var(--ink)}
.feature-card p{margin:0;font-size:13px;line-height:1.9;color:#616c7d}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step-card{position:relative;background:#fff;border:1px solid #e6e9ee;border-radius:18px;padding:24px;box-shadow:0 1px 2px rgba(20,28,48,.03);transition:transform .18s,box-shadow .18s,border-color .18s}
.step-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(28,35,51,.10);border-color:var(--brand)}
.step-num{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--brand),#ff9268);color:#fff;font-weight:800;font-size:17px;margin-bottom:16px;box-shadow:0 7px 16px rgba(255,107,53,.32)}
.step-card strong{display:block;font-size:15px;margin-bottom:7px;color:var(--ink)}
.step-card p{margin:0;font-size:13px;line-height:1.9;color:#616c7d}
.coach-band{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:#fff;border-radius:20px;padding:30px 34px}
.coach-band h2{font-size:23px;line-height:1.4;margin:0 0 8px}
.coach-band p{margin:0;font-size:13px;color:#c2c8d4;line-height:1.9;max-width:520px}
.coach-band .site-eyebrow{background:rgba(255,107,53,.18);color:#ff9268}
/* تصویرِ نمونه‌ی محصول (اسکرین‌شاتِ پنل‌ها) + بخش‌های معرفی دو-ستونه */
.tm-shot{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 26px 56px -24px rgba(20,28,48,.34)}
.site-showcase{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.site-showcase--reverse .site-showcase-text{order:2}
.site-showcase--reverse .site-showcase-visual{order:1}
.site-showcase-text h2{font-size:25px;margin:0 0 12px;color:var(--ink);line-height:1.4}
.site-showcase-text p{font-size:14px;line-height:1.95;color:#566070;margin:0 0 18px;max-width:520px}
.site-showcase-list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:11px}
.site-showcase-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.9;color:var(--ink)}
.site-showcase-list .ic{color:var(--brand);width:18px;height:18px;flex-shrink:0;margin-top:1px}
.site-showcase--dark{background:var(--ink);border-radius:24px;padding:40px;color:#fff}
.site-showcase--dark h2{color:#fff}
.site-showcase--dark p{color:#c2c8d4}
.site-showcase--dark .site-showcase-list li{color:#e7eaef}
.site-showcase--dark .site-eyebrow{background:rgba(255,107,53,.18);color:#ff9268}
.site-cta-band{background:linear-gradient(120deg,var(--brand-strong),#a8380a);color:#fff;text-align:center;padding-block:var(--sec-y)}
.site-cta-band h2{font-size:26px;line-height:1.4;margin:0 0 8px}
.site-cta-band p{margin:0 0 20px;font-size:14px;color:#fff}
.site-page-hero{background:radial-gradient(120% 130% at 85% 0%,#f4f5f7,#f8f9fa);border-bottom:1px solid #e7e9ec;padding-block:var(--sec-y);text-align:center}
.site-page-hero h1{font-size:32px;line-height:1.4;margin:0 0 12px;color:var(--ink)}
.site-page-hero p{font-size:14px;line-height:2;color:#566070;max-width:620px;margin:0 auto}
.site-page-hero--compact{padding-block:40px}
.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:34px;align-items:center}
.about-text h2{font-size:24px;line-height:1.4;margin:0 0 14px;color:var(--ink)}
.about-text p{font-size:13px;line-height:2;color:#566070;margin:0 0 12px}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about-stat{background:#fff;border:1px solid #e6e9ee;border-radius:18px;padding:22px;text-align:center;box-shadow:0 1px 2px rgba(20,28,48,.03);transition:transform .18s,box-shadow .18s,border-color .18s}
.about-stat:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(28,35,51,.09);border-color:var(--brand)}
.about-stat strong{display:block;font-size:28px;color:var(--brand-ink);font-weight:800;letter-spacing:.3px}
.about-stat span{display:block;font-size:12px;color:var(--ink);font-weight:700;margin-top:5px}
.about-stat small{display:block;font-size:11px;color:#5f6b7d;margin-top:3px}
.legal-layout{display:grid;grid-template-columns:240px 1fr;gap:30px;align-items:start}
.legal-toc{position:sticky;top:80px;background:#fff;border:1px solid #e6e9ee;border-radius:16px;padding:18px;display:grid;gap:2px;box-shadow:0 1px 2px rgba(20,28,48,.03)}
.legal-toc strong{font-size:12px;color:var(--ink);margin-bottom:8px}
.legal-toc-link{display:block;font-size:12px;color:#4b5563;padding:10px 12px;border-radius:9px;line-height:1.8;text-decoration:none;transition:background .15s,color .15s}
.legal-toc-link:hover{background:var(--brand-soft);color:var(--brand-ink)}
.legal-body{display:grid;gap:22px}
.legal-sec{scroll-margin-top:84px}
.legal-sec h2{display:flex;align-items:center;gap:11px;font-size:16px;margin:0 0 9px;color:var(--ink)}
.legal-num{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#ff9268);color:#fff;font-size:13px;font-weight:800;flex-shrink:0;box-shadow:0 5px 12px rgba(255,107,53,.28)}
.legal-sec p{margin:0;font-size:13px;line-height:2;color:#566070}
.legal-link{color:var(--brand-ink);text-decoration:underline;text-underline-offset:2px;font-weight:700}
.legal-link:hover,.legal-link:focus-visible{color:var(--brand-strong)}
.legal-note{display:flex;align-items:center;gap:10px;background:#f8f9fa;border:1px solid #e7e9ed;border-radius:12px;padding:13px 15px;font-size:12px;color:#616c7d;margin-top:6px}
.legal-note .ic{width:18px;height:18px;color:var(--brand);flex-shrink:0}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:start}
.contact-info{display:grid;gap:14px}
.contact-item{display:flex;align-items:center;gap:13px;background:#f8f9fa;border:1px solid #e7e9ed;border-radius:14px;padding:15px}
.contact-ic{width:44px;height:44px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;flex-shrink:0}
.contact-ic .ic{width:21px;height:21px}
.contact-item>div{display:flex;flex-direction:column;min-width:0}
.contact-item span{font-size:11px;color:#5f6b7d;margin-bottom:3px}
.contact-item strong{font-size:14px;color:var(--ink);font-weight:700}
.contact-socials{padding:4px 2px}
.contact-socials>span{display:block;font-size:11px;color:#5f6b7d;margin-bottom:8px}
.contact-social-row{display:flex;gap:9px;flex-wrap:wrap}
.site-social{display:inline-flex;align-items:center;gap:6px;border:1px solid #d8dce1;background:#fff;border-radius:10px;padding:9px 13px;font-family:inherit;font-size:12px;font-weight:700;color:var(--ink);cursor:pointer}
.site-social .ic{width:15px;height:15px;color:var(--brand)}
.contact-form{background:#fff;border:1px solid #e2e5e9;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(28,35,51,.05)}
.contact-form h2{font-size:16px;margin:0 0 16px;color:var(--ink)}
.contact-submit{width:100%;justify-content:center;margin-top:6px}
.form-required-note{font-size:12px;color:#5f6b7d;margin:0 0 14px}
.req{color:var(--brand-ink);font-weight:700}
.opt{color:#556070;font-weight:400;font-size:11px}
.contact-note{border-radius:12px;padding:11px 14px;margin:0 0 14px;font-size:13px;line-height:1.85}
.contact-note--ok{background:#e8f7ee;border:1px solid #b7e3c6;color:#1c7a3f}
.contact-note--err{background:#fdecec;border:1px solid #f3c0c0;color:#b42121}
.input-shell:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);background:#fff}
.vid-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.vid-cats{display:flex;gap:7px;flex-wrap:wrap}
.vid-cat{border:1px solid #e1e4e8;background:#fff;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;color:#616c7d;cursor:pointer}
.vid-cat.active{background:var(--brand-soft);border-color:transparent;color:var(--brand-ink)}
.vid-search{display:flex;align-items:center;gap:8px;min-width:240px;background:#f8f9fa;border:1px solid #e1e4e8;border-radius:10px;padding:11px 13px;color:#556070;font-size:12px}
.vid-search .ic{width:16px;height:16px}
.vid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vid-card{display:block;width:100%;-webkit-appearance:none;appearance:none;border:1px solid #e6e9ee;background:#fff;border-radius:18px;overflow:hidden;cursor:pointer;text-align:right;font-family:inherit;padding:0;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
.vid-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(28,35,51,.13);border-color:var(--brand)}
.vid-thumb{position:relative;display:grid;place-items:center;aspect-ratio:16/10;background:radial-gradient(130% 120% at 50% 22%,#2b313a,#111419 72%);overflow:hidden}
.vid-thumb::before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,53,.30),transparent 62%);filter:blur(4px)}
.vid-thumb-ico{position:absolute;right:-12px;bottom:-16px;width:104px;height:104px;color:rgba(255,255,255,.055);transform:rotate(-12deg);z-index:0}
.vid-thumb-anim{position:absolute;inset:0;z-index:1;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.07) 50%,transparent 58%);background-size:240% 100%}
.vid-card:hover .vid-thumb-anim{animation:vpSweep 2.4s linear infinite}
.vid-tag{position:absolute;top:10px;right:10px;z-index:2;background:rgba(255,255,255,.13);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:999px}
/* بَجِ مدت‌زمان — باید absolute باشد وگرنه آیتمِ گریدِ .vid-thumb می‌شود و دکمهٔ پلی را از مرکز بالا می‌بَرَد */
.vid-dur{position:absolute;bottom:10px;left:10px;z-index:2;background:rgba(12,13,15,.8);color:#fff;font-size:11px;font-weight:700;padding:2px 9px;border-radius:7px;letter-spacing:.3px}
.vid-play{position:relative;z-index:2;width:54px;height:54px;border-radius:50%;background:var(--brand-strong);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(255,107,53,.5),0 0 0 9px rgba(255,255,255,.06);transition:transform .18s,box-shadow .18s}
.vid-card:hover .vid-play{transform:scale(1.1);box-shadow:0 12px 28px rgba(255,107,53,.6),0 0 0 12px rgba(255,255,255,.09)}
.vid-play .ic{width:22px;height:22px;margin-inline-start:2px}
.vid-info{display:block;padding:14px 16px 16px}
.vid-info strong{display:block;font-size:14px;color:var(--ink);margin-bottom:8px}
.vid-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#5f6b7d}
.vid-level{flex-shrink:0;font-size:10px;font-weight:700;padding:2px 9px;border-radius:999px}
.vid-level--beg{background:#e7f6ee;color:#0f7a45}
.vid-level--mid{background:#fff1e6;color:#b3500f}
.vid-level--adv{background:#fdeae9;color:#b02a2a}
.vid-level--all{background:#eef0f3;color:#5b6577}
.vid-empty{display:none;text-align:center;color:#5f6b7d;font-size:13px;padding:34px 0}
/* —— صفحهٔ عمومیِ مربیان: فهرست —— */
.coach-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.coach-search{min-width:min(300px,100%)}
.coach-filters{display:flex;flex-wrap:wrap;gap:8px}
/* selectِ فیلتر: پیکانِ سفارشی سمتِ چپ (RTL)، هم‌سبک با فیلد/پیلِ سایت */
/* selectِ خام فقط fallbackِ بدونِ‌JS است؛ با JS به دراپ‌داونِ سفارشیِ زیر ارتقا می‌یابد (پاپ‌آپِ
   بومیِ select قابلِ استایل نیست). پیکانِ سفارشی سمتِ چپ (RTL). */
.coach-filter{-webkit-appearance:none;appearance:none;border:1px solid #e1e4e8;background-color:#fff;border-radius:10px;padding:10px 13px 10px 34px;font-family:inherit;font-size:12px;font-weight:600;color:#4a5563;cursor:pointer;min-height:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a8494' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;background-size:14px;transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.coach-filter:hover{border-color:#c2c8d2;box-shadow:var(--shadow-xs)}
.coach-filter:focus-visible{outline:3px solid var(--brand-ink);outline-offset:2px}
/* دراپ‌داونِ سفارشیِ فیلتر (JS-enhanced) — هم‌سبک با Selectِ پنل */
.coach-dd{position:relative;display:inline-block}
.coach-dd-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;border:1px solid #e1e4e8;background:#fff;border-radius:10px;padding:10px 13px;font-family:inherit;font-size:12px;font-weight:600;color:#4a5563;cursor:pointer;white-space:nowrap;transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.coach-dd-btn:hover{border-color:#c2c8d2;box-shadow:var(--shadow-xs)}
.coach-dd-btn:focus-visible{outline:3px solid var(--brand-ink);outline-offset:2px}
.coach-dd.is-open .coach-dd-btn{border-color:var(--brand)}
.coach-dd-btn .ic{width:15px;height:15px;color:#7a8494;flex-shrink:0;transition:transform .18s}
.coach-dd.is-open .coach-dd-btn .ic{transform:rotate(180deg)}
.coach-dd-menu{position:absolute;top:calc(100% + 6px);inset-inline-start:0;min-width:100%;max-height:264px;overflow-y:auto;background:#fff;border:1px solid #e6e9ee;border-radius:12px;box-shadow:0 16px 40px rgba(28,35,51,.16);padding:6px;z-index:40;display:none}
.coach-dd.is-open .coach-dd-menu{display:block}
.coach-dd-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:start;border:0;background:none;font-family:inherit;font-size:13px;font-weight:600;color:#4a5563;padding:9px 11px;border-radius:8px;cursor:pointer;white-space:nowrap}
.coach-dd-opt:hover,.coach-dd-opt.is-hi{background:#f4f6f8}
.coach-dd-opt.is-active{color:var(--brand-ink)}
.coach-dd-opt .ic{width:14px;height:14px;color:var(--brand-ink);flex-shrink:0;opacity:0}
.coach-dd-opt.is-active .ic{opacity:1}
.coach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
/* min-width:0 لازم است: کارت آیتمِ گریدِ .coach-grid است و کمینهٔ خودکارِ آیتمِ گرید = min-content،
   که روی گوشیِ باریک (۳۲۰/۳۶۰px) کارت را تا ۳۶۸px پهن نگه می‌داشت و ترکِ 1fr را تا همان اندازه بزرگ
   می‌کرد ⇒ سرریزِ افقی. با min-width:0 کارت تا عرضِ ترک جمع می‌شود و بدنه (min-width:0 + ellipsis) خرد می‌شود. */
.coach-card{display:flex;align-items:center;gap:14px;min-width:0;border:1px solid #e6e9ee;background:#fff;border-radius:18px;padding:16px;text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s,border-color .18s}
.coach-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(28,35,51,.13);border-color:var(--brand)}
.coach-avatar{flex-shrink:0;width:64px;height:64px;border-radius:50%;background:radial-gradient(130% 120% at 50% 22%,#2b313a,#111419 72%) center/cover no-repeat;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:800}
.coach-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.coach-card-body strong{font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coach-card-head{font-size:12px;color:var(--brand-ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coach-card-facts{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:12px;color:#5f6b7d;margin-top:3px}
.coach-card-facts span{display:inline-flex;align-items:center;gap:4px}
.coach-card-facts .ic{width:13px;height:13px;color:#6b7789}
.coach-card-go{flex-shrink:0;color:#c2c8d2;align-self:center;transition:color var(--t-fast)}
.coach-card-go .ic{width:18px;height:18px}
.coach-card:hover .coach-card-go{color:var(--brand-ink)}
.coach-card-mode{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;margin-top:6px;font-size:11px;font-weight:700;padding:3px 9px 3px 10px;border-radius:999px;border:1px solid transparent}
.coach-card-mode .ic{width:12px;height:12px;flex-shrink:0}
.coach-empty{display:none;text-align:center;color:#5f6b7d;font-size:13px;padding:34px 0}
/* بجِ نوعِ فعالیت — رنگِ معناییِ حضوری(سبز)/آنلاین(آبی)/هردو(برند) */
.coach-badge--in_person{color:#0f7a45;background:#e7f6ee;border-color:#c6ecd6}
.coach-badge--online{color:#1f6bb8;background:#e8f1fb;border-color:#c9dff2}
.coach-badge--both{color:var(--brand-ink);background:var(--brand-soft);border-color:#f2d7c8}
/* —— صفحهٔ عمومیِ مربیان: پروفایلِ تک‌مربی (طراحیِ تازه) —— */
.coach-back{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:#566070;text-decoration:none;margin-bottom:18px;transition:color var(--t-fast)}
.coach-back:hover{color:var(--brand-ink)}
.coach-back .ic{width:16px;height:16px;transform:scaleX(-1)}
/* hero با گرادیانِ گرمِ برند */
.coach-hero{background:radial-gradient(120% 150% at 88% -10%,#fdece2,#f6f7f9 60%);border-bottom:1px solid #eef0f2;padding-block:32px 36px}
.coach-hero-main{display:flex;align-items:center;gap:26px}
.coach-hero-photo{position:relative;flex-shrink:0}
.coach-avatar--xl{width:128px;height:128px;font-size:46px;box-shadow:0 12px 30px rgba(28,35,51,.16);border:4px solid #fff}
.coach-hero-info{min-width:0}
.coach-hero-info h1{font-size:28px;margin:0 0 6px;color:var(--ink)}
.coach-headline{font-size:15px;color:#4a5563;font-weight:600;margin:0 0 12px}
.coach-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.coach-chip{font-size:12px;font-weight:700;color:var(--brand-ink);background:#fff;border:1px solid #f2d7c8;border-radius:999px;padding:5px 12px}
.coach-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.coach-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#566070;background:#fff;border:1px solid #e7e9ec;border-radius:10px;padding:7px 12px}
.coach-badge .ic{width:14px;height:14px;color:#6b7789}
.coach-badge--mode .ic{color:currentColor}
.coach-hero-cta{margin-top:2px}
/* بدنهٔ دوستونه: محتوا (راست) + کارتِ کناریِ چسبان (چپ) */
.coach-cols{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.coach-col-main{display:grid;gap:18px;min-width:0}
.coach-col-side{display:grid;gap:16px;position:sticky;top:82px}
.coach-card2{background:#fff;border:1px solid #e7e9ee;border-radius:16px;padding:20px 22px}
.coach-card2-head{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.coach-card2-head .ic{width:18px;height:18px;color:var(--brand-ink)}
.coach-card2-head h2{font-size:15px;color:var(--ink);margin:0}
.coach-bio{font-size:14px;line-height:2.1;color:#4a5563;margin:0}
.coach-list{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.coach-list li{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.85;color:#4a5563}
.coach-list .ic{flex-shrink:0;width:16px;height:16px;color:#0f7a45;margin-top:3px}
.coach-facts-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.coach-facts-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #f1f2f4;font-size:13px}
.coach-facts-list li:last-child{border-bottom:0}
.coach-fact-k{display:inline-flex;align-items:center;gap:7px;color:#6b7685;flex-shrink:0}
.coach-fact-k .ic{width:15px;height:15px;color:#6b7789}
.coach-fact-v{color:var(--ink);font-weight:600;text-align:end}
.coach-socials{display:flex;flex-wrap:wrap;gap:9px}
.coach-social{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--ink);text-decoration:none;background:#f6f7f9;border:1px solid #e6e9ee;border-radius:10px;padding:8px 13px;transition:border-color .16s,color .16s}
.coach-social:hover{border-color:var(--brand);color:var(--brand-ink)}
.coach-social .ic{width:15px;height:15px;color:var(--brand-ink)}
.coach-side-cta{background:var(--ink);color:#fff;border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:4px}
.coach-side-cta strong{font-size:15px}
.coach-side-cta span{font-size:12px;color:#c2c8d4;line-height:1.9;margin-bottom:10px}
.coach-side-cta .site-btn-primary{justify-content:center}
/* —— مودالِ پخشِ ویدئوی حرکت —— */
.vid-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:clamp(12px,3vw,28px)}
.vid-modal.is-open{display:flex}
.vid-modal-backdrop{position:absolute;inset:0;background:rgba(12,13,17,.74);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:vidFadeIn .18s ease}
/* عرضِ کارت = کوچک‌ترینِ: ۹۰vw، سقفِ ۹۰۰px، و عرضی که قابِ ۱۶:۹ + سرتیتر داخلِ ارتفاعِ صفحه جا شود
   (۶۰px ≈ ارتفاعِ سرتیتر). این‌طور مودال هرگز از عرض یا ارتفاعِ صفحه بیرون نمی‌زند و نسبتِ ویدئو حفظ می‌ماند. */
.vid-modal-card{position:relative;z-index:1;width:min(90vw, 900px, calc((90vh - 60px) * var(--media-ar,1.7778)));max-height:94vh;background:#12151b;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.55);animation:vidPopIn .19s cubic-bezier(.2,.8,.3,1)}
.vid-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 16px;color:#f3f5f9;border-bottom:1px solid rgba(255,255,255,.08)}
.vid-modal-title{font-size:16px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}
.vid-modal-close{flex-shrink:0;width:44px;height:44px;border:0;background:rgba(255,255,255,.06);color:#f3f5f9;border-radius:50%;line-height:1;cursor:pointer;font-family:inherit;display:grid;place-items:center;transition:background .16s,transform .09s}
.vid-modal-close:hover{background:rgba(255,255,255,.15)}
.vid-modal-close:active{transform:scale(.93)}
.vid-modal-close .ic{width:20px;height:20px}
.vid-modal-close:focus-visible{outline:none;box-shadow:0 0 0 2px #12151b,0 0 0 4px var(--brand)}
/* قابِ ثابتِ ۱۶:۹؛ رسانه absolute است تا اندازهٔ ذاتیِ ویدئو (مثلاً کلیپِ عمودی) قاب را کِش ندهد.
   object-fit:contain → هر نسبتی بدونِ اعوجاج و بدونِ سرریز، درونِ قاب لِتربکس می‌شود. */
.vid-modal-stage{position:relative;aspect-ratio:16/9;background:#000;display:grid;place-items:center;overflow:hidden}
@supports not (aspect-ratio:1/1){.vid-modal-stage{height:0;padding-top:56.25%}.vid-modal-stage>*{position:absolute;inset:0}}
.vid-modal-media{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000;object-fit:contain}
.vid-modal-loading{color:rgba(255,255,255,.7);font-size:13px}
.vid-modal-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:rgba(255,255,255,.82);font-size:13px;padding:24px;text-align:center}
.vid-modal-empty a{color:var(--brand);font-weight:700;text-decoration:none}
.vid-modal-empty a:hover{text-decoration:underline}
body.vid-modal-lock{overflow:hidden}
@keyframes vpSweep{from{background-position:140% 0}to{background-position:-140% 0}}
@keyframes vidFadeIn{from{opacity:0}to{opacity:1}}
@keyframes vidPopIn{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.vid-modal-card,.vid-modal-backdrop{animation:none}}
/* ——— پخش‌کنندهٔ سفارشیِ ویدئوی آپلودی: پورتِ VideoPlayer.tsxِ پنل تا تجربهٔ پلیر در سایتِ عمومی و
   پنل دقیقاً یکسان باشد (ارقام فارسی، نوارِ پیشرفت، سرعتِ پخش با «حرکتِ آهسته»، نشانِ منبع، تمام‌صفحه).
   کلاسِ is-player روی card/stage گذاشته می‌شود (به‌جای has) تا قابِ ۱۶:۹ اجازهٔ افزودنِ نوارِ کنترل بدهد.
   نام‌متغیرهای React (r-، fs-، sp-) در این پوسته وجود ندارند؛ مقادیرِ عددیِ معادل درج شده. */
/* کارت هم‌اندازهٔ پنل: قابِ ۱۶:۹ + کنترل‌های overlay (بدونِ نوارِ جدا)؛ عرض به ارتفاعِ ویوپورت مقید است */
.vid-modal-card.is-player{width:min(92vw,860px,calc((90vh - 120px) * var(--media-ar,1.7778)));max-height:none}
/* stage قابِ ۱۶:۹ + گرید/overflow را رها می‌کند تا ارتفاعش را از خودِ پلیر بگیرد */
.vid-modal-stage.is-player{aspect-ratio:auto;display:block;background:transparent;height:auto;min-height:0;padding:0;overflow:visible;place-items:initial}
.vid-modal-stage.is-player > .vp-player{width:100%}
/* ——— پخش‌کنندهٔ سینماییِ تیره — mirrorِ VideoPlayer.tsxِ پنل (پوسته/کنترل/حالت‌ها یکسان) ——— */
.vp-player{position:relative;aspect-ratio:var(--media-ar,16/9);background:radial-gradient(120% 120% at 50% 34%,#1b202b,#0f1218);overflow:hidden;isolation:isolate;color:#f3f5f9;--vp-focus:0 0 0 2px #0f1218,0 0 0 4px var(--brand)}
.vp-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;cursor:pointer}
.vp-stage .vp-media{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:transparent;object-fit:contain}
.vp-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(6,8,12,.86) 0%,rgba(6,8,12,.34) 20%,transparent 42%,transparent 80%,rgba(6,8,12,.30) 100%);opacity:1;transition:opacity .24s cubic-bezier(.2,.8,.3,1)}
.video-modal-badge{position:absolute;top:10px;inset-inline-start:10px;z-index:2;font-size:11px;font-weight:700;color:#fff;background:rgba(10,12,17,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);padding:4px 11px;border-radius:20px;transition:opacity .24s}
.vp-slowflag{position:absolute;top:10px;inset-inline-end:10px;z-index:2;background:var(--brand);color:#fff;font-size:11px;font-weight:700;padding:4px 11px;border-radius:20px;direction:ltr;box-shadow:0 4px 14px rgba(255,107,53,.4);transition:opacity .24s}
.vp-slowflag[hidden]{display:none}
.vp-bigplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;border:0;cursor:pointer;box-shadow:0 10px 34px rgba(255,107,53,.42),0 0 0 10px rgba(255,255,255,.07);transition:transform .16s cubic-bezier(.34,1.56,.64,1),opacity .24s cubic-bezier(.2,.8,.3,1)}
.vp-bigplay:hover{transform:translate(-50%,-50%) scale(1.06)}
.vp-bigplay:active{transform:translate(-50%,-50%) scale(.95)}
.vp-bigplay:focus-visible{outline:none;box-shadow:var(--vp-focus),0 10px 34px rgba(255,107,53,.42)}
.vp-bigplay .ic{width:28px;height:28px;margin-inline-start:3px}
.vp-player.vp-playing .vp-bigplay,.vp-player.is-buffering .vp-bigplay{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.9)}
.vp-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:50px;height:50px;pointer-events:none;display:none}
.vp-player.is-buffering .vp-spinner{display:block}
.vp-spinner[hidden]{display:none}
.vp-spinner-svg{width:100%;height:100%;animation:vpSpin 900ms linear infinite}
.vp-spinner-svg circle{fill:none;stroke:rgba(255,255,255,.92);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:88 42}
@keyframes vpSpin{to{transform:rotate(360deg)}}
.vp-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;background:rgba(10,12,17,.82);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);color:#a7b0be}
.vp-overlay[hidden]{display:none}
.vp-overlay strong{color:#fff;font-size:14px}
.vp-overlay-ic{width:52px;height:52px;border-radius:50%;background:rgba(244,71,90,.16);display:grid;place-items:center;margin-bottom:2px}
.vp-overlay-ic .ic{width:26px;height:26px;color:#F4475A}
.vp-overlay-btn{margin-top:8px;display:inline-flex;align-items:center;gap:6px;background:var(--brand);color:#fff;border:0;border-radius:10px;padding:10px 18px;min-height:44px;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:filter .16s,transform .09s}
.vp-overlay-btn:hover{filter:brightness(1.07)}
.vp-overlay-btn:active{transform:scale(.97)}
.vp-overlay-btn:focus-visible{outline:none;box-shadow:var(--vp-focus)}
.vp-overlay-btn .ic{width:16px;height:16px}
/* نوارِ کنترلِ overlay — LTR؛ هنگام پخش خودکار محو می‌شود */
.vp-controls{position:absolute;inset-inline:0;bottom:0;z-index:3;direction:ltr;padding:6px 12px 10px;display:flex;flex-direction:column;gap:6px;opacity:1;transform:translateY(0);transition:opacity .24s cubic-bezier(.2,.8,.3,1),transform .24s cubic-bezier(.2,.8,.3,1)}
.vp-player.vp-idle{cursor:none}
.vp-player.vp-idle .vp-controls{opacity:0;transform:translateY(10px);pointer-events:none}
.vp-player.vp-idle .vp-scrim,.vp-player.vp-idle .video-modal-badge,.vp-player.vp-idle .vp-slowflag{opacity:0}
.vp-track{position:relative;direction:ltr;height:16px;display:flex;align-items:center;cursor:pointer;touch-action:none}
.vp-track-rail{position:relative;width:100%;height:5px;border-radius:999px;background:rgba(255,255,255,.26);transition:height .16s}
.vp-track:hover .vp-track-rail,.vp-player.vp-scrubbing .vp-track-rail{height:7px}
.vp-buffered{position:absolute;inset-block:0;inset-inline-start:0;height:100%;width:0;border-radius:999px;background:rgba(255,255,255,.34)}
.vp-progress{position:absolute;inset-block:0;inset-inline-start:0;height:100%;width:0;border-radius:999px;background:var(--brand)}
.vp-thumb{position:absolute;left:100%;top:50%;transform:translate(-50%,-50%) scale(0);width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.6);transition:transform .16s}
.vp-track:hover .vp-thumb,.vp-player.vp-scrubbing .vp-thumb{transform:translate(-50%,-50%) scale(1)}
.vp-track:focus-visible{outline:none}
.vp-track:focus-visible .vp-track-rail{height:7px;box-shadow:var(--vp-focus)}
.vp-track:focus-visible .vp-thumb{transform:translate(-50%,-50%) scale(1)}
.vp-row{display:flex;align-items:center;gap:2px}
.vp-btn{position:relative;min-width:44px;height:44px;border:0;background:transparent;color:#fff;border-radius:10px;display:grid;place-items:center;cursor:pointer;font-family:inherit;padding:0;flex-shrink:0;transition:background .16s,transform .09s}
.vp-btn:hover{background:rgba(255,255,255,.16)}
.vp-btn:active{transform:scale(.92)}
.vp-btn:focus-visible{outline:none;box-shadow:var(--vp-focus)}
.vp-btn .ic{width:20px;height:20px}
.vp-btn[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:rgba(8,10,14,.96);color:#fff;font-size:11px;font-weight:600;white-space:nowrap;padding:4px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.10);pointer-events:none;opacity:0;transition:opacity .16s,transform .16s;z-index:6;direction:rtl}
.vp-btn[data-tip]:hover::after,.vp-btn[data-tip]:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}
.vp-time{font-size:11px;color:#f3f5f9;direction:ltr;white-space:nowrap;margin-inline-start:4px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.vp-spacer{flex:1}
.vp-vol{display:flex;align-items:center}
.vp-vol-slider{-webkit-appearance:none;appearance:none;direction:ltr;width:0;opacity:0;height:16px;margin:0;background:transparent;cursor:pointer;pointer-events:none;transition:width .24s cubic-bezier(.2,.8,.3,1),opacity .16s}
.vp-vol:hover .vp-vol-slider,.vp-vol:focus-within .vp-vol-slider{width:74px;opacity:1;margin-inline:2px 6px;pointer-events:auto}
.vp-vol-slider::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--brand) 0 var(--vol,100%),rgba(255,255,255,.30) var(--vol,100%) 100%)}
.vp-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.5)}
.vp-vol-slider::-moz-range-track{height:4px;border-radius:999px;background:rgba(255,255,255,.30)}
.vp-vol-slider::-moz-range-progress{height:4px;border-radius:999px;background:var(--brand)}
.vp-vol-slider::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.vp-vol-slider:focus-visible{outline:none}
.vp-vol-slider:focus-visible::-webkit-slider-thumb{box-shadow:var(--vp-focus)}
.vp-speed{position:relative}
.vp-speed-btn{width:auto;min-width:44px;padding:0 10px;font-weight:700;font-size:12px}
.vp-speed-val{direction:ltr;display:inline-block;font-variant-numeric:tabular-nums}
/* منوی سرعت: پاپ‌اورِ تیرهٔ frosted (هم‌خانوادهٔ پلیر)؛ راست‑چین، متنِ فارسی RTL */
.vp-speed-menu{position:absolute;bottom:calc(100% + 10px);right:0;left:auto;direction:rtl;background:rgba(23,27,36,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f3f5f9;border:1px solid rgba(255,255,255,.10);border-radius:12px;box-shadow:0 18px 44px rgba(0,0,0,.5);padding:6px;min-width:156px;display:none;z-index:6}
.vp-player.vp-speed-open .vp-speed-menu{display:block}
.vp-speed-menu-title{display:block;font-size:11px;color:#a7b0be;font-weight:700;padding:5px 9px 7px}
.vp-speed-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:40px;border:0;background:none;font-family:inherit;font-size:13px;font-weight:700;color:#f3f5f9;padding:9px 10px;border-radius:8px;cursor:pointer;transition:background .16s}
.vp-speed-opt>span:first-child{direction:ltr;font-variant-numeric:tabular-nums}
.vp-speed-opt:hover{background:rgba(255,255,255,.08)}
.vp-speed-opt:focus-visible{outline:none;box-shadow:var(--vp-focus)}
.vp-speed-opt.is-sel{background:rgba(255,107,53,.16);color:var(--brand)}
.vp-speed-tag{font-size:11px;color:#a7b0be;font-weight:600}
.vp-speed-opt.is-sel .vp-speed-tag{color:var(--brand)}
.vp-player:fullscreen{aspect-ratio:auto;width:100vw;height:100vh;height:100dvh;border-radius:0}
.vp-player:-webkit-full-screen{aspect-ratio:auto;width:100vw;height:100vh;height:100dvh;border-radius:0}
.vp-player:fullscreen .vp-controls{padding:12px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.vp-player:-webkit-full-screen .vp-controls{padding:12px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
/* ═══ موبایل: کارتِ *محتوامحورِ* مودالِ ویدئو — هم‌قراردادِ پنلِ React (media-ar، dvh، safe-area).
   عرض تقریباً تمام‌عرض ولی مقید به «ارتفاعِ در دسترس × نسبتِ رسانه»؛ ارتفاعِ کارت = هد + پلیر + فوتر (نه 100dvh).
   افقی/iframe → کارتِ کوتاه (بدونِ بلوکِ مشکیِ خالی)؛ عمودی → کارتِ بلند که خودِ ویدئو ارتفاع را مصرف می‌کند. ═══ */
@media (max-width:600px){
  .vid-modal{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
  .vid-modal-card,.vid-modal-card.is-player{
    width:min(100%,calc((100vh - 108px) * var(--media-ar,1.7778)));
    width:min(100%,calc((100dvh - 108px) * var(--media-ar,1.7778)));
    max-width:100%;height:auto;max-height:100vh;max-height:100dvh;border-radius:14px}
  /* iframe: قابِ ۱۶:۹؛ پخش‌کنندهٔ مستقیم: نسبتِ واقعیِ رسانه — هیچ‌کدام flex:1/تمام‌قد نمی‌شوند (رفعِ فضای مشکیِ خالی) */
  .vid-modal-stage{aspect-ratio:16/9;width:100%}
  .vid-modal-stage.is-player{aspect-ratio:auto}
  .vid-modal-stage.is-player > .vp-player,.vid-modal-card .vp-player--direct{aspect-ratio:var(--media-ar,16/9);width:100%;flex:none;height:auto}
  .vp-bigplay{width:62px;height:62px}.vp-bigplay .ic{width:25px;height:25px}.vp-speed-opt{min-height:44px}
}
@media (max-width:520px){.vp-vol-slider{display:none}.vp-controls{padding:6px 10px 10px}.vp-row{gap:0}}
@media (prefers-reduced-motion:reduce){.vp-controls,.vp-scrim,.vp-bigplay,.vp-thumb,.vp-track-rail,.vp-vol-slider,.vp-btn,.video-modal-badge,.vp-slowflag{transition:none}.vp-spinner-svg{animation:vpPulse 1.4s ease-in-out infinite}}
@keyframes vpPulse{0%,100%{opacity:.45}50%{opacity:1}}
.vid-foot{margin-top:28px;text-align:center}
.vid-foot p{font-size:13px;color:#616c7d;margin:0 0 14px}
.vid-foot .ltr-digits{font-weight:700;color:var(--ink)}
.site-footer{background:var(--ink);color:#fff;padding-block:40px 22px}
.site-footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr auto;gap:26px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.1)}
.site-footer-brand .site-brand-name{color:#fff}
.site-footer-brand p{margin:12px 0 0;font-size:12px;line-height:2;color:#aab1c0;max-width:300px}
.site-footer-col{display:flex;flex-direction:column;gap:9px}
.site-footer-col>strong{font-size:13px;margin-bottom:3px}
.site-footer-link{border:0;background:none;color:#aab1c0;font-family:inherit;font-size:13px;text-align:right;cursor:pointer;padding:0;transition:color var(--t-fast)}
.site-footer-link:hover{color:#fff}
.site-footer-line{display:flex;align-items:center;gap:7px;font-size:13px;color:#aab1c0}
.site-footer-line .ic{width:15px;height:15px;color:var(--brand)}
/* ── نشانِ اعتمادِ الکترونیکی (اینماد) — ستونِ «اعتماد و مجوزها» / نوارِ زیرِ فوترِ المنتور ──
   چیپِ سفید چون لوگوی رسمیِ اینماد برای زمینهٔ روشن طراحی شده و فوتر تیره (--ink) است؛
   width/height روی خودِ <img> از پاسخِ واقعیِ سرویس آمده تا در شکستِ بارگذاری هم CLS صفر بماند. */
.site-footer-trust{display:flex;flex-direction:column;gap:9px}
.site-footer-trust>strong{font-size:13px;margin-bottom:3px}
.site-enamad-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:44px;min-height:44px;padding:var(--sp-2);background:var(--white);border-radius:var(--radius-sm);transition:box-shadow var(--t-fast),transform var(--t-fast)}
.site-enamad-link:hover{box-shadow:var(--shadow-xs);transform:translateY(-1px)}
.site-enamad-logo{display:block;width:96px;max-width:100%;height:auto}
.site-enamad-strip{background:var(--ink);padding-block:var(--sp-4)}
.site-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:18px;font-size:12px;color:#8a91a1;flex-wrap:wrap}
.site-footer-social{display:flex;gap:8px}
.site-footer .site-social{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#fff}
.device-frame.mobile .screen-canvas.is-site{padding:0}
.device-frame.mobile .site-wrap{padding-inline:16px}
.device-frame.mobile .site-nav-inner{height:58px;gap:8px}
.device-frame.mobile .site-nav-toggle{display:grid;order:3}
.device-frame.mobile .site-brand{margin-inline-end:auto}
.device-frame.mobile .site-login{order:2;padding:9px 13px}
.device-frame.mobile .site-nav-links{position:absolute;top:calc(100% + 1px);inset-inline:0;flex-direction:column;gap:3px;background:#fff;border-top:1px solid #e4e6ea;box-shadow:0 18px 32px rgba(28,35,51,.14);padding:9px;margin:0;display:none;z-index:25}
.device-frame.mobile .site-nav.is-open .site-nav-links{display:flex}
.device-frame.mobile .site-nav-link{width:100%;text-align:right;padding:13px 14px;font-size:14px;border-radius:10px}
.device-frame.mobile .site-hero-inner{grid-template-columns:1fr;padding-block:30px;gap:26px}
.device-frame.mobile .site-hero-text{text-align:center}
.device-frame.mobile .site-hero-text h1{font-size:27px}
.device-frame.mobile .site-hero-text p{margin-inline:auto}
.device-frame.mobile .site-hero-cta{flex-direction:column;align-items:stretch}
.device-frame.mobile .site-hero-cta>button{width:100%;justify-content:center}
.device-frame.mobile .site-hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 12px;margin-top:4px}
.device-frame.mobile .feature-grid,.device-frame.mobile .steps-grid,.device-frame.mobile .vid-grid,.device-frame.mobile .about-stats{grid-template-columns:1fr 1fr}
.device-frame.mobile .about-grid,.device-frame.mobile .legal-layout,.device-frame.mobile .contact-grid{grid-template-columns:1fr}
.device-frame.mobile .legal-toc{display:none}
.device-frame.mobile .coach-band{flex-direction:column;align-items:flex-start;gap:16px;padding:24px}
.device-frame.mobile .site-section{padding-block:36px}
.device-frame.mobile .site-footer-main{grid-template-columns:1fr 1fr;gap:20px}
.device-frame.mobile .site-page-hero h1{font-size:24px}
.device-frame.mobile .site-section-head h2,.device-frame.mobile .site-cta-band h2,.device-frame.mobile .coach-band h2{font-size:21px}

/* ============================================================
   لایهٔ پویایی (Motion) — سایتِ عمومیِ تن‌مدار  [v1.1]
   میکرو-اینتراکشن + ورودِ اسکرولی + شمارنده + حرکتِ ظریفِ Hero.
   با prefers-reduced-motion (پایین) کاملاً خنثی می‌شود.
   ============================================================ */

/* — دکمه‌ها: بازخوردِ هاور/لمس — */
.site-btn-primary,.site-btn-ghost,.site-btn-light{transition:transform .18s cubic-bezier(.16,.8,.3,1),box-shadow .22s ease,background .18s ease,color .18s ease}
.site-btn-primary .ic,.site-btn-ghost .ic,.site-btn-light .ic{transition:transform .22s cubic-bezier(.16,.8,.3,1)}
.site-btn-primary:hover{background:var(--brand-ink);transform:translateY(-2px);box-shadow:0 14px 26px -10px rgba(255,107,53,.65)}
.site-btn-ghost:hover{transform:translateY(-2px);border-color:var(--brand);color:var(--brand);box-shadow:0 12px 24px -12px rgba(28,35,51,.35)}
.site-btn-light:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px rgba(0,0,0,.3)}
.site-btn-primary:active,.site-btn-ghost:active,.site-btn-light:active{transform:translateY(0)}
.site-btn-primary:hover .ic,.site-btn-light:hover .ic{transform:translateX(-4px)}
.site-btn-ghost:hover .ic{transform:scale(1.12)}
.site-login{transition:transform .18s ease,box-shadow .2s ease,background .18s,color .18s}
.site-login:hover{transform:translateY(-1px)}

/* — نوارِ ناوبری: سایه هنگام اسکرول — */
.site-nav{transition:box-shadow .25s ease,background .25s ease}
.site-nav.is-scrolled{background:rgba(255,255,255,.97);box-shadow:0 8px 28px -14px rgba(28,35,51,.3)}
.site-nav-link{transition:background .16s,color .16s}

/* — Hero: ورودِ نرم + هالهٔ متحرک + شناوریِ کارت — */
.site-hero{position:relative;overflow:hidden}
.site-hero>*{position:relative;z-index:1}
.site-hero::before{content:"";position:absolute;top:-35%;inset-inline-start:-8%;width:62%;height:130%;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 62%);filter:blur(26px);animation:tmGlow 13s ease-in-out infinite}
@keyframes tmGlow{0%,100%{transform:translate(0,0) scale(1);opacity:.72}50%{transform:translate(5%,4%) scale(1.14);opacity:1}}
@keyframes tmFadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.site-hero-text>*{animation:tmFadeUp .7s both cubic-bezier(.16,.8,.3,1)}
.site-hero-text>.site-eyebrow{animation-delay:.02s}
.site-hero-text>h1{animation-delay:.1s}
.site-hero-text>p{animation-delay:.2s}
.site-hero-text>.site-hero-cta{animation-delay:.3s}
.site-hero-text>.site-hero-stats{animation-delay:.4s}
.site-hero-visual{animation:tmFadeUp .8s .3s both cubic-bezier(.16,.8,.3,1)}
@keyframes tmFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
.site-hero-card{animation:tmFloat 6s ease-in-out infinite;transition:box-shadow .3s ease;will-change:transform}
.site-hero-card:hover{box-shadow:0 34px 74px rgba(28,35,51,.32)}
.site-hero-card .shc-bar i{width:72%}
.tm-motion .site-hero-card .shc-bar i{width:0;animation:tmBar 1.5s .7s cubic-bezier(.16,.8,.3,1) forwards}
@keyframes tmBar{to{width:72%}}
.shc-row--play .ic{animation:tmPulse 2.6s ease-in-out infinite}
@keyframes tmPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,107,53,.5)}70%{box-shadow:0 0 0 11px rgba(255,107,53,0)}}

/* — کارت‌ها: میکرو-موشنِ آیکن — */
.feature-card:hover .feature-ic{transform:scale(1.08) rotate(-5deg)}
.step-card .step-num{transition:transform .22s cubic-bezier(.16,.8,.3,1),box-shadow .22s}
.step-card:hover .step-num{transform:translateY(-3px) scale(1.06);box-shadow:0 12px 22px rgba(255,107,53,.42)}

/* — تصاویرِ نمایش: بالاآمدنِ ملایم — */
.tm-shot{transition:transform .45s cubic-bezier(.16,.8,.3,1),box-shadow .45s ease}
.site-showcase-visual:hover .tm-shot{transform:translateY(-7px) scale(1.012);box-shadow:0 34px 66px -22px rgba(20,28,48,.42)}

/* — نوارِ CTA: گرادیانِ زندهٔ متحرک — */
.site-cta-band{background:linear-gradient(120deg,var(--brand-strong),#a8380a,var(--brand-strong));background-size:220% 220%;animation:tmGrad 9s ease infinite}
@keyframes tmGrad{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* — ورودِ اسکرولی: فقط عناصرِ *زیرِ fold* که JS با کلاسِ .tm-pre علامتشان می‌زند مخفی و با اسکرول
     نمایان می‌شوند. محتوای بالای صفحه هرگز .tm-pre نمی‌گیرد → از همان اولین پیکسل کامل و بدونِ
     «ظاهرشدن/فلاشِ» بارگذاری است (رفعِ FOIC). ورود صرفاً fadeِ opacity است (بدونِ translate → بی‌پرش).
     پیش‌فرض: همه‌چیز دیده می‌شود؛ اگر JS/IO/کاهشِ‌حرکت نبود، هیچ‌چیز مخفی نمی‌ماند (fail-safeِ ذاتی). — */
/* هاورِ کارت‌ها همیشه فعال (مستقل از reveal) */
.tm-motion .feature-card,.tm-motion .step-card,.tm-motion .vid-card,.tm-motion .about-stat,.tm-motion .contact-item{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
/* مخفیِ فوری (بی‌محو، تا هنگامِ علامت‌گذاری fade-out نشوند) فقط برای عناصرِ زیرِ fold */
.tm-motion .tm-reveal.tm-pre,.tm-motion .site-section-head.tm-pre,.tm-motion .site-showcase.tm-pre,.tm-motion .site-cta-band.tm-pre,.tm-motion .feature-card.tm-pre,.tm-motion .step-card.tm-pre,.tm-motion .vid-card.tm-pre,.tm-motion .about-stat.tm-pre,.tm-motion .contact-item.tm-pre{opacity:0}
/* نمایان‌شدن با اسکرول: fadeِ نرم (هاورِ کارت‌ها هم حفظ می‌شود) */
.tm-motion .tm-reveal.tm-pre.tm-in,.tm-motion .site-section-head.tm-pre.tm-in,.tm-motion .site-showcase.tm-pre.tm-in,.tm-motion .site-cta-band.tm-pre.tm-in{opacity:1;transition:opacity .6s cubic-bezier(.16,.8,.3,1)}
.tm-motion .feature-card.tm-pre.tm-in,.tm-motion .step-card.tm-pre.tm-in,.tm-motion .vid-card.tm-pre.tm-in,.tm-motion .about-stat.tm-pre.tm-in,.tm-motion .contact-item.tm-pre.tm-in{opacity:1;transition:opacity .6s cubic-bezier(.16,.8,.3,1),transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.site-hero-stats strong,.about-stat strong{font-variant-numeric:tabular-nums}
/* پاپِ ظریفِ آیکنِ کارت هنگام نمایان‌شدن (میکرو-دیتیل) */
.tm-motion .feature-card.tm-in .feature-ic{animation:tmIcPop .5s cubic-bezier(.16,.8,.3,1)}
@keyframes tmIcPop{0%{transform:scale(.6);opacity:.4}60%{transform:scale(1.12)}100%{transform:scale(1)}}

/* — صحنهٔ Hero: پوسترِ سه‌بعدی با حرکتِ مینیمال (نفس‌کشیدنِ بسیار ملایم + گلوی ثابت).
     کاربر تصویرِ خود را در assets/img/hero-poster.jpg می‌گذارد (مسیرِ نسبی از این فایلِ CSS). — */
.tm-hero-anim{position:relative;width:100%;max-width:340px;aspect-ratio:2/3;border-radius:26px;overflow:hidden;isolation:isolate;background:var(--navy,#1C2333);box-shadow:0 30px 70px rgba(20,28,48,.42),inset 0 0 0 1px rgba(255,255,255,.05)}
.tm-hero-anim::before{content:"";position:absolute;inset:-3%;z-index:1;background:url('../img/hero-poster.jpg') center 22%/cover no-repeat;transform-origin:50% 55%;animation:tmHeroBreath 11s ease-in-out infinite}
.tm-hero-anim::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse 82% 86% at 50% 44%,transparent 48%,rgba(17,22,35,.55) 78%,rgba(15,20,32,.92) 100%),radial-gradient(circle at 50% 118%,rgba(255,107,53,.2),transparent 42%),linear-gradient(180deg,rgba(20,26,40,.28),rgba(18,23,36,.5))}
/* نشان‌های اعتبار (بالای پنل) */
.tm-hero-badges{position:absolute;top:15px;left:0;right:0;z-index:6;display:flex;justify-content:center;gap:20px;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.tm-badge{display:flex;align-items:center;gap:6px;color:#f2f5fa;font-size:11px;font-weight:800;letter-spacing:.2px}
.tm-badge svg{width:13px;height:26px;flex-shrink:0;opacity:.85}
.tm-laurel--r{transform:scaleX(-1)}
.tm-badge b{color:var(--brand)}
/* پیل‌های شیشه‌ایِ شناور */
.tm-pill{position:absolute;z-index:6;display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:14px;background:rgba(18,24,36,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px rgba(0,0,0,.45)}
.tm-pill-ic{width:29px;height:29px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;background:var(--brand);color:#fff}
.tm-pill-ic svg{width:16px;height:16px}
.tm-pill-tx{display:flex;flex-direction:column;line-height:1.22}
.tm-pill-tx strong{font-size:14px;color:#fff;font-weight:800}
.tm-pill-tx span{font-size:9.5px;color:#c3cad6}
.tm-pill--a{top:19%;left:10px;animation:tmPillFloat 5s ease-in-out infinite}
.tm-pill--b{bottom:13%;right:10px;animation:tmPillFloat 5.6s ease-in-out .9s infinite}
@keyframes tmHeroBreath{0%,100%{transform:scale(1);filter:saturate(.8) contrast(1.03)}50%{transform:scale(1.012);filter:saturate(.83) contrast(1.05)}}
@keyframes tmPillFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* — نوارِ پیشرفتِ اسکرول (بالای همهٔ صفحات؛ با JS ساخته می‌شود) — */
.tm-scrollbar{position:fixed;top:0;inset-inline:0;height:3px;z-index:60;background:linear-gradient(90deg,var(--brand),#ff9268);transform:scaleX(0);transform-origin:100% 50%;will-change:transform;pointer-events:none}

/* — هاورِ لینک‌های ناوبری: زیرخطِ متحرکِ برند — */
.site-nav-link{position:relative}
.site-nav-link::after{content:"";position:absolute;bottom:5px;inset-inline:12px;height:2px;background:var(--brand);border-radius:2px;transform:scaleX(0);transform-origin:center;transition:transform .22s cubic-bezier(.16,.8,.3,1)}
.site-nav-link:hover::after{transform:scaleX(1)}
.site-nav-link.active::after{display:none}

/* — احترام به کاهشِ حرکت — */
@media (prefers-reduced-motion: reduce){
  .site-hero::before,.site-hero-text>*,.site-hero-visual,.site-hero-card,.site-hero-card .shc-bar i,.shc-row--play .ic,.site-cta-band,.tm-motion .site-hero-card .shc-bar i{animation:none!important}
  .site-hero-card .shc-bar i,.tm-motion .site-hero-card .shc-bar i{width:72%!important}
  .tm-motion .tm-reveal,.tm-motion .site-section-head,.tm-motion .site-showcase,.tm-motion .site-cta-band,.tm-motion .feature-card,.tm-motion .step-card,.tm-motion .vid-card,.tm-motion .about-stat,.tm-motion .contact-item{opacity:1!important;translate:none!important;transition:none!important}
  .tm-motion .feature-card.tm-in .feature-ic{animation:none!important}
  .site-btn-primary,.site-btn-ghost,.site-btn-light,.tm-shot,.feature-ic,.step-num,.site-hero-card{transition:none!important}
  .tm-hero-anim::before,.tm-pill{animation:none!important}
  .tm-scrollbar{display:none!important}
}

/* — واکنش‌گراییِ صحنهٔ Hero: روی صفحهٔ کوچک کمی جمع‌وجورتر — */
@media (max-width:600px){
  .tm-hero-anim{max-width:300px}
  .tm-hero-svg{width:72%}
}

/* ============================================================
   پرداختِ اختصاصیِ صفحات (Track 2) + میکرو-دیتیل‌ها (Track 3)
   ============================================================ */

/* — صفحهٔ ویدئوها: کارت‌های زنده‌تر — */
.vid-thumb::before{transition:transform .5s ease,opacity .4s ease}
.vid-card:hover .vid-thumb::before{transform:scale(1.35);opacity:.85}
.vid-thumb-ico{transition:transform .5s cubic-bezier(.16,.8,.3,1),color .4s ease}
.vid-card:hover .vid-thumb-ico{transform:rotate(0deg) scale(1.1);color:rgba(255,255,255,.1)}
.vid-play{animation:tmPlayPulse 2.6s ease-in-out infinite}
@keyframes tmPlayPulse{0%,100%{box-shadow:0 10px 24px rgba(255,107,53,.5),0 0 0 0 rgba(255,107,53,.5)}70%{box-shadow:0 10px 24px rgba(255,107,53,.5),0 0 0 13px rgba(255,107,53,0)}}
.vid-play .ic{transition:transform .18s ease}
.vid-card:hover .vid-play .ic{transform:scale(1.12)}
.vid-tag{transition:transform .25s ease,opacity .25s ease}
.vid-cat{transition:background .16s,color .16s,transform .16s}
.vid-cat:hover{transform:translateY(-1px)}

/* — صفحهٔ تماس: آیتم‌ها و فرمِ زنده‌تر — */
.contact-item{transition:transform .2s cubic-bezier(.16,.8,.3,1),box-shadow .2s ease,border-color .2s ease,background .2s ease}
.contact-item:hover{transform:translateY(-3px);background:#fff;border-color:color-mix(in srgb,var(--brand) 32%,transparent);box-shadow:0 14px 30px rgba(28,35,51,.09)}
.contact-ic{transition:transform .25s cubic-bezier(.16,.8,.3,1),background .2s ease,color .2s ease}
.contact-item:hover .contact-ic{transform:scale(1.08) rotate(-6deg);background:var(--brand);color:#fff}
.site-social{transition:transform .18s ease,box-shadow .2s ease,border-color .18s ease,background .18s ease}
.site-social:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 10px 22px -10px rgba(255,107,53,.5)}
.input-shell{transition:border-color .18s ease,box-shadow .2s ease,background .18s ease,transform .18s ease}
.input-shell:focus-within{transform:translateY(-1px)}
.contact-submit .ic{transition:transform .2s ease}
.contact-submit:hover .ic{transform:translateX(-4px)}

/* — سرصفحهٔ صفحات (page hero): هالهٔ ملایمِ متحرک — */
.site-page-hero{position:relative;overflow:hidden}
.site-page-hero>*{position:relative;z-index:1}
.site-page-hero::before{content:"";position:absolute;top:-40%;inset-inline-start:50%;width:60%;height:150%;transform:translateX(-50%);z-index:0;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 13%,transparent),transparent 60%);filter:blur(26px);animation:tmGlow 14s ease-in-out infinite}

@media (prefers-reduced-motion: reduce){
  .vid-play,.site-page-hero::before{animation:none!important}
  .vid-thumb::before,.vid-thumb-ico,.contact-item,.contact-ic,.site-social,.input-shell{transition:none!important}
}