:root{--bg:#05050a;--gold:#ffd36a;--gold2:#ffb700;--purple:#8b5cf6;--pink:#ff4fd8;--white:rgba(255,255,255,.94);--muted:rgba(255,255,255,.64);--line:rgba(255,255,255,.16)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.vmc-page{min-height:100svh;background:#05050a}.vmc-hero{min-height:100svh;position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate;background:radial-gradient(circle at 50% 46%,rgba(139,92,246,.2),transparent 36%),radial-gradient(circle at 50% 60%,rgba(255,183,0,.1),transparent 30%),linear-gradient(180deg,#080814,#020205)}.vmc-nav{position:absolute;z-index:20;top:24px;left:min(6vw,72px);right:min(6vw,72px);display:flex;justify-content:space-between;align-items:center;direction:ltr}.vmc-logo{text-decoration:none;color:#fff;font-weight:950;letter-spacing:.22em;font-size:28px;text-shadow:0 0 26px rgba(255,211,106,.38)}.vmc-mini-btn{text-decoration:none;color:#fff;border:1px solid var(--line);background:rgba(255,255,255,.07);backdrop-filter:blur(18px);padding:11px 18px;border-radius:999px;font-size:14px;box-shadow:0 20px 50px rgba(0,0,0,.28);transition:.25s}.vmc-mini-btn:hover{transform:translateY(-2px);border-color:rgba(255,211,106,.55)}.vmc-bg-glow{position:absolute;z-index:-3;border-radius:999px;filter:blur(100px);opacity:.44;animation:pulse 7s ease-in-out infinite alternate}.vmc-bg-glow.gold{width:520px;height:520px;background:rgba(255,183,0,.27);top:50%;left:50%;transform:translate(-45%,-43%)}.vmc-bg-glow.purple{width:680px;height:680px;background:rgba(139,92,246,.28);top:45%;left:50%;animation-delay:1.4s}.vmc-orbit{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;z-index:-1}.vmc-orbit.one{width:min(70vw,760px);height:min(70vw,760px);border-color:rgba(255,211,106,.2);animation:spin 42s linear infinite}.vmc-orbit.two{width:min(52vw,560px);height:min(52vw,560px);border-color:rgba(139,92,246,.24);animation:spin 55s linear infinite reverse}.vmc-orbit:before{content:"";position:absolute;width:9px;height:9px;background:var(--gold);border-radius:50%;top:12%;left:18%;box-shadow:0 0 24px var(--gold)}.phone-wrap{position:relative;z-index:10;perspective:1100px;animation:enter 1s cubic-bezier(.2,.75,.2,1) both}.phone-light{position:absolute;inset:8%;border-radius:70px;background:linear-gradient(135deg,rgba(255,211,106,.22),rgba(139,92,246,.24));filter:blur(55px);transform:scale(1.05)}.phone{position:relative;width:360px;height:760px;border-radius:58px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 10px rgba(0,0,0,.74),inset 0 0 0 12px rgba(255,255,255,.06),0 35px 120px rgba(0,0,0,.62),0 0 80px rgba(139,92,246,.28);transition:transform .18s ease;will-change:transform}.phone:after{content:"";position:absolute;inset:13px;border-radius:46px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.shine{position:absolute;z-index:8;top:-20%;left:-70%;width:42%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);filter:blur(10px);transform:rotate(16deg);animation:shine 4.8s linear infinite}.notch{position:absolute;top:18px;left:50%;z-index:9;width:112px;height:28px;transform:translateX(-50%);background:#050507;border-radius:999px;box-shadow:0 2px 14px rgba(0,0,0,.45)}.screen-top{position:absolute;z-index:9;top:60px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;direction:ltr}.screen-top b{font-size:21px;letter-spacing:.14em}.screen-top span{font-size:11px;padding:6px 10px;border-radius:999px;background:rgba(255,79,216,.18);border:1px solid rgba(255,79,216,.35);box-shadow:0 0 20px rgba(255,79,216,.2)}.slider,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity .55s ease}.slide.active{opacity:1}.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 5s ease}.slide.active img{transform:scale(1.11)}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.05) 34%,rgba(0,0,0,.88) 78%,#000 100%)}.metrics{position:absolute;z-index:5;left:24px;bottom:205px;display:grid;gap:10px;direction:ltr}.metrics span{display:inline-flex;justify-content:center;min-width:76px;padding:8px 11px;border-radius:999px;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);font-size:13px}.copy{position:absolute;z-index:6;left:28px;right:28px;bottom:108px;text-align:right}.copy h1,.copy h2{margin:0 0 10px;font-size:22px;line-height:1.35}.copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.dots{position:absolute;z-index:9;bottom:82px;left:0;right:0;display:flex;justify-content:center;gap:8px}.dots button{width:8px;height:8px;border:0;border-radius:999px;background:rgba(255,255,255,.35);padding:0;cursor:pointer;transition:.25s}.dots button.active{width:28px;background:var(--gold)}.main-btn{position:absolute;z-index:9;bottom:28px;left:42px;right:42px;text-align:center;text-decoration:none;color:#100b00;font-weight:900;font-size:17px;padding:15px 22px;border-radius:999px;background:linear-gradient(135deg,#ffe28a,#ffb700);box-shadow:0 0 35px rgba(255,183,0,.42),inset 0 1px 0 rgba(255,255,255,.55);transition:.25s}.main-btn:hover{transform:translateY(-2px) scale(1.02)}.face{--px:0px;--py:0px;position:absolute;z-index:5;width:96px;height:96px;border-radius:28px;object-fit:cover;border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 55px rgba(0,0,0,.36);animation:float 6s ease-in-out infinite;transform:translate3d(var(--px),var(--py),0);will-change:transform}.face.soft{opacity:.72}.face.blur{opacity:.42;filter:blur(2px)}.f1{top:16%;left:16%;animation-delay:.1s}.f2{top:22%;right:13%;animation-delay:.8s}.f3{bottom:18%;left:13%;animation-delay:1.3s}.f4{bottom:18%;right:15%;animation-delay:.5s}.f5{top:42%;left:7%;animation-delay:1s}.f6{top:46%;right:8%;animation-delay:1.6s}.f7{top:68%;left:25%;animation-delay:.4s}.f8{top:69%;right:24%;animation-delay:1.9s}.glass{position:absolute;z-index:6;padding:13px 16px;border-radius:18px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(0,0,0,.25);font-size:15px;white-space:nowrap;animation:cardIn .8s ease both}.g1{top:24%;left:25%;animation-delay:.25s}.g2{top:21%;right:23%;animation-delay:.35s}.g3{bottom:24%;left:24%;animation-delay:.45s}.g4{bottom:22%;right:23%;animation-delay:.55s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{opacity:.62;filter:blur(125px)}}@keyframes shine{0%{left:-70%}55%,100%{left:135%}}@keyframes enter{from{opacity:0;transform:translateY(70px) scale(.92)}to{opacity:1;transform:none}}@keyframes cardIn{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -18px}}@media (max-width:900px){.phone{width:min(88vw,340px);height:720px}.glass{font-size:13px;padding:10px 12px}.g1{top:16%;left:5%}.g2{top:14%;right:5%}.g3{display:none}.g4{bottom:11%;right:5%}.face{width:72px;height:72px;border-radius:22px}.f5,.f6,.f7,.f8{display:none}.f1{top:22%;left:3%}.f2{top:25%;right:3%}.f3{bottom:13%;left:5%}.f4{bottom:15%;right:5%}.vmc-orbit.one{width:650px;height:650px}.vmc-orbit.two{width:480px;height:480px}.copy h1,.copy h2{font-size:20px}.vmc-nav{top:18px;left:18px;right:18px}}@media (max-width:520px){.vmc-logo{font-size:22px}.vmc-mini-btn{padding:9px 13px;font-size:13px}.phone{width:min(90vw,318px);height:660px;border-radius:48px}.notch{width:96px;height:25px}.screen-top{top:52px;left:30px;right:30px}.copy{bottom:96px;left:24px;right:24px}.copy h1,.copy h2{font-size:18px}.copy p{font-size:13px}.metrics{bottom:190px}.main-btn{left:34px;right:34px;bottom:24px}.dots{bottom:74px}.glass{opacity:.86}.g1{top:78px}.g2{top:124px}.g4{display:none}.face{width:58px;height:58px;border-radius:18px;opacity:.5}.f1{top:25%;left:-12px}.f2{top:30%;right:-12px}.f3{bottom:18%;left:-10px}.f4{bottom:19%;right:-10px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.slide img{transform:scale(1.06)!important}}
.nav{
    background: transparent !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* إخفاء أي خط سفلي */
.nav::before,
.nav::after{
    display:none !important;
}

/* إبقاءه فوق الهيرو */
.nav{
    position:absolute !important;
    top:0;
    left:0;
    right:0;
    z-index:100;
}


  /* Page-only additions (match your Contact luxury system) */
    .wrap{ padding-top: 40px; padding-bottom: 90px; }
    .grid{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 14px;
      align-items:start;
    }
    .glassCard{
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 30px;
      background: rgba(255,255,255,.02);
      box-shadow: 0 30px 120px rgba(0,0,0,.55);
      overflow:hidden;
    }
    .cardHead{
      padding: 18px 18px;
      border-bottom: 1px solid rgba(255,255,255,.10);
      background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
    }
    .cardHead h2{ margin:0 0 6px; font-size: 20px; }
    .cardHead p{ margin:0; color: rgba(238,241,246,.62); line-height:1.8; }

    .formBody{ padding: 18px; }
    .formGrid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .field{ display:flex; flex-direction:column; gap:8px; }
    .field label{ font-size: 12px; color: rgba(238,241,246,.72); font-weight: 800; letter-spacing:.02em; }
    .field input, .field textarea, .field select{
      width:100%;
      padding: 12px 12px;
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(6,7,10,.35);
      color: rgba(238,241,246,.92);
      outline:none;
      backdrop-filter: blur(10px);
      transition: border-color .18s ease, transform .18s ease;
      font-family: inherit;
    }
    .field input::placeholder, .field textarea::placeholder{ color: rgba(238,241,246,.45); }
    .field input:focus, .field textarea:focus, .field select:focus{
      border-color: rgba(245,208,122,.32);
      box-shadow: 0 0 0 6px rgba(245,208,122,.10);
    }
    .span2{ grid-column: 1 / -1; }
    textarea{ min-height: 120px; resize: vertical; }

    .checks{
      display:flex; flex-wrap:wrap; gap:10px;
      padding: 10px 10px;
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(6,7,10,.25);
    }
    .check{
      display:flex; gap:8px; align-items:center;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.02);
      border-radius: 999px;
      padding: 8px 10px;
      font-size: 12px;
      color: rgba(238,241,246,.80);
      user-select:none;
    }
    .check input{ width:16px; height:16px; }

    .actions{
      grid-column: 1 / -1;
      display:flex;
      gap:12px;
      align-items:center;
      justify-content:space-between;
      flex-wrap:wrap;
      margin-top: 6px;
    }
    .hint{
      color: rgba(238,241,246,.55);
      font-size: 12px;
      line-height: 1.7;
      max-width: 60ch;
    }
    .status{
      grid-column: 1 / -1;
      display:none;
      padding: 12px 12px;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.02);
      color: rgba(238,241,246,.85);
      white-space: pre-line;
      line-height: 1.8;
    }
    .status.ok{ display:block; border-color: rgba(16,185,129,.30); background: rgba(16,185,129,.10); }
    .status.err{ display:block; border-color: rgba(239,68,68,.28); background: rgba(239,68,68,.10); }

    .sideBody{ padding: 18px; display:flex; flex-direction:column; gap: 12px; }
    .miniCard{
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 22px;
      background: rgba(255,255,255,.02);
      padding: 16px;
    }
    .miniCard h3{ margin:0 0 8px; font-size: 16px; }
    .miniCard p{ margin:0; color: rgba(238,241,246,.62); line-height:1.8; font-size: 13px; }

    .steps{
      display:grid;
      gap: 10px;
      margin-top: 10px;
    }
    .step{
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 18px;
      background: rgba(6,7,10,.35);
      padding: 12px 12px;
      display:flex;
      gap:10px;
      align-items:flex-start;
    }
    .step .num{
      width:34px; height:34px;
      border-radius: 14px;
      display:grid; place-items:center;
      background: rgba(245,208,122,.14);
      border: 1px solid rgba(245,208,122,.22);
      flex: 0 0 auto;
      font-weight: 900;
    }
    .step b{ display:block; font-size: 13px; margin-bottom: 2px; }
    .step small{ display:block; font-size: 12px; color: rgba(238,241,246,.58); line-height: 1.7; }

    .whatsBox{
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 22px;
      background: rgba(255,255,255,.02);
      padding: 14px;
      display:flex;
      gap: 10px;
      align-items:center;
      justify-content:space-between;
      flex-wrap: wrap;
    }
    .whatsBox .txt{ min-width: 220px; flex: 1 1 auto; }
    .whatsBox .txt b{ display:block; font-size: 13px; margin-bottom: 3px; }
    .whatsBox .txt small{ display:block; font-size: 12px; color: rgba(238,241,246,.60); line-height: 1.7; }

    /* ✅ Added: tiny spacing helper for the new SEO block (no design change) */
    .seoBlock{ padding-top: 10px; padding-bottom: 0; }
    .seoBlock .section__inner{ padding-inline: 18px; }

    @media (max-width: 980px){
      .grid{ grid-template-columns: 1fr; }
    }
    @media (max-width: 520px){
      .formGrid{ grid-template-columns: 1fr; }
    }

@media (max-width: 900px){
  .nav{
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  .nav::before,
  .nav::after{
    content: none !important;
    display: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }
}

@media (min-width: 521px){
  .glass-mobile-wrap{
    display: contents;
  }
}

@media (max-width: 520px){
  .vmc-hero{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
    padding-top: 90px;
    padding-bottom: 34px;
  }

  .glass-mobile-wrap{
    position: relative;
    z-index: 12;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: min(90vw, 330px);
    margin: 0 auto;
  }

  .glass-mobile-wrap .glass{
    position: static !important;
    transform: none !important;
    animation: none !important;
    opacity: 1;
    width: auto;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: normal;
    font-size: 12px;
    line-height: 1.5;
    padding: 10px 8px;
  }

  .glass-mobile-wrap .g1,
  .glass-mobile-wrap .g2,
  .glass-mobile-wrap .g3,
  .glass-mobile-wrap .g4{
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
  }
}