:root {
      --rz-bg: #0b3560;
      --rz-bg-2: #123f70;
      --rz-glass: rgba(42, 91, 134, .54);
      --rz-glass-strong: rgba(48, 105, 154, .68);
      --rz-border: rgba(255,255,255,.20);
      --rz-text: #fff;
      --rz-soft: rgba(255,255,255,.78);
      --rz-lime: #d7ff1f;
      --rz-green: #8bdc19;
      --rz-royal: #2500d8;
      --rz-shadow: 0 30px 90px rgba(0,0,0,.32);
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body,
    .rz-landing-page,
    .rz-landing-page button,
    .rz-landing-page input,
    .rz-landing-page select,
    .rz-landing-page textarea {
      margin: 0;
      font-family: BYekan, "B Yekan", IRANYekan, Tahoma, Arial, sans-serif;
      background: #0b3560;
      color: var(--rz-text);
      overflow-x: hidden;
    }
    .rz-landing-page h1,
    .rz-landing-page h2,
    .rz-landing-page h3,
    .rz-landing-page h4,
    .rz-landing-page h5,
    .rz-landing-page h6,
    .rz-landing-page p,
    .rz-landing-page a,
    .rz-landing-page span,
    .rz-landing-page small,
    .rz-landing-page strong,
    .rz-landing-page summary,
    .rz-landing-page li {
      font-family: BYekan, "B Yekan", IRANYekan, Tahoma, Arial, sans-serif;
    }
    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }

    .liquid-cursor,
    .liquid-cursor-core {
      position: fixed;
      pointer-events: none;
      z-index: 999;
      border-radius: 999px;
      opacity: .65;
    }
    .liquid-cursor {
      width: 34px;
      height: 34px;
      border: 1px solid rgba(207,255,31,.55);
      transform: translate(-50%, -50%);
    }
    .liquid-cursor-core {
      width: 8px;
      height: 8px;
      background: var(--rz-lime);
      transform: translate(-50%, -50%);
      box-shadow: 0 0 18px rgba(207,255,31,.8);
    }

    .sticky-app {
      position: fixed;
      left: 22px;
      bottom: 24px;
      z-index: 80;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-height: 50px;
      padding: 0 18px;
      border-radius: 16px;
      background: rgba(207,255,31,.95);
      color: #0c2b4c;
      font-weight: 950;
      box-shadow: 0 18px 50px rgba(0,0,0,.28);
    }

    .site-header {
      position: fixed;
      inset: 0 0 auto;
      z-index: 70;
      padding: 14px 0;
      background: linear-gradient(180deg, rgba(9,45,82,.86), rgba(9,45,82,.34));
      backdrop-filter: blur(18px);
      border-bottom: 1px solid rgba(255,255,255,.08);
    }
    .nav-shell {
      width: min(1180px, calc(100% - 28px));
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
    }
    .brand {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-weight: 950;
    }
    .brand img {
      width: 48px;
      height: 48px;
      object-fit: contain;
      border-radius: 14px;
    }
    .brand span {
      display: grid;
      line-height: 1.2;
    }
    .brand small {
      color: var(--rz-soft);
      font-size: 11px;
      font-weight: 700;
    }
    .nav-links {
      display: flex;
      align-items: center;
      gap: 22px;
      color: var(--rz-soft);
      font-weight: 800;
      font-size: 14px;
    }
    .nav-links a.active,
    .nav-links a:hover { color: #fff; }
    .nav-cta {
      display: flex;
      gap: 10px;
    }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-height: 46px;
      padding: 0 18px;
      border: 1px solid var(--rz-border);
      border-radius: 14px;
      font-weight: 950;
      cursor: pointer;
      transition: transform .22s ease, background .22s ease, border-color .22s ease;
    }
    .btn:hover { transform: translateY(-2px); }
    .btn-primary {
      background: var(--rz-lime);
      color: #0c2b4c;
      border-color: rgba(207,255,31,.85);
      box-shadow: 0 15px 38px rgba(207,255,31,.18);
    }
    .btn-secondary {
      background: rgba(255,255,255,.08);
      color: #fff;
    }

    .hero-slider {
      min-height: 100vh;
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 22% 20%, rgba(215,255,31,.14), transparent 28%),
        linear-gradient(180deg, #0f4d83 0%, #0b3560 46%, #082f58 100%);
      padding-top: 76px;
    }
    .slider-track,
    .slider-slide {
      min-height: calc(100vh - 76px);
    }
    .slider-slide {
      display: none;
      align-items: center;
      position: relative;
      padding: 80px 0;
      background-image:
        linear-gradient(90deg, rgba(7,38,71,.16), rgba(7,38,71,.66) 42%, rgba(7,38,71,.9)),
        var(--slide-bg);
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
    }
    .slider-slide.is-active { display: flex; }
    .slider-slide > div {
      width: min(1180px, calc(100% - 28px));
      margin: 0 auto;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 360px;
      gap: 38px;
      align-items: center;
    }
    .hero-copy {
      max-width: 720px;
    }
    .eyebrow {
      margin: 0 0 12px;
      color: var(--rz-lime);
      font-weight: 950;
      letter-spacing: 0;
    }
    h1, h2, h3, p { letter-spacing: 0; }
    .slider-slide h1,
    .slider-slide h2 {
      margin: 0;
      font-size: clamp(42px, 7.2vw, 88px);
      line-height: 1.16;
      font-weight: 950;
    }
    .slider-slide p:not(.eyebrow) {
      max-width: 660px;
      margin: 22px 0 0;
      font-size: clamp(16px, 2vw, 21px);
      line-height: 2;
      color: rgba(255,255,255,.84);
    }
    .hero-actions {
      margin-top: 30px;
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }
    .app-orbit {
      position: relative;
      min-height: 420px;
      display: grid;
      place-items: center;
    }
    .app-orbit::before {
      content: "";
      position: absolute;
      width: 310px;
      height: 310px;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 50%;
      box-shadow: inset 0 0 80px rgba(215,255,31,.10);
    }
    .racket-float {
      width: 300px;
      filter: drop-shadow(0 30px 60px rgba(0,0,0,.38));
      animation: float 4.5s ease-in-out infinite;
    }
    @keyframes float { 50% { transform: translateY(-18px) rotate(2deg); } }

    .slider-dots {
      position: absolute;
      right: 50%;
      transform: translateX(50%);
      bottom: 28px;
      display: flex;
      gap: 8px;
    }
    .slider-dots button {
      width: 34px;
      height: 7px;
      border: 0;
      border-radius: 999px;
      background: rgba(255,255,255,.25);
    }
    .slider-dots button.is-active { background: var(--rz-lime); }

    section {
      position: relative;
      padding: clamp(62px, 8vw, 118px) 0;
    }
    .bg-section {
      background-image:
        linear-gradient(180deg, rgba(9,49,90,.72), rgba(9,49,90,.90)),
        var(--bg);
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
    }
    .shell {
      width: min(1180px, calc(100% - 28px));
      margin: 0 auto;
    }
    .section-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(260px, 420px);
      gap: 30px;
      align-items: end;
      margin-bottom: 34px;
    }
    .section-head h2,
    .hero-intro h1,
    .cinematic-panel h2 {
      margin: 0;
      font-size: clamp(30px, 4.6vw, 58px);
      line-height: 1.28;
      font-weight: 950;
    }
    .section-head > p,
    .hero-intro p,
    .cinematic-panel p,
    .service-card p,
    .feature-grid p,
    .faq-list p {
      color: var(--rz-soft);
      line-height: 2;
      margin: 0;
    }

    .hero-intro {
      background-image:
        linear-gradient(180deg, rgba(9,48,88,.72), rgba(9,48,88,.88)),
        url('../img/user/../img/user/(Persian).jpg');
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
    }
    .hero-intro .shell {
      display: grid;
      grid-template-columns: minmax(0, .95fr) minmax(260px, .65fr);
      gap: 42px;
      align-items: center;
    }
    .intro-panel {
      padding: clamp(24px, 4vw, 44px);
      border: 1px solid var(--rz-border);
      border-radius: 28px;
      background: var(--rz-glass);
      backdrop-filter: blur(22px);
      box-shadow: var(--rz-shadow);
    }
    .intro-visual {
      display: grid;
      gap: 14px;
    }
    .mini-app-card {
      padding: 20px;
      border: 1px solid var(--rz-border);
      border-radius: 24px;
      background: rgba(255,255,255,.1);
      backdrop-filter: blur(18px);
    }
    .mini-app-card strong {
      display: block;
      font-size: 22px;
      margin-bottom: 8px;
    }
    .mini-app-card span {
      color: var(--rz-soft);
    }

    .service-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }
    .service-card,
    .feature-grid article,
    .metric-grid article,
    .faq-list details,
    .tool-grid span {
      border: 1px solid var(--rz-border);
      background: var(--rz-glass);
      backdrop-filter: blur(20px);
      border-radius: 24px;
      box-shadow: 0 20px 50px rgba(0,0,0,.16);
    }
    .service-card {
      padding: 24px;
      min-height: 245px;
      transition: transform .22s ease, background .22s ease;
    }
    .service-card:hover {
      transform: translateY(-6px);
      background: var(--rz-glass-strong);
    }
    .service-icon {
      width: 58px;
      height: 58px;
      border-radius: 18px;
      display: grid;
      place-items: center;
      background: rgba(207,255,31,.15);
      border: 1px solid rgba(207,255,31,.35);
      color: var(--rz-lime);
      font-size: 23px;
      margin-bottom: 18px;
    }
    .service-card h3 {
      margin: 0 0 10px;
      font-size: 23px;
    }
    .service-card a {
      display: inline-flex;
      margin-top: 16px;
      color: var(--rz-lime);
      font-weight: 950;
    }

    .feature-grid,
    .metric-grid,
    .timeline-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }
    .feature-grid article,
    .metric-grid article,
    .timeline-grid article {
      padding: 24px;
    }
    .feature-grid strong,
    .timeline-grid span {
      color: var(--rz-lime);
      font-size: 28px;
      font-weight: 950;
    }
    .feature-grid h3,
    .timeline-grid h3 {
      margin: 18px 0 10px;
      font-size: 22px;
    }
    .metric-grid strong {
      display: block;
      color: var(--rz-lime);
      font-size: 46px;
      line-height: 1;
      margin-bottom: 10px;
    }
    .metric-grid span {
      font-weight: 950;
    }

    .split {
      display: grid;
      grid-template-columns: minmax(0, .9fr) minmax(280px, .85fr);
      gap: 38px;
      align-items: center;
    }
    .split.reverse {
      grid-template-columns: minmax(280px, .85fr) minmax(0, .9fr);
    }
    .split img {
      width: 100%;
      height: 430px;
      object-fit: cover;
      border-radius: 30px;
      border: 1px solid var(--rz-border);
      box-shadow: var(--rz-shadow);
    }
    .split-panel {
      padding: clamp(24px, 4vw, 46px);
      border: 1px solid var(--rz-border);
      border-radius: 30px;
      background: var(--rz-glass);
      backdrop-filter: blur(22px);
    }
    .check-list {
      margin: 24px 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 10px;
      color: rgba(255,255,255,.82);
    }
    .check-list li::before {
      content: "✓";
      color: var(--rz-lime);
      font-weight: 950;
      margin-left: 8px;
    }

    .tool-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 12px;
    }
    .tool-grid a {
      color: inherit;
      display: block;
    }
    .tool-grid span {
      min-height: 74px;
      padding: 16px;
      display: grid;
      place-items: center;
      text-align: center;
      gap: 7px;
      font-weight: 900;
    }
    .tool-grid i { color: var(--rz-lime); font-size: 24px; }

    .cinematic-section {
      min-height: 620px;
      display: flex;
      align-items: center;
      background-image:
        linear-gradient(90deg, rgba(7,38,71,.08), rgba(7,38,71,.66) 48%, rgba(7,38,71,.92)),
        var(--cinema-bg);
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
    }
    .cinematic-section.reverse {
      background-image:
        linear-gradient(270deg, rgba(7,38,71,.08), rgba(7,38,71,.66) 48%, rgba(7,38,71,.92)),
        var(--cinema-bg);
    }
    .cinematic-panel {
      width: min(560px, calc(100% - 28px));
      margin-right: max(14px, calc((100vw - 1180px) / 2));
      padding: clamp(26px, 4vw, 46px);
      border: 1px solid var(--rz-border);
      border-radius: 30px;
      background: rgba(255,255,255,.1);
      backdrop-filter: blur(24px);
      box-shadow: var(--rz-shadow);
    }
    .cinematic-section.reverse .cinematic-panel {
      margin-right: auto;
      margin-left: max(14px, calc((100vw - 1180px) / 2));
    }

    .faq-list {
      display: grid;
      gap: 12px;
    }
    .faq-list details {
      padding: 18px 22px;
    }
    .faq-list summary {
      cursor: pointer;
      font-weight: 950;
      font-size: 18px;
    }
    .faq-list p { margin-top: 12px; }

    footer {
      padding: 58px 0 24px;
      background:
        linear-gradient(180deg, rgba(9,45,82,.94), rgba(7,38,71,.98)),
        #092d52;
      border-top: 1px solid rgba(255,255,255,.1);
    }
    .footer-grid {
      width: min(1180px, calc(100% - 28px));
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.4fr repeat(3, 1fr);
      gap: 28px;
    }
    footer p,
    footer a {
      color: var(--rz-soft);
      line-height: 1.9;
    }
    footer strong {
      display: block;
      margin-bottom: 12px;
    }
    footer a {
      display: block;
      margin: 8px 0;
    }
    .footer-bottom {
      width: min(1180px, calc(100% - 28px));
      margin: 34px auto 0;
      padding-top: 18px;
      color: rgba(255,255,255,.55);
      border-top: 1px solid rgba(255,255,255,.08);
      font-size: 13px;
    }

    @media (max-width: 980px) {
      .nav-links { display: none; }
      .slider-slide > div,
      .hero-intro .shell,
      .split,
      .split.reverse,
      .section-head {
        grid-template-columns: 1fr;
      }
      .app-orbit { min-height: 300px; }
      .service-grid,
      .feature-grid,
      .metric-grid,
      .timeline-grid,
      .tool-grid,
      .footer-grid {
        grid-template-columns: repeat(2, 1fr);
      }
      .cinematic-panel,
      .cinematic-section.reverse .cinematic-panel {
        margin: 0 auto;
      }
    }
    @media (max-width: 640px) {
      .liquid-cursor,
      .liquid-cursor-core { display: none; }
      .nav-cta .btn-secondary { display: none; }
      .brand small { display: none; }
      .slider-slide { padding: 52px 0 84px; }
      .service-grid,
      .feature-grid,
      .metric-grid,
      .timeline-grid,
      .tool-grid,
      .footer-grid {
        grid-template-columns: 1fr;
      }
      .split img { height: 300px; }
      .sticky-app {
        right: 14px;
        left: 14px;
        justify-content: center;
      }
      .slider-slide,
      .hero-intro,
      .bg-section,
      .cinematic-section {
        background-attachment: fixed;
        background-position: center center;
        background-size: cover;
      }
    }