:root {
    --gold: #C9A84C;
    --gold-light: #E8C97A;
    --gold-dim: #8B6914;
    --dark: #090909;
    --dark2: #0F0F0F;
    --dark3: #161616;
    --dark4: #1E1E1E;
    --dark5: #252525;
    --white: #F5F0E8;
    --white-dim: rgba(245,240,232,0.6);
    --white-faint: rgba(245,240,232,0.07);
    --green: #2ECC71;
    --green-dim: rgba(46,204,113,0.12);
  }

  *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

  html { scroll-behavior: smooth; }

  body {
    background: var(--dark);
    color: var(--white);
    font-family: 'Vazirmatn', sans-serif;
    font-size: 15px;
    line-height: 1.8;
    overflow-x: hidden;
  }

  body::after {
    content:'';
    position:fixed; inset:0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events:none; z-index:9999; opacity:.35;
  }

  ::-webkit-scrollbar { width:3px; }
  ::-webkit-scrollbar-track { background:var(--dark2); }
  ::-webkit-scrollbar-thumb { background:var(--gold-dim); }

  /* ══════════════════════════════════════
     NAV
  ══════════════════════════════════════ */
  nav {
    position:fixed; top:0; left:0; right:0; z-index:200;
    height:64px;
    display:flex; align-items:center; justify-content:space-between;
    padding:0 40px;
    background:rgba(9,9,9,0.8);
    backdrop-filter:blur(24px);
    border-bottom:1px solid rgba(201,168,76,0.1);
    transition:all .3s;
  }

  .nav-logo {
    font-size:22px; font-weight:900; letter-spacing:-1px;
    background:linear-gradient(135deg,var(--gold-light),var(--gold));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  }

  .nav-links { display:flex; gap:32px; list-style:none; }
  .nav-links a {
    font-size:12px; letter-spacing:1px; color:var(--white-dim);
    text-decoration:none; transition:color .2s;
  }
  .nav-links a:hover { color:var(--gold); }

  .nav-cta {
    background:rgba(201,168,76,0.12);
    border:1px solid rgba(201,168,76,0.35);
    color:var(--gold) !important;
    padding:8px 22px !important;
    border-radius:8px;
    letter-spacing:1px !important;
    transition:background .2s !important;
  }
  .nav-cta:hover { background:rgba(201,168,76,0.22) !important; }

  @media(max-width:680px){
    nav { padding:0 20px; }
    .nav-links { display:none; }
  }

  /* ══════════════════════════════════════
     HERO
  ══════════════════════════════════════ */
  .hero {
    min-height:100vh;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    text-align:center;
    padding:100px 24px 80px;
    position:relative; overflow:hidden;
  }

  .hero-glow {
    position:absolute; inset:0;
    background:
      radial-gradient(ellipse 70% 55% at 50% -5%, rgba(201,168,76,0.14) 0%, transparent 65%),
      radial-gradient(ellipse 40% 30% at 15% 85%, rgba(201,168,76,0.05) 0%, transparent 55%),
      radial-gradient(ellipse 35% 25% at 85% 75%, rgba(46,204,113,0.04) 0%, transparent 55%);
    pointer-events:none;
  }

  .hero-grid {
    position:absolute; inset:0;
    background-image:
      linear-gradient(rgba(201,168,76,0.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(201,168,76,0.035) 1px, transparent 1px);
    background-size:70px 70px;
    mask-image:radial-gradient(ellipse 90% 80% at 50% 40%, black 20%, transparent 75%);
    pointer-events:none;
  }

  /* floating particles */
  .particle {
    position:absolute;
    width:2px; height:2px;
    background:var(--gold);
    border-radius:50%;
    animation:float-up linear infinite;
    opacity:0;
  }
  @keyframes float-up {
    0%   { transform:translateY(0) translateX(0); opacity:0; }
    10%  { opacity:.6; }
    90%  { opacity:.2; }
    100% { transform:translateY(-120vh) translateX(30px); opacity:0; }
  }

  .hero-eyebrow {
    display:inline-flex; align-items:center; gap:10px;
    background:rgba(201,168,76,0.08);
    border:1px solid rgba(201,168,76,0.25);
    border-radius:100px;
    padding:7px 22px;
    font-size:11px; font-weight:600;
    color:var(--gold-light);
    letter-spacing:2.5px; text-transform:uppercase;
    margin-bottom:32px;
    animation:fade-in-down .8s ease both;
  }

  .hero-eyebrow .live-dot {
    width:7px; height:7px;
    background:var(--green);
    border-radius:50%;
    box-shadow:0 0 8px var(--green);
    animation:pulse-dot 2s ease-in-out infinite;
  }

  @keyframes pulse-dot {
    0%,100%{ box-shadow:0 0 6px var(--green); }
    50%{ box-shadow:0 0 14px var(--green), 0 0 24px rgba(46,204,113,.3); }
  }

  .hero-title {
    font-size:clamp(46px,9vw,96px);
    font-weight:900;
    line-height:1.0;
    letter-spacing:-3px;
    margin-bottom:12px;
    background:linear-gradient(140deg, var(--white) 0%, var(--gold-light) 45%, var(--gold) 100%);
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
    animation:fade-in-down .9s .1s ease both;
  }

  .hero-sub {
    font-size:clamp(15px,2.2vw,20px);
    color:var(--white-dim); font-weight:300;
    letter-spacing:3px; text-transform:uppercase;
    margin-bottom:48px;
    animation:fade-in-down .9s .2s ease both;
  }

  /* hero counter row */
  .hero-numbers {
    display:flex; gap:0; justify-content:center;
    border:1px solid rgba(201,168,76,0.18);
    background:rgba(9,9,9,0.6);
    backdrop-filter:blur(12px);
    margin-bottom:52px;
    animation:fade-in-down .9s .35s ease both;
    flex-wrap:wrap;
    border-radius:14px;
    overflow:hidden;
  }

  .h-num {
    padding:28px 44px;
    text-align:center;
    border-left:1px solid rgba(201,168,76,0.12);
    flex:1; min-width:130px;
  }
  .h-num:last-child { border-left:none; }

  .h-num-val {
    font-size:38px; font-weight:900;
    color:var(--gold); line-height:1;
    letter-spacing:-2px;
  }
  .h-num-label {
    font-size:10px; letter-spacing:2px;
    text-transform:uppercase; color:var(--white-dim);
    margin-top:6px;
  }

  /* CTA buttons */
  .hero-btns {
    display:flex; gap:14px; justify-content:center; flex-wrap:wrap;
    animation:fade-in-down .9s .45s ease both;
  }

  .btn-primary {
    display:inline-flex; align-items:center; gap:10px;
    background:linear-gradient(135deg,var(--gold-light),var(--gold));
    color:var(--dark);
    font-family:'Vazirmatn',sans-serif;
    font-size:14px; font-weight:800;
    padding:16px 40px;
    border:none; cursor:pointer; border-radius:8px;
    letter-spacing:.5px;
    text-decoration:none;
    transition:transform .2s, box-shadow .2s, filter .2s;
    box-shadow:0 8px 32px rgba(201,168,76,0.3);
  }
  .btn-primary:hover {
    transform:translateY(-2px);
    box-shadow:0 14px 40px rgba(201,168,76,0.45);
    filter:brightness(1.05);
  }

  .btn-secondary {
    display:inline-flex; align-items:center; gap:10px;
    background:transparent;
    color:var(--white-dim);
    font-family:'Vazirmatn',sans-serif;
    font-size:14px; font-weight:500;
    padding:15px 36px;
    border:1px solid rgba(245,240,232,0.18);
    cursor:pointer; border-radius:8px;
    letter-spacing:.5px;
    text-decoration:none;
    transition:all .2s;
  }
  .btn-secondary:hover {
    border-color:var(--gold);
    color:var(--gold);
    background:rgba(201,168,76,0.05);
  }

  /* scroll hint */
  .scroll-hint {
    position:absolute; bottom:36px; left:50%; transform:translateX(-50%);
    display:flex; flex-direction:column; align-items:center; gap:8px;
    opacity:.4; animation:bounce .5s ease infinite alternate;
    font-size:10px; letter-spacing:2px; text-transform:uppercase; color:var(--gold);
  }
  .scroll-hint::after {
    content:'';
    width:1px; height:40px;
    background:linear-gradient(to bottom, var(--gold), transparent);
  }
  @keyframes bounce { to{ transform:translateX(-50%) translateY(6px); } }

  /* ══════════════════════════════════════
     ANIMATIONS
  ══════════════════════════════════════ */
  @keyframes fade-in-down {
    from { opacity:0; transform:translateY(-18px); }
    to   { opacity:1; transform:none; }
  }

  .reveal {
    opacity:0; transform:translateY(28px);
    transition:opacity .75s ease, transform .75s ease;
  }
  .reveal.visible { opacity:1; transform:none; }
  .reveal-d1 { transition-delay:.1s; }
  .reveal-d2 { transition-delay:.2s; }
  .reveal-d3 { transition-delay:.3s; }

  /* ══════════════════════════════════════
     DIVIDERS
  ══════════════════════════════════════ */
  .gold-rule {
    width:100%; height:1px;
    background:linear-gradient(90deg, transparent, rgba(201,168,76,.35), transparent);
  }

  .sep {
    display:flex; align-items:center; gap:20px;
    padding:0 40px; max-width:1140px; margin:0 auto;
  }
  .sep-line { flex:1; height:1px; background:var(--white-faint); }
  .sep-text { font-size:9px; letter-spacing:3px; text-transform:uppercase; color:rgba(245,240,232,.2); white-space:nowrap; }

  /* ══════════════════════════════════════
     SECTION WRAPPER
  ══════════════════════════════════════ */
  .section {
    padding:90px 40px;
    max-width:1140px;
    margin:0 auto;
  }

  .s-label {
    font-size:10px; font-weight:700;
    letter-spacing:4px; text-transform:uppercase;
    color:var(--gold); margin-bottom:12px;
    display:flex; align-items:center; gap:12px;
  }
  .s-label::before { content:''; width:28px; height:1px; background:var(--gold); }

  .s-title {
    font-size:clamp(28px,4.5vw,50px);
    font-weight:900; line-height:1.15;
    letter-spacing:-1.5px;
    margin-bottom:56px;
  }
  .s-title span { color:var(--gold); }

  /* ══════════════════════════════════════
     HOW IT WORKS
  ══════════════════════════════════════ */
  .steps-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:14px;
  }

  .step-card {
    background:var(--dark2);
    padding:40px 28px;
    position:relative;
    transition:background .25s;
    border-radius:14px;
    border:1px solid rgba(201,168,76,0.12);
  }
  .step-card:hover { background:var(--dark3); }

  .step-num {
    font-size:64px; font-weight:900;
    color:rgba(201,168,76,0.07); line-height:1;
    margin-bottom:20px;
    font-variant-numeric:tabular-nums;
  }

  .step-icon {
    font-size:26px; margin-bottom:14px;
  }

  .step-title { font-size:15px; font-weight:700; margin-bottom:10px; }

  .step-body { font-size:13px; color:var(--white-dim); line-height:1.85; }

  /* connector arrow — حذف شد */

  /* ══════════════════════════════════════
     PLANS
  ══════════════════════════════════════ */
  .plans-wrap {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:16px;
  }

  .plan {
    background:var(--dark2);
    padding:40px 30px;
    position:relative;
    transition:background .25s, transform .25s;
    cursor:default;
    border-radius:14px;
    border:1px solid rgba(201,168,76,0.14);
  }
  .plan:hover {
    background:var(--dark3);
    transform:translateY(-3px);
    z-index:2;
    box-shadow:0 24px 60px rgba(0,0,0,.5);
  }

  .plan.best {
    background:linear-gradient(160deg,rgba(201,168,76,0.07),var(--dark2));
    border-top:2px solid var(--gold);
  }

  .plan-badge {
    position:absolute; top:-1px; right:24px;
    background:var(--gold);
    color:var(--dark);
    font-size:9px; font-weight:800;
    letter-spacing:1.5px; text-transform:uppercase;
    padding:4px 12px;
  }

  .plan-tier {
    font-size:10px; letter-spacing:3px;
    text-transform:uppercase; color:var(--gold);
    margin-bottom:6px;
  }

  .plan-price {
    font-size:50px; font-weight:900;
    color:var(--white); line-height:1;
    letter-spacing:-2px; margin-bottom:6px;
  }
  .plan-price sup {
    font-size:20px; font-weight:400;
    color:var(--white-dim);
    vertical-align:top; margin-top:10px;
    letter-spacing:0;
  }

  .plan-rule { height:1px; background:var(--white-faint); margin:24px 0; }

  .plan-line {
    display:flex; justify-content:space-between; align-items:center;
    margin-bottom:13px; font-size:13px;
  }
  .pl-label { color:var(--white-dim); }
  .pl-val { font-weight:700; color:var(--white); }
  .pl-val.g { color:var(--green); }
  .pl-val.gold { color:var(--gold); }

  .plan-cta {
    display:block; width:100%; margin-top:28px;
    padding:13px;
    background:rgba(201,168,76,0.1);
    border:1px solid rgba(201,168,76,0.3);
    color:var(--gold);
    font-family:'Vazirmatn',sans-serif;
    font-size:13px; font-weight:700;
    letter-spacing:1px; text-align:center;
    cursor:pointer; border-radius:8px;
    text-decoration:none;
    transition:all .2s;
  }
  .plan-cta:hover {
    background:rgba(201,168,76,0.2);
    border-color:var(--gold);
  }
  .plan.best .plan-cta {
    background:linear-gradient(135deg,var(--gold-light),var(--gold));
    color:var(--dark); border:none;
    box-shadow:0 6px 24px rgba(201,168,76,0.3);
  }
  .plan.best .plan-cta:hover {
    filter:brightness(1.08);
    box-shadow:0 10px 32px rgba(201,168,76,0.45);
  }

  /* time plans note */
  .time-plans {
    margin-top:20px;
    display:grid; grid-template-columns:1fr 1fr; gap:14px;
  }

  .tp-card {
    background:var(--dark3);
    padding:28px 24px;
    border-radius:14px;
    border:1px solid rgba(201,168,76,0.12);
  }

  .tp-badge {
    display:inline-block;
    font-size:9px; letter-spacing:2px; text-transform:uppercase;
    font-weight:700; padding:3px 10px; border-radius:100px;
    margin-bottom:12px;
  }
  .tp-badge.test { background:rgba(76,143,201,.15); color:#6ab4e8; border:1px solid rgba(76,143,201,.25); }
  .tp-badge.monthly { background:rgba(201,168,76,.12); color:var(--gold); border:1px solid rgba(201,168,76,.25); }
  .tp-badge.vip { background:rgba(46,204,113,.12); color:var(--green); border:1px solid rgba(46,204,113,.25); }

  .tp-title { font-size:16px; font-weight:800; margin-bottom:8px; }
  .tp-body { font-size:12px; color:var(--white-dim); line-height:1.85; }

  @media(max-width:600px){ .time-plans{ grid-template-columns:1fr; } }

  /* ══════════════════════════════════════
     CALCULATOR
  ══════════════════════════════════════ */
  .calc-wrap {
    background:var(--dark3);
    border:1px solid rgba(201,168,76,0.18);
    padding:48px 40px;
    position:relative; overflow:hidden;
    border-radius:14px;
  }

  .calc-wrap::before {
    content:'';
    position:absolute; top:-60px; left:-60px;
    width:240px; height:240px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(201,168,76,0.06), transparent 70%);
    pointer-events:none;
  }

  .calc-row {
    display:flex; align-items:center; gap:16px;
    margin-bottom:28px; flex-wrap:wrap;
  }

  .calc-label {
    font-size:11px; letter-spacing:2.5px; text-transform:uppercase;
    color:var(--gold); min-width:110px; flex-shrink:0;
  }

  .btn-group { display:flex; gap:8px; flex-wrap:wrap; }

  .tog {
    background:var(--dark4);
    border:1px solid var(--white-faint);
    color:var(--white-dim);
    font-family:'Vazirmatn',sans-serif;
    font-size:13px; padding:9px 22px;
    cursor:pointer; border-radius:8px;
    transition:all .2s;
  }
  .tog:hover { border-color:rgba(201,168,76,.4); color:var(--white); }
  .tog.on {
    background:rgba(201,168,76,.14);
    border-color:var(--gold);
    color:var(--gold);
    font-weight:700;
  }

  .calc-rule { height:1px; background:var(--white-faint); margin:28px 0; }

  .calc-results {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
    gap:24px;
  }

  .cr-item {}
  .cr-label {
    font-size:9px; letter-spacing:2.5px; text-transform:uppercase;
    color:var(--white-dim); margin-bottom:8px;
  }
  .cr-val {
    font-size:clamp(22px,3vw,32px);
    font-weight:900; color:var(--gold);
    letter-spacing:-1px; line-height:1;
  }
  .cr-val small { font-size:13px; color:var(--white-dim); font-weight:400; }

  .fomo-tag {
    display:inline-flex; align-items:center; gap:6px;
    font-size:10px; font-weight:700;
    letter-spacing:1.5px; text-transform:uppercase;
    color:var(--green); margin-top:6px;
  }
  .fomo-tag::before { content:'🔥'; font-size:12px; }

  /* ══════════════════════════════════════
     WHY / TRUST
  ══════════════════════════════════════ */
  .trust-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:14px;
  }

  .trust-card {
    background:var(--dark2);
    padding:40px 32px;
    transition:background .25s;
    border-radius:14px;
    border:1px solid rgba(201,168,76,0.12);
  }
  .trust-card:hover { background:var(--dark3); }

  .trust-icon { font-size:32px; margin-bottom:18px; }
  .trust-title { font-size:17px; font-weight:700; margin-bottom:12px; }
  .trust-body { font-size:13px; color:var(--white-dim); line-height:1.9; }

  /* ══════════════════════════════════════
     REFERRAL BANNER
  ══════════════════════════════════════ */
  .ref-banner {
    background:linear-gradient(135deg,rgba(201,168,76,0.06),rgba(46,204,113,0.04));
    border:1px solid rgba(201,168,76,0.18);
    padding:52px 48px;
    display:grid; grid-template-columns:1fr auto; gap:48px; align-items:center;
    border-radius:16px;
  }

  @media(max-width:700px){ .ref-banner{ grid-template-columns:1fr; } }

  .ref-title { font-size:clamp(24px,4vw,36px); font-weight:900; letter-spacing:-1px; margin-bottom:12px; }
  .ref-body { font-size:14px; color:var(--white-dim); line-height:1.9; max-width:520px; }

  .ref-pill {
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    background:rgba(201,168,76,0.1); border:1px solid rgba(201,168,76,0.25);
    padding:32px 40px; text-align:center; border-radius:10px;
    min-width:180px;
  }
  .ref-pill-num { font-size:56px; font-weight:900; color:var(--gold); line-height:1; letter-spacing:-3px; }
  .ref-pill-label { font-size:10px; letter-spacing:2px; text-transform:uppercase; color:var(--white-dim); margin-top:6px; }

  /* ══════════════════════════════════════
     PAYOUT OPTIONS
  ══════════════════════════════════════ */
  .payout-grid {
    display:grid; grid-template-columns:1fr 1fr; gap:14px;
  }
  @media(max-width:600px){ .payout-grid{ grid-template-columns:1fr; } }

  .payout-card {
    background:var(--dark2); padding:36px 30px;
    display:flex; flex-direction:column; gap:12px;
    transition:background .25s;
    border-radius:14px;
    border:1px solid rgba(201,168,76,0.12);
  }
  .payout-card:hover { background:var(--dark3); }

  .payout-icon { font-size:28px; }
  .payout-title { font-size:16px; font-weight:800; }
  .payout-body { font-size:13px; color:var(--white-dim); line-height:1.85; }

  .payout-tag {
    display:inline-flex; align-items:center; gap:6px;
    font-size:10px; letter-spacing:2px; text-transform:uppercase;
    font-weight:700; color:var(--green);
  }
  .payout-tag::before { content:''; width:6px; height:6px; background:var(--green); border-radius:50%; }

  /* ══════════════════════════════════════
     TEST WEEK SECTION
  ══════════════════════════════════════ */
  .test-box {
    border:1px solid rgba(76,143,201,0.3);
    background:rgba(76,143,201,0.04);
    padding:48px 40px;
    display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center;
    border-radius:16px;
  }
  @media(max-width:700px){ .test-box{ grid-template-columns:1fr; } }

  .test-title { font-size:clamp(22px,3.5vw,36px); font-weight:900; letter-spacing:-1px; margin-bottom:14px; }
  .test-title span { color:#6ab4e8; }
  .test-body { font-size:14px; color:var(--white-dim); line-height:1.9; }

  .test-steps { list-style:none; display:flex; flex-direction:column; gap:14px; }
  .test-steps li {
    display:flex; align-items:flex-start; gap:14px;
    font-size:13px; color:var(--white-dim); line-height:1.8;
  }
  .test-steps li::before {
    content:attr(data-n);
    display:flex; align-items:center; justify-content:center;
    min-width:26px; height:26px;
    border:1px solid rgba(76,143,201,.4);
    border-radius:50%;
    color:#6ab4e8; font-size:12px; font-weight:700;
    flex-shrink:0; margin-top:1px;
  }

  /* ══════════════════════════════════════
     FAQ
  ══════════════════════════════════════ */
  .faq-list { display:flex; flex-direction:column; gap:10px; }

  .faq-item {
    background:var(--dark2);
    border:1px solid var(--white-faint);
    overflow:hidden;
    border-radius:14px;
  }

  .faq-q {
    width:100%; display:flex; align-items:center; justify-content:space-between;
    padding:22px 28px;
    background:none; border:none; cursor:pointer;
    font-family:'Vazirmatn',sans-serif;
    font-size:15px; font-weight:600;
    color:var(--white); text-align:right;
    gap:16px; transition:background .2s;
  }
  .faq-q:hover { background:rgba(201,168,76,0.04); }

  .faq-icon {
    width:28px; height:28px;
    border:1px solid rgba(201,168,76,.3);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    color:var(--gold); font-size:16px; font-weight:300;
    transition:transform .3s; flex-shrink:0;
  }

  .faq-item.open .faq-icon { transform:rotate(45deg); }

  .faq-a {
    max-height:0; overflow:hidden;
    transition:max-height .4s ease, padding .3s;
    padding:0 28px;
    font-size:14px; color:var(--white-dim); line-height:1.9;
  }
  .faq-item.open .faq-a { max-height:300px; padding:0 28px 24px; }

  /* ══════════════════════════════════════
     CTA FINAL
  ══════════════════════════════════════ */
  .cta-final {
    text-align:center; padding:100px 40px;
    position:relative; overflow:hidden;
  }

  .cta-final::before {
    content:'';
    position:absolute; inset:0;
    background:radial-gradient(ellipse 60% 60% at 50% 50%, rgba(201,168,76,0.08) 0%, transparent 70%);
    pointer-events:none;
  }

  .cta-final-title {
    font-size:clamp(32px,6vw,68px);
    font-weight:900; letter-spacing:-2px;
    margin-bottom:16px; line-height:1.1;
  }
  .cta-final-title span { color:var(--gold); }

  .cta-final-sub {
    font-size:16px; color:var(--white-dim);
    margin-bottom:44px; max-width:480px; margin-left:auto; margin-right:auto;
  }

  /* ══════════════════════════════════════
     FOOTER
  ══════════════════════════════════════ */
  footer {
    border-top:1px solid var(--white-faint);
    padding:48px 40px;
    display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px;
  }

  .footer-logo { font-size:20px; font-weight:900; color:var(--gold); letter-spacing:-1px; }
  .footer-note { font-size:11px; color:rgba(245,240,232,.25); line-height:1.7; max-width:460px; }
  .footer-links { display:flex; gap:24px; }
  .footer-links a { font-size:12px; color:var(--white-dim); text-decoration:none; letter-spacing:.5px; transition:color .2s; }
  .footer-links a:hover { color:var(--gold); }

  @media(max-width:600px){
    footer{ flex-direction:column; text-align:center; }
    .footer-links{ justify-content:center; }
    nav { padding:0 20px; }
    .section { padding:60px 20px; }
    .calc-wrap { padding:32px 20px; }
    .ref-banner { padding:36px 24px; }
    .test-box { padding:32px 20px; }
    .cta-final { padding:70px 24px; }
  }

  /* ══════════════════════════════════════
     TESTIMONIALS
  ══════════════════════════════════════ */

  /* Tab switcher */
  .t-tabs {
    display:flex; gap:2px; margin-bottom:32px;
    background:rgba(201,168,76,0.08);
    border:1px solid rgba(201,168,76,0.14);
    padding:4px; width:fit-content;
    border-radius:10px;
  }
  .t-tab {
    display:flex; align-items:center; gap:7px;
    padding:10px 22px;
    background:none; border:none;
    font-family:'Vazirmatn',sans-serif;
    font-size:12px; font-weight:600;
    color:var(--white-dim); cursor:pointer;
    border-radius:7px; transition:all .2s;
    letter-spacing:.5px;
  }
  .t-tab:hover { color:var(--white); background:rgba(201,168,76,0.06); }
  .t-tab.active {
    background:rgba(201,168,76,0.15);
    color:var(--gold);
    border:1px solid rgba(201,168,76,0.3);
  }
  .t-tab-icon { font-size:14px; }

  /* Tab panels */
  .t-panel { display:none; }
  .t-panel.active { display:block; }

  /* ── TEXT grid: 4 per row, 3 rows ── */
  .t-text-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
  }
  @media(max-width:900px){ .t-text-grid{ grid-template-columns:repeat(2,1fr); } }
  @media(max-width:500px){ .t-text-grid{ grid-template-columns:1fr; } }

  .t-card {
    background:var(--dark2);
    padding:20px 18px;
    display:flex; flex-direction:column; gap:10px;
    transition:background .2s;
    position:relative;
    border-radius:14px;
    border:1px solid rgba(201,168,76,0.12);
  }
  .t-card:hover { background:var(--dark3); }

  /* quote mark */
  .t-card::before {
    content:'"';
    position:absolute; top:12px; left:14px;
    font-size:40px; line-height:1;
    color:rgba(201,168,76,0.12);
    font-family:Georgia,serif;
  }

  .t-stars {
    display:flex; gap:2px;
  }
  .t-star {
    width:12px; height:12px;
    background:var(--gold);
    clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
  }

  .t-text {
    font-size:12px; color:var(--white-dim);
    line-height:1.75; flex:1;
    padding-top:4px;
  }

  .t-footer {
    display:flex; align-items:center; gap:10px;
    padding-top:10px;
    border-top:1px solid var(--white-faint);
  }

  .t-avatar {
    width:32px; height:32px; border-radius:50%;
    background:linear-gradient(135deg,var(--gold-dim),rgba(201,168,76,0.3));
    display:flex; align-items:center; justify-content:center;
    font-size:13px; font-weight:700; color:var(--gold);
    flex-shrink:0;
    border:1px solid rgba(201,168,76,0.2);
  }

  .t-info {}
  .t-name { font-size:11px; font-weight:700; color:var(--white); line-height:1.2; }
  .t-meta { font-size:10px; color:var(--gold); letter-spacing:.5px; }

  .t-verified {
    margin-right:auto;
    display:flex; align-items:center; gap:4px;
    font-size:9px; color:var(--green); letter-spacing:1px;
    font-weight:700;
  }
  .t-verified::before {
    content:'✓';
    width:14px; height:14px;
    background:rgba(46,204,113,0.15);
    border:1px solid rgba(46,204,113,0.3);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-size:8px; font-weight:900;
  }

  /* ── VOICE grid ── */
  .t-voice-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
  }
  @media(max-width:900px){ .t-voice-grid{ grid-template-columns:repeat(2,1fr); } }
  @media(max-width:500px){ .t-voice-grid{ grid-template-columns:1fr; } }

  .t-voice-card {
    background:var(--dark2);
    padding:20px 18px;
    display:flex; flex-direction:column; gap:12px;
    transition:background .2s;
    border-radius:14px;
    border:1px solid rgba(201,168,76,0.12);
  }
  .t-voice-card:hover { background:var(--dark3); }

  .t-voice-header {
    display:flex; align-items:center; gap:10px;
  }
  .t-voice-avatar {
    width:36px; height:36px; border-radius:50%;
    background:linear-gradient(135deg,rgba(76,143,201,0.3),rgba(76,143,201,0.1));
    display:flex; align-items:center; justify-content:center;
    font-size:14px; font-weight:700; color:#6ab4e8;
    border:1px solid rgba(76,143,201,0.2); flex-shrink:0;
  }
  .t-voice-name { font-size:12px; font-weight:700; }
  .t-voice-date { font-size:10px; color:var(--white-dim); }

  .t-voice-player {
    background:rgba(76,143,201,0.06);
    border:1px solid rgba(76,143,201,0.2);
    border-radius:2px;
    padding:12px 14px;
    display:flex; align-items:center; gap:10px;
  }

  .t-play-btn {
    width:34px; height:34px; border-radius:50%;
    background:linear-gradient(135deg,#6ab4e8,#4C8FC9);
    border:none; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0; transition:transform .15s, filter .15s;
    box-shadow:0 4px 12px rgba(76,143,201,0.3);
  }
  .t-play-btn:hover { transform:scale(1.08); filter:brightness(1.1); }
  .t-play-btn svg { width:12px; height:12px; fill:white; margin-right:-1px; }

  .t-waveform {
    flex:1; height:28px;
    display:flex; align-items:center; gap:2px;
  }
  .t-wave-bar {
    width:3px; border-radius:2px;
    background:rgba(106,180,232,0.35);
    transition:background .2s;
    flex-shrink:0;
  }
  .t-voice-card:hover .t-wave-bar { background:rgba(106,180,232,0.6); }

  .t-voice-dur {
    font-size:10px; color:var(--white-dim);
    font-variant-numeric:tabular-nums;
    flex-shrink:0;
  }

  .t-voice-caption {
    font-size:11px; color:var(--white-dim); line-height:1.7;
    font-style:italic;
  }

  .t-voice-stars { display:flex; gap:2px; }
  .t-voice-star {
    width:11px; height:11px;
    background:var(--gold);
    clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
  }

  /* ── VIDEO grid ── */
  .t-video-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
  }
  @media(max-width:900px){ .t-video-grid{ grid-template-columns:repeat(2,1fr); } }
  @media(max-width:500px){ .t-video-grid{ grid-template-columns:1fr; } }

  .t-video-card {
    background:var(--dark2);
    display:flex; flex-direction:column;
    transition:background .2s; overflow:hidden;
    border-radius:14px;
    border:1px solid rgba(201,168,76,0.16);
  }
  .t-video-card:hover { background:var(--dark3); }

  .t-video-thumb {
    width:100%; aspect-ratio:16/9;
    background:var(--dark4);
    position:relative; overflow:hidden;
    cursor:pointer;
  }

  .t-video-overlay {
    position:absolute; inset:0;
    background:linear-gradient(160deg,rgba(201,168,76,0.08),rgba(0,0,0,0.5));
    display:flex; align-items:center; justify-content:center;
    transition:background .2s;
  }
  .t-video-thumb:hover .t-video-overlay {
    background:linear-gradient(160deg,rgba(201,168,76,0.15),rgba(0,0,0,0.4));
  }

  .t-video-play {
    width:44px; height:44px; border-radius:50%;
    background:rgba(201,168,76,0.9);
    display:flex; align-items:center; justify-content:center;
    transition:transform .2s, box-shadow .2s;
    box-shadow:0 6px 20px rgba(201,168,76,0.4);
  }
  .t-video-thumb:hover .t-video-play {
    transform:scale(1.1);
    box-shadow:0 10px 28px rgba(201,168,76,0.6);
  }
  .t-video-play svg { width:14px; height:14px; fill:var(--dark); margin-right:-2px; }

  /* mosaic bg pattern for thumb */
  .t-thumb-bg {
    position:absolute; inset:0;
    background-image:
      linear-gradient(rgba(201,168,76,0.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(201,168,76,0.04) 1px, transparent 1px);
    background-size:20px 20px;
  }
  .t-thumb-initials {
    position:absolute; top:10px; right:10px;
    width:28px; height:28px; border-radius:50%;
    background:rgba(201,168,76,0.2);
    border:1px solid rgba(201,168,76,0.3);
    display:flex; align-items:center; justify-content:center;
    font-size:11px; font-weight:700; color:var(--gold);
  }
  .t-thumb-dur {
    position:absolute; bottom:8px; left:8px;
    font-size:9px; font-weight:700; color:var(--white);
    background:rgba(0,0,0,0.6); padding:2px 6px; border-radius:2px;
    letter-spacing:.5px;
  }

  .t-video-body {
    padding:14px 16px; display:flex; flex-direction:column; gap:8px;
  }
  .t-video-name { font-size:12px; font-weight:700; }
  .t-video-meta { font-size:10px; color:var(--gold); }
  .t-video-text { font-size:11px; color:var(--white-dim); line-height:1.6; }
  .t-video-stars { display:flex; gap:2px; }
  .t-video-star {
    width:10px; height:10px;
    background:var(--gold);
    clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
  }

  /* count badge */
  .t-count {
    display:inline-flex; align-items:center; gap:6px;
    font-size:10px; color:var(--white-dim); margin-bottom:20px;
    letter-spacing:.5px;
  }
  .t-count strong { color:var(--gold); font-size:13px; }

  /* ══════════════════════════════════════
     VIDEO LIGHTBOX (افزوده‌ی قالب — بدون تغییر در طراحی اصلی)
  ══════════════════════════════════════ */
  .aria-lightbox {
    position:fixed; inset:0; z-index:10000;
    background:rgba(0,0,0,.86);
    display:flex; align-items:center; justify-content:center;
    padding:24px;
    animation:fade-in-down .25s ease both;
  }
  .aria-lightbox-inner { position:relative; width:100%; max-width:860px; }
  .aria-lightbox-inner video { width:100%; border-radius:14px; border:1px solid rgba(201,168,76,.25); display:block; }
  .aria-lightbox-close {
    position:absolute; top:-42px; left:0;
    width:34px; height:34px; border-radius:50%;
    background:rgba(201,168,76,.15); border:1px solid rgba(201,168,76,.35);
    color:var(--gold); font-size:20px; line-height:1; cursor:pointer;
  }
  .aria-lightbox-close:hover { background:rgba(201,168,76,.3); }
  .screen-reader-text {
    position:absolute !important; width:1px; height:1px;
    overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap;
  }
  .skip-link:focus {
    position:fixed; top:10px; right:10px; z-index:100000;
    width:auto; height:auto; clip:auto;
    background:var(--gold); color:var(--dark);
    padding:10px 18px; border-radius:8px; font-weight:700;
  }

  .nav-logo-img { -webkit-text-fill-color: initial; background: none; }
  .nav-logo-img img { max-height: 40px; width: auto; display: block; }

  /* ══════════════════════════════════════
     MOBILE BOTTOM BAR — Edge-to-edge Ledger Bar
  ══════════════════════════════════════ */
  .m-bar { display:none; }

  @media(max-width:680px){
    .m-bar {
      display:flex !important;
      align-items:stretch;

      /* قفل موقعیت — مقاوم در برابر والدهای دارای transform/filter */
      position:fixed !important;
      top:auto !important;
      bottom:0 !important;
      left:0 !important;
      right:0 !important;
      width:auto !important;
      margin:0 !important;
      z-index:9998;

      padding:14px 10px calc(16px + env(safe-area-inset-bottom));
      background:linear-gradient(180deg, var(--dark3), var(--dark2));
      box-shadow:inset 0 1px 0 rgba(201,168,76,0.28), 0 -6px 24px rgba(0,0,0,.45);
    }

    /* خط طلایی بالای نوار */
    .m-bar::before {
      content:'';
      position:absolute; top:0; left:0; right:0;
      height:1px;
      background:linear-gradient(90deg, transparent, rgba(201,168,76,0.6) 50%, transparent);
    }
    /* هاله‌ی نرم بالای خط */
    .m-bar::after {
      content:'';
      position:absolute; top:-6px; left:0; right:0;
      height:6px;
      background:linear-gradient(90deg, transparent, rgba(201,168,76,0.16) 50%, transparent);
      filter:blur(4px);
      pointer-events:none;
    }

    /* جداکننده‌ی عمودی بین آیتم‌ها */
    .m-bar-div {
      width:1px;
      align-self:center;
      height:26px;
      background:rgba(245,240,232,0.06);
      flex-shrink:0;
    }

    .m-bar-item {
      flex:1;
      display:flex; flex-direction:column;
      align-items:center; justify-content:flex-start;
      gap:7px;
      position:relative;
      min-width:0;
      padding-bottom:11px;
      text-decoration:none;
      color:rgba(245,240,232,0.38);
      transform:translateY(0);
      transition:transform .35s cubic-bezier(.4,0,.2,1), color .3s ease;
    }

    /* هاله‌ی پشت آیکن (فقط در حالت فعال) */
    .m-bar-glow {
      position:absolute; top:-8px;
      width:40px; height:40px;
      border-radius:50%;
      background:transparent;
      transition:background .35s ease;
      pointer-events:none;
    }

    .m-bar-icon {
      display:block; line-height:0;
      filter:none;
      transition:filter .35s ease;
    }
    .m-bar-icon svg { display:block; }

    .m-bar-label {
      font-size:11px; font-weight:400;
      letter-spacing:.2px; line-height:1;
      white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
      max-width:100%;
      transition:color .3s ease;
    }

    /* خط زیرین درخشان */
    .m-bar-underline {
      position:absolute; bottom:0;
      width:16px; height:3px;
      border-radius:3px;
      background:linear-gradient(90deg, var(--gold), var(--gold-light));
      box-shadow:0 0 10px rgba(232,201,122,.8);
      opacity:0;
      transform:scaleX(.3);
      transition:opacity .3s ease, transform .35s cubic-bezier(.4,0,.2,1);
    }

    /* ── حالت فعال ── */
    .m-bar-item.active {
      color:var(--gold-light);
      transform:translateY(-2px);
    }
    .m-bar-item.active .m-bar-glow {
      background:radial-gradient(circle, rgba(201,168,76,0.28), transparent 70%);
    }
    .m-bar-item.active .m-bar-icon {
      filter:drop-shadow(0 0 5px rgba(232,201,122,.55));
    }
    .m-bar-item.active .m-bar-label {
      font-weight:600;
    }
    .m-bar-item.active .m-bar-underline {
      opacity:1;
      transform:scaleX(1);
    }

    .m-bar-item:active { opacity:.75; }

    /* فضای خالی تا نوار روی محتوا نیفتد */
    body.has-mbar footer { padding-bottom:110px; }
    body.has-mbar .scroll-hint { bottom:100px; }
  }