/* V30 quality pass: stable transparent header, cleaner platform hero, safer responsive layout */
html{scroll-padding-top:96px!important;}
body{overflow-x:hidden!important;background-color:#020817!important;}

/* Transparent header that stays in the normal document flow, so content cannot slide underneath it */
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  width:min(1240px, calc(100% - 56px))!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:22px 28px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.site-header.scrolled,.site-header:before,.site-header:after{display:none!important;content:none!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.brand-logo{width:150px!important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55))!important;}
.desktop-nav{gap:28px!important;}
.desktop-nav a{font-size:13px!important;color:rgba(232,241,255,.9)!important;text-shadow:0 2px 16px rgba(0,0,0,.82)!important;}
.desktop-nav a.active,.desktop-nav a:hover{color:#fff!important;text-shadow:0 0 18px rgba(84,238,254,.5),0 2px 18px rgba(0,0,0,.82)!important;}
.header-actions{gap:14px!important;}
.header-actions .btn{padding:12px 18px!important;}
.header-actions .btn-ghost{background:rgba(2,7,18,.14)!important;border-color:rgba(230,242,255,.25)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.header-actions .btn-primary{box-shadow:0 20px 45px rgba(31,150,255,.28),inset 0 0 18px rgba(255,255,255,.16)!important;}
main{padding-top:0!important;}

/* Hero baseline */
.page-hero{padding-top:46px!important;}
.page-hero-split.platform-hero-v30{
  max-width:1200px!important;
  min-height:590px!important;
  padding:44px 24px 62px!important;
  display:grid!important;
  grid-template-columns:minmax(370px,.86fr) minmax(540px,1fr)!important;
  gap:58px!important;
  align-items:center!important;
  text-align:left!important;
}
.platform-copy-v30 h1{
  font-size:clamp(48px,5.35vw,72px)!important;
  line-height:.965!important;
  letter-spacing:-.07em!important;
  max-width:585px!important;
  margin:0 0 22px!important;
}
.platform-copy-v30 .lead{
  margin-left:0!important;
  margin-right:0!important;
  max-width:560px!important;
  font-size:20px!important;
  line-height:1.46!important;
  color:#e1e9fb!important;
}
.platform-copy-v30 .cta-row{margin-top:28px!important;}

/* New platform preview: no skinny columns, no clipped nodes */
.platform-command-centre-v30{
  position:relative!important;
  overflow:hidden!important;
  padding:24px!important;
  border-radius:30px!important;
  max-width:640px!important;
  margin-left:auto!important;
  background:
    radial-gradient(circle at 20% 12%,rgba(84,238,254,.16),transparent 42%),
    radial-gradient(circle at 100% 100%,rgba(157,85,255,.24),transparent 44%),
    linear-gradient(145deg,rgba(9,26,55,.95),rgba(22,15,55,.93))!important;
  border:1px solid rgba(143,238,255,.22)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.platform-command-centre-v30:after{content:"";position:absolute;inset:12px;border:1px dashed rgba(143,238,255,.12);border-radius:23px;pointer-events:none;}
.platform-command-centre-v30>*{position:relative;z-index:2;}
.v30-topline{display:flex;align-items:center;gap:12px;padding:0 4px 14px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08);}
.live-dot{width:12px;height:12px;border-radius:50%;background:#2df19a;box-shadow:0 0 18px rgba(45,241,154,.68);flex:0 0 auto;}
.v30-topline strong{color:#f2f7ff;font-size:16px;}
.v30-topline em{margin-left:auto;color:#66f2ff;font-style:normal;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.12em;}
.v30-command-main{display:grid;grid-template-columns:86px 1fr;gap:20px;align-items:center;padding:22px;border-radius:24px;background:linear-gradient(145deg,rgba(27,65,112,.54),rgba(17,23,58,.78));border:1px solid rgba(143,238,255,.18);}
.v30-logo-tile{width:78px;height:78px;border-radius:22px;display:grid;place-items:center;background:radial-gradient(circle at 48% 34%,rgba(84,238,254,.19),rgba(5,15,32,.92));border:1px solid rgba(84,238,254,.25);}
.v30-logo-tile img{width:36px;height:auto;}
.v30-command-main span{display:block;color:#66f2ff;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900;margin-bottom:8px;}
.v30-command-main h2{font-size:clamp(25px,2.4vw,35px)!important;line-height:1.04!important;margin:0 0 9px!important;max-width:500px!important;}
.v30-command-main p{font-size:14.5px!important;line-height:1.46!important;margin:0!important;color:#becae0!important;max-width:520px!important;}
.v30-flow-list{display:grid;gap:11px;margin-top:14px;}
.v30-flow-row{display:grid;grid-template-columns:46px 1fr 34px;gap:14px;align-items:center;padding:14px 15px;border-radius:17px;background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(157,85,255,.075));border:1px solid rgba(255,255,255,.09);}
.v30-flow-row i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#54eefe;background:rgba(30,231,255,.08);border:1px solid rgba(30,231,255,.2);font-style:normal;}
.v30-flow-row i svg{width:20px;height:20px;}
.v30-flow-row strong{display:block;color:#fff;font-size:14.5px;line-height:1.15;margin-bottom:4px;}
.v30-flow-row small{display:block;color:#aebbd2;font-size:12.2px;line-height:1.34;}
.v30-flow-row b{display:grid;place-items:center;width:32px;height:32px;border-radius:12px;color:#8ff6ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:12px;}
.v30-control-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:13px 16px;border-radius:16px;background:rgba(30,231,255,.075);border:1px solid rgba(30,231,255,.15);}
.v30-control-strip strong{color:#fff;font-size:13px;}
.v30-control-strip span{color:#8ff6ff;font-size:12.5px;font-weight:900;}

/* Hide older platform preview variants if previous CSS still loads */
.platform-live-board-v29,.platform-command-preview-v27,.platform-suite-preview,.platform-control-board,.platform-command-centre,.platform-console{display:none!important;}
.platform-hero-v30 .platform-command-centre-v30{display:block!important;}

/* Next section cleanup */
.platform-shift-section{padding-top:10px!important;padding-bottom:56px!important;}
.platform-shift-redesign{max-width:1040px!important;margin:0 auto!important;grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr)!important;gap:20px!important;padding:24px!important;border-radius:30px!important;}
.shift-panel{min-height:390px!important;padding:25px!important;border-radius:24px!important;}
.shift-panel h3{font-size:28px!important;}
.tool-chip-grid span{min-height:46px!important;}
.shift-arrow-orb{width:70px!important;height:70px!important;}
.shift-arrow-wrap strong{font-size:12px!important;line-height:1.25!important;}

/* Control section: make it feel like designed cards */
.control-band{padding:34px!important;align-items:center!important;}
.control-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
.control-list span{display:flex!important;align-items:center!important;width:auto!important;text-align:left!important;justify-content:flex-start!important;min-height:54px!important;padding:14px 16px!important;border-radius:16px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.1)!important;}
.control-list span:before{content:"";width:8px;height:8px;border-radius:50%;background:#54eefe;box-shadow:0 0 12px rgba(84,238,254,.75);margin-right:10px;flex:0 0 auto;}

/* General safety guards */
.panel,.glass-panel,.product-mockup,.platform-command-centre-v30{box-sizing:border-box!important;}
img,video,svg{max-width:100%;}

@media(max-width:1180px){
  .page-hero-split.platform-hero-v30{grid-template-columns:1fr!important;max-width:960px!important;min-height:0!important;gap:36px!important;}
  .platform-command-centre-v30{margin:0!important;max-width:760px!important;}
  .platform-shift-redesign{grid-template-columns:1fr!important;}
  .shift-arrow-wrap{display:flex!important;justify-content:center!important;align-items:center!important;}
  .shift-panel{min-height:0!important;}
}
@media(max-width:880px){
  .site-header{width:100%!important;padding:16px 18px!important;}
  .desktop-nav,.header-actions{display:none!important;}
  .mobile-toggle{display:flex!important;margin-left:auto!important;}
  .brand-logo{width:140px!important;}
}
@media(max-width:760px){
  html{scroll-padding-top:82px!important;}
  .page-hero{padding-top:34px!important;}
  .page-hero-split.platform-hero-v30{padding:34px 18px 48px!important;gap:28px!important;}
  .platform-copy-v30 h1{font-size:43px!important;line-height:.98!important;}
  .platform-copy-v30 .lead{font-size:18px!important;}
  .platform-command-centre-v30{padding:16px!important;border-radius:23px!important;}
  .v30-command-main{grid-template-columns:1fr!important;padding:18px!important;}
  .v30-logo-tile{width:64px;height:64px;}
  .v30-flow-row{grid-template-columns:42px 1fr!important;}
  .v30-flow-row b{grid-column:1;grid-row:2;}
  .v30-control-strip{display:grid!important;}
  .platform-shift-redesign{padding:16px!important;}
  .shift-panel{padding:20px!important;}
  .control-list{grid-template-columns:1fr!important;}
}