html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}.dot-grid-bg{background-image:radial-gradient(circle at 1px 1px,#ffffff0a 1px,#0000 0);background-size:32px 32px}.grid-lines-bg{background-image:linear-gradient(90deg,#3b82f60a 1px,#0000 1px),linear-gradient(#3b82f60a 1px,#0000 1px);background-size:64px 64px;mask-image:radial-gradient(60% 60%,#000 40%,#0000 100%)}.diagonal-lines-bg{background-image:repeating-linear-gradient(45deg,#ffffff04 0 1px,#0000 1px 24px)}.grain-overlay:before{content:"";pointer-events:none;z-index:0;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}body.with-grain:after{content:"";pointer-events:none;z-index:1;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes float{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-12px) rotate(var(--rot,0deg))}}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes orb-drift-1{0%,to{transform:translate(0)}33%{transform:translate(40px,-30px)}66%{transform:translate(-30px,40px)}}@keyframes orb-drift-2{0%,to{transform:translate(0)}33%{transform:translate(-50px,20px)}66%{transform:translate(20px,-40px)}}@keyframes scan-line{0%{opacity:0;transform:translateY(-100%)}50%{opacity:1}to{opacity:0;transform:translateY(100vh)}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes border-rotate{0%{background-position:0 0}to{background-position:200% 0}}@keyframes badge-pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 10px #3b82f600}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes morph-fade-chaos{0%{opacity:1;transform:translate(var(--tx,0), var(--ty,0)) rotate(var(--rz,0deg))}to{opacity:0;transform:translate(calc(var(--tx,0) * 2), calc(var(--ty,0) * 2)) rotate(calc(var(--rz,0deg) * 1.5))}}@keyframes data-stream{0%{stroke-dashoffset:200px;opacity:0}20%{opacity:1}80%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes mesh-drift-a{0%,to{transform:translate(-5%,-10%)scale(1)}25%{transform:translate(15%,5%)scale(1.15)}50%{transform:translate(5%,20%)scale(.9)}75%{transform:translate(-15%)scale(1.1)}}@keyframes mesh-drift-b{0%,to{transform:translate(10%,10%)scale(1.1)}33%{transform:translate(-20%,-5%)scale(.95)}66%{transform:translate(20%,-15%)scale(1.2)}}@keyframes mesh-drift-c{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-10%,15%)scale(1.3)}}@keyframes typewriter-caret{0%,to{opacity:1}50%{opacity:0}}@keyframes missed-shift-pulse{0%,to{box-shadow:0 0 #f43f5e66}50%{box-shadow:0 0 0 12px #f43f5e00}}@keyframes number-tick{0%,to{opacity:1;transform:translateY(0)}45%{opacity:.7;transform:translateY(-6px)}55%{opacity:.7;transform:translateY(6px)}}@keyframes huge-text-reveal{0%{opacity:0;letter-spacing:-.08em;transform:translateY(60px)scale(.95)}to{opacity:1;letter-spacing:-.05em;transform:translateY(0)scale(1)}}.animate-shimmer{animation:3s ease-in-out infinite shimmer}.animate-float-slow{--rot:-6deg;animation:6s ease-in-out infinite float}.animate-float-medium{animation:5s ease-in-out -1s infinite float}.animate-float-fast{--rot:6deg;animation:4s ease-in-out -2s infinite float}.animate-pulse-glow{animation:4s ease-in-out infinite pulse-glow}.animate-orb-1{animation:20s ease-in-out infinite orb-drift-1}.animate-orb-2{animation:25s ease-in-out infinite orb-drift-2}.animate-badge-pulse{animation:2s ease-in-out infinite badge-pulse}.marquee-track{width:max-content;animation:40s linear infinite marquee-scroll;display:flex}.marquee-track:hover{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}.tilt-3d{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.tilt-3d-child{transform:perspective(1200px) rotateX(calc(var(--my,0) * -6deg)) rotateY(calc(var(--mx,0) * 6deg)) translateZ(0);will-change:transform;transition:transform .3s cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion:reduce){.tilt-3d-child{transform:none!important}}.chaos-mark{opacity:0;transform:translate(var(--tx,0), var(--ty,0)) rotate(var(--rz,0deg));pointer-events:none;filter:drop-shadow(0 4px 20px #0006);transition:opacity .6s ease-out,transform 1s cubic-bezier(.2,.8,.2,1);position:absolute}.chaos-mark.in-view{opacity:1}.chaos-mark.resolved{opacity:0;transform:translate(0)rotate(0)scale(.6)}.data-line{stroke-dasharray:6 10;animation:3s ease-in-out infinite data-stream}.mesh-blob{filter:blur(100px);opacity:.55;mix-blend-mode:screen;pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.mesh-blob-a{background:radial-gradient(circle,#3b82f6 0%,#0000 60%);animation:22s ease-in-out infinite mesh-drift-a}.mesh-blob-b{background:radial-gradient(circle,#22d3ee 0%,#0000 60%);animation:28s ease-in-out infinite mesh-drift-b}.mesh-blob-c{background:radial-gradient(circle,#8b5cf6 0%,#0000 60%);animation:26s ease-in-out infinite mesh-drift-c}@media (prefers-reduced-motion:reduce){.mesh-blob-a,.mesh-blob-b,.mesh-blob-c{animation:none}}.spotlight-surface{position:relative}.spotlight-surface:after{content:"";pointer-events:none;background:radial-gradient(600px circle at var(--spot-x,50%) var(--spot-y,50%), #3b82f61f, transparent 60%);opacity:0;z-index:1;transition:opacity .4s;position:absolute;inset:0}.spotlight-surface:hover:after{opacity:1}.browser-chrome{background:#0d1320;border:1px solid #ffffff14;border-radius:14px;padding:0;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080,0 0 60px #3b82f614}.browser-chrome-bar{background:#ffffff05;border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:12px 16px;display:flex}.browser-dot{border-radius:50%;width:11px;height:11px}.browser-url{color:#6b7280;background:#ffffff08;border-radius:6px;flex:1;margin-left:8px;padding:4px 10px;font-family:SF Mono,Menlo,monospace;font-size:11px}.browser-chrome-body img{width:100%;height:auto;display:block}.typewriter-caret{vertical-align:text-bottom;background:#60a5fa;width:2px;height:1em;margin-left:4px;animation:1s step-end infinite typewriter-caret;display:inline-block}.missed-pulse{animation:2.5s ease-in-out infinite missed-shift-pulse}.huge-reveal{opacity:0;transition:opacity 1.2s cubic-bezier(.2,.8,.2,1),transform 1.2s cubic-bezier(.2,.8,.2,1);transform:translateY(60px)}.huge-reveal.in-view{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.huge-reveal{opacity:1;transition:none;transform:none}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(32px)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.animate-shimmer,.animate-float-slow,.animate-float-medium,.animate-float-fast,.animate-pulse-glow,.animate-orb-1,.animate-orb-2,.animate-badge-pulse{animation:none}}.text-gradient-blue{background:linear-gradient(90deg,#60a5fa,#22d3ee,#60a5fa) 0 0/200%;color:#0000;background-clip:text}.gradient-border-card{isolation:isolate;position:relative}.gradient-border-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#3b82f666,#22d3ee33,#3b82f600);padding:1px;transition:opacity .4s;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.gradient-border-card:hover:before{opacity:1}