@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--color-primary:#0f172a;--color-primary-light:#1e293b;--color-accent:#22c55e;--color-accent-hover:#16a34a;--color-accent-light:#dcfce7;--color-background:#fff;--color-surface:#f8fafc;--color-border:#e2e8f0;--color-text-secondary:#64748b;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-trust:#1e3a5f;--color-trust-light:#eff6ff;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--space-12:6rem;--space-16:8rem;--section-padding-y:var(--space-12);--section-padding-y-mobile:var(--space-8);--container-max-width:1200px;--container-padding:var(--space-5);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--font-heading:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.125rem;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}code{font-family:var(--font-mono);background:var(--color-surface);border-radius:var(--radius-sm);padding:.1rem .4rem;font-size:.875rem}.container{max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--section-padding-y)0}@media (max-width:768px){.section{padding:var(--section-padding-y-mobile)0}}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.h1{font-size:3.5rem;font-weight:700}.h2{font-size:2.5rem;font-weight:600}.h3{font-size:1.5rem;font-weight:600}@media (max-width:768px){.h1{font-size:2.25rem}.h2{font-size:1.75rem}.h3{font-size:1.25rem}body{font-size:1rem}}.btn{font-family:var(--font-heading);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:#fff;box-shadow:var(--shadow-md);padding:1rem 2rem;font-size:1.125rem}.btn-primary:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{border:2px solid var(--color-primary);color:var(--color-primary);background-color:#0000;padding:.75rem 1.5rem}.btn-secondary:hover{background-color:var(--color-primary);color:#fff}.btn-large{padding:1.25rem 2.5rem;font-size:1.25rem}.badge{background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.card{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);background:#fff;transition:all .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.animate-on-scroll{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}