:host,:root{--primary:#1a3a2e;--primary-light:#2d5a4a;--bg:#fafaf8;--text:#2a2a2a}@layer base{body{background:var(--bg);color:var(--text);font-family:var(--font-sans),sans-serif}}@layer components{.font-display{font-family:Spectral,serif}.hero-badge{animation:.6s ease-out fadeInUp}.hero-title{animation:.6s ease-out .1s both fadeInUp}.hero-subtitle{animation:.6s ease-out .2s both fadeInUp}.hero-cta{animation:.6s ease-out .3s both fadeInUp}.feature-card{transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.pattern-bg{background-image:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%)}.pricing-card{transition:all .3s}.pricing-card:hover{transform:scale(1.02);box-shadow:0 12px 40px #1a3a2e26}}@keyframes fadeInUp{0%{opacity:.0001;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}