@import"https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;display:flex;justify-content:center;min-height:100vh;width:100%}#root{display:flex;justify-content:center;min-height:100vh;width:100%}.App{text-align:center;background:linear-gradient(145deg,#f8f6f0,#e8e2d4);min-height:100vh;display:flex;flex-direction:column;font-family:Crimson Text,serif;color:#2c2416;width:100%;max-width:1400px}.container{padding:0 20px;flex:1}.App-header{padding:10px 0;background:none;min-height:auto}.logo{font-size:3.8rem;font-weight:600;margin-bottom:12px;color:#1a1611;font-family:Crimson Text,serif;letter-spacing:-.02em}.tagline{font-size:1.4rem;font-style:italic;max-width:650px;margin:0 auto 20px;color:#4a432e;line-height:1.6;font-weight:400}.api-demo{margin-top:32px}.api-button{background:transparent;color:#6b5d42;border:1px solid #a89679;padding:12px 24px;border-radius:2px;font-size:.85rem;font-family:IBM Plex Mono,monospace;cursor:pointer;transition:all .25s ease;text-transform:uppercase;letter-spacing:.5px}.api-button:hover{background:#a89679;color:#f8f6f0;border-color:#8b7a5e}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;padding:16px 0 24px}.step{background:#fefcf8;border:1px solid #e0d5c2;border-radius:0;padding:32px 28px;text-align:left;box-shadow:0 2px 8px #2a241614;transition:box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}.step:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#8b7a5e}.step:hover{box-shadow:0 4px 16px #2a24161f;border-color:#c7b899}.step-number{display:inline-block;width:28px;height:28px;background:#2c2416;color:#f8f6f0;border-radius:0;font-size:1.8rem;font-weight:500;font-family:IBM Plex Mono,monospace;line-height:28px;margin-bottom:10px;text-align:center}.step h2{font-size:2.4rem;margin-bottom:12px;color:#1a1611;font-weight:600;font-family:Crimson Text,serif}.step p{font-size:1.1rem;color:#4a432e;margin-bottom:24px;line-height:1.7;font-family:Crimson Text,serif}.step-link{display:inline-block;background:#2c2416;color:#f8f6f0;padding:16px 32px;border:none;border-radius:0;font-weight:500;font-size:.9rem;font-family:IBM Plex Mono,monospace;transition:all .25s ease;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;text-decoration:none}.step-link:hover{transform:translateY(-2px);background:#3d3426;box-shadow:0 4px 12px #2a241633}.App-footer{padding:24px 0;color:#6b5d42;font-size:.9rem;border-top:1px solid #e0d5c2;background:#fefcf8}.social-links{display:flex;justify-content:center;align-items:center;gap:32px;margin-bottom:24px;flex-wrap:wrap}.App-link{background:none;border:none;color:#6b5d42;text-decoration:none;transition:color .3s ease;cursor:pointer;font-size:inherit;font-family:IBM Plex Mono,monospace;font-size:.85rem}.App-link:hover{color:#2c2416;text-decoration:underline}@media (max-width: 768px){.logo{font-size:2.8rem}.tagline{font-size:1.2rem}.steps{grid-template-columns:1fr;gap:40px;padding:48px 0 64px}.step{padding:40px 32px}.step h2{font-size:2rem}.social-links{flex-direction:column;gap:16px}}