.elementor-1233 .elementor-element.elementor-element-3aa2dd5{--display:flex;}.elementor-1233 .elementor-element.elementor-element-f68ab9a{--display:flex;}body.elementor-page-1233:not(.elementor-motion-effects-element-type-background), body.elementor-page-1233 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-53bbb28 );}body.elementor-page-1233 .jupiterx-main{background-color:var( --e-global-color-53bbb28 );padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS */*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

    :root {
      --navy:   #0B1628;
      --deep:   #071020;
      --teal:   #00C9B1;
      --teal2:  #00A392;
      --accent: #1CE8CC;
      --sand:   #F5F0E8;
      --muted:  rgba(245,240,232,0.5);
      --grid:   rgba(0,201,177,0.06);
    }

    html, body {
      height: 100%;
      background: var(--deep);
      color: var(--sand);
      font-family: 'Syne', sans-serif;
      overflow-x: hidden;
    }

    /* ── Grid & noise overlay ── */
    body::before {
      content: '';
      position: fixed; inset: 0; z-index: 0;
      background-image:
        linear-gradient(var(--grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--grid) 1px, transparent 1px);
      background-size: 60px 60px;
      pointer-events: none;
    }
    body::after {
      content: '';
      position: fixed; inset: 0; z-index: 0;
      background: radial-gradient(ellipse 70% 60% at 80% 20%, rgba(0,201,177,0.12) 0%, transparent 60%),
                  radial-gradient(ellipse 50% 50% at 10% 80%, rgba(0,163,146,0.08) 0%, transparent 55%);
      pointer-events: none;
    }

    /* ── Scanline effect ── */
    .scanlines {
      position: fixed; inset: 0; z-index: 1; pointer-events: none;
      background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 3px,
        rgba(0,0,0,0.04) 3px,
        rgba(0,0,0,0.04) 4px
      );
    }

    /* ── Layout ── */
    .page {
      position: relative; z-index: 2;
      min-height: 100vh;
      display: grid;
      grid-template-rows: auto 1fr auto;
      padding: 0 clamp(24px, 3vw, 80px);
    }

    /* ── Header ── */
    header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 36px 0 32px;
      border-bottom: 1px solid rgba(0,201,177,0.15);
      animation: fadeDown 0.8s ease both;
    }

    .logo-wrap img {
      height: 52px;
      filter: brightness(1.1);
    }

    .header-tag {
      font-family: 'Space Mono', monospace;
      font-size: 11px;
      letter-spacing: 0.2em;
      color: var(--teal);
      text-transform: uppercase;
      border: 1px solid rgba(0,201,177,0.3);
      padding: 6px 14px;
      border-radius: 2px;
    }

    /* ── Hero ── */
    .hero {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 80px 0 60px;
      max-width: 900px;
    }

    .eyebrow {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 32px;
      animation: fadeUp 0.8s 0.2s ease both;
    }
    .eyebrow-line {
      width: 40px; height: 1px;
      background: var(--teal);
    }
    .eyebrow-text {
      font-family: 'Space Mono', monospace;
      font-size: 11px;
      letter-spacing: 0.25em;
      color: var(--teal);
      text-transform: uppercase;
    }

    h1 {
      font-size: clamp(52px, 9vw, 110px);
      font-weight: 800;
      line-height: 0.95;
      letter-spacing: -0.03em;
      margin-bottom: 12px;
      animation: fadeUp 0.9s 0.3s ease both;
    }
    h1 span.teal { color: var(--teal); }
    h1 span.sand { color: var(--sand); }
    h1 span.block { display: block; }

    .subtitle-ar {
      font-family: 'Tajawal', sans-serif;
      font-size: clamp(18px, 3vw, 28px);
      font-weight: 300;
      color: var(--muted);
      margin: 20px 0 36px;
      direction: rtl;
      letter-spacing: 0.01em;
      animation: fadeUp 0.9s 0.4s ease both;
    }

    .desc {
      font-size: clamp(14px, 1.6vw, 17px);
      line-height: 1.7;
      color: var(--muted);
      max-width: 520px;
      margin-bottom: 56px;
      animation: fadeUp 0.9s 0.5s ease both;
    }

    /* ── Countdown ── */
    .countdown-wrap {
      animation: fadeUp 1s 0.6s ease both;
      margin-bottom: 60px;
    }
    .countdown-label {
      font-family: 'Space Mono', monospace;
      font-size: 10px;
      letter-spacing: 0.3em;
      color: rgba(0,201,177,0.6);
      text-transform: uppercase;
      margin-bottom: 16px;
    }
    .countdown {
      display: flex;
      gap: clamp(12px, 3vw, 32px);
      flex-wrap: wrap;
    }
    .cd-unit {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
    }
    .cd-num {
      font-family: 'Space Mono', monospace;
      font-size: clamp(36px, 6vw, 72px);
      font-weight: 700;
      color: var(--sand);
      background: rgba(0,201,177,0.05);
      border: 1px solid rgba(0,201,177,0.18);
      width: clamp(80px, 12vw, 130px);
      height: clamp(80px, 12vw, 130px);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
      clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
    }
    .cd-num::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(0,201,177,0.08) 0%, transparent 60%);
    }
    .cd-label {
      font-family: 'Space Mono', monospace;
      font-size: 9px;
      letter-spacing: 0.2em;
      color: rgba(0,201,177,0.5);
      text-transform: uppercase;
    }
    .cd-sep {
      font-size: clamp(28px, 5vw, 60px);
      color: rgba(0,201,177,0.3);
      align-self: flex-start;
      padding-top: clamp(20px, 3vw, 34px);
      font-weight: 700;
    }

    /* ── Email form ── */
    .notify-wrap {
      animation: fadeUp 1s 0.75s ease both;
    }
    .notify-label {
      font-family: 'Space Mono', monospace;
      font-size: 10px;
      letter-spacing: 0.25em;
      color: rgba(0,201,177,0.6);
      text-transform: uppercase;
      margin-bottom: 14px;
    }
    .notify-form {
      display: flex;
      gap: 0;
      max-width: 480px;
    }
    .notify-form input {
      flex: 1;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(0,201,177,0.2);
      border-right: none;
      color: var(--sand);
      font-family: 'Syne', sans-serif;
      font-size: 14px;
      padding: 14px 20px;
      outline: none;
      transition: border-color 0.3s;
    }
    .notify-form input::placeholder { color: rgba(245,240,232,0.3); }
    .notify-form input:focus { border-color: rgba(0,201,177,0.55); }
    .notify-form button {
      background: var(--teal);
      color: var(--navy);
      border: none;
      font-family: 'Space Mono', monospace;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.1em;
      padding: 14px 24px;
      cursor: pointer;
      text-transform: uppercase;
      transition: background 0.25s, transform 0.15s;
      white-space: nowrap;
      clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%);
    }
    .notify-form button:hover { background: var(--accent); transform: translateX(2px); }

    /* ── Services pills ── */
    .services {
      margin-top: 52px;
      animation: fadeUp 1s 0.9s ease both;
    }
    .services-label {
      font-family: 'Space Mono', monospace;
      font-size: 10px;
      letter-spacing: 0.25em;
      color: rgba(0,201,177,0.45);
      text-transform: uppercase;
      margin-bottom: 14px;
    }
    .pills {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .pill {
      font-family: 'Space Mono', monospace;
      font-size: 11px;
      letter-spacing: 0.08em;
      color: var(--teal);
      border: 1px solid rgba(0,201,177,0.22);
      padding: 7px 16px;
      border-radius: 1px;
      background: rgba(0,201,177,0.04);
      transition: background 0.2s, border-color 0.2s;
    }
    .pill:hover { background: rgba(0,201,177,0.1); border-color: rgba(0,201,177,0.5); }

    /* ── Decorative vertical text ── */
    .vert-text {
      position: fixed;
      right: 28px;
      top: 50%;
      transform: translateY(-50%) rotate(90deg);
      font-family: 'Space Mono', monospace;
      font-size: 10px;
      letter-spacing: 0.3em;
      color: rgba(0,201,177,0.2);
      text-transform: uppercase;
      white-space: nowrap;
      z-index: 3;
    }

    /* ── Decorative corner ── */
    .corner-deco {
      position: fixed;
      bottom: 100px;
      right: 60px;
      width: 120px;
      height: 120px;
      border-right: 1px solid rgba(0,201,177,0.15);
      border-bottom: 1px solid rgba(0,201,177,0.15);
      z-index: 1;
    }

    /* ── Footer ── */
    footer {
      padding: 28px 0;
      border-top: 1px solid rgba(0,201,177,0.1);
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 12px;
      animation: fadeUp 1s 1s ease both;
    }
    .footer-copy {
      font-family: 'Space Mono', monospace;
      font-size: 11px;
      color: rgba(245,240,232,0.25);
      letter-spacing: 0.05em;
    }
    .footer-location {
      display: flex;
      align-items: center;
      gap: 8px;
      font-family: 'Space Mono', monospace;
      font-size: 11px;
      color: rgba(0,201,177,0.45);
      letter-spacing: 0.08em;
    }
    .flag { font-size: 16px; }

    /* ── Pulse dot ── */
    .pulse-dot {
      width: 8px; height: 8px;
      border-radius: 50%;
      background: var(--teal);
      position: relative;
      display: inline-block;
      flex-shrink: 0;
    }
    .pulse-dot::after {
      content: '';
      position: absolute;
      inset: -4px;
      border-radius: 50%;
      border: 1px solid var(--teal);
      animation: pulse 1.8s ease-out infinite;
    }

    /* ── Teal glowing line ── */
    .glow-line {
      position: fixed;
      left: 0; top: 0; bottom: 0;
      width: 2px;
      background: linear-gradient(to bottom, transparent 0%, var(--teal) 40%, var(--accent) 60%, transparent 100%);
      opacity: 0.5;
      z-index: 3;
    }

    /* ── Animations ── */
    @keyframes fadeDown {
      from { opacity: 0; transform: translateY(-20px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(24px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    @keyframes pulse {
      0%   { transform: scale(1); opacity: 0.8; }
      100% { transform: scale(2.8); opacity: 0; }
    }

    /* ── Success state ── */
    .notify-success {
      display: none;
      font-family: 'Space Mono', monospace;
      font-size: 12px;
      color: var(--teal);
      letter-spacing: 0.1em;
      margin-top: 12px;
    }
    .notify-success.show { display: block; }

    /* ── Responsive ── */
    @media (max-width: 600px) {
      .cd-sep { display: none; }
      .vert-text, .corner-deco { display: none; }
      .notify-form { flex-direction: column; }
      .notify-form input { border-right: 1px solid rgba(0,201,177,0.2); }
      .notify-form button { clip-path: none; }
    }/* End custom CSS */