/* Creator X Streamer — cyan / violet editorial motion system. */
:root{--cyan:#60e4ff;--violet:#bb91ff;--pointer-x:65%;--pointer-y:45%}body{background:#090b18;color:#f3f2fb}header{margin:16px 3% -104px;padding:0 24px;height:72px;border:1px solid #ffffff24;border-radius:18px;background:#f8f9fff2;box-shadow:0 8px 40px #0002;top:16px;color:#242139}header img{width:180px}nav{gap:30px}.pill{background:#121429;color:white;border:0}.hero{height:100svh;min-height:830px;max-height:1200px}.photo{object-position:66% center;filter:saturate(1.2) contrast(1.08)}.shade{background:linear-gradient(90deg,#070a1cf2 0%,#111333b3 40%,#15113315 75%),linear-gradient(0deg,#090b18 0%,transparent 35%)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),#2abbfa19,transparent 43%);z-index:1}.intro{z-index:2;padding-top:190px;max-width:1050px}.intro small{display:inline-block;color:#bcd4ee;border:1px solid #94b0dd40;background:#5474b812;border-radius:25px;padding:10px 16px;font-size:11px;backdrop-filter:blur(12px)}h1{font-size:clamp(70px,7.8vw,122px);line-height:1;letter-spacing:-.075em;margin:30px 0 25px}h1 em{background:linear-gradient(100deg,#73e6ff 0%,#8c9aff 25%,#d590f0 50%,#7be7ff 75%,#ab91ff 100%);background-size:220% 100%;background-clip:text;animation:chromatic 9s ease-in-out infinite alternate;text-shadow:0 0 65px #887dff20}.intro p{font-size:18px;line-height:1.7;color:#b6bcd2}.button{padding:19px 27px;border-radius:12px;background:linear-gradient(110deg,#208adf,#7652dc 65%,#aa4fbf);box-shadow:inset 0 1px #ffffff40,0 8px 35px #565add30;position:relative;overflow:hidden}.button:after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#ffffff22 50%,transparent 60%);transform:translateX(-100%);transition:transform .65s}.button:hover:after{transform:translateX(100%)}.button.outline{background:#10172755;border:1px solid #afb5da50;box-shadow:none}.bottom{z-index:2;padding-top:23px;bottom:28px;color:#a6abc3}.glow{opacity:.3;background:#3e56f6}.ticker{background:#090b18;border-top:1px solid #727fc329;border-bottom:1px solid #727fc329;padding:25px 0;color:#a5a5c0}.ticker div{font-size:21px;word-spacing:35px}.section{padding:120px 6%;position:relative}.top{color:#9194ae}.top small{color:#87c5e6}h2{font-size:clamp(44px,5.2vw,78px);letter-spacing:-.06em}h2 em,.dark h2 em{color:#a392ed}.cards{gap:18px;perspective:1400px}.card{--rx:0deg;--ry:0deg;--sx:50%;--sy:20%;background:linear-gradient(145deg,#181b30,#101321);border:1px solid #ffffff15;padding:30px 25px;border-radius:20px;position:relative;isolation:isolate;overflow:hidden;min-height:360px;transition:transform .25s,box-shadow .25s,border-color .25s}.card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--sx) var(--sy),#9f83ff22,transparent 65%);z-index:-1;opacity:0;transition:opacity .4s}.card:hover:before{opacity:1}.card.visible:hover{transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-7px);background:linear-gradient(145deg,#1d203b,#131628);border-color:#a894f26b;box-shadow:0 25px 55px #0005,0 0 30px #846aff0d}.card small{font-size:11px;color:#959ab7}.card i{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:38px;background:linear-gradient(145deg,#3d397866,#27254a44);border:1px solid #ad96ff30;border-radius:16px;color:#b4a1ff;margin:30px 0}.card:nth-child(2) i{color:#79d9ff;background:#19516b40}.card:nth-child(3) i{color:#dda9f8}.card:nth-child(4) i{color:#7cb2ff}.card h3{font-size:28px;color:#f1f0fa}.card p{color:#a4a7bc;font-size:15px}.card>span{border-color:#ffffff18;color:#bdc1d8;font-size:12px}.dark{background:radial-gradient(ellipse at 0% 50%,#21204c66,transparent 65%),#0d1020;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c}.picture{height:500px;border-radius:22px;border:1px solid #b79fff44;box-shadow:18px 18px 0 -1px #111424,18px 18px 0 0 #a494e32b}.picture img{filter:saturate(1.15)}.textlink{color:#d3c9fa}.steps{gap:25px}.steps article{border-top:1px solid #b79af340;padding:30px 20px 15px 0}.steps b{font-size:64px;color:#9d91ca;font-weight:400}.steps h3{font-size:28px}.steps p{color:#a3a7bc;font-size:16px}.contact{padding:130px 6%;background:radial-gradient(ellipse at 20% 10%,#25548866,transparent 50%),radial-gradient(ellipse at 85% 90%,#823e8c55,transparent 55%),#121228;border-block:1px solid #b199ec26}.contact:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#bbaaff09 1px,transparent 1px),linear-gradient(90deg,#bbaaff09 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(transparent,#000,transparent)}.contact>*{position:relative}.contact h2{font-size:clamp(48px,6.7vw,100px)}.contact h2 em{color:#c0abff}.contact small{color:#a6b7dc}footer{background:#f4f5fb;padding-block:35px}.ready{filter:blur(3px);transition:opacity .8s,transform .8s,filter .8s}.ready.visible{filter:none}.cards>.card:nth-child(2){transition-delay:.04s}.cards>.card:nth-child(3){transition-delay:.08s}.cards>.card:nth-child(4){transition-delay:.12s}.beam{height:1px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,transparent,#7ad6ff,#aa80ed,transparent);opacity:.7;pointer-events:none}.progress-line{position:fixed;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#4fceff,#ba7af9);z-index:30;box-shadow:0 0 12px #9890ff}.paused .card{--rx:0deg!important;--ry:0deg!important}.paused .ready{transition:none}@keyframes chromatic{to{background-position:100% 50%}}@media(min-width:1600px){.intro{padding-top:210px}.hero{min-height:950px}}@media(max-width:1000px){header{padding-inline:18px}header img{width:158px}nav{gap:18px;font-size:13px}.section{padding-block:85px}.card{min-height:330px}.intro{padding-top:185px}}@media(max-width:650px){header{margin:12px 4% -84px;height:60px;top:12px;border-radius:14px}header img{width:148px}#menu{font-size:18px;line-height:1;padding:9px 12px;background:transparent;border-color:#24213925}nav{top:68px;border-radius:15px;border:1px solid #ddd}.hero{min-height:770px;height:auto}.intro{padding:154px 6% 112px}.intro small{font-size:9px;padding:9px 12px}h1{font-size:clamp(50px,12.7vw,79px);letter-spacing:-.07em;line-height:1.07}.intro p{font-size:16px}.photo{object-position:68%}.shade{background:linear-gradient(90deg,#070a1ce8,#11143188),linear-gradient(0deg,#090b18,transparent 75%)}.actions{gap:10px;flex-wrap:wrap}.button{padding:17px 20px;font-size:13px}.section{padding:70px 6%}.cards{gap:16px}.card{min-height:0}.card i{margin:22px 0}.picture{height:380px;box-shadow:8px 8px 0 0 #a494e326}.contact{padding-block:95px}.contact h2{font-size:clamp(39px,9.5vw,62px)}.bottom{left:6%;right:6%}.choices{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.ready{filter:none}.card.visible:hover{transform:none}*{animation:none!important;transition:none!important}}