@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap");:root{--color-white:#fff;--color-black:#000;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-muted:#999;--color-gray-50:#f9f9f9;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Open Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-white)}.heading-1,.hero-title{font-size:2.5rem;font-weight:700;line-height:1.2;color:var(--color-text-primary)}.heading-2{font-size:2rem}.heading-2,.heading-3{font-weight:600;line-height:1.3;color:var(--color-text-primary)}.heading-3{font-size:1.5rem}.body-large{font-size:1.125rem}.body,.body-large{line-height:1.5;color:var(--color-text-secondary)}.body{font-size:1rem}.small{font-size:.875rem;line-height:1.25;color:var(--color-text-muted)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:4rem 0}.nav{position:sticky;top:0;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);z-index:50;transition:box-shadow .15s ease-out}.nav.scrolled{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.nav-content{display:flex;align-items:center;justify-content:space-between;height:4rem}.nav-logo{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none}.nav-link{font-size:.875rem;font-weight:400;color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease-out}.nav-link:hover{color:var(--color-text-primary)}.btn{display:inline-flex;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:400;text-decoration:none;border:1px solid transparent;transition:all .15s ease-out;cursor:pointer}.btn-primary{background-color:var(--color-black);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-gray-800)}.btn-secondary{background-color:var(--color-white);color:var(--color-text-primary);border-color:var(--color-gray-200)}.btn-secondary:hover{background-color:var(--color-gray-50)}.btn-ghost{background-color:transparent;color:var(--color-text-primary)}.btn-ghost:hover{background-color:var(--color-gray-50)}.card{background-color:var(--color-white);border:1px solid var(--color-gray-200);padding:2rem;transition:box-shadow .15s ease-out}.card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.grid{display:grid;grid-gap:2rem;gap:2rem}.grid-2,.grid-3{grid-template-columns:repeat(1,1fr)}@media (min-width:641px){.container{padding:0 3rem}.section{padding:6rem 0}.hero-title{font-size:3.5rem}.heading-1{font-size:3rem}.heading-2{font-size:2.25rem}.heading-3{font-size:1.75rem}.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.grid-3{grid-template-columns:repeat(3,1fr)}}.mobile-menu{display:none;position:fixed;top:4rem;left:0;right:0;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:1rem}.mobile-menu.open{display:block}.mobile-menu-links{display:flex;flex-direction:column;gap:1rem;list-style:none}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}@media (max-width:640px){.nav-links{display:none}.mobile-menu-toggle{display:block}}