:root{--bg: #08090d;--white: #ffffff;--muted: #a1a1aa;--card-label: #d1d5db;--btn-dark: #14151d;--btn-dark-line: #555663;--btn-secondary: #171821;--btn-secondary-line: #454654;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.25, .1, .25, 1);--card-scale: 1;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}a{color:inherit;text-decoration:none}.hero{position:fixed;inset:0;overflow:hidden;background:var(--bg)}.stage{position:absolute;left:0;top:0;width:1440px;height:912px;transform-origin:0 0;overflow:visible;background:var(--bg)}.ribbons{position:absolute;left:628px;top:0;width:812px;height:912px;opacity:0;transition:opacity .7s var(--ease-soft)}[data-ribbons=on] .ribbons{opacity:1}.ribbons canvas{position:absolute;inset:0;width:100%;height:100%;display:block}[data-webgl=off] .ribbons{background:radial-gradient(60% 50% at 70% 50%,rgba(80,60,255,.35),transparent 70%)}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 70% 50%,transparent 58%,rgba(4,5,8,.5) 100%)}.grain{position:absolute;inset:0;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.reveal{opacity:0;transform:translate3d(0,var(--rise, 16px),0)}.is-started .reveal{opacity:1;transform:none;transition:opacity var(--dur, .8s) var(--ease-soft) var(--d, 0ms),transform var(--dur, .9s) var(--ease-out) var(--d, 0ms)}.logo{position:absolute;left:70px;top:35px;font-size:30px;font-weight:600;line-height:36px;letter-spacing:0}.nav a{position:absolute;left:var(--left);top:42px;font-size:18px;line-height:22px;white-space:nowrap;transition:opacity .3s var(--ease-soft)}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:scaleX(0);transition:transform .5s var(--ease-out)}.nav:hover a{opacity:.55}.nav a:hover{opacity:1}.nav a:hover:after{transform:scaleX(1)}.btn{position:absolute;display:block;border-radius:20px;cursor:pointer;user-select:none;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out),background-color .4s var(--ease-soft),opacity .8s var(--ease-soft)}.btn span{position:absolute;white-space:nowrap;pointer-events:none}.btn-nav{left:1216px;top:26px;width:160px;height:54px;background:var(--btn-dark);box-shadow:inset 0 0 0 1px var(--btn-dark-line)}.btn-nav span{left:33px;top:17px;font-size:17px;font-weight:500;line-height:21px}.btn-primary{left:70px;top:610px;width:190px;height:58px;background:#fff;color:var(--bg)}.btn-primary span{left:39px;top:19px;font-size:18px;font-weight:600;line-height:20px}.btn-secondary{left:275px;top:610px;width:195px;height:58px;background:var(--btn-secondary);box-shadow:inset 0 0 0 1px var(--btn-secondary-line)}.btn-secondary span{left:26px;top:19px;font-size:18px;font-weight:600;line-height:20px}.hero.is-settled .btn{transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out),background-color .4s var(--ease-soft)}.btn-primary:hover{box-shadow:0 10px 34px -8px #ffffff59,0 0 0 1px #fff9}.btn-nav:hover,.btn-secondary:hover{background-color:#1d1e29;box-shadow:inset 0 0 0 1px #6a6b7a,0 10px 30px -12px #7864ff73}.btn:focus-visible,.nav a:focus-visible,.logo:focus-visible{outline:2px solid rgba(160,150,255,.9);outline-offset:4px}.copy{position:absolute;inset:0;pointer-events:none}.copy>*,.copy .btn{pointer-events:auto}.headline{font-weight:600;font-size:76px;line-height:100px;letter-spacing:-.03em}.line{position:absolute;left:70px;white-space:nowrap}.line-1{top:315px}.line-2{top:393px}.line-2 .shine{background:linear-gradient(100deg,#fff 0% 40%,#e9e4ff 47%,#fff,#dce8ff 53%,#fff 60% 100%);background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent}.is-started .line-2 .shine{animation:shine 2.2s var(--ease-soft) 1.5s 1 both}@keyframes shine{to{background-position:0% 0}}.subtitle{position:absolute;left:70px;top:458px;width:714px;white-space:nowrap;font-size:30px;line-height:150px;letter-spacing:-.03em;color:var(--muted)}.actions{position:static}.card-anchor{position:absolute;left:1120.71px;top:515.59px;width:0;height:0;perspective:1600px;perspective-origin:0 0;transform:scale(var(--card-scale))}.card-motion{position:absolute;left:0;top:0;width:0;height:0;will-change:transform;--o: 0}.card>*{opacity:var(--o)}.card{position:absolute;left:-235px;top:-155px;width:470px;height:310px;transform:matrix(.9613,-.2756,-.0872,.9962,0,0);border-radius:28px;--mx: 50%;--my: 30%;--sheen: 0;--refl: 50%;--refl-o: .12;--light: .5}.glass{position:absolute;inset:0;border-radius:28px;overflow:hidden;-webkit-backdrop-filter:blur(24px) saturate(165%) brightness(1.04);backdrop-filter:blur(24px) saturate(165%) brightness(1.04);background:linear-gradient(180deg,#526cb599,#17243fa3,#111827a3 70%,#6954a394);box-shadow:inset 0 1px #ffffff3d,inset 0 -1px #ffffff0f,inset 0 0 22px #aaa0ff1a}.glass-depth{position:absolute;inset:0;border-radius:28px;pointer-events:none;background:radial-gradient(120% 75% at 0% 0%,rgba(255,255,255,calc(.22 * var(--light))),transparent 55%),radial-gradient(90% 60% at 100% 100%,rgba(160,120,255,.18),transparent 60%)}.reflection{position:absolute;inset:0;border-radius:28px;overflow:hidden;pointer-events:none;mix-blend-mode:screen}.reflection:before{content:"";position:absolute;top:-40%;bottom:-40%;width:70%;left:calc(var(--refl) - 35%);transform:skew(-22deg);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 42%,rgba(255,255,255,.75) 50%,rgba(255,255,255,.3) 58%,transparent 100%);opacity:var(--refl-o)}.specular{position:absolute;inset:0;border-radius:28px;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(255,255,255,calc(.16 * var(--sheen))),transparent 70%)}.rim{position:absolute;inset:0;border-radius:28px;padding:1px;pointer-events:none;background:linear-gradient(140deg,#fff9,#c8ebff24 28%,#ffffff0a 58%,#d2aaff61);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.card-text{position:absolute;left:35px;white-space:nowrap;line-height:100px}.card-logo{top:30px;font-size:23px;font-weight:600}.card-label{top:115px;font-size:17px;color:var(--card-label)}.card-amount{top:145px;font-size:38px;font-weight:600;font-variant-numeric:tabular-nums}.card-shadow{position:absolute;left:0;top:0;width:0;height:0;opacity:0;will-change:transform,opacity}.card-shadow:before{content:"";position:absolute;left:-235px;top:-155px;width:470px;height:310px;border-radius:28px;transform:matrix(.9613,-.2756,-.0872,.9962,0,0) scale(.9);background:#0000009e;filter:blur(40px)}.card-glow{position:absolute;left:-290px;top:-210px;width:580px;height:420px;pointer-events:none;background:radial-gradient(closest-side,rgba(118,92,255,.24),rgba(60,110,255,.1) 55%,transparent 100%);filter:blur(26px);mix-blend-mode:screen;opacity:0;will-change:transform,opacity}.hero[data-layout=portrait]{overflow-y:auto}[data-layout=portrait] .stage{position:relative;width:100%;height:100svh;min-height:640px;transform:none!important;overflow:hidden}[data-layout=portrait] .ribbons{left:0;top:0;width:100%;height:62%}[data-layout=portrait] .ribbons:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(transparent,var(--bg));pointer-events:none}[data-layout=portrait] .logo{left:22px;top:calc(20px + env(safe-area-inset-top));font-size:24px;line-height:30px}[data-layout=portrait] .nav{display:none}[data-layout=portrait] .btn-nav{left:auto;right:18px;top:calc(14px + env(safe-area-inset-top));width:auto;height:42px;padding:0 18px;border-radius:16px;display:flex;align-items:center}[data-layout=portrait] .btn span{position:static}[data-layout=portrait] .btn-nav span{font-size:15px}[data-layout=portrait] .card-anchor{left:56%;top:31%}[data-layout=portrait] .copy{inset:auto 24px calc(30px + env(safe-area-inset-bottom)) 24px;display:flex;flex-direction:column}[data-layout=portrait] .headline{font-size:clamp(38px,10.6vw,64px);line-height:1.08}[data-layout=portrait] .line{position:static;display:block}[data-layout=portrait] .subtitle{position:static;width:auto;white-space:normal;margin-top:14px;font-size:clamp(16px,4.5vw,22px);line-height:1.45;letter-spacing:-.02em}[data-layout=portrait] .actions{display:flex;gap:12px;margin-top:26px}[data-layout=portrait] .btn-primary,[data-layout=portrait] .btn-secondary{position:relative;left:auto;top:auto;flex:1 1 0;width:auto;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center}[data-layout=portrait] .btn-primary span,[data-layout=portrait] .btn-secondary span{font-size:16px}@media(prefers-reduced-motion:reduce){.is-started .line-2 .shine{animation:none}.is-started .reveal{transition-duration:.4s}}
