/* ═══════════════════════════════════════════════════════════════════
   PHPSolutions — Premium Aesthetic Overhaul v7.1
   Fixes: Enterprise footer, mobile nav, logo, full responsiveness
   ═══════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

/* ─── TOKENS ────────────────────────────────────────────────────── */
:root {
  --neon-cyan:   hsl(185,100%,52%);
  --neon-violet: hsl(270,100%,68%);
  --neon-rose:   hsl(330,100%,62%);
  --neon-blue:   hsl(220,100%,62%);
  --grad-aurora: linear-gradient(135deg,
    hsl(185,100%,52%) 0%,
    hsl(220,100%,60%) 33%,
    hsl(270,100%,68%) 66%,
    hsl(330,100%,62%) 100%);
  --grad-hero-title: linear-gradient(150deg,
    #ffffff 0%, #cce8ff 20%,
    hsl(185,100%,56%) 45%,
    hsl(270,100%,70%) 72%,
    hsl(330,100%,64%) 100%);
  --glow-cyan:   0 0 28px hsla(185,100%,52%,.40),0 0 70px hsla(185,100%,52%,.12);
  --font-heading:'Outfit','Space Grotesk',-apple-system,sans-serif;
  --font-body:   'Outfit','Inter',-apple-system,sans-serif;
}

/* ─── BASE ──────────────────────────────────────────────────────── */
*,*::before,*::after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{font-family:var(--font-body)!important;letter-spacing:-.01em;}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)!important;}

/* ─── AURORA MESH ───────────────────────────────────────────────── */
.mesh-bg{
  background-image:
    radial-gradient(ellipse 65% 55% at 10% 38%,hsla(270,100%,60%,.22) 0%,transparent 55%),
    radial-gradient(ellipse 55% 60% at 92% 18%,hsla(185,100%,52%,.22) 0%,transparent 55%),
    radial-gradient(ellipse 45% 40% at 60% 88%,hsla(220,100%,60%,.18) 0%,transparent 55%),
    radial-gradient(ellipse 32% 32% at 82% 68%,hsla(330,100%,60%,.12) 0%,transparent 45%)!important;
  animation:v7-aurora 18s ease-in-out infinite alternate!important;
  filter:blur(52px)!important;opacity:1!important;
}
@keyframes v7-aurora{0%{opacity:.82;transform:scale(1);}40%{opacity:.95;transform:scale(1.04);}100%{opacity:.88;transform:scale(.97);}}

body::before,body::after{content:'';position:fixed;border-radius:50%;pointer-events:none;z-index:-5;}
body::before{width:650px;height:650px;top:-160px;right:-220px;background:radial-gradient(circle,hsla(270,100%,60%,.14) 0%,transparent 68%);animation:orb-a 22s ease-in-out infinite alternate;}
body::after{width:520px;height:520px;bottom:-110px;left:-160px;background:radial-gradient(circle,hsla(185,100%,52%,.12) 0%,transparent 68%);animation:orb-b 28s ease-in-out infinite alternate;}
@keyframes orb-a{0%{transform:translate(0,0) scale(1);}50%{transform:translate(-70px,55px) scale(1.18);}100%{transform:translate(35px,-40px) scale(.88);}}
@keyframes orb-b{0%{transform:translate(0,0) scale(1);}50%{transform:translate(55px,-75px) scale(1.22);}100%{transform:translate(-28px,45px) scale(.82);}}

/* ─── NAVBAR ────────────────────────────────────────────────────── */
.navbar{
  padding:0 2rem;
  box-sizing:border-box;
  max-width:100vw;
  overflow:visible;
}
.navbar .nav-inner{
  max-width:1280px;
  margin:0 auto;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
}
.navbar.scrolled{
  background:hsla(230,30%,5%,.90)!important;
  backdrop-filter:blur(30px) saturate(200%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(200%)!important;
  border-bottom:1px solid hsla(185,100%,60%,.16)!important;
  box-shadow:0 1px 40px rgba(0,0,0,.65)!important;
}

/* ─── LOGO ──────────────────────────────────────────────────────── */
.nav-logo img,.logo img,.footer-logo{
  filter:drop-shadow(0 0 10px hsla(185,100%,52%,.30))!important;
}
.nav-logo img,.logo img{
  height:38px!important;
  width:auto!important;
  object-fit:contain!important;
}

/* ─── NAV LINKS ─────────────────────────────────────────────────── */
.nav-links>a.nav-item::after{background:var(--grad-aurora)!important;height:2px!important;}
.nav-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0;}

