@layer base{:root{--marketing-navy: oklch(.35 .15 250);--marketing-gold: oklch(.75 .15 85);--marketing-blue: oklch(.45 .2 250);--marketing-white: oklch(1 0 0);--marketing-font-display: "Bebas Neue", "Oswald", system-ui, sans-serif;--marketing-font-body: "Work Sans", "Crimson Pro", system-ui, serif;--marketing-spacing-xs: .5rem;--marketing-spacing-sm: 1rem;--marketing-spacing-md: 1.5rem;--marketing-spacing-lg: 2rem;--marketing-spacing-xl: 3rem;--marketing-spacing-2xl: 4rem;--marketing-duration-fast: .15s;--marketing-duration-normal: .3s;--marketing-duration-slow: .5s;--marketing-stagger-1: 0ms;--marketing-stagger-2: .1s;--marketing-stagger-3: .2s;--marketing-stagger-4: .3s;--marketing-stagger-5: .4s}.dark{--marketing-navy: oklch(.55 .15 250);--marketing-gold: oklch(.85 .15 85);--marketing-blue: oklch(.65 .2 250)}}@layer components{@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.marketing-reveal{animation:fadeInUp var(--marketing-duration-slow) ease-out forwards;opacity:0}.marketing-reveal-delay-1{animation-delay:var(--marketing-stagger-1)}.marketing-reveal-delay-2{animation-delay:var(--marketing-stagger-2)}.marketing-reveal-delay-3{animation-delay:var(--marketing-stagger-3)}.marketing-reveal-delay-4{animation-delay:var(--marketing-stagger-4)}.marketing-reveal-delay-5{animation-delay:var(--marketing-stagger-5)}@media(prefers-reduced-motion:reduce){.marketing-reveal{animation:none;opacity:1}}.marketing-card{transition:transform var(--marketing-duration-normal) ease-out,box-shadow var(--marketing-duration-normal) ease-out}.marketing-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.marketing-button{min-height:44px;min-width:44px;touch-action:manipulation}.marketing-grain:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;opacity:.3}}