/* Critical CSS - Above the fold styles for homepage */ /* This file is inlined in for faster initial render */ :root { --section-gap: 3rem; --section-gap-mobile: 2.25rem; --box-max-width: 1400px; --box-padding-desktop: 2.5rem; --box-padding-mobile: 1.5rem 1rem; --box-border-radius: 24px; --box-border-radius-mobile: 16px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, system-ui, sans-serif; line-height: 1.6; color: #ffffff; background: linear-gradient(135deg, #1c1c1e 0%, #2c2c2e 50%, #1c1c1e 100%); background-attachment: fixed; min-height: 100vh; } .site-main { min-height: 100vh; } .container { max-width: 1400px; margin: 0 auto; padding: 2rem; } /* Prevent FOUC for hero section */ .homepage-hero-section { width: 100%; margin: 0 0 var(--section-gap) 0; } .homepage-hero-content { background: rgba(28, 28, 30, 0.5); backdrop-filter: blur(25px) saturate(200%); border-radius: var(--box-border-radius); padding: var(--box-padding-desktop); text-align: center; }