@font-face{font-family:"Inter";src:url("./fonts/Inter-Bold.woff2") format("woff2");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Hanken Grotesk";src:url("./fonts/HankenGrotesk-Regular.woff2") format("woff2");font-weight:unset;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Mono";src:url("./fonts/RobotoMono-Regular.woff2") format("woff2");font-weight:unset;font-style:normal;font-display:swap}:root{--color-black: oklch(0 0 0);--color-button-hover-bg: oklch(0.5 0 0);--color-body-text: oklch(0 0 0);--color-code-bg: oklch(0.95 0 0);--color-link: oklch(0.64 0.18 323);--color-link-hover: oklch(0.7 0.18 323);--color-page-bg: oklch(1 0 0);--color-border: oklch(0.8 0 0);--color-heading: oklch(0.2 0 0);--color-nav-text: oklch(0.3 0 0);--color-mobile-icon: oklch(0.2 0 0);--color-white: oklch(1 0 0)}*{box-sizing:border-box;margin:0;padding:0;font-family:"Hanken Grotesk",sans-serif}body{color:var(--color-button-hover-bg);line-height:1.6;background-color:var(--color-page-bg)}code{background-color:var(--color-code-bg);font-family:"Roboto Mono",monospace;font-size:.95rem;border-radius:.25rem}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-family:"Inter",sans-serif;margin-bottom:.75em;line-height:1.2}h1{font-size:2.5rem;margin-top:4rem}h2{font-size:2rem}h3{font-size:1.5rem}p,li{margin-bottom:1rem;font-size:1.125rem;color:var(--color-nav-text)}a{text-decoration:underline;color:var(--color-link)}a:hover{color:var(--color-link-hover)}img{display:flex;align-items:center;justify-content:center;overflow:hidden;padding-bottom:0rem;max-width:100%;height:auto;object-fit:scale-down;border-radius:.5rem;image-rendering:optimizeQuality}.container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.site-header{position:relative;font-family:"Inter",sans-serif;padding-top:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo-nav-group{display:flex;align-items:center}.logo{color:var(--color-black);font-size:1.25rem;font-weight:bold;display:flex;align-items:center;margin-right:2rem}.logo-icon{height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.125rem;margin-right:.5rem;font-family:monospace;font-size:.875rem;line-height:1}.cta-button{background-color:var(--color-white);color:var(--color-heading);padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.cta-button:hover{background-color:var(--color-button-hover-bg);color:var(--color-heading)}main{padding-top:4rem;padding-bottom:4rem}.hero-section{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;margin-bottom:4rem;min-height:12rem}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.1;margin-top:1.5rem;margin-bottom:1.5rem;color:var(--color-heading)}.hero-description p{font-size:1.125rem;line-height:1.7}.image-container{display:flex;align-items:center;justify-content:center;overflow:hidden;padding-bottom:1rem}.image-container img{display:block;width:100%;height:auto;object-fit:scale-down;border-radius:2rem}.main-nav a{text-decoration:none}.performance-tiles{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3rem;margin-bottom:3rem}.performance-tile{background-color:var(--color-page-bg);border-radius:1.5rem;padding:2rem;text-align:center;border:1px solid var(--color-border);transition:transform .2s ease}.performance-tile:hover{transform:translateY(-5px)}.tile-icon{width:3rem;height:3rem;margin:0 auto 1.5rem;stroke:var(--color-heading);}.performance-tile h3{margin-bottom:1rem;font-size:1.5rem;color:var(--color-heading)}.performance-tile p{font-size:1rem;margin-bottom:0}.call-to-action{margin-top:3rem;text-align:center}.call-to-action a{text-decoration:none}.call-to-action .cta-button{color:var(--color-nav-text);border:1px solid var(--color-border);background-color:var(--color-page-bg);display:inline-block;padding:.75rem 1.5rem;font-size:1rem;transition:transform .2s ease}.call-to-action .cta-button:hover{transform:translateY(-5px);color:var(--color-body-text)}.foot{font-size:1rem;color:var(--color-nav-text);margin-top:3rem;margin-bottom:0rem;text-align:center}.foot a{color:var(--color-nav-text)}@media (min-width: 768px){.main-nav{display:flex}.mobile-menu-button{display:none}.hero-section{grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:6rem}.performance-tiles{grid-template-columns:repeat(3, 1fr)}.hero-title{font-size:4rem}.hero-description{padding-left:2.5rem}.dashboard-section{padding:1.5rem}.container{padding-left:3rem;padding-right:3rem}}@media (min-width: 1024px){.hero-title{font-size:4.5rem}.container{padding-left:6rem;padding-right:6rem}}