/* V33 generated image asset integration + homepage polish */
:root{--header-glass-height:104px;}

body{padding-top:var(--header-glass-height)!important;}
.site-header{
  position:fixed!important;
  top:18px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(1320px,calc(100vw - 72px))!important;
  z-index:9999!important;
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:linear-gradient(115deg,rgba(7,21,43,.62),rgba(14,18,40,.56) 55%,rgba(50,18,93,.52))!important;
  border:1px solid rgba(120,190,255,.22)!important;
  border-radius:28px!important;
  backdrop-filter:blur(24px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.35)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.10), 0 0 44px rgba(56,181,255,.08)!important;
}
.site-header.scrolled{display:flex!important;opacity:1!important;visibility:visible!important;transform:translateX(-50%)!important;}

.btn-primary,
.header-actions .btn-primary,
.cta-row .btn-primary{
  background:linear-gradient(110deg,#27dbff 0%,#37a8ff 42%,#9b4dff 78%,#b75cff 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 18px 42px rgba(64,160,255,.34), inset 0 1px 0 rgba(255,255,255,.30)!important;
  isolation:isolate;
}
.btn-primary:before{display:none!important;}
.btn-primary:hover{filter:saturate(1.08) brightness(1.04);transform:translateY(-2px);}

.video-caption{display:none!important;}
.hero-trust{max-width:720px!important;}
.trust-pill{
  display:grid!important;
  place-items:center!important;
  min-height:74px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(16,35,66,.50),rgba(8,14,29,.32))!important;
  border:1px solid rgba(156,196,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  text-align:center!important;
  font-size:15px!important;
}

.image-led-section .section-title,
.message-actions-section .section-title{
  max-width:900px!important;
  margin-bottom:30px!important;
}
.image-led-section .section-title h2,
.message-actions-section .section-title h2{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.generated-visual-card{
  margin:0 auto!important;
  padding:0!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(8,19,42,.72),rgba(8,8,24,.80))!important;
  border:1px solid rgba(132,185,255,.20)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.32), 0 0 0 1px rgba(255,255,255,.035) inset!important;
}
.generated-visual-card:before{opacity:.18!important;}
.generated-visual-card img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:inherit!important;
}
.generated-actions{max-width:1160px!important;}
.generated-before-after{max-width:1120px!important;}
.generated-operating-layer{max-width:1120px!important;}
.message-actions-section{padding-top:54px!important;padding-bottom:58px!important;}
.message-action-copy{
  max-width:1120px!important;
  margin:28px auto 0!important;
}
.message-action-copy .info-card{
  padding:26px!important;
  min-height:170px!important;
  background:linear-gradient(145deg,rgba(18,36,67,.72),rgba(13,13,34,.76))!important;
}
.message-action-copy .info-card h3{font-size:22px!important;}

/* Platform image hero */
.platform-hero-v30{
  grid-template-columns:.9fr 1.15fr!important;
  gap:60px!important;
  align-items:center!important;
  padding-top:76px!important;
  padding-bottom:56px!important;
}
.platform-copy-v30 h1{font-size:clamp(54px,5.3vw,86px)!important;}
.platform-hero-image{
  max-width:690px!important;
  width:100%!important;
  padding:6px!important;
  border-radius:32px!important;
}
.platform-hero-image img{border-radius:28px!important;}
.platform-shift-section{padding-top:54px!important;padding-bottom:54px!important;}
.platform-product-proof{padding-top:48px!important;}

/* Homepage problem card now image-led */
.home-problem-upgrade{padding-top:64px!important;padding-bottom:62px!important;}
.home-problem-upgrade .section-title h2{font-size:clamp(34px,4vw,58px)!important;}

/* Remove old clunky panels if any earlier CSS leaks through */
.platform-shift-redesign,
.platform-command-centre-v30{display:none!important;}

@media (max-width:1100px){
  body{padding-top:98px!important;}
  .site-header{width:min(980px,calc(100vw - 32px))!important;top:14px!important;}
  .platform-hero-v30{grid-template-columns:1fr!important;gap:34px!important;text-align:center!important;}
  .platform-copy-v30 .lead{margin-left:auto;margin-right:auto;}
  .platform-copy-v30 .cta-row{justify-content:center;}
  .platform-hero-image{max-width:940px!important;}
}
@media (max-width:760px){
  body{padding-top:86px!important;}
  .site-header{width:calc(100vw - 24px)!important;top:10px!important;border-radius:22px!important;padding:14px 16px!important;}
  .desktop-nav,.header-actions{display:none!important;}
  .mobile-toggle{display:flex!important;}
  .generated-visual-card{border-radius:22px!important;}
  .generated-visual-card img{border-radius:22px!important;}
  .platform-hero-v30{padding-top:48px!important;}
  .hero-trust{grid-template-columns:1fr!important;}
}