/* RESET */
*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui}

/* HEADER */
.orve-header{
  position:fixed;
  top:0;
  width:100%;
  background:#fff;
  box-shadow:0 20px 60px rgba(10,27,61,.08);
  z-index:999;
}

.orve-container{
  max-width:1440px;
  margin:auto;
  padding:18px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.orve-logo img{height:44px}

/* NAV */
.orve-nav{
  display:flex;
  align-items:center;
  gap:32px;
}

.nav-link{
  background:none;
  border:none;
  font-weight:600;
  color:#0a1b3d;
  cursor:pointer;
  text-decoration:none;
  position:relative;
}

.nav-link::after{display:none}

/* ACTIVE DOT */
.nav-link.active::before{
  content:"";
  position:absolute;
  bottom:-10px;
  left:50%;
  width:6px;
  height:6px;
  background:#2563eb;
  border-radius:50%;
  transform:translateX(-50%);
}

/* MEGA BASE */
.nav-item{position:relative}

.mega{
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%) translateY(10px);
  margin-top:18px;
  width:1100px;
  background:#f8faff;
  border-radius:24px;
  padding:40px;
  display:flex;
  gap:40px;
  opacity:0;
  pointer-events:none;
  transition:.35s ease;
  box-shadow:0 40px 100px rgba(10,27,61,.15);
}

.nav-item:hover .mega,
.mega:hover{
  opacity:1;
  transform:translateX(-50%) translateY(0);
  pointer-events:auto;
}

/* SERVICES */
.mega-left{
  flex:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
}

.mega-section h5{
  font-size:14px;
  color:#2563eb;
  margin-bottom:16px;
}

.mega-section a{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:14px;
  font-weight:500;
  color:#0a1b3d;
  text-decoration:none;
}

