@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-color: #FAFAFA;--bg-bone: #FAF9F6;--text-color: #0F172A;--accent-primary: #3B82F6;--accent-secondary: #F43F5E;--border-color: #0F172A;--font-main: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-pop: 4px 4px 0px #0F172A;--border-thick: 2px solid #0F172A}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden;position:relative;margin:0;padding:0}#root{width:100%;max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-bone);color:var(--text-color);font-family:var(--font-main);overflow-x:hidden;line-height:1.6;background-image:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.03) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.6'/%3E%3C/svg%3E");opacity:.12;mix-blend-mode:multiply;filter:contrast(150%) brightness(100%)}h1,h2,h3,p,a,span,div{text-shadow:0 0 1px rgba(15,23,42,.15)}h1,h2,h3{font-family:var(--font-main);font-weight:700;letter-spacing:-.03em;color:var(--text-color);text-shadow:0 0 2px rgba(15,23,42,.1)}.container{max-width:1100px;margin:0 auto;padding:0 2rem;position:relative;z-index:10}.card{background:var(--bg-bone);border:var(--border-thick);padding:2rem;box-shadow:var(--shadow-pop);transition:transform .2s,box-shadow .2s;margin-bottom:2rem}.card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0f172a}.btn{display:inline-block;background:var(--text-color);color:var(--bg-bone);font-family:var(--font-mono);font-weight:700;padding:1rem 2rem;text-decoration:none;border:2px solid transparent;transition:all .2s;cursor:pointer}.btn:hover{background:var(--bg-bone);color:var(--text-color);border-color:var(--text-color);box-shadow:var(--shadow-pop);transform:translate(-2px,-2px)}nav{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;border-bottom:var(--border-thick);background:#faf9f6d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;width:100%}.logo{font-family:var(--font-mono);font-weight:700;font-size:1.5rem;letter-spacing:-.05em}.badge{display:inline-block;background:var(--accent-primary);color:var(--bg-bone);font-family:var(--font-mono);font-size:.8rem;padding:.2rem .5rem;border:1px solid var(--text-color);box-shadow:2px 2px 0 var(--text-color)}.hero-layout{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:3rem}.desktop-visible{display:none}@media(min-width:1024px){.hero-layout{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}.hero-text{max-width:50%}.desktop-visible{display:block;width:45%;display:flex;justify-content:center}}@media(max-width:768px){.desktop-menu{display:none!important}.mobile-toggle{display:block!important}.container{padding-left:1.5rem!important;padding-right:1.5rem!important}.hero-section{padding:3rem 0!important}.pricing-section{padding:3rem 1.5rem!important}h1{font-size:2.5rem!important}h2{font-size:2rem!important}.mobile-infographic-wrapper{display:block!important;width:100%;height:300px;display:flex;justify-content:center;overflow:hidden}.infographic-scaler{--scale-factor: .75;left:50%!important;transform-origin:center top!important;transform:translate(-50%) scale(var(--scale-factor))!important}}.pricing-section{padding:6rem 2rem}