:root{--color-bg: #0a0a0a;--color-bg-elevated: #111111;--color-surface-1: rgba(255, 255, 255, .02);--color-surface-2: rgba(255, 255, 255, .04);--color-surface-3: rgba(255, 255, 255, .06);--color-border: rgba(255, 255, 255, .06);--color-border-hover: rgba(255, 255, 255, .12);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .6);--color-text-tertiary: rgba(255, 255, 255, .4);--color-text-muted: rgba(255, 255, 255, .3);--color-primary: #ff6633;--color-primary-light: #ff9966;--color-primary-dark: #e55a2b;--color-primary-glow: rgba(255, 102, 51, .3);--color-primary-surface: rgba(255, 102, 51, .08);--color-primary-border: rgba(255, 102, 51, .2);--color-lab-devplatform: #ff6633;--color-lab-appsec: #3b82f6;--color-lab-zerotrust: #10b981;--color-lab-workersai: #a855f7;--font-display: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--section-padding: 120px;--container-max: 1200px;--container-padding: 24px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 100px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{margin:0;width:100%;min-height:100%;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;height:auto}.animate-on-scroll{opacity:0;transform:translateY(24px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.stagger-children>.animate-on-scroll:nth-child(1){transition-delay:0ms}.stagger-children>.animate-on-scroll:nth-child(2){transition-delay:80ms}.stagger-children>.animate-on-scroll:nth-child(3){transition-delay:.16s}.stagger-children>.animate-on-scroll:nth-child(4){transition-delay:.24s}.stagger-children>.animate-on-scroll:nth-child(5){transition-delay:.32s}.stagger-children>.animate-on-scroll:nth-child(6){transition-delay:.4s}.animate-fade-up{opacity:0;transform:translateY(32px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.animate-fade-up.is-visible{opacity:1;transform:translateY(0)}.animate-fade-in{opacity:0;transition:opacity .6s var(--ease-out)}.animate-fade-in.is-visible{opacity:1}.animate-scale-in{opacity:0;transform:scale(.95);transition:opacity .5s var(--ease-out),transform .5s var(--ease-spring)}.animate-scale-in.is-visible{opacity:1;transform:scale(1)}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .4s;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.04),transparent 40%);z-index:1;pointer-events:none}.spotlight-card:hover:before{opacity:1}.noise-overlay:after{content:"";position:absolute;inset:0;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.glow-hover{position:relative}.glow-hover:after{content:"";position:absolute;inset:-1px;border-radius:inherit;opacity:0;transition:opacity var(--duration-normal) var(--ease-out);background:var(--glow-color, var(--color-primary));filter:blur(20px);z-index:-1}.glow-hover:hover:after{opacity:.3}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float-slow{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.02)}50%{transform:translate(-20px,15px) scale(.98)}75%{transform:translate(15px,25px) scale(1.01)}}@keyframes float-slow-reverse{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-25px,20px) scale(.98)}50%{transform:translate(20px,-25px) scale(1.03)}75%{transform:translate(-15px,-10px) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
