/* Aurora Eventworks - Styles
   Palette:
   --ink: #0b1221; (Rich Navy)
   --ink-2: #111827;
   --sky: #28d4c6; (Teal accent)
   --sky-2: #06b6d4; (Cyan accent)
   --blue: #1f4fff; (CTA gradient start)
   --blue-2: #05b7a4; (CTA gradient end)
   --muted: #6b7280;
   --surface: #0f172a; (Dark section)
*/
:root{
  --ink:#0b1221;
  --ink-2:#111827;
  --sky:#14b8a6;
  --sky-2:#06b6d4;
  --blue:#1f62ad;
  --blue-2:#06b6d4;
  --muted:#6b7280;
  --bg:#f5f7fb;
  --surface:#0f172a;
  --card:#ffffff;
  --radius:16px;
  --shadow:0 8px 30px rgba(2,6,23,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--ink-2);
  background:var(--bg);
  line-height:1.6;
}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
.container{width:min(1200px,90%); margin-inline:auto}
.btn{
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.9rem 1.25rem; border-radius:999px; font-weight:600;
  background:linear-gradient(135deg, var(--blue), var(--blue-2));
  color:#fff; box-shadow:var(--shadow); transition:transform .2s ease, filter .2s ease;
}
.btn:hover{transform:translateY(-2px); filter:brightness(1.03)}
.btn-outline{
  background:transparent; color:var(--blue);
  border:2px solid var(--blue); box-shadow:none;
}
.badge{display:inline-flex; align-items:center; gap:.5rem; padding:.35rem .7rem; border-radius:999px; font-size:.85rem; background:#e6f7ff; color:#0b5cab}
/* Nav */
.navbar{
  position:sticky; top:0; z-index:50; background:rgba(255,255,255,.8); backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid rgba(2,6,23,.06);
}
.nav-inner{display:flex; align-items:center; justify-content:space-between; padding:.9rem 0}
.brand{display:flex; align-items:center; gap:.7rem; font-weight:800; font-size:1.15rem}
.brand .logo{width:36px; height:36px; border-radius:10px; background:linear-gradient(135deg,#22d3ee,#14b8a6); display:grid; place-items:center; color:#fff; font-weight:900}
.nav-links{display:flex; gap:1.25rem; align-items:center}
.nav-links a{padding:.4rem .6rem; border-radius:10px}
.nav-links a:hover{background:#eef2ff}
.hamburger{display:none}
@media (max-width: 900px){
  .hamburger{display:block}
  .nav-links{ display:none; position:absolute; top:64px; right:5%; left:5%; background:#fff; border:1px solid rgba(2,6,23,.06); border-radius:16px; padding:1rem; box-shadow:var(--shadow); flex-direction:column}
  .nav-links.show{display:flex}
}
/* Hero */
.hero{position:relative; overflow:hidden; background:#0b1221; color:#fff}
.hero .bg{
  position:absolute; inset:0;
  background-image: url('../img/hero-placeholder.svg');
  background-size:cover; background-position:center;
  filter:brightness(.6);
}
.hero .gradient-shine{
  position:absolute; width:1200px; height:1200px; border-radius:50%;
  background: radial-gradient(closest-side, rgba(20,184,166,.25), transparent 70%);
  left:-200px; top:-300px; pointer-events:none;
}
.hero .content{position:relative; padding:8rem 0 6rem}
.hero h1{font-size:clamp(2rem, 4vw + 1rem, 4rem); line-height:1.1; margin:0 0 1rem; font-weight:900}
.hero p{max-width:720px; color:#e5e7eb; font-size:1.1rem}
.hero .cta{display:flex; gap:1rem; margin-top:1.25rem; flex-wrap:wrap}

/* Trusted */
.trusted{ background:#eef2f7; padding:3.5rem 0}
.trusted .row{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; margin-top:1.2rem}
.trusted .cell{background:#fff; border-radius:14px; padding:1.35rem; display:grid; place-items:center; border:1px solid rgba(2,6,23,.06)}
@media (max-width: 900px){ .trusted .row{grid-template-columns:repeat(3,1fr)} }
@media (max-width: 600px){ .trusted .row{grid-template-columns:repeat(2,1fr)} }

.section{padding:5rem 0}
.section h2{font-size:clamp(1.6rem, 1.6rem + 1vw, 2.4rem); margin:.3rem 0 1rem; font-weight:900}
.section .lead{color:var(--muted); max-width:900px}

/* Cards grid */
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; margin-top:2rem}
@media (max-width: 900px){ .grid-3{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 640px){ .grid-3{grid-template-columns:1fr} }
.card{background:var(--card); border:1px solid rgba(2,6,23,.06); border-radius:var(--radius); padding:1.35rem; box-shadow:var(--shadow)}
.card .icon{width:48px; height:48px; border-radius:12px; background:linear-gradient(135deg,#22d3ee,#14b8a6); display:grid; place-items:center; color:#fff; font-weight:900; font-size:1.2rem}
.card h3{margin:.8rem 0 .4rem; font-size:1.25rem}
.card p{color:var(--muted)}

/* Services */
.service-card{transition:transform .2s ease, box-shadow .2s ease}
.service-card:hover{transform:translateY(-4px); box-shadow:0 12px 40px rgba(2,6,23,.12)}

/* Numbers */
.numbers{background:linear-gradient(120deg,#0b1221,#1b2540); color:#fff}
.stats{display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem; margin-top:2rem}
.stat{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius); padding:1.35rem; text-align:center}
.stat .num{font-weight:900; font-size:2.2rem}
@media (max-width: 900px){ .stats{grid-template-columns:repeat(2,1fr)} }

/* Testimonials */
.testimonials .quote{font-style:italic; color:#374151}
.testimonials .author{margin-top:.9rem; font-weight:700; color:#0f172a}

/* Portfolio */
.masonry{columns: 4 280px; column-gap: 1rem; margin-top:2rem}
.masonry .item{break-inside:avoid; margin-bottom:1rem; border-radius:16px; overflow:hidden; box-shadow:var(--shadow); border:1px solid rgba(2,6,23,.06)}

/* Contact */
.contact-form{display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin-top:1.2rem}
.contact-form input, .contact-form select, .contact-form textarea{
  width:100%; padding: .9rem 1rem; border:1px solid #e5e7eb; border-radius:12px; outline:none;
  background:#fff; transition:border .15s ease, box-shadow .15s ease; font-size:1rem;
}
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus{border-color:#93c5fd; box-shadow:0 0 0 3px rgba(59,130,246,.2)}
.contact-form textarea{grid-column:1/-1; min-height:140px; resize:vertical}
@media (max-width: 800px){ .contact-form{grid-template-columns:1fr} }

/* Footer */
.footer{background:#0b1221; color:#bcd0ff}
.footer a{color:#e2e8f0}
.footer .grid{display:grid; grid-template-columns:2fr 1fr 1.2fr; gap:2rem}
.footer .brand p{color:#a3b2d1}
.footer .social a{display:inline-grid; place-items:center; width:40px; height:40px; border-radius:11px; background:rgba(255,255,255,.06); margin-right:.5rem}
@media (max-width: 900px){ .footer .grid{grid-template-columns:1fr} }

/* Floating WhatsApp */
.whatsapp-fab {
  position: fixed;
  right: 22px;
  bottom: 22px;
  width: 58px;
  height: 58px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #25D366; /* WhatsApp green */
  box-shadow: 0 10px 20px rgba(1, 115, 62, .35);
  z-index: 60;
  transition: transform .15s ease;
}

.whatsapp-fab:hover {
  transform: translateY(-2px);
}


/* Reveal on scroll */
.reveal{opacity:0; transform: translateY(12px); transition: opacity .6s ease, transform .6s ease}
.reveal.show{opacity:1; transform:none}

.brand-logo{ height:46px; display:block }
.navbar .brand{ display:flex; align-items:center }
.topbar{ background:#0b1221; color:#cdeaff; width:100% }
.marquee{ position:relative; overflow:hidden; white-space:nowrap }
.marquee__inner{ display:inline-block; padding:.5rem 0; animation:marquee-scroll 18s linear infinite }
.marquee__inner span{ margin-right:2.5rem }
@keyframes marquee-scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

@media (max-width: 768px){ .brand-logo{ height:36px } }