:root{--wepa-ink: #0a0614;--wepa-bg: #0f0a1e;--wepa-bg-2: #15102b;--wepa-surface: #1c1538;--wepa-surface-2: #251a47;--wepa-border: rgba(168, 130, 255, .14);--wepa-border-strong: rgba(168, 130, 255, .28);--wepa-pink: #ff3da5;--wepa-magenta: #e91e8f;--wepa-violet: #8b5cf6;--wepa-purple: #6d28d9;--wepa-grape: #4c1d95;--wepa-grad: linear-gradient(110deg, #ff3da5 0%, #c026d3 38%, #8b5cf6 72%, #6d28d9 100%);--wepa-grad-soft: linear-gradient(110deg, #ff79c8 0%, #b15cff 100%);--wepa-lime: #b4f24a;--wepa-amber: #ffb547;--wepa-cyan: #5cc8ff;--wepa-red: #ff5577;--wepa-text: #f4eeff;--wepa-text-soft: #c9bcdf;--wepa-text-mute: #8273a8;--wepa-text-dim: #5b4d7a;--glow-pink: 0 0 80px rgba(255, 61, 165, .45);--glow-violet: 0 0 80px rgba(139, 92, 246, .45);--font-display: "Bricolage Grotesque", "Geist", system-ui, sans-serif;--font-body: "Geist", "Inter", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--r-sm: 10px;--r-md: 18px;--r-lg: 28px;--r-xl: 40px;--r-pill: 999px}.wepa-grad-text{background:var(--wepa-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.wepa-mesh{background:radial-gradient(at 18% 12%,rgba(255,61,165,.35) 0%,transparent 42%),radial-gradient(at 82% 8%,rgba(139,92,246,.42) 0%,transparent 48%),radial-gradient(at 50% 78%,rgba(109,40,217,.4) 0%,transparent 55%),radial-gradient(at 12% 92%,rgba(255,61,165,.18) 0%,transparent 40%),#0f0a1e}.wepa-grain{position:relative;isolation:isolate}.wepa-grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>")}.wepa-glass{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--wepa-border-strong);backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%)}.wepa-btn-primary{position:relative;display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:var(--r-pill);background:var(--wepa-grad);color:#fff;font-family:var(--font-body);font-weight:600;font-size:15px;letter-spacing:-.01em;border:none;cursor:pointer;box-shadow:0 10px 30px #ff3da559,inset 0 1px #ffffff4d}.wepa-btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:var(--r-pill);background:#ffffff0a;color:var(--wepa-text);font-family:var(--font-body);font-weight:500;font-size:15px;border:1px solid var(--wepa-border-strong);cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.wepa-phone{position:relative;width:280px;aspect-ratio:9 / 19.5;border-radius:42px;background:#000;padding:8px;box-shadow:0 50px 120px -20px #000000b3,0 0 0 1px #ffffff0f,inset 0 0 0 2px #ffffff0a}.wepa-phone:before{content:"";position:absolute;top:18px;left:50%;transform:translate(-50%);width:80px;height:22px;background:#000;border-radius:999px;z-index:3}.wepa-phone-screen{width:100%;height:100%;border-radius:34px;overflow:hidden;background:#0f0a1e;position:relative}.wepa-phone-screen img{width:100%;height:100%;object-fit:cover;display:block}.wepa-mark{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em}@keyframes fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes float-y{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-12px) rotate(var(--r, 0deg))}}@keyframes float-soft{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}33%{transform:translateY(-8px) rotate(calc(var(--r, 0deg) + 1deg))}66%{transform:translateY(4px) rotate(calc(var(--r, 0deg) - 1deg))}}.float-y{animation:float-y 6s ease-in-out infinite}.float-soft{animation:float-soft 9s ease-in-out infinite}@keyframes star-pulse{0%,to{filter:drop-shadow(0 0 30px rgba(255,61,165,.4)) drop-shadow(0 0 60px rgba(139,92,246,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 60px rgba(255,61,165,.8)) drop-shadow(0 0 120px rgba(139,92,246,.6));transform:scale(1.05)}}.star-pulse{animation:star-pulse 3s ease-in-out infinite}@keyframes star-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.star-rotate{animation:star-rotate 40s linear infinite}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.twinkle{animation:twinkle 3s ease-in-out infinite}@keyframes pulse-dot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes wave-bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.reveal{opacity:0;transform:translateY(50px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.in{opacity:1;transform:translateY(0)}.reveal-slow{opacity:0;transition:opacity 1.6s ease}.reveal-slow.in{opacity:1}.reveal-scale{opacity:0;transform:scale(.9);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}.reveal-scale.in{opacity:1;transform:scale(1)}.reveal-children>*{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s cubic-bezier(.16,1,.3,1)}.reveal-children.in>*{opacity:1;transform:translateY(0)}.reveal-children.in>*:nth-child(1){transition-delay:.05s}.reveal-children.in>*:nth-child(2){transition-delay:.15s}.reveal-children.in>*:nth-child(3){transition-delay:.25s}.reveal-children.in>*:nth-child(4){transition-delay:.35s}.reveal-children.in>*:nth-child(5){transition-delay:.45s}.reveal-children.in>*:nth-child(6){transition-delay:.55s}@keyframes bubble-in{0%{opacity:0;transform:translateY(20px) scale(.85) rotate(var(--r, 0deg))}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--r, 0deg))}}.bubble-in{animation:bubble-in .7s cubic-bezier(.2,1.4,.4,1) backwards}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.gradient-shift{background-size:200% 200%;animation:gradient-shift 8s ease infinite}@keyframes beam-sweep{0%{transform:translate(-100%) skew(-15deg);opacity:0}20%{opacity:.6}to{transform:translate(200%) skew(-15deg);opacity:0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 30px #ff3da54d,0 0 60px #8b5cf633}50%{box-shadow:0 0 50px #ff3da58c,0 0 100px #8b5cf666}}.glow-pulse{animation:glow-pulse 3s ease-in-out infinite}@keyframes counter-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{animation:marquee 50s linear infinite;display:flex}.parallax-slow{transform:translateY(var(--py-slow, 0px));transition:transform .1s linear}.parallax-fast{transform:translateY(var(--py-fast, 0px));transition:transform .1s linear}@keyframes laser-scan{0%{left:-20%}to{left:120%}}.laser-line{position:relative;height:1px;background:#ffffff14;overflow:hidden}.laser-line:after{content:"";position:absolute;top:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,#ff3da5,#8b5cf6,transparent);filter:blur(1px);animation:laser-scan 4s linear infinite}.tilt-host{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1)}.cursor-spotlight{position:relative}.cursor-spotlight:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 400px at var(--cx, 50%) var(--cy, 50%),rgba(255,61,165,.15),transparent 50%);pointer-events:none;z-index:1}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}.breathe{animation:breathe 4s ease-in-out infinite}.noise-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>")}
