@property --marketing-mesh-a{syntax:"<angle>";inherits:false;initial-value:0deg}@property --marketing-mesh-b{syntax:"<angle>";inherits:false;initial-value:120deg}@layer base{:root{--marketing-navy:oklch(35% .15 250);--marketing-gold:oklch(75% .15 85);--marketing-blue:oklch(45% .2 250);--marketing-white:oklch(100% 0 0);--marketing-font-display:"Bebas Neue", "Noto Sans Greek", "Oswald", system-ui, sans-serif;--marketing-font-body:"Work Sans", "Noto Sans Greek", system-ui, sans-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:0s;--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{opacity:1;animation:none}}.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{touch-action:manipulation;min-width:44px;min-height:44px}.marketing-grain:before{content:"";pointer-events:none;opacity:.3;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");position:absolute;inset:0}.marketing-hero-mesh{background:conic-gradient(from var(--marketing-mesh-a) at 20% 30%, oklch(55% .2 25/.45), transparent 40%), conic-gradient(from var(--marketing-mesh-b) at 80% 20%, oklch(45% .18 250/.35), transparent 45%), radial-gradient(ellipse 80% 60% at 50% 100%, oklch(35% .12 250/.5), transparent);animation:22s ease-in-out infinite alternate marketing-mesh-shift}@keyframes marketing-mesh-shift{0%{--marketing-mesh-a:0deg;--marketing-mesh-b:120deg}to{--marketing-mesh-a:40deg;--marketing-mesh-b:200deg}}.marketing-font-display{font-family:var(--marketing-font-display);letter-spacing:.03em}.marketing-font-body{font-family:var(--marketing-font-body)}@media (prefers-reduced-motion:reduce){.marketing-hero-mesh{animation:none}}}