*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{--display: "Bricolage Grotesque", sans-serif;--body: "Hanken Grotesk", sans-serif;--mono: "JetBrains Mono", monospace;font-family:var(--body);background:#0b0b10;-webkit-font-smoothing:antialiased;overflow:hidden}.sp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sp-brand{position:fixed;top:max(18px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;padding:10px 18px;border-radius:999px;background:#f8f4eaf0;box-shadow:0 10px 30px -12px #00000073,0 0 0 1px #15130d14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.sp-brand img{height:22px;width:auto;display:block}.sp-brand:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 16px 34px -12px #00000080,0 0 0 1px #15130d1f}.sp-split{display:flex;height:100vh;height:100dvh}.sp-panel{position:relative;flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;padding:clamp(22px,3.4vw,56px);padding-top:clamp(84px,11vh,120px);overflow:hidden;isolation:isolate;text-decoration:none;color:var(--fg);transition:flex-grow .7s cubic-bezier(.2,.8,.2,1)}.sp-panel:focus-visible{outline:3px solid var(--accent);outline-offset:-6px}.sp-ion{--fg: #f5f4fa;--soft: rgba(245, 244, 250, .68);--accent: #00f6d9;background:#0b0b10}.sp-oikou{--fg: #191b27;--soft: #626578;--accent: #7159ed;background:#f8f7f4}.sp-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.sp-orb{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;filter:blur(80px);animation:spDrift 16s ease-in-out infinite alternate}.sp-ion .sp-orb-a{top:-12%;left:-14%;background:#7328f5;opacity:.6}.sp-ion .sp-orb-b{bottom:-22%;right:-16%;background:#00f6d9;opacity:.26;animation-delay:-8s}.sp-oikou .sp-orb-a{top:-14%;right:-16%;background:#d3bafa;opacity:.85}.sp-oikou .sp-orb-b{bottom:-24%;left:-18%;background:#ff9152;opacity:.3;animation-delay:-6s}.sp-oikou .sp-orb-c{top:34%;left:38%;width:40%;background:#32bda1;opacity:.2;animation-delay:-11s}.sp-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 45%,#000 0%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 0%,transparent 72%)}.sp-eyebrow{display:flex;align-items:center;gap:12px;margin:0;font-family:var(--mono);font-size:clamp(11px,.95vw,13px);letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}.sp-dot{width:8px;height:8px;flex:none;background:var(--accent)}.sp-oikou .sp-dot{border-radius:3px}.sp-visual{position:relative;flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center}.sp-logo{display:block;height:auto;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.sp-ion .sp-logo{width:min(66%,500px);max-height:78%;object-fit:contain;filter:drop-shadow(0 30px 60px rgba(115,40,245,.55))}.sp-lockup{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.4vh,16px);height:100%;justify-content:center;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.sp-oikou .sp-logo{width:auto;height:min(58%,300px);filter:drop-shadow(0 28px 44px rgba(113,89,237,.32))}.sp-wordmark{font-family:var(--display);font-weight:700;font-size:clamp(30px,4.2vw,62px);line-height:1;letter-spacing:-.04em;color:var(--fg)}.sp-chip{position:absolute;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--mono);font-size:clamp(11px,.95vw,13px);color:#f5f4fad1;animation:spFloat 7s ease-in-out infinite alternate}.sp-chip:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}.sp-chip-1{--c: #ffa600;top:14%;left:6%}.sp-chip-2{--c: #7328f5;top:8%;right:9%;animation-delay:-2s}.sp-chip-3{--c: #ebff70;bottom:12%;left:12%;animation-delay:-4s}.sp-chip-4{--c: #00f6d9;bottom:18%;right:5%;animation-delay:-5.5s}.sp-tile{position:absolute;width:clamp(38px,5.4vw,84px);aspect-ratio:1;border-radius:28%;box-shadow:0 18px 30px -14px #191b2759;animation:spFloat 8s ease-in-out infinite alternate}.sp-tile-1{top:12%;left:8%;background:linear-gradient(45deg,#304dff,#a29bfa);rotate:-10deg}.sp-tile-2{top:6%;right:10%;background:linear-gradient(225deg,#ffbe55,#ff754a);rotate:12deg;animation-delay:-2.5s;scale:.8}.sp-tile-3{bottom:14%;left:13%;background:linear-gradient(135deg,#55cfa9,#169b88);rotate:8deg;animation-delay:-4.5s;scale:.72}.sp-tile-4{bottom:10%;right:7%;background:linear-gradient(45deg,#bfc5ff,#f6e8f9);rotate:-14deg;animation-delay:-6s}.sp-copy{position:relative}.sp-title{margin:0 0 14px;font-family:var(--display);font-weight:700;font-size:clamp(32px,4.3vw,70px);line-height:.96;letter-spacing:-.035em;text-wrap:balance}.sp-lede{margin:0 0 26px;max-width:30em;font-size:clamp(15px,1.25vw,19px);line-height:1.5;color:var(--soft);text-wrap:pretty}.sp-cta{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;font-weight:600;font-size:16px;transition:transform .3s ease,box-shadow .3s ease}.sp-ion .sp-cta{background:#f5f4fa;color:#0b0b10;box-shadow:0 18px 40px -16px #00f6d9b3}.sp-oikou .sp-cta{background:#7159ed;color:#fff;box-shadow:0 18px 38px -16px #7159ed}.sp-arrow{display:inline-block;transition:transform .3s ease}@media(hover:hover)and (min-width:861px){.sp-panel:hover{flex-grow:1.3}.sp-panel:hover .sp-logo{transform:scale(1.05)}.sp-oikou:hover .sp-logo{transform:none}.sp-oikou:hover .sp-lockup{transform:scale(1.05)}}.sp-panel:hover .sp-cta{transform:translateY(-3px)}.sp-panel:hover .sp-arrow{transform:translate(5px)}@media(max-width:860px){.sp-split{flex-direction:column}.sp-panel{padding:20px 22px 22px}.sp-ion{padding-top:72px}.sp-brand{top:max(12px,env(safe-area-inset-top));padding:8px 14px}.sp-brand img{height:18px}.sp-title{font-size:clamp(26px,7.4vw,40px);margin-bottom:12px}.sp-lede{display:none}.sp-cta{padding:12px 20px;font-size:15px}.sp-chip-3,.sp-chip-4,.sp-tile-3,.sp-tile-4{display:none}.sp-ion .sp-logo{width:min(48%,260px)}.sp-lockup{flex-direction:row;gap:14px}.sp-oikou .sp-logo{height:min(70%,110px)}.sp-wordmark{font-size:clamp(30px,9vw,46px)}}@keyframes spDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6%,8%,0) scale(1.12)}}@keyframes spFloat{0%{translate:0 -7px}to{translate:0 9px}}@media(prefers-reduced-motion:reduce){.sp-orb,.sp-chip,.sp-tile{animation:none}.sp-panel,.sp-logo,.sp-lockup,.sp-cta,.sp-arrow,.sp-brand{transition:none}}