@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#FAF9F6;--surface:#fff;--border:#000;--text:#18181B;--text-muted:#6B7280;--coral:#FF6B35;--coral-light:#FFF0EB;--coral-dark:#E55A28;--purple:#7C3AED;--purple-light:#EDE9FE;--teal:#00BFAE;--teal-light:#D1FAE5;--amber:#F59E0B;--amber-light:#FEF3C7;--blue:#3B82F6;--blue-light:#DBEAFE;--pink:#EC4899;--pink-light:#FCE7F3;--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Space Grotesk",system-ui,sans-serif;--font-mono:"Space Mono",monospace;--brutal-shadow:6px 6px 0px 0px #000;--brutal-shadow-sm:4px 4px 0px 0px #000;--brutal-shadow-hover:8px 8px 0px 0px #000;--brutal-border:3px solid #000;--radius:8px}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:16px;line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.1}:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.brutal-hover{transition:transform .1s ease,box-shadow .1s ease}.brutal-hover:hover{transform:translate(-2px,-2px);box-shadow:var(--brutal-shadow-hover)!important}.brutal-hover:active{transform:translate(2px,2px);box-shadow:2px 2px 0 0 #000!important}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#D1D5DB;border-radius:3px}@media (max-width:768px){.hero-grid{gap:40px!important;padding:40px 24px!important}.features-grid,.hero-grid,.pricing-grid,.split-grid,.steps-grid{grid-template-columns:1fr!important}.pricing-grid .premium-tier{transform:none!important}.section-padding{padding:60px 24px!important}.hero-title{font-size:40px!important}.nav-links{display:none!important}}