@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Libre+Franklin:wght@300;400;500;600&display=swap");:root{--font-display:"Bricolage Grotesque",sans-serif;--font-body:"Libre Franklin",sans-serif;--color-surface:oklch(0.98 0.005 250);--color-surface-alt:oklch(0.95 0.008 250);--color-surface-elevated:oklch(1 0 0);--color-text-primary:oklch(0.18 0.02 250);--color-text-secondary:oklch(0.42 0.015 250);--color-text-muted:oklch(0.58 0.01 250);--color-accent:oklch(0.45 0.14 220);--color-accent-light:oklch(0.92 0.04 220);--color-accent-hover:oklch(0.38 0.14 220);--color-warm:oklch(0.55 0.12 30);--color-warm-light:oklch(0.94 0.03 30);--color-border:oklch(0.88 0.008 250);--color-border-strong:oklch(0.78 0.01 250);--color-success:oklch(0.55 0.14 155);--color-warning:oklch(0.65 0.15 75);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-surface);line-height:1.6;min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800}h2{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700}h3{font-size:clamp(1.15rem,2.5vw,1.5rem);font-weight:600}p{max-width:68ch}a{color:var(--color-accent);text-decoration:none;transition:color .18s var(--ease-out)}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 var(--space-lg)}@media (max-width:768px){.container{padding:0 var(--space-md)}}::selection{background:var(--color-accent-light);color:var(--color-text-primary)}@media (max-width:768px){.header-nav{display:none!important}.header-burger,.header-nav.open{display:flex!important}.hero-grid{grid-template-columns:1fr!important}}