@font-face{font-family:Inter;src:url('/assets/inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:#000;color:#fff;color-scheme:dark}
body.coming-soon{margin:0;min-width:280px;min-height:100svh;display:grid;place-items:center;background:#000;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
/* A fixed-size composition on desktop; extra viewport space becomes outer margin. */
.cs-scene{width:min(100%,960px);padding:24px;text-align:center;overflow:hidden;isolation:isolate}
.cs-art{position:relative;width:600px;height:300px;margin:0 auto;max-width:none;left:50%;transform:translateX(-50%);margin-left:0}
.cs-aura{position:absolute;inset:-30px -10px -35px;opacity:.86;background:radial-gradient(ellipse at 49% 25%,#1873df38,transparent 35%),radial-gradient(ellipse at 61% 45%,#8e25f24a,transparent 32%),radial-gradient(ellipse at 42% 49%,#f14e4f40,transparent 30%),radial-gradient(ellipse at 40% 73%,#00387236,transparent 42%),radial-gradient(ellipse at 61% 74%,#38286c30,transparent 39%);filter:blur(15px)}
.cs-circuit{position:absolute;inset:0;width:100%;height:100%;mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent)}
.cs-logo{position:absolute;top:24px;left:220px;width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 0 18px #748cff70) drop-shadow(0 12px 28px #ec48cb45)}
.cs-node{position:absolute;top:106px;width:6px;height:6px;border:2px solid #c3afd5a6;background:#dbcae9;border-radius:50%;box-shadow:0 0 5px 3px #c6a2db30,0 0 20px 5px #9e65c82b}
.cs-node-left{left:196px}.cs-node-right{right:196px}
.cs-badge{position:absolute;left:50%;top:253px;transform:translateX(-50%);margin:0;padding:5px 12px;border-radius:20px;background:#16203f63;box-shadow:0 0 30px #13376b2b;font-size:16px;line-height:24px;font-weight:500;letter-spacing:-.5px;white-space:nowrap;color:#cd8bbd;text-shadow:0 0 10px #a76cd24d}
.cs-brand{margin:8px 0 0;font-size:22px;line-height:28px;font-weight:400;letter-spacing:-.6px}
.cs-coming-note{max-width:480px;margin:28px auto 0;color:#aaa5b5;font-size:14px;line-height:1.6;font-weight:400;text-wrap:balance}
.cs-title{margin:4px auto 0;font-size:64px;line-height:1.13;letter-spacing:-.025em;font-weight:750}
.cs-title-first{display:block}
.cs-title-second{display:flex;justify-content:center;align-items:center;gap:.22em;white-space:nowrap}
.cs-word-wrap{position:relative;display:inline-block;text-align:left;vertical-align:bottom;isolation:isolate}
.cs-word{display:inline-block;background:linear-gradient(110deg,#89afff 5%,#c190ee 28%,#ef98d8 56%,#ffa58f 78%,#c8b5f9 99%);background-clip:text;-webkit-background-clip:text;color:transparent;will-change:transform,opacity;transform-origin:center 65%}
.cs-ready .cs-word-wrap{height:1.13em}
.cs-ready .cs-word{position:absolute;left:0;top:0}
.cs-ready .cs-word{background:none}
.cs-letter{display:inline-block;background-clip:text!important;-webkit-background-clip:text!important;color:transparent;will-change:transform,opacity}
.cs-sparks{position:absolute;inset:0;pointer-events:none}
.cs-spark{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:1px;background:var(--spark-color);box-shadow:0 0 5px var(--spark-color);opacity:0;will-change:transform,opacity}
.cs-spark:nth-child(3n){clip-path:polygon(50% 0,62% 36%,100% 50%,64% 63%,50% 100%,36% 64%,0 50%,37% 36%);width:10px;height:10px}
.cs-stack{position:relative;width:min(640px,100%);height:136px;margin:48px auto 0;perspective:1000px}
.cs-card{position:absolute;inset:0 0 auto;height:72px;padding:0 22px;display:flex;align-items:center;gap:14px;border:1px solid #ffffff26;border-radius:25px;background:linear-gradient(112deg,#2c2c2ce6,#282828e6);box-shadow:inset 0 1px 0 #ffffff0c,0 6px 14px #00000010;transform-origin:50% 0;text-align:left;will-change:transform,opacity;overflow:hidden}
.cs-card::before{content:"";position:absolute;inset:0;opacity:.2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.23' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.cs-card[data-slot="0"]{z-index:4;transform:translateY(0) scale(1)}
.cs-card[data-slot="1"]{z-index:3;transform:translateY(41.6667%) scale(.94);opacity:.9}
.cs-card[data-slot="2"]{z-index:2;transform:translateY(77.0833%) scale(.87);opacity:.82}
.cs-card[data-slot="3"]{z-index:1;transform:translateY(106.25%) scale(.82);opacity:.74}
.cs-card-message{position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px;font-weight:400;letter-spacing:-.4px;line-height:1.3;color:#f0eff3}
.cs-card-icon{position:relative;display:block;width:26px;height:26px;flex:none;color:#9872ef;filter:drop-shadow(0 0 5px #8f51db40)}
.cs-card-icon svg{display:block;width:100%;height:100%}
.cs-card:not([data-slot="0"]) .cs-card-message,.cs-card:not([data-slot="0"]) .cs-card-icon{opacity:.08}
.cs-card-icon[data-icon="1"]{color:#d04ed4}.cs-card-icon[data-icon="2"]{color:#42bfaf}
.cs-card-icon:empty::before{content:"";position:absolute;inset:3px;border:2px solid currentColor;border-radius:50%}
.cs-card-icon:empty::after{content:"";position:absolute;left:9px;top:5px;width:9px;height:15px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(42deg)}
.cs-pause{position:fixed;right:18px;bottom:16px;z-index:10;width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff18;border-radius:50%;background:#08080b;color:#8c8997;opacity:.4;cursor:pointer;transition:opacity .2s,border-color .2s}
.cs-pause:hover,.cs-pause:focus-visible{opacity:1;border-color:#ffffff66}
.cs-pause:focus-visible{outline:2px solid #bb96ef;outline-offset:4px}
.cs-play-icon,.cs-paused .cs-pause-icon{display:none}.cs-paused .cs-play-icon{display:block}
@media(max-width:700px){
 .cs-scene{padding:24px 20px}.cs-title{font-size:clamp(34px,8.2vw,56px)}
 .cs-card-message{font-size:clamp(15px,2.85vw,20px)}
}
@media(max-width:520px){
 .cs-art{width:500px;height:250px}.cs-logo{width:144px;height:144px;top:27px;left:178px}.cs-node{top:88px}.cs-node-left{left:162px}.cs-node-right{right:162px}.cs-badge{top:211px;font-size:14px;line-height:21px}
 .cs-brand{margin-top:6px;font-size:18px;line-height:26px}.cs-title{margin-top:9px;font-size:clamp(28px,10vw,42px);line-height:1.15}.cs-title-second{flex-wrap:wrap;column-gap:.22em;row-gap:0}.cs-title-tail{flex-basis:100%;margin-top:-.02em}.cs-ready .cs-word-wrap{height:1.15em}
 .cs-stack{margin-top:36px}.cs-card{padding:0 15px;gap:10px;border-radius:23px}.cs-card-message{font-size:14px;letter-spacing:-.25px;white-space:normal;text-wrap:pretty;max-width:100%}.cs-card-icon{width:23px;height:23px}.cs-pause{right:12px;bottom:12px}
}
@media(prefers-reduced-motion:reduce){.cs-word,.cs-letter,.cs-card,.cs-spark{will-change:auto}.cs-pause{display:none!important;transition:none}}