:root{--bg-base: #FAFAFA;--bg-surface: #F0F0F2;--bg-card: rgba(255, 255, 255, .8);--accent-primary: #6366F1;--accent-glow: #818CF8;--accent-cyan: #22D3EE;--accent-purple: #8B5CF6;--text-primary: #09090B;--text-secondary: #71717A;--border: rgba(0, 0, 0, .06);--gradient-hero: linear-gradient(135deg, #6366F1 0%, #22D3EE 100%);--gradient-main: linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #22D3EE 100%);--glow-indigo: 0 0 60px rgba(99, 102, 241, .15);--glow-cyan: 0 0 60px rgba(34, 211, 238, .15);--font-display: "Bricolage Grotesque", sans-serif;--font-body: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display)}.gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#6366f1}.gradient-bg{background:var(--gradient-hero)}.glass-card{background:#FFFFFF;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 24px #0000000f}.soft-shadow{box-shadow:0 4px 24px #6366f11a}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.revealed{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}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes wave-bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@keyframes count-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.nav-link{position:relative;color:#71717a;transition:color .2s ease}.nav-link:hover{color:#09090b}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1.5px;background:linear-gradient(90deg,#6366F1,#22D3EE);transform:scaleX(0);transform-origin:center;transition:transform .25s ease}.nav-link:hover:after{transform:scaleX(1)}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite;pointer-events:none}section{scroll-margin-top:80px}@media (max-width: 640px){h1{font-size:2.25rem!important;line-height:1.1!important}}