/* ─── HERO EYEBROW ──────────────────────────────────────────────── */
.hero-eyebrow{
  position:relative;
  background:hsla(185,100%,52%,.07)!important;
  border:1px solid hsla(185,100%,52%,.32)!important;
  color:var(--neon-cyan)!important;
  font-weight:700!important;letter-spacing:.07em!important;
  text-transform:uppercase!important;font-size:.78rem!important;
  overflow:hidden;
}
.hero-eyebrow::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 0%,hsla(185,100%,52%,.28) 50%,transparent 100%);
  transform:translateX(-120%);
  animation:eyebrow-shine 3.6s ease-in-out infinite;
}
@keyframes eyebrow-shine{0%{transform:translateX(-120%);}45%{transform:translateX(120%);}100%{transform:translateX(120%);}}

/* ─── HERO TITLE ────────────────────────────────────────────────── */
.hero-title{
  background:var(--grad-hero-title)!important;
  background-size:280% auto!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  background-clip:text!important;
  animation:hero-title-shift 9s ease-in-out infinite alternate!important;
  font-weight:900!important;letter-spacing:-.055em!important;line-height:1.01!important;
}
@keyframes hero-title-shift{0%{background-position:0% 50%;}100%{background-position:100% 50%;}}
.hero-subtitle{color:hsla(225,30%,80%,1)!important;font-size:1.22rem!important;line-height:1.78!important;}
.hero-badges span{background:hsla(185,100%,52%,.06)!important;border:1px solid hsla(185,100%,52%,.22)!important;color:hsla(185,70%,88%,1)!important;font-weight:500!important;font-size:.82rem!important;transition:all .3s ease!important;}
.hero-badges span:hover{background:hsla(185,100%,52%,.14)!important;border-color:var(--neon-cyan)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:var(--glow-cyan)!important;}

