:root{
  --bg:#ffffff!important;
  --bg2:#f8fbff!important;
  --panel:#ffffff!important;
  --panel2:#f7f9fd!important;
  --text:#17243d!important;
  --muted:#718099!important;
  --line:rgba(87,106,145,.15)!important;
  --shadow:0 28px 80px rgba(68,83,120,.12)!important;
}
html,body{background:#fff!important;color:var(--text)!important}
body::before{
  background:
    radial-gradient(850px 500px at 86% 8%,rgba(126,104,255,.10),transparent 65%),
    radial-gradient(780px 520px at 7% 25%,rgba(65,184,255,.09),transparent 66%),
    linear-gradient(#fff,#fbfcff 58%,#fff)!important;
}
body::after{opacity:.22!important;background-image:linear-gradient(rgba(77,100,148,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(77,100,148,.03) 1px,transparent 1px)!important}
.nav{background:rgba(255,255,255,.84)!important;border-color:rgba(95,113,151,.14)!important;box-shadow:0 12px 34px rgba(67,82,119,.09)!important}
.brand-badge{background:linear-gradient(145deg,#fff,#eef4ff)!important;border-color:#dfe7f3!important}
.brand-title{color:#1d2940!important}.brand-title small{color:#8a96a9!important}
.navlinks{color:#6f7c91!important}.navlinks a:hover{color:#17243d!important}
.btn{background:#fff!important;color:#263650!important;border-color:#dfe6ef!important;box-shadow:0 8px 20px rgba(72,87,124,.05)!important}
.btn-primary,.launch-vision-btn{background:linear-gradient(135deg,#795cff,#3aaeff)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 30px rgba(104,83,235,.22)!important}
.btn-ghost{background:rgba(255,255,255,.82)!important}
.hero-sticky::after{background:linear-gradient(transparent,#fff)!important}
.eyebrow{background:rgba(255,255,255,.82)!important;color:#66758d!important;border-color:#e2e8f1!important}
h1,.gateway h2,.head h2,.build-top h2,.final h2{color:#17243d!important}
.hero-copy p,.gateway p,.head p,.build-top p,.final p{color:#718099!important}
.gradient-text{
  background:linear-gradient(92deg,#5aa8ff 4%,#8f68ff 34%,#ff7eba 64%,#2bc3ff 96%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.micro{color:#8894a7!important}.micro b{color:#4c5b74!important}
.stage-glow{background:radial-gradient(circle,rgba(111,103,255,.17),rgba(84,184,255,.10) 36%,transparent 70%)!important}
.floor{background:radial-gradient(ellipse,rgba(112,146,255,.18),rgba(108,192,255,.08) 42%,transparent 72%)!important}
.landing-orb-wrap{filter:drop-shadow(0 24px 48px rgba(67,82,120,.18))!important}
.legacy-orb-canvas{display:none!important}
.landing-orb-label{color:#8995a8!important}.landing-orb-label b{color:#33415b!important}
.progress{background:rgba(86,105,144,.10)!important}.scrollnote{color:#8994a7!important}
.gateway-card,.build-panel,.final-card,.card{
  background:#fff!important;border-color:#e3e9f2!important;box-shadow:0 18px 55px rgba(62,78,115,.08)!important
}
.gateway-card::before{background:radial-gradient(circle,rgba(145,103,255,.10),transparent 68%)!important}
.status-pill{background:#f8fbff!important;color:#718099!important;border-color:#e1e7ef!important}
.status-pill strong{color:#34425c!important}.status-pill .online{color:#28a977!important}
.console-preview{border-color:#e5eaf2!important;background:radial-gradient(circle at 48% 32%,rgba(93,122,255,.08),transparent 45%)!important}
.console-window{background:#fff!important;border-color:#e3e9f2!important;box-shadow:0 20px 60px rgba(62,78,115,.10)!important}
.console-top,.side{border-color:#e9edf4!important}.console-title,.side a,.agent-card small,.taskbar{color:#7b889d!important}
.side .sbrand,.main-head b,.agent-top{color:#273650!important}.side a.active{background:#eef4ff!important;color:#315fcb!important}
.agent-card{background:#f8fbff!important;border-color:#e6ebf3!important}.taskbar{background:linear-gradient(90deg,#f6f9ff,#f7fcff)!important;border-color:#e6ebf3!important}
.card:hover{border-color:#cfdaf0!important;box-shadow:0 24px 58px rgba(62,78,115,.12)!important}
.ic{background:linear-gradient(145deg,#fff,#eef5ff)!important;border-color:#dfe7f1!important}
.ic svg{stroke:#506782!important}.card p,.step p{color:#758298!important}.card h3,.step h4{color:#26364f!important}
.card.big{background:linear-gradient(135deg,#fff,#f6faff)!important}
.build-panel{overflow:hidden}.steps{border-color:#e6ebf2!important}.step{border-color:#e6ebf2!important}
.final-card::before{background:radial-gradient(circle at 50% 20%,rgba(118,93,255,.10),transparent 45%)!important}
footer{border-color:#e5eaf1!important;color:#7b8799!important}
.mobmenu{background:rgba(255,255,255,.97)!important;border-color:#e0e6ef!important;box-shadow:0 16px 40px rgba(63,79,116,.12)!important}
.mobmenu a{color:#54627a!important;border-color:#edf0f5!important}
.public-body{background:#fff!important;color:#17243d!important}
.public-nav{background:rgba(255,255,255,.92)!important;border-color:#e4eaf2!important}
.public-nav-links{color:#68778f!important}.public-nav-links a:hover{color:#17243d!important}
.public-hero{background:radial-gradient(circle at 78% 10%,rgba(71,190,255,.10),transparent 25%),radial-gradient(circle at 22% 66%,rgba(139,100,255,.09),transparent 34%),#fff!important}
.public-hero h1{color:#17243d!important}.public-hero p{color:#6f7e95!important}
.public-main{background:#fff!important}
.public-main .panel,.public-grid .service-card,.form-note{
  background:#fff!important;border-color:#e3e9f2!important;box-shadow:0 16px 42px rgba(64,80,116,.07)!important;color:#24334d!important
}
.service-card p,.panel-kicker,.form-note p{color:#728198!important}
.public-footer{border-color:#e5eaf2!important;color:#7a8799!important}
.field input,.field select,.field textarea{background:#fff!important;color:#22324c!important;border-color:#dce5ef!important}
/* Same VISION sphere used by the launch experience */
.launch-sphere{
  --hx:29%;--hy:20%;--shade-x:78%;--shade-y:68%;--orb-z:0deg;
  position:absolute;left:50%;top:46%;
  width:min(245px,46%);aspect-ratio:1;border-radius:50%;
  transform:translate(-50%,-50%) rotateZ(var(--orb-z));
  background:
    radial-gradient(circle at var(--hx) var(--hy),rgba(255,255,255,1) 0 6%,rgba(255,255,255,.96) 7% 14%,rgba(255,255,255,.46) 19%,rgba(255,255,255,.10) 29%,transparent 38%),
    radial-gradient(circle at var(--shade-x) var(--shade-y),rgba(28,34,46,.18) 0,rgba(28,34,46,.08) 22%,transparent 44%),
    radial-gradient(circle at 37% 32%,#fff 0 18%,#f8f9fb 29%,#eceff3 47%,#d6dae1 63%,#b6bdc8 77%,#939ba8 90%,#747d8a 100%);
  box-shadow:inset 20px 18px 32px rgba(255,255,255,.98),inset -34px -32px 48px rgba(27,33,45,.28),inset 0 -13px 27px rgba(21,27,38,.07),inset 0 0 0 1px rgba(255,255,255,.62),0 27px 56px rgba(27,34,53,.20);
  animation:siteOrbFloat 5.8s ease-in-out infinite;
  transition:background-position .4s ease;
  z-index:4;
}
.launch-sphere::before{content:"";position:absolute;inset:3px;border-radius:50%;background:radial-gradient(ellipse at var(--hx) var(--hy),rgba(255,255,255,.84),transparent 26%),linear-gradient(118deg,rgba(255,255,255,.10),transparent 42%,rgba(14,20,30,.07))}
.launch-sphere::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 50% 108%,rgba(10,15,24,.18),transparent 44%),radial-gradient(circle at var(--shade-x) var(--shade-y),rgba(18,24,34,.08),transparent 42%)}
.site-eye{position:absolute;top:31%;width:14%;height:28%;border-radius:999px;background:#0c0c0d;box-shadow:0 4px 9px rgba(0,0,0,.28);z-index:6;transition:transform .28s ease}
.site-eye.left{left:28%}.site-eye.right{right:28%}
.site-orb-word{position:absolute;z-index:6;left:50%;bottom:10%;transform:translateX(-50%);font-size:8px;font-weight:900;letter-spacing:.42em;text-indent:.42em;color:rgba(40,45,57,.34)}
.site-orb-shadow{position:absolute;left:50%;top:69%;width:150px;height:22px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(50,58,88,.22),rgba(65,75,105,.06) 50%,transparent 74%);filter:blur(5px);z-index:2}
.site-pedestal{position:absolute;left:50%;top:65%;width:310px;height:76px;transform:translateX(-50%);z-index:1}
.site-pedestal::before,.site-pedestal i{content:"";position:absolute;left:50%;transform:translateX(-50%);border-radius:50%}
.site-pedestal::before{top:0;width:84%;height:44%;background:linear-gradient(90deg,#fff,#dceaff 20%,#f7e2ff 42%,#ffe6d3 60%,#dcf7ff 82%,#fff);border:1px solid rgba(156,171,227,.32);box-shadow:0 0 26px rgba(125,144,255,.16),inset 0 4px 12px rgba(255,255,255,.96)}
.site-pedestal i{top:20%;width:100%;height:58%;background:linear-gradient(180deg,#fff,#eef3ff 70%,#d9e1ef);border:1px solid rgba(173,185,220,.32);box-shadow:0 18px 30px rgba(77,91,135,.11)}
@keyframes siteOrbFloat{0%,100%{transform:translate(-50%,-50%) translateY(0) rotateZ(-.28deg)}50%{transform:translate(-50%,-50%) translateY(-9px) rotateZ(.32deg)}}
@media(max-width:980px){
  .launch-sphere{width:min(210px,44vw);top:44%}
  .site-pedestal{top:65%;width:min(290px,68vw)}
  .site-orb-shadow{top:69%;width:130px}
}
@media(max-width:650px){
  .launch-sphere{width:min(155px,39vw);top:42%}
  .site-pedestal{top:61%;width:min(230px,62vw);height:58px}
  .site-orb-shadow{top:66%;width:100px;height:16px}
  .landing-orb-label{bottom:0!important}
}

/* V2 performance + brand polish */
.brand-srg-logo{
  width:38px;height:38px;object-fit:contain;display:block;flex:0 0 auto;
  filter:drop-shadow(0 6px 12px rgba(84,79,160,.10));
}
.public-brand-logo{width:34px;height:34px;margin-right:10px}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.nav{backdrop-filter:blur(10px) saturate(115%)!important}
.stage-glow{filter:blur(18px)!important}
.card,.gateway-card,.build-panel,.final-card,.console-window{transform:translateZ(0)}
.reveal{transition:opacity .55s ease,transform .55s cubic-bezier(.22,.78,.22,1)!important}
@media(max-width:700px){
  .nav{backdrop-filter:blur(7px) saturate(110%)!important}
  body::after{display:none!important}
  .stage-glow{filter:blur(12px)!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}