/* ICON SYSTEM (REAL ICON FEEL) */
.svc-icon{
  width:38px;
  height:38px;
  border-radius:12px;
  background:linear-gradient(135deg,#2563eb,#38bdf8);
  box-shadow:0 8px 20px rgba(37,99,235,.35);
}

/* RIGHT PANEL */
.mega-right{
  width:320px;
  background:linear-gradient(135deg,#0a1b3d,#2563eb);
  border-radius:22px;
  padding:32px;
  color:#fff;
}

.mega-tag{
  font-size:12px;
  letter-spacing:1px;
  opacity:.7;
}

.mega-right h3{
  margin:14px 0 10px;
  font-size:22px;
}

.mega-right p{
  font-size:14px;
  line-height:1.6;
}

.cta-mega{
  display:inline-block;
  margin-top:20px;
  background:#fff;
  color:#0a1b3d;
  padding:12px 22px;
  border-radius:999px;
  font-weight:600;
  text-decoration:none;
}

/* INDUSTRIES */
.mega-industries{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:24px;
}

.industry-card{
  padding:26px;
  border-radius:20px;
  color:#0a1b3d;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  transition:.3s ease;
}

.industry-card:hover{
  transform:translateY(-8px);
}

/* INDUSTRY COLORS */
.health{border-top:4px solid #22c55e}
.retail{border-top:4px solid #f97316}
.telecom{border-top:4px solid #2563eb}
.edu{border-top:4px solid #a855f7}
.energy{border-top:4px solid #eab308}

/* CTA */
.cta-main{
  background:#2563eb;
  color:#fff;
  padding:14px 26px;
  border-radius:999px;
  font-weight:600;
  text-decoration:none;
  box-shadow:0 10px 30px rgba(37,99,235,.4);
}



/* ================================
   ORVE – COMPLETE SVG ICON MAP (FIXED)
   ================================ */

.svc-icon{
  position:relative;
  overflow:hidden;
}

.svc-icon::before{
  content:'';
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-position:center;
  background-size:22px;
  transition:transform .35s ease, opacity .35s ease;
  opacity:.95;
}

/* Hover animation */
.mega-section a:hover .svc-icon::before{
  transform:scale(1.2) rotate(6deg);
  opacity:1;
}

/* ================================
   GROWTH & MARKETING
   ================================ */

/* SEO */
.svc-icon.seo::before{
  background-image:url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272%27 viewBox=%270 0 24 24%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%277%27/%3E%3Cline x1=%2721%27 y1=%2721%27 x2=%2716.6%27 y2=%2716.6%27/%3E%3C/svg%3E');
}

/* Paid Ads */
.svc-icon.ads::before{
  background-image:url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M3 11h18%27/%3E%3Cpath d=%27M7 7l-4 4 4 4%27/%3E%3Cpath d=%27M17 7l4 4-4 4%27/%3E%3C/svg%3E');
}

/* Social Media */
.svc-icon.social::before{
  background-image:url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272%27 viewBox=%270 0 24 24%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%273%27/%3E%3Ccircle cx=%274%27 cy=%2712%27 r=%272%27/%3E%3Ccircle cx=%2720%27 cy=%2712%27 r=%272%27/%3E%3C/svg%3E');
}

/* Content Strategy */
.svc-icon.content::before{
  background-image:url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272%27 viewBox=%270 0 24 24%27%3E%3Crect x=%274%27 y=%273%27 width=%2716%27 height=%2718%27 rx=%272%27/%3E%3Cline x1=%278%27 y1=%277%27 x2=%2716%27 y2=%277%27/%3E%3Cline x1=%278%27 y1=%2711%27 x2=%2716%27 y2=%2711%27/%3E%3C/svg%3E');
}

/* ================================
   ENGINEERING
   ================================ */

/* Web Platforms */
.svc-icon.web::before{
  background-image:url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272%27 viewBox=%270 0 24 24%27%3E%3Crect x=%273%27 y=%274%27 width=%2718%27 height=%2714%27 rx=%272%27/%3E%3Cline x1=%273%27 y1=%2710%27 x2=%2721%27 y2=%2710%27/%3E%3C/svg%3E');
}

/* Ecommerce */
.svc-icon.ecommerce::before{
  background-image:url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272%27 viewBox=%270 0 24 24%27%3E%3Ccircle cx=%279%27 cy=%2720%27 r=%271%27/%3E%3Ccircle cx=%2717%27 cy=%2720%27 r=%271%27/%3E%3Cpath d=%27M5 6h16l-2 10H7z%27/%3E%3C/svg%3E');
}

/* WordPress */
.svc-icon.wordpress::before{
  background-image:url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272%27 viewBox=%270 0 24 24%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M9 9l3 6 3-6%27/%3E%3C/svg%3E');
}

/* Mobile Apps */
.svc-icon.mobile::before{
  background-image:url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272%27 viewBox=%270 0 24 24%27%3E%3Crect x=%277%27 y=%272%27 width=%2710%27 height=%2720%27 rx=%272%27/%3E%3Ccircle cx=%2712%27 cy=%2718%27 r=%271%27/%3E%3C/svg%3E');
}

/* ================================
   AI & SYSTEMS
   ================================ */

/* AI Integrations */
.svc-icon.ai::before{
  background-image:url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272%27 viewBox=%270 0 24 24%27%3E%3Crect x=%274%27 y=%274%27 width=%2716%27 height=%2716%27 rx=%273%27/%3E%3Cpath d=%27M9 9h6v6H9z%27/%3E%3C/svg%3E');
}

/* Automation */
.svc-icon.automation::before{
  background-image:url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272%27 viewBox=%270 0 24 24%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%274%27/%3E%3Cpath d=%27M12 2v4%27/%3E%3Cpath d=%27M12 18v4%27/%3E%3C/svg%3E');
}

/* CRM / ERP */
.svc-icon.crm::before{
  background-image:url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272%27 viewBox=%270 0 24 24%27%3E%3Crect x=%273%27 y=%273%27 width=%2718%27 height=%2718%27 rx=%272%27/%3E%3Cpath d=%27M3 7h18%27/%3E%3Cpath d=%27M6 7v10%27/%3E%3Cpath d=%27M18 7v10%27/%3E%3C/svg%3E');
}

/* DATA & ANALYTICS */
.svc-icon.analytics::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M4 20V10'/%3E%3Cpath d='M10 20V4'/%3E%3Cpath d='M16 20V8'/%3E%3Cpath d='M22 20H2'/%3E%3C/svg%3E");
}





/* ================================
   ORVE BRAND GRADIENT SYSTEM
   ================================ */

/* Growth & Marketing */
.mega-section:nth-child(1) .svc-icon{
  background:linear-gradient(135deg,#2563EB,#38BDF8);
}

/* Engineering */
.mega-section:nth-child(2) .svc-icon{
  background:linear-gradient(135deg,#0A1B3D,#2563EB);
}

/* AI & Systems */
.mega-section:nth-child(3) .svc-icon{
  background:linear-gradient(135deg,#0A1B3D,#38BDF8);
}



/* ================================
   SAFE LINE-DRAW ILLUSION
   ================================ */

.svc-icon::before{
  transition:
    transform .4s ease,
    opacity .4s ease;
}

.mega-section a:hover .svc-icon::before{
  transform:scale(1.15);
  opacity:1;
}



/* ================================
   ORVE HOVER GLOW
   ================================ */

.mega-section a:hover .svc-icon{
  box-shadow:
    0 0 0 6px rgba(37,99,235,.15),
    0 12px 40px rgba(10,27,61,.45);
  transform:translateY(-2px);
}



/* ================================
   ICON VISIBILITY FIX (NO MASK)
   ================================ */

.svc-icon::before{
  background-size:22px;
  background-repeat:no-repeat;
  background-position:center;
  opacity:1 !important;
  transform:none;
}



/* ================= MOBILE HEADER ================= */

.orve-burger{
  display:none;
  width:38px;
  height:28px;
  cursor:pointer;
  position:relative;
  z-index:1001;
}

.orve-burger span{
  position:absolute;
  left:0;
  width:100%;
  height:3px;
  background:#0a1b3d;
  border-radius:3px;
  transition:.4s;
}

.orve-burger span:nth-child(1){top:0;}
.orve-burger span:nth-child(2){top:12px;}
.orve-burger span:nth-child(3){bottom:0;}

/* burger active */
.orve-burger.active span:nth-child(1){
  transform:rotate(45deg);
  top:12px;
}
.orve-burger.active span:nth-child(2){
  opacity:0;
}
.orve-burger.active span:nth-child(3){
  transform:rotate(-45deg);
  bottom:13px;
}


/* ================= MOBILE NAV PANEL ================= */

@media(max-width:980px){

.orve-burger{display:block;}

.orve-nav{
  position:fixed;
  top:0;
  right:-100%;
  width:100%;
  height:100vh;
  background:linear-gradient(180deg,#020617,#07122b);
  flex-direction:column;
  align-items:flex-start;
  padding:120px 40px;
  gap:26px;
  transition:.6s cubic-bezier(.77,0,.18,1);
  z-index:1000;
}

.orve-nav.active{
  right:0;
}

/* links */
.nav-link{
  color:#e5e7eb;
  font-size:1.2rem;
}

/* glowing hover */
.nav-link:hover{
  color:#38bdf8;
  transform:translateX(6px);
}

/* CTA mobile */
.cta-main{
  display:none;
}

/* mega remove desktop */
.mega{
  display:none !important;
}

/* mobile dropdown */
.has-mega button{
  width:100%;
  text-align:left;
}

/* mobile sub menu */
.mobile-sub{
  max-height:0;
  overflow:hidden;
  transition:.5s;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding-left:14px;
}

.mobile-sub a{
  color:#94a3b8;
  text-decoration:none;
  font-size:.95rem;
}

.mobile-sub.show{
  max-height:400px;
  margin-top:10px;
}

/* neon divider */
.orve-nav::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:
    radial-gradient(circle at 20% 30%,rgba(56,189,248,.15),transparent 60%),
    radial-gradient(circle at 80% 70%,rgba(37,99,235,.15),transparent 60%);
  pointer-events:none;
}
}


/* mobile submenu hide on desktop */
@media (min-width:1025px){
  .mobile-sub{
    display:none !important;
  }
}

/* mobile view */
@media (max-width:1024px){

  .mega-left,
  .mega-right,
  .industry-card{
    display:none !important;
  }

  .mobile-sub{
    display:flex !important;
    flex-direction:column;
    gap:14px;
    padding:15px 0;
  }

  .mobile-sub a{
    font-size:16px;
    color:#fff;
    text-decoration:none;
  }
}


html,body{
overflow-x:hidden;
max-width:100%;
}

section{
max-width:100%;
overflow:hidden;
}