/* NAVBAR */
.navbar{
  position:sticky; top:0; z-index:1000;
  background: linear-gradient(180deg, rgba(4,32,63,0.9), rgba(4,32,63,0.6));
  backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.nav-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding: 12px 0;
}
.brand{display:flex; align-items:center; gap:10px; font-weight:700; color:var(--text)}
.brand img{border-radius:8px; background:#0D2B52}
.brand-text{white-space:nowrap}

.nav-links{display:flex; gap:18px; align-items:center}
.nav-links a{color:var(--text); opacity:.85}
.nav-links a:hover{opacity:1}

.nav-actions{display:flex; gap:10px; align-items:center}
.hamburger{display:none; background:none; border:none; cursor:pointer}
.hamburger span{display:block; width:22px; height:2px; background:var(--text); margin:5px 0; transition:.2s}

@media (max-width:900px){
  .nav-links{display:none}
  .hamburger{display:block}
}
.mobile-menu{
  background: #051a31;
  border-bottom:1px solid rgba(255,255,255,0.06);
  padding: 10px 20px;
}
.mobile-menu nav{display:flex; flex-direction:column; gap:12px}
.mobile-menu a{color:var(--text)}
.mobile-menu .btn{align-self:flex-start}

/* BUTTONS */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 16px; border-radius:999px; font-weight:700; border:1px solid transparent;
  transition: transform .06s ease, background .2s ease, color .2s ease, border-color .2s ease;
  will-change: transform;
}
.btn:hover{transform: translateY(-1px)}
.btn:active{transform: translateY(0)}

.btn-primary{
  background: var(--beige); color: #1b2b44; border-color: rgba(255,255,255,0.1);
}
.btn-primary:hover{background:#ffe1bf}

.btn-accent{
  background: var(--beige); color:#1b2b44;
}
.btn-accent:hover{background:#ffe1bf}

.btn-outline{
  color: var(--beige); background: transparent; border-color: rgba(248,220,191,0.6);
}
.btn-outline:hover{background: rgba(248,220,191,0.1)}

.btn-ghost{
  color: var(--text); background: transparent; border-color: rgba(255,255,255,0.18);
}
.btn-ghost:hover{background: rgba(255,255,255,0.08)}

/* HERO */
.hero-cta{display:flex; gap:10px; flex-wrap:wrap}
.hero-badges{margin-top: var(--space-3)}

/* CARDS */
.cards{
  display:grid; gap: var(--space-4);
}
.cards.two-col{grid-template-columns: 1fr 1fr}
.cards.three-col{grid-template-columns: 1fr 1fr 1fr}
@media (max-width:900px){
  .cards.two-col, .cards.three-col{grid-template-columns:1fr}
}

.card{
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--radius);
  padding: var(--space-4);
  box-shadow: var(--shadow);
}
.card-icon{width:48px; height:48px; display:grid; place-items:center;
  background: rgba(248,220,191,0.08); border:1px solid rgba(248,220,191,0.25); border-radius:12px; margin-bottom:12px}

/* STATS */
.stats{
  display:grid; grid-template-columns: repeat(3,1fr); gap: var(--space-4);
}
.stat{
  background: rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.08);
  border-radius: var(--radius-sm);
  padding: 18px;
  text-align:center;
}
.stat-num{font-size: 32px; font-weight:800; color: var(--beige)}
.stat-label{color:var(--muted)}

/* TESTIMONIALS */
.testimonial-card{
  background: rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.08);
  border-radius: var(--radius);
  padding: var(--space-4);
  box-shadow: var(--shadow);
}
.testimonial-card blockquote{margin:0 0 10px; color:#fff}
.testimonial-card figcaption{color:var(--muted)}

/* LOGO CLOUD */
.section-logos{padding-bottom: calc(var(--space-7) + 30px)}
.logo-cloud{
  display:grid; grid-template-columns: repeat(6, 1fr); gap: 16px;
}
.logo-item{
  background: rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  padding:10px; display:grid; place-items:center;
  transition: transform .15s ease, background .2s ease;
}
.logo-item:hover{transform: translateY(-3px); background: rgba(255,255,255,0.04)}
@media (max-width:900px){
  .logo-cloud{grid-template-columns: repeat(3, 1fr)}
}
@media (max-width:500px){
  .logo-cloud{grid-template-columns: repeat(2, 1fr)}
}

/* CTA STRIP */
.section-cta{
  background: linear-gradient(180deg, rgba(248,220,191,0.08), rgba(255,255,255,0.02));
  border-top:1px solid rgba(255,255,255,0.08);
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.cta-inner{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
}
.cta-actions{display:flex; gap:10px; flex-wrap:wrap}
@media (max-width:900px){
  .cta-inner{flex-direction:column; text-align:center}
}

/* FOOTER */
.footer{
  padding: var(--space-6) 0;
}
.footer-inner{
  display:grid; gap: var(--space-5);
}
.footer-brand{
  display:flex; align-items:center; gap:12px;
}
.footer-cols{
  display:grid; gap: var(--space-4); grid-template-columns: 1fr 1fr;
}
.footer h4{margin:0 0 10px}
.copy{
  margin-top: var(--space-4);
  color: var(--muted);
  text-align:center;
  border-top:1px solid rgba(255,255,255,0.06);
  padding-top: var(--space-3);
}