
/* Premium agency conversion upgrade */
:root{
  --glass: rgba(255,255,255,.70);
  --glass-dark: rgba(9,16,31,.66);
  --ring: rgba(255,255,255,.22);
  --premium-shadow: 0 26px 80px rgba(12,22,40,.16);
}
body{
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.45), transparent 18%),
    linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
}
.global-header{
  background: rgba(255,255,255,.72) !important;
  border-bottom:1px solid rgba(18,32,51,.08) !important;
  backdrop-filter: blur(18px) !important;
}
.global-btn,.btn-primary,.float-pill{
  box-shadow: 0 18px 44px rgba(30, 58, 138, .18) !important;
}
.dark-card{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.14), transparent 24%),
    linear-gradient(180deg,#0d1628,#0a1322) !important;
}
.dark-card::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(135deg, transparent 35%, rgba(255,255,255,.04));
  pointer-events:none;
}
.hero-stat,.trustitem,.card,.guide-card,.step-card,.leadbox{
  box-shadow: var(--premium-shadow) !important;
}
.hero-stat .big{font-size:1.7rem !important}
.gallery-item-34{
  box-shadow: 0 24px 60px rgba(8,16,31,.12) !important;
}
.gallery-item-34::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(8,16,31,.08), rgba(8,16,31,.02) 40%, rgba(8,16,31,.54));
  z-index:1; pointer-events:none;
}
.overlay-tag,.video-badge{z-index:2}
.announcement .inner{
  width:min(90vw, 1440px) !important;
}
.sticky{
  background: rgba(255,255,255,.86) !important;
  backdrop-filter: blur(18px) !important;
  box-shadow: 0 26px 80px rgba(12,22,40,.18) !important;
}
.audit-rail{
  position:fixed;
  left:18px; right:18px; bottom:18px;
  z-index:110;
  display:none;
}
.audit-rail.show{display:block}
.audit-card{
  width:min(1180px, 100%);
  margin:0 auto;
  display:grid; grid-template-columns: 1.2fr 1.3fr auto;
  gap:12px; align-items:center;
  padding:14px 16px;
  border-radius:24px;
  background: rgba(10,18,32,.92);
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 30px 80px rgba(0,0,0,.25);
  backdrop-filter: blur(18px);
}
.audit-copy strong{display:block;font-size:1rem}
.audit-copy span{display:block;color:#c9d4ea;font-size:.92rem;margin-top:4px}
.audit-form{
  display:grid; grid-template-columns:1fr 1fr 1.1fr; gap:10px;
}
.audit-input{
  width:100%; min-height:48px;
  border-radius:14px; border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.08);
  color:#fff; padding:13px 14px; outline:none;
}
.audit-input::placeholder{color:#d6deef}
.audit-submit{
  min-height:48px; border:none; cursor:pointer;
  border-radius:14px; font-weight:800; color:#fff;
  background: linear-gradient(135deg,var(--a),var(--a2));
}
.whatsapp-fab{
  position:fixed; right:18px; bottom:150px; z-index:111;
  display:inline-flex; align-items:center; gap:10px;
  padding:15px 18px; border-radius:999px;
  background:#0b8f45; color:#fff !important; font-weight:800;
  box-shadow:0 16px 44px rgba(11,143,69,.28);
}
.hero-proof-strip{
  display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:18px;
}
.hero-proof-pill{
  padding:14px 14px; border-radius:18px; background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.09); color:#eef3ff;
}
.hero-proof-pill strong{display:block;font-size:.95rem}
.hero-proof-pill span{display:block;color:#c4d2ee;font-size:.82rem;margin-top:6px}
.reveal{
  opacity:0; transform:translateY(18px); transition:opacity .65s ease, transform .65s ease;
}
.reveal.in{opacity:1; transform:none}
@media (max-width:980px){
  .audit-card{grid-template-columns:1fr; padding:16px}
  .audit-form{grid-template-columns:1fr}
  .hero-proof-strip{grid-template-columns:1fr 1fr}
}
@media (max-width:780px){
  .whatsapp-fab{bottom:174px; right:14px}
  .audit-rail{left:12px; right:12px; bottom:12px}
  .hero-proof-strip{grid-template-columns:1fr}
}


/* Menu visual fix */
.global-header{
  background: rgba(10,16,28,.78) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  backdrop-filter: blur(16px) !important;
}
.global-header .inner{
  width:min(90vw, 1440px) !important;
}
.global-brand{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#ffffff !important;
  font-weight:800 !important;
}
.global-brand::before{
  content:"F";
  width:34px;
  height:34px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--a),var(--a2));
  color:#fff;
  font-size:16px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.global-nav a,
.submenu-toggle,
.mobile-toggle,
.mobile-drawer a,
.mobile-drawer button{
  color:#eaf1ff !important;
  background:transparent !important;
}
.global-nav a:hover,
.submenu-toggle:hover,
.mobile-drawer a:hover,
.mobile-drawer button:hover{
  color:#ffffff !important;
}
.solutions-menu{
  background: rgba(9,16,31,.96) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.solutions-menu a{
  color:#eaf1ff !important;
}
.solutions-menu a:hover{
  background: rgba(255,255,255,.06) !important;
  color:#fff !important;
}
.mobile-toggle{
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.04) !important;
}
.mobile-drawer{
  background: rgba(9,16,31,.98) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