/* ─── BUTTONS ───────────────────────────────────────────────────── */
.btn-primary,.btn.btn-primary,a.btn-primary,button.btn-primary{
  background:linear-gradient(135deg,hsl(185,100%,50%) 0%,hsl(220,100%,60%) 45%,hsl(270,100%,65%) 100%)!important;
  background-size:220% auto!important;color:#fff!important;font-weight:700!important;letter-spacing:.025em!important;
  box-shadow:0 4px 22px -2px hsla(185,100%,50%,.55),0 0 0 1px hsla(255,100%,100%,.12) inset!important;
  animation:btn-aurora 5s ease infinite!important;
}
@keyframes btn-aurora{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
.btn-primary:hover,.btn.btn-primary:hover,button.btn-primary:hover{
  box-shadow:0 10px 38px -4px hsla(185,100%,52%,.70),0 0 65px hsla(270,100%,68%,.22)!important;
  transform:translateY(-4px) scale(1.035)!important;
}
.btn-ghost{border:1px solid hsla(185,100%,52%,.38)!important;color:hsla(185,80%,92%,1)!important;font-weight:600!important;}
.btn-ghost:hover{border-color:var(--neon-cyan)!important;background:hsla(185,100%,52%,.10)!important;color:#fff!important;transform:translateY(-3px)!important;}
.btn-login{border:1px solid hsla(185,100%,52%,.28)!important;color:hsla(185,80%,90%,1)!important;background:hsla(185,100%,52%,.05)!important;border-radius:999px!important;padding:.48rem 1.2rem!important;font-weight:600!important;transition:all .3s ease!important;white-space:nowrap!important;}
.btn-login:hover{background:hsla(185,100%,52%,.14)!important;border-color:var(--neon-cyan)!important;color:#fff!important;}
.btn-reserved{background:var(--grad-aurora)!important;color:#000!important;font-weight:800!important;border-radius:999px!important;padding:.48rem 1.2rem!important;transition:all .35s ease!important;box-shadow:0 4px 18px hsla(185,100%,52%,.40)!important;white-space:nowrap!important;}
.btn-reserved:hover{box-shadow:0 8px 30px hsla(185,100%,52%,.60)!important;transform:translateY(-2px) scale(1.03)!important;}

/* ─── AI CORE ───────────────────────────────────────────────────── */
.ring-one{border:2px solid hsla(185,100%,52%,.65)!important;box-shadow:0 0 22px hsla(185,100%,52%,.45),inset 0 0 18px hsla(185,100%,52%,.10)!important;}
.ring-two{border:1.5px solid hsla(270,100%,68%,.55)!important;box-shadow:0 0 16px hsla(270,100%,68%,.35)!important;}
.ring-three{border:1px solid hsla(330,100%,62%,.40)!important;box-shadow:0 0 12px hsla(330,100%,62%,.22)!important;}
.core-orb{background:linear-gradient(135deg,hsla(185,100%,52%,.22),hsla(270,100%,68%,.16))!important;border:1px solid hsla(185,100%,52%,.45)!important;box-shadow:0 0 44px hsla(185,100%,52%,.32),0 0 90px hsla(270,100%,68%,.16),inset 0 0 28px hsla(185,100%,52%,.12)!important;}
.core-orb span{background:var(--grad-aurora)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-weight:900!important;font-size:1.35rem!important;}
.core-console.glass-panel{background:hsla(230,32%,8%,.88)!important;border:1px solid hsla(185,100%,52%,.22)!important;}
.console-row strong{color:var(--neon-cyan)!important;}

/* ─── KPI STRIP ─────────────────────────────────────────────────── */
.kpi-strip{background:hsla(230,30%,4%,1)!important;position:relative;overflow:hidden;}
.kpi-card strong{font-size:4rem!important;background:var(--grad-aurora)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;background-size:220% auto!important;animation:kpi-aurora 6s ease infinite!important;filter:drop-shadow(0 0 10px hsla(185,100%,52%,.42))!important;}
@keyframes kpi-aurora{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
.kpi-card{padding:1.5rem!important;border-radius:18px!important;transition:all .4s ease!important;}
.kpi-card:hover{background:hsla(185,100%,52%,.05)!important;transform:translateY(-5px)!important;}

/* ─── SECTION EYEBROW ───────────────────────────────────────────── */
.section-eyebrow{background:linear-gradient(135deg,hsla(185,100%,52%,.10) 0%,hsla(270,100%,68%,.07) 100%)!important;border:1px solid hsla(185,100%,52%,.30)!important;color:var(--neon-cyan)!important;font-weight:700!important;letter-spacing:.09em!important;font-size:.77rem!important;}

/* ─── GLASS CARDS ───────────────────────────────────────────────── */
.glass-card,.glass-panel,.magnetic-card{background:hsla(230,30%,9%,.70)!important;border:1px solid hsla(185,100%,60%,.13)!important;backdrop-filter:blur(28px) saturate(170%)!important;-webkit-backdrop-filter:blur(28px) saturate(170%)!important;}
.glass-card:hover,.glass-panel:hover,.magnetic-card:hover{border-color:hsla(185,100%,60%,.32)!important;box-shadow:0 18px 52px -8px rgba(0,0,0,.82),0 0 0 1px hsla(185,100%,52%,.20) inset!important;transform:translateY(-8px) scale(1.016)!important;}

/* ─── PRODUCT CARDS ─────────────────────────────────────────────── */
.product-card{background:hsla(230,30%,8%,.78)!important;border:1px solid hsla(185,100%,60%,.11)!important;transition:all .45s cubic-bezier(.16,1,.3,1)!important;position:relative;}
.product-card:hover{background:hsla(230,30%,11%,.92)!important;border-color:hsla(185,100%,60%,.32)!important;box-shadow:0 22px 64px -10px rgba(0,0,0,.82),0 0 44px hsla(185,100%,52%,.10)!important;transform:translateY(-10px)!important;}
.card-icon{background:linear-gradient(135deg,hsla(185,100%,52%,.14),hsla(270,100%,68%,.09))!important;color:var(--neon-cyan)!important;border:1px solid hsla(185,100%,52%,.28)!important;box-shadow:0 0 22px hsla(185,100%,52%,.22)!important;transition:all .4s ease!important;}
.product-card:hover .card-icon{box-shadow:0 0 34px hsla(185,100%,52%,.50)!important;transform:scale(1.10)!important;}
.card-badge{background:linear-gradient(135deg,hsla(270,100%,68%,.12),hsla(185,100%,52%,.07))!important;border:1px solid hsla(270,100%,68%,.28)!important;color:var(--neon-violet)!important;font-weight:700!important;}
.card-cta{color:var(--neon-cyan)!important;font-weight:700!important;transition:all .3s ease!important;}
.card-cta:hover{color:#fff!important;text-shadow:0 0 12px hsla(185,100%,52%,.55)!important;}
.card-cta i{transition:transform .3s ease!important;}
.card-cta:hover i{transform:translateX(5px)!important;}
.card-glow{position:absolute;top:-45px;right:-45px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,hsla(185,100%,52%,.09) 0%,transparent 70%);pointer-events:none;transition:all .5s ease;}
.product-card:hover .card-glow{background:radial-gradient(circle,hsla(270,100%,68%,.18) 0%,transparent 70%)!important;transform:scale(1.6)!important;}

/* ─── AGENT CARDS ───────────────────────────────────────────────── */
.agent-card{position:relative;overflow:hidden;background:hsla(230,30%,9%,.72)!important;border:1px solid hsla(185,100%,52%,.13)!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;}
.agent-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-aurora);transform:scaleX(0);transform-origin:left;transition:transform .45s ease;}
.agent-card:hover::before{transform:scaleX(1);}
.agent-card:hover{background:hsla(230,30%,13%,.88)!important;border-color:hsla(185,100%,52%,.30)!important;transform:translateY(-6px)!important;}
.agent-card i{color:var(--neon-cyan)!important;filter:drop-shadow(0 0 9px hsla(185,100%,52%,.62))!important;transition:all .3s ease!important;}
.agent-card:hover i{color:var(--neon-violet)!important;filter:drop-shadow(0 0 14px hsla(270,100%,68%,.72))!important;transform:scale(1.22)!important;}

/* ─── PRICING ───────────────────────────────────────────────────── */
.price-card{background:hsla(230,30%,8%,.80)!important;border:1px solid hsla(185,100%,52%,.11)!important;transition:all .45s cubic-bezier(.16,1,.3,1)!important;}
.price-card:hover{border-color:hsla(270,100%,68%,.48)!important;box-shadow:0 22px 64px -10px rgba(0,0,0,.82)!important;transform:translateY(-12px)!important;}
.price-card.featured-price{background:linear-gradient(160deg,hsla(185,100%,52%,.08) 0%,hsla(230,30%,9%,.90) 55%)!important;border:1px solid hsla(185,100%,52%,.38)!important;box-shadow:0 12px 52px rgba(0,0,0,.72),0 0 65px hsla(185,100%,52%,.12)!important;transform:scale(1.05)!important;}
.price-card.featured-price:hover{transform:scale(1.05) translateY(-10px)!important;}
.price-popular{background:var(--grad-aurora)!important;color:#000!important;font-weight:800!important;}
.price-amount{background:var(--grad-aurora)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-weight:900!important;font-size:2.3rem!important;}
.price-cta{border-radius:14px!important;font-weight:700!important;}
.price-cta.accent{background:var(--grad-aurora)!important;border:none!important;color:#000!important;font-weight:800!important;box-shadow:0 4px 22px hsla(185,100%,52%,.42)!important;}
.price-cta.accent:hover{box-shadow:0 8px 32px hsla(185,100%,52%,.62)!important;transform:translateY(-2px)!important;filter:brightness(1.12)!important;}

/* ─── BENEFIT CARDS ─────────────────────────────────────────────── */
.benefit-card{background:hsla(230,30%,8%,.68)!important;border:1px solid hsla(185,100%,52%,.09)!important;border-radius:18px!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;position:relative;overflow:hidden;}
.benefit-card::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--grad-aurora);opacity:0;transition:opacity .4s ease;}
.benefit-card:hover::after{opacity:1;}
.benefit-card:hover{background:hsla(230,30%,12%,.88)!important;border-color:hsla(185,100%,52%,.28)!important;transform:translateY(-7px)!important;}
.benefit-icon{width:54px!important;height:54px!important;background:linear-gradient(135deg,hsla(185,100%,52%,.14),hsla(270,100%,68%,.09))!important;border:1px solid hsla(185,100%,52%,.22)!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.45rem!important;color:var(--neon-cyan)!important;filter:drop-shadow(0 0 7px hsla(185,100%,52%,.42))!important;margin-bottom:1.5rem!important;transition:all .35s ease!important;}
.benefit-card:hover .benefit-icon{filter:drop-shadow(0 0 14px hsla(185,100%,52%,.72))!important;transform:scale(1.12)!important;}

/* ─── PROCESS ───────────────────────────────────────────────────── */
.process-timeline::before{background:linear-gradient(to bottom,var(--neon-cyan),var(--neon-violet),var(--neon-rose))!important;opacity:.52!important;}
.process-step span{border:2px solid transparent!important;background:linear-gradient(var(--bg-deep),var(--bg-deep)) padding-box,var(--grad-aurora) border-box!important;box-shadow:0 0 24px hsla(185,100%,52%,.48)!important;}

/* ─── ECOSYSTEM ─────────────────────────────────────────────────── */
.ecosystem-core{border:2px solid transparent!important;background:linear-gradient(var(--bg-deep),var(--bg-deep)) padding-box,var(--grad-aurora) border-box!important;box-shadow:0 0 55px hsla(185,100%,52%,.28),0 0 110px hsla(270,100%,68%,.12)!important;}
.ecosystem-core span{background:var(--grad-aurora)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-weight:700!important;}
.eco-node{background:hsla(230,30%,10%,.82)!important;border:1px solid hsla(185,100%,52%,.20)!important;font-weight:600!important;backdrop-filter:blur(14px)!important;}
.eco-node:hover{background:linear-gradient(135deg,hsla(270,100%,68%,.14),hsla(185,100%,52%,.09))!important;border-color:var(--neon-violet)!important;box-shadow:0 0 28px hsla(270,100%,68%,.28)!important;transform:scale(1.10)!important;color:#fff!important;}

/* ─── ABOUT MATRIX ──────────────────────────────────────────────── */
.matrix-line{background:hsla(230,30%,9%,.62)!important;border:1px solid hsla(185,100%,52%,.11)!important;transition:all .35s ease!important;}
.matrix-line:hover{background:hsla(185,100%,52%,.06)!important;border-color:hsla(185,100%,52%,.30)!important;transform:translateX(14px)!important;}
.matrix-line span{color:var(--neon-cyan)!important;opacity:.72!important;}

/* ─── FORMS ─────────────────────────────────────────────────────── */
.custom-input,.custom-textarea,.custom-select{background:hsla(230,32%,7%,.82)!important;border:1px solid hsla(185,100%,52%,.16)!important;border-radius:14px!important;color:#fff!important;transition:all .35s ease!important;}
.custom-input:focus,.custom-textarea:focus,.custom-select:focus{border-color:var(--neon-cyan)!important;box-shadow:0 0 0 3px hsla(185,100%,52%,.14)!important;}
.custom-label{color:hsla(230,28%,74%,1)!important;font-weight:600!important;}
.custom-label i{color:var(--neon-cyan)!important;}

/* ─── MODALS ────────────────────────────────────────────────────── */
.lp-modal{background:rgba(2,2,14,.88)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;}
.lp-modal-box{background:hsla(230,30%,8%,.96)!important;border:1px solid hsla(185,100%,52%,.22)!important;border-radius:22px!important;box-shadow:0 32px 90px rgba(0,0,0,.82)!important;}
.lp-modal-header{border-bottom:1px solid hsla(185,100%,52%,.14)!important;}
.lp-modal-header h2 i{color:var(--neon-cyan)!important;}
.lp-modal-btn{background:var(--grad-aurora)!important;color:#000!important;font-weight:800!important;border:none!important;padding:.85rem 2rem!important;border-radius:14px!important;cursor:pointer!important;transition:all .3s ease!important;font-family:var(--font-heading)!important;}
.lp-modal-btn:hover{box-shadow:0 4px 24px hsla(185,100%,52%,.52)!important;transform:translateY(-2px)!important;}

/* ─── AUTH ──────────────────────────────────────────────────────── */
.auth-field{border:1px solid hsla(185,100%,52%,.17)!important;border-radius:13px!important;overflow:hidden;background:hsla(230,32%,7%,.80)!important;transition:border-color .3s,box-shadow .3s!important;}
.auth-field:focus-within{border-color:var(--neon-cyan)!important;box-shadow:0 0 0 3px hsla(185,100%,52%,.12)!important;}
.auth-field i{color:var(--neon-cyan)!important;}
.auth-field input{background:transparent!important;color:#fff!important;}
.btn-primary.auth-submit,.btn-primary.demo-submit,.btn-primary.custom-submit{width:100%!important;justify-content:center!important;}

/* ─── NAV DROPDOWN ──────────────────────────────────────────────── */
.nav-dropdown{background:hsla(230,30%,8%,.92)!important;border:1px solid hsla(185,100%,52%,.18)!important;backdrop-filter:blur(28px) saturate(160%)!important;-webkit-backdrop-filter:blur(28px) saturate(160%)!important;}
.dropdown-item:hover{background:hsla(185,100%,52%,.07)!important;}
.dropdown-item .di-icon{color:var(--neon-cyan)!important;}

/* ─── CTA ───────────────────────────────────────────────────────── */
.cta-block{text-align:center;position:relative;}
.cta-block::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:680px;height:440px;background:radial-gradient(ellipse at center,hsla(270,100%,68%,.09) 0%,transparent 70%);pointer-events:none;z-index:-1;}
.btn-primary.btn-large{font-size:1.12rem!important;padding:1.15rem 3rem!important;}

/* ─── MISC ──────────────────────────────────────────────────────── */
.ai-section{border-top:1px solid hsla(185,100%,52%,.05)!important;}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,hsla(185,100%,52%,.55),hsla(270,100%,68%,.55))!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important;}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,hsla(185,100%,52%,.85),hsla(270,100%,68%,.85))!important;background-clip:padding-box!important;}
::selection{background:hsla(185,100%,52%,.34)!important;color:#fff!important;}

/* ═══════════════════════════════════════════════════════════════════
   ENTERPRISE FOOTER — complete rebuild
   ═══════════════════════════════════════════════════════════════════ */
footer.footer{
  background:hsla(230,32%,3%,1)!important;
  border-top:none!important;
  position:relative;
  overflow:hidden;
  padding:0!important;
}

/* Top aurora line */
footer.footer::before{
  content:'';
  position:absolute;top:0;left:0;right:0;height:1px;
  background:var(--grad-aurora);
  opacity:.7;
  z-index:1;
}

/* Ambient glow */
footer.footer::after{
  content:'';
  position:absolute;top:-80px;left:50%;
  transform:translateX(-50%);
  width:800px;height:300px;
  background:radial-gradient(ellipse at center,
    hsla(185,100%,52%,.06) 0%,transparent 70%);
  pointer-events:none;
  z-index:0;
}

/* Footer inner wrapper */
.footer-inner{
  max-width:1280px!important;
  margin:0 auto!important;
  padding:5rem 2rem 3rem!important;
  display:grid!important;
  grid-template-columns:1.6fr repeat(4,1fr)!important;
  gap:3rem!important;
  position:relative;
  z-index:1;
}

/* Brand column */
.footer-brand{
  display:flex!important;
  flex-direction:column!important;
  gap:1.25rem!important;
}
.footer-logo{
  height:36px!important;
  width:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 14px hsla(185,100%,52%,.30))!important;
  display:block!important;
  margin-bottom:.25rem!important;
}
.footer-brand>p{
  font-size:.9rem!important;
  color:hsla(230,18%,56%,1)!important;
  line-height:1.7!important;
  max-width:240px!important;
  font-weight:400!important;
}
.footer-badges{
  display:flex!important;
  flex-direction:column!important;
  gap:.5rem!important;
  margin-top:.5rem!important;
}
.footer-badges span{
  display:inline-flex!important;
  align-items:center!important;
  gap:.5rem!important;
  background:hsla(185,100%,52%,.06)!important;
  border:1px solid hsla(185,100%,52%,.18)!important;
  color:hsla(185,80%,82%,1)!important;
  padding:.35rem .8rem!important;
  border-radius:8px!important;
  font-size:.78rem!important;
  font-weight:600!important;
  width:fit-content!important;
  letter-spacing:.03em!important;
}
.footer-badges span i{
  color:var(--neon-cyan)!important;
  font-size:.8rem!important;
}

/* Link columns */
.footer-links{
  display:contents!important;
}
.footer-col{
  display:flex!important;
  flex-direction:column!important;
  gap:.6rem!important;
}
.footer-col strong,.footer-col>strong{
  color:#fff!important;
  font-weight:700!important;
  font-size:.78rem!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  margin-bottom:.75rem!important;
  display:block!important;
  padding-bottom:.6rem!important;
  border-bottom:1px solid hsla(185,100%,52%,.1)!important;
}
.footer-col a{
  color:hsla(230,18%,58%,1)!important;
  font-size:.88rem!important;
  font-weight:400!important;
  transition:color .22s ease,gap .22s ease,text-shadow .22s ease!important;
  display:flex!important;
  align-items:center!important;
  gap:.4rem!important;
  text-decoration:none!important;
}
.footer-col a:hover{
  color:var(--neon-cyan)!important;
  text-shadow:0 0 8px hsla(185,100%,52%,.38)!important;
  gap:.65rem!important;
}
.footer-col a i{
  font-size:.75rem!important;
  opacity:.6!important;
}

/* Contacts column special layout */
.footer-contact-col{gap:.75rem!important;}
.contact-group{
  display:flex!important;
  flex-direction:column!important;
  gap:.3rem!important;
  padding:.75rem!important;
  background:hsla(185,100%,52%,.03)!important;
  border:1px solid hsla(185,100%,52%,.08)!important;
  border-radius:10px!important;
  transition:border-color .3s ease!important;
}
.contact-group:hover{border-color:hsla(185,100%,52%,.2)!important;}
.cg-title{
  font-size:.7rem!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  color:var(--neon-cyan)!important;
  font-weight:700!important;
  opacity:.8!important;
  margin-bottom:.15rem!important;
}
.contact-group a,.contact-group span{
  font-size:.85rem!important;
  color:hsla(230,18%,65%,1)!important;
  display:flex!important;
  align-items:center!important;
  gap:.45rem!important;
  transition:color .22s ease!important;
}
.contact-group a:hover{color:var(--neon-cyan)!important;}
.contact-group i{color:var(--neon-cyan)!important;font-size:.8rem!important;opacity:.7!important;}

/* Footer bottom bar */
.footer-bottom{
  max-width:1280px!important;
  margin:0 auto!important;
  padding:1.5rem 2rem!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:1rem!important;
  border-top:1px solid hsla(185,100%,52%,.07)!important;
  position:relative;
  z-index:1;
}
.footer-bottom span{
  font-size:.82rem!important;
  color:hsla(230,16%,42%,1)!important;
  font-weight:400!important;
}
.footer-bottom span:first-child{font-weight:500!important;color:hsla(230,16%,50%,1)!important;}

/* ═══════════════════════════════════════════════════════════════════
   MOBILE RESPONSIVENESS — complete fix
   ═══════════════════════════════════════════════════════════════════ */

/* ─── TABLET ≤1024px ────────────────────────────────────────────── */
@media (max-width:1024px){
  .footer-inner{
    grid-template-columns:1fr 1fr!important;
    gap:2.5rem!important;
    padding:3.5rem 1.5rem 2.5rem!important;
  }
  .footer-brand{grid-column:1 / -1!important;}
  .footer-badges{flex-direction:row!important;flex-wrap:wrap!important;}
}

/* ─── MOBILE ≤900px (navbar breakpoint) ────────────────────────── */
@media (max-width:900px){
  /* Fix navbar overflow — critical bug */
  .navbar{padding:0 1rem!important;}
  .navbar .nav-inner{
    flex-wrap:nowrap!important;
    gap:.5rem!important;
    overflow:visible!important;
  }
  .nav-actions{
    display:flex!important;
    align-items:center!important;
    gap:.4rem!important;
    flex-shrink:0!important;
    margin-left:auto!important;
  }
  /* Hide "Reserved Area" button on small screens, keep Login */
  .btn-reserved{display:none!important;}
  .btn-login{
    padding:.4rem .8rem!important;
    font-size:.82rem!important;
  }
  /* Hamburger always visible and correctly positioned */
  .hamburger{
    display:flex!important;
    flex-shrink:0!important;
    margin-left:.25rem!important;
    z-index:1200!important;
  }
  /* Mobile nav drawer */
  .nav-links{
    position:fixed!important;
    top:0!important;right:-100%!important;
    width:min(300px,85vw)!important;
    height:100vh!important;
    background:hsla(230,28%,6%,.97)!important;
    backdrop-filter:blur(30px)!important;
    -webkit-backdrop-filter:blur(30px)!important;
    border-left:1px solid hsla(185,100%,52%,.15)!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    padding:5rem 1.5rem 2rem!important;
    gap:.5rem!important;
    transition:right .4s cubic-bezier(.16,1,.3,1)!important;
    z-index:1100!important;
    overflow-y:auto!important;
  }
  .nav-links.open{right:0!important;}
}

/* ─── MOBILE ≤768px ─────────────────────────────────────────────── */
@media (max-width:768px){
  body::before,body::after{display:none;}
  .hero-title{font-size:clamp(2.2rem,9vw,3.5rem)!important;}
  .kpi-card strong{font-size:2.8rem!important;}

  /* Footer 2 columns on mobile */
  .footer-inner{
    grid-template-columns:1fr 1fr!important;
    gap:2rem!important;
    padding:3rem 1.25rem 2rem!important;
  }
  .footer-brand{grid-column:1 / -1!important;}
  .footer-bottom{
    flex-direction:column!important;
    text-align:center!important;
    gap:.5rem!important;
    padding:1.25rem!important;
  }

  /* Price cards */
  .price-card.featured-price{transform:scale(1)!important;}
  .price-card.featured-price:hover{transform:translateY(-10px)!important;}

  /* Hero badges wrap */
  .hero-badges{flex-wrap:wrap!important;justify-content:flex-start!important;}

  /* KPI 2 cols */
  .kpi-grid{grid-template-columns:repeat(2,1fr)!important;}

  /* Products 1 col */
  .products-grid{grid-template-columns:1fr!important;}

  /* Ecosystem */
  .ecosystem-map{height:380px!important;transform:scale(.78)!important;}

  /* Agent grid 2x2 */
  .agent-grid{grid-template-columns:repeat(2,1fr)!important;}

  /* Split layouts stack */
  .split-layout,.custom-layout{grid-template-columns:1fr!important;}
}

/* ─── MOBILE ≤480px ─────────────────────────────────────────────── */
@media (max-width:480px){
  .hero-eyebrow{font-size:.72rem!important;}
  .hero-title{font-size:clamp(1.9rem,8vw,2.8rem)!important;}
  .section-header h2{font-size:1.8rem!important;}
  .hero-actions{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;}
  .hero-actions .btn{width:100%!important;justify-content:center!important;}

  /* Footer 1 col */
  .footer-inner{grid-template-columns:1fr!important;}
  .footer-badges{flex-direction:column!important;}

  /* KPI 1 col */
  .kpi-grid{grid-template-columns:1fr!important;}
  .kpi-card strong{font-size:3.5rem!important;}

  /* Agent grid 1 col */
  .agent-grid{grid-template-columns:1fr!important;}
  .benefits-grid{grid-template-columns:1fr!important;}
  .custom-form-row{grid-template-columns:1fr!important;}
}

/* ─── PREVENT HORIZONTAL OVERFLOW GLOBALLY ──────────────────────── */
html,body{max-width:100vw!important;overflow-x:hidden!important;}
.section-inner,.hero-inner,.footer-inner,.footer-bottom{
  width:100%!important;
  box-sizing:border-box!important;
}
