/* SPINE SOCIAL OS — Cinematic depth edition */
body{background:#060a15!important}body:before{background:radial-gradient(ellipse 75% 75% at 100% 0%,#31316e88,transparent 75%),radial-gradient(ellipse 55% 80% at 0% 100%,#005b7355,transparent 72%),linear-gradient(135deg,#080c19,#0c1124 60%,#090e1c)!important}.hero-banner{height:345px!important;background:radial-gradient(circle at 70% 45%,#7457c2a1,transparent 36%),radial-gradient(circle at 22% 110%,#0fb7bf88,transparent 45%),linear-gradient(115deg,#10273d,#25245e 65%,#11183e)!important;border:1px solid #c5c7ff45!important;box-shadow:inset 0 1px #ffffff55,0 30px 90px #0009,0 0 65px #6656d323!important;isolation:isolate}.hero-banner:before{background:linear-gradient(120deg,#ffffff08 0 1px,transparent 1px 55px),linear-gradient(30deg,#ffffff08 0 1px,transparent 1px 55px)!important;background-size:70px 70px!important;opacity:.7;mask-image:linear-gradient(90deg,transparent 20%,black)}.hero-banner:after{width:620px!important;height:620px!important;right:-150px!important;top:-180px!important;box-shadow:0 0 0 45px #ffffff08,0 0 0 95px #ffffff05,0 0 0 160px #ffffff04!important}.hero-copy{max-width:550px}.hero-copy strong{font-size:clamp(34px,3.4vw,53px)!important;line-height:1.1!important;letter-spacing:-2.5px!important}.hero-copy p{font-size:16px!important;color:#d5e6ff!important}.eyebrow{color:#7df4ec!important;letter-spacing:3.5px!important}.hero-art{right:12%!important;top:19%!important;width:245px!important;height:245px!important;transform:rotate(-15deg) perspective(700px) rotateX(16deg) rotateY(-19deg)!important;filter:drop-shadow(20px 32px 20px #070a2677);animation:floatArt 7s ease-in-out infinite}.hero-center{height:195px!important;width:195px!important;border-radius:49px!important;font-size:46px!important;background:linear-gradient(145deg,#e1d6ff 0%,#9e87ff 25%,#5654d2 70%,#3a3b92)!important;box-shadow:inset 5px 5px 9px #ffffff77,inset -9px -12px 18px #26236d99,0 30px 75px #02041eaa,0 0 55px #a89dff55!important;text-shadow:0 3px 8px #37306b}.hero-center:after{content:'';position:absolute;width:130px;height:22px;background:#04051e66;filter:blur(20px);bottom:-20px;z-index:-1;border-radius:50%}.orbit{width:290px!important;height:290px!important;border-color:#d4c8ff77!important;box-shadow:inset 0 0 15px #d3baff16,0 0 18px #9f88ff20}.orbit-b{width:350px!important;height:350px!important;border-color:#b1f9f244!important;transform:rotateX(67deg) rotateZ(15deg)}@keyframes floatArt{0%,100%{transform:translateY(0) rotate(-15deg) perspective(700px) rotateX(16deg) rotateY(-19deg)}50%{transform:translateY(-16px) rotate(-12deg) perspective(700px) rotateX(12deg) rotateY(-12deg)}}.card,.panel{background:linear-gradient(155deg,#29314bd9,#131a2fea 80%)!important;backdrop-filter:blur(24px);border:1px solid #e1e7ff20!important;box-shadow:inset 0 1px #ffffff13,0 18px 45px #0005!important}.card{transform:perspective(900px) rotateX(0);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s!important}.card:hover{transform:perspective(900px) translateY(-8px) rotateX(4deg)!important;box-shadow:0 28px 55px #0008,0 0 35px #8b7aff1f!important;border-color:#aa9aff55!important}.channel{overflow:hidden;transform-style:preserve-3d;transition:transform .35s,box-shadow .35s!important;background:linear-gradient(145deg,#ffffff16,#ffffff05 65%)!important;box-shadow:inset 0 1px #ffffff20,0 12px 28px #0004!important}.channel:before{content:'';position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(115deg,transparent 43%,#ffffff1b 50%,transparent 57%);transform:translateX(-60%);transition:transform .7s}.channel:hover:before{transform:translateX(60%)}.channel:hover{transform:perspective(800px) translateY(-9px) rotateX(7deg) rotateY(-5deg)!important;box-shadow:0 25px 50px #0008,0 0 30px #8c77ff26!important}.network-icon{width:74px!important;height:74px!important;filter:drop-shadow(0 13px 12px #0008)!important;transform:translateZ(25px);transition:transform .3s}.channel:hover .network-icon{transform:translateZ(40px) scale(1.1) rotate(-5deg)}.channel b{font-size:17px!important}.steps .step{box-shadow:inset 0 1px #ffffff2a,0 12px 22px #0003}.pill{box-shadow:0 0 24px #9a8aff18}.hero-stats{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.hero-stat{display:flex;gap:9px;align-items:center;border:1px solid #ffffff3a;background:#ffffff16;backdrop-filter:blur(12px);padding:9px 13px;border-radius:100px;font-size:12px;color:#e7eaff}.hero-stat i{width:7px;height:7px;border-radius:50%;background:#68f6db;box-shadow:0 0 12px #68f6db;display:block}.hero-stat:nth-child(2) i{background:#d8baff;box-shadow:0 0 12px #d8baff}@media(max-width:950px){.hero-banner{height:300px!important}.hero-art{right:5%!important;opacity:.8}.hero-center{height:155px!important;width:155px!important;font-size:36px!important}.orbit{width:235px!important;height:235px!important}.orbit-b{width:280px!important;height:280px!important}}@media(max-width:600px){.hero-banner{height:290px!important;padding:22px!important}.hero-copy strong{font-size:29px!important}.hero-art{right:-115px!important;top:24%!important;opacity:.38}.hero-stats{gap:6px}.hero-stat{font-size:10px;padding:8px}.network-icon{height:58px!important;width:58px!important}}@media(prefers-reduced-motion:reduce){.hero-art{animation:none!important}.card,.channel,.network-icon{transition:none!important}}
