/* StreamPip v1.5.0: presentation-only cinematic layer, after v1.4 brand */
:root{--sp-ambient-a:157,62,239;--sp-ambient-b:236,72,153;--sp-ambient-c:6,182,212}
html{background:#080816}body{background:#080816!important;isolation:isolate;min-height:100vh}
body::before{content:""!important;position:fixed!important;inset:-15vh -15vw!important;pointer-events:none!important;z-index:-1!important;background:radial-gradient(ellipse 58% 45% at 72% 10%,rgba(var(--sp-ambient-a),.24),transparent 75%),radial-gradient(ellipse 43% 40% at 9% 75%,rgba(var(--sp-ambient-b),.12),transparent 85%),radial-gradient(ellipse 48% 32% at 85% 100%,rgba(var(--sp-ambient-c),.10),transparent 78%)!important;transition:background 1.1s ease;filter:blur(30px)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,transparent 0%,#08081633 60%,#08081680 100%)}
.sp-platform-header{background:rgba(9,8,23,.72)!important;border-bottom:1px solid rgba(209,140,255,.18)!important;box-shadow:0 8px 40px #0003;backdrop-filter:blur(24px) saturate(145%)}
.sp-stream-hero.sp-hero-carousel{position:relative!important;min-height:410px!important;height:clamp(420px,38vw,620px)!important;overflow:hidden!important;border-radius:0 0 24px 24px!important;box-shadow:0 40px 90px -50px rgba(var(--sp-ambient-a),.55)!important}
.sp-stream-hero .sp-hero-slide{background-image:linear-gradient(90deg,#070914f5 0%,#080817b5 36%,#0808170d 82%),var(--slide-image)!important;background-position:center,center!important;background-size:cover!important;transition:opacity .75s ease!important}
.sp-stream-hero .sp-hero-slide:before{background:linear-gradient(0deg,#080816 0%,transparent 25%),linear-gradient(90deg,#08081650,transparent 68%)!important}
.sp-stream-hero .sp-stream-hero-content{position:relative;z-index:2;max-width:760px!important;padding:clamp(54px,7vw,98px) clamp(30px,7vw,112px) 110px!important}
.sp-stream-hero h1{font-size:clamp(3rem,5.6vw,6.5rem)!important;line-height:1.02!important;letter-spacing:-.055em!important;text-shadow:0 8px 40px #0009}
.sp-stream-hero h1 em{font-style:normal;background:linear-gradient(95deg,#b65bff,#ff50c6);background-clip:text;-webkit-background-clip:text;color:transparent}
.sp-stream-hero .sp-hero-actions .button:first-child{background:linear-gradient(110deg,#8b38ff,#f045bd)!important;border:0!important;box-shadow:0 12px 35px #a637ff66!important}
.sp-stream-hero .sp-hero-actions .button.secondary{background:#161129a8!important;border:1px solid #c9a6ff60!important;backdrop-filter:blur(12px)}
.sp-brand-feature{overflow:hidden}.sp-pip-feature{position:absolute;right:clamp(0px,4vw,75px);bottom:-1%;width:min(46%,610px);height:105%;display:flex;align-items:end;justify-content:center;pointer-events:none;z-index:1;filter:drop-shadow(0 0 30px #b14fff55)}.sp-pip-feature img{display:block;max-height:100%;max-width:100%;object-fit:contain;object-position:bottom}
.sp-hero-dots button{background:#fff7!important;border:0!important;height:5px!important;width:28px!important;border-radius:10px!important}.sp-hero-dots button.is-active{background:linear-gradient(90deg,#a54aff,#fa54bb)!important;width:42px!important;box-shadow:0 0 16px #c14cff}
.sp-stream-hero .sp-hero-controls{z-index:5!important}
.sp-platform-footer{background:linear-gradient(180deg,#100e1cdd,#080812)!important;border-top:1px solid #a86eff33}
.sp-rail-card,.sp-demo-wrap,.tile,.sp-carousel img{transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}
.sp-rail-card:hover,.sp-demo-wrap:hover{filter:drop-shadow(0 8px 18px rgba(var(--sp-ambient-a),.28))}
.sp-carousel h2,.section h2{letter-spacing:-.025em}
@media(max-width:780px){.sp-stream-hero.sp-hero-carousel{height:500px!important}.sp-stream-hero .sp-stream-hero-content{padding:50px 24px 95px!important;max-width:100%!important}.sp-stream-hero h1{font-size:clamp(2.5rem,9vw,4rem)!important}.sp-stream-hero .sp-hero-slide{background-position:center,right center!important}.sp-pip-feature{width:58%;opacity:.46;right:-9%;height:70%;bottom:0}.sp-stream-hero .sp-stream-hero-content p{max-width:80%}}
@media(max-width:480px){.sp-stream-hero.sp-hero-carousel{height:480px!important}.sp-pip-feature{width:75%;opacity:.27;right:-23%}.sp-stream-hero .sp-stream-hero-content p{max-width:94%}}
@media(prefers-reduced-motion:reduce){.sp-stream-hero .sp-hero-slide,.sp-rail-card,.sp-demo-wrap{transition:none!important}}

/* v1.5.1 | Continuous ambient canvas and properly stacked brand lockup */
.sp-platform-header .sp-rebrand-lockup{display:inline-flex!important;align-items:center!important;gap:10px!important;min-width:max-content!important}
.sp-platform-header .sp-rebrand-type{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;line-height:1!important}
.sp-platform-header .sp-rebrand-word{display:block!important;font-size:clamp(23px,2.1vw,32px)!important;line-height:.93!important;letter-spacing:-1.7px!important;white-space:nowrap!important}
.sp-platform-header .sp-rebrand-type small{display:block!important;position:static!important;align-self:flex-start!important;margin:0!important;font-size:8px!important;line-height:1.15!important;letter-spacing:1.85px!important;color:#cfc0e5!important;font-weight:750!important;white-space:nowrap!important}
.sp-platform-header .sp-rebrand-icon{width:40px!important;height:40px!important}
@media(max-width:1080px){.sp-platform-header .sp-rebrand-type small{display:block!important;font-size:7px!important;letter-spacing:1.2px!important}}
@media(max-width:680px){.sp-platform-header .sp-rebrand-icon{width:33px!important;height:33px!important}.sp-platform-header .sp-rebrand-word{font-size:23px!important}.sp-platform-header .sp-rebrand-type small{font-size:6px!important;letter-spacing:1px!important}}
/* A single viewport-spanning atmosphere: no isolated black section slabs. */
html{background:#080816!important}
body{background:transparent!important;isolation:isolate!important}
body::before{content:""!important;position:fixed!important;inset:-18vh -14vw!important;z-index:-1!important;pointer-events:none!important;background:
 radial-gradient(ellipse 58% 48% at 72% 16%,rgba(var(--sp-ambient-a),.30),transparent 79%),
 radial-gradient(ellipse 50% 58% at 8% 55%,rgba(var(--sp-ambient-b),.20),transparent 82%),
 radial-gradient(ellipse 62% 48% at 85% 90%,rgba(var(--sp-ambient-c),.18),transparent 84%),
 linear-gradient(180deg,#0b091d,#080816 94%)!important;filter:blur(38px)!important}
body::after{content:""!important;position:fixed!important;inset:0!important;pointer-events:none!important;z-index:-1!important;background:linear-gradient(180deg,transparent 0%,rgba(8,8,22,.10) 65%,rgba(8,8,22,.22) 100%)!important}
/* Override the older opaque background on each home-page block. */
.sp-platform-intro,.sp-stream-content,.sp-welcome,.sp-rail,.sp-rail-heading,.sp-category-grid,.sp-stream-content>.section{background:transparent!important}
.sp-platform-intro{position:relative!important;z-index:1!important;border:0!important;padding-top:42px!important}
.sp-stream-hero.sp-hero-carousel{box-shadow:0 28px 100px -45px rgba(var(--sp-ambient-a),.50)!important;border-bottom:1px solid rgba(var(--sp-ambient-a),.15)!important}
.sp-stream-hero .sp-hero-slide:before{background:linear-gradient(0deg,rgba(8,8,22,.32),transparent 27%),linear-gradient(90deg,rgba(8,8,22,.30),transparent 68%)!important}
.sp-platform-intro::before{content:"";position:absolute;inset:-18px 0 auto;z-index:-1;height:180px;pointer-events:none;background:radial-gradient(ellipse 62% 90% at 65% 0%,rgba(var(--sp-ambient-a),.12),transparent 90%)}
@media(prefers-reduced-motion:reduce){body::before{transition:none!important}}

/* StreamPip v1.5.5: hero-to-catalog continuity, no introductory spacer */
body:has(.sp-hero-carousel) .sp-stream-content{position:relative!important;z-index:1!important;margin-top:-12px!important;padding-top:28px!important;background:transparent!important;border-top:0!important;isolation:isolate}
body:has(.sp-hero-carousel) .sp-stream-content::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:0;right:0;top:-150px;height:430px;background:radial-gradient(ellipse 65% 80% at 67% 3%,rgba(var(--sp-ambient-a),.19),transparent 76%),radial-gradient(ellipse 42% 66% at 12% 6%,rgba(var(--sp-ambient-b),.13),transparent 80%);filter:blur(32px)}
body:has(.sp-hero-carousel) .sp-stream-hero.sp-hero-carousel{border-radius:0!important;border-bottom:0!important;box-shadow:none!important}
body:has(.sp-hero-carousel) .sp-stream-hero .sp-hero-slide::before{background:linear-gradient(0deg,rgba(8,8,22,.88) 0%,rgba(8,8,22,.15) 19%,transparent 43%),linear-gradient(90deg,rgba(8,8,22,.4),transparent 68%)!important}
.sp-platform-header .sp-header-welcome{color:#c6b7d9;font-size:12px;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.sp-platform-header .sp-header-welcome strong{color:#fff;font-weight:700}
@media(max-width:1150px){.sp-platform-header .sp-header-welcome{max-width:135px;font-size:11px}}
@media(max-width:930px){.sp-platform-header .sp-header-welcome{display:none}}
@media(max-width:780px){body:has(.sp-hero-carousel) .sp-stream-content{padding-top:20px!important}}
@media(prefers-reduced-motion:reduce){body:has(.sp-hero-carousel) .sp-stream-content::before{transition:none!important}}
