.naam-hero-banner.fullbleed{ width:100vw; max-width:100vw; margin-inline:calc(50% - 50vw); }
    .naam-hero-banner{
      position:relative; height:var(--h,240px);
      display:flex; align-items:center; justify-content:center;
      border-radius:var(--r,0px); overflow:hidden; isolation:isolate;
      background:
        radial-gradient(900px 360px at 90% -10%, rgba(122,92,255,.10), transparent 60%),
        radial-gradient(780px 360px at -10% 110%, rgba(0,0,0,.08), transparent 60%),
        linear-gradient(180deg, #111827 0%, #0f172a 100%);
      box-shadow:0 20px 60px rgba(2,6,23,.25);
      padding:0 24px;
    }
    .naam-hero-banner .inner{ position:relative; z-index:2; width:100%; display:flex; align-items:center; justify-content:center; }

    /* دکور */
    .naam-hero-banner .decos{ position:absolute; inset:0; pointer-events:none; z-index:0; overflow:hidden; }
    .naam-hero-banner .blob{ position:absolute; filter:blur(50px); opacity:.35; background:radial-gradient(closest-side, var(--c,rgba(122,92,255,.35)), transparent 70%); animation:floatY 14s ease-in-out infinite; }
    .naam-hero-banner .blob.b1{ --c:rgba(122,92,255,.35); width:520px; height:520px; right:-140px; top:-120px; }
    .naam-hero-banner .blob.b2{ --c:rgba(0,220,130,.25); width:420px; height:420px; left:-160px; bottom:-160px; animation-delay:1.8s; }
    .naam-hero-banner .ring{ position:absolute; width:620px; height:620px; left:40%; top:-210px; filter:blur(24px); opacity:.22; background:radial-gradient(closest-side, transparent 64%, rgba(255,255,255,.08) 66%, transparent 72%), radial-gradient(closest-side, rgba(122,92,255,.16), transparent 74%); animation:spin 24s linear infinite; }
    .naam-hero-banner .dots{ position:absolute; right:-60px; bottom:-40px; width:720px; height:320px; opacity:.15; background-image:radial-gradient(rgba(255,255,255,.08) 1px, transparent 1.6px); background-size:18px 18px; }
    @keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(18px)}} @keyframes spin{to{transform:rotate(360deg)}}

    /* لیست افقی */
    .naam-hero-list{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:var(--gap,36px); list-style:none; margin:0; padding:0; user-select:none; }
    .naam-hero-list li{ position:relative; }
    .naam-hero-list a{
      position:relative; display:inline-block; white-space:nowrap;
      text-decoration:none; letter-spacing:.4px; line-height:1.12;
      font-size:clamp(18px, 3.6vw, 42px);
      color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.55);
      font-family:var(--font); font-weight:900; padding-inline:4px;
    }
    /* تایپ + کارِت + نئون ملایمِ خوانا */
    .naam-hero-list a::before{
      content: attr(data-text);
      position:absolute; top:0; bottom:0; inset-inline-start:0;
      width: var(--offset, 2ch); overflow:hidden;
      color: var(--clr,#b388ff);
      -webkit-text-stroke: 1px var(--clr,#b388ff);
      border-inline-end: 8px solid var(--clr,#b388ff);
      /* هاله خواناتر (بدون سبز/زردِ زننده) */
      text-shadow:
        0 0 2px   color-mix(in oklab, var(--clr) 80%, #fff 0%),
        0 0 6px   var(--clr),
        0 0 12px  var(--clr),
        0 0 24px  color-mix(in oklab, var(--clr) 70%, transparent),
        0 0 36px  color-mix(in oklab, var(--clr) 55%, transparent);
      filter:
        drop-shadow(0 0 2px  var(--clr))
        drop-shadow(0 0 8px  var(--clr));
      mix-blend-mode: screen;
      transition: width var(--type-speed,.35s) linear;
      will-change: width;
    }
    .naam-hero-list a:hover::before{ width: calc(100% + var(--overshoot,1.2ch)); }

    /* Neon Sign */
    .neon-sign{ --n:#7df9ff; --size:24px; position:absolute; z-index:3; pointer-events:auto; background:none; border:0; box-shadow:none; }
    .neon-tl{ top:14px;  inset-inline-start:18px; }
    .neon-tr{ top:14px;  inset-inline-end:18px;  }
    .neon-bl{ bottom:14px; inset-inline-start:18px; }
    .neon-br{ bottom:14px; inset-inline-end:18px;  }
    .neon-sign a, .neon-sign span{
      display:inline-block; text-decoration:none; user-select:none;
      font-family:var(--font); font-weight:900;
      letter-spacing:.14em; font-size:var(--size); line-height:1;
      color:var(--n);
      text-shadow: 0 0 3px currentColor, 0 0 8px currentColor, 0 0 18px currentColor, 0 0 36px color-mix(in oklab, currentColor 70%, transparent);
      -webkit-text-stroke:.8px rgba(255,255,255,.35);
      animation: neon-flicker var(--neon-speed,3.2s) infinite;
    }
    @keyframes neon-flicker{
      0%,18%,22%,25%,53%,57%,100%{ opacity:1; filter:none; }
      20%,24%,55%{ opacity:.35; text-shadow: 0 0 2px currentColor, 0 0 6px currentColor, 0 0 10px currentColor; }
    }
    @media (max-width:640px){ .neon-sign{ --size:22px; } }