@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#ffffffe6;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #22d3ee;--primary-light: #67e8f9;--bg-dark: #121212;--bg-card: #1e1e1e;--bg-elevated: #181818;--text: rgba(255, 255, 255, .9);--text-muted: rgba(255, 255, 255, .7);--text-dimmed: rgba(255, 255, 255, .5);--border-subtle: #2a2a2a;--transition-slow: .5s ease-in-out;--transition-medium: .3s ease-in-out;--transition-fast: .15s ease-in-out}body{margin:0;display:flex;flex-direction:column;align-items:center;min-width:320px;min-height:100vh;padding:0;box-sizing:border-box;background-color:var(--bg-dark)}a{font-weight:500;color:var(--primary);text-decoration:none;transition:color var(--transition-medium)}a:hover{color:var(--primary-light)}h1,h2,h3,h4,h5,h6{color:#f0f0f0;font-family:Lora,serif;margin-top:1.5em;margin-bottom:.75em}h1{font-size:2.8em;line-height:1.2;font-weight:700}h2{font-size:2em;font-weight:600}h3{font-size:1.5em;font-weight:500}strong{font-weight:600;color:#f0f0f0}button,.button-like{border-radius:8px;border:1px solid transparent;padding:.75em 1.5em;font-size:1em;font-weight:500;font-family:"Inter",inherit;background-color:#1f2937;color:#ffffffe6;cursor:pointer;transition:border-color var(--transition-medium),background-color var(--transition-medium),transform var(--transition-medium);display:inline-block;text-align:center}button:hover,.button-like:hover{border-color:var(--primary);background-color:#374151;transform:translateY(-2px)}button:focus,button:focus-visible,.button-like:focus,.button-like:focus-visible{outline:3px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#181818}::-webkit-scrollbar-thumb{background:#333;border-radius:5px;border:2px solid #181818}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;min-height:100vh}.container{width:100%;padding:2rem 0;background-color:transparent;border-radius:0;box-shadow:none;flex-grow:1}.header{text-align:center;margin-bottom:3rem}.header img.logo{height:70px;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(34,211,238,.3))}.nav{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--border-subtle);margin-bottom:2rem}.nav a{color:var(--text-muted);text-decoration:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;position:relative;transition:color var(--transition-medium),background-color var(--transition-medium)}.nav a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:50%;transform:translate(-50%);background-color:var(--primary);transition:width var(--transition-slow)}.nav a:hover,.nav a.active{color:var(--text)}.nav a:hover:after,.nav a.active:after{width:70%}.footer{text-align:center;margin-top:auto;padding:2rem 0;border-top:1px solid var(--border-subtle);color:var(--text-dimmed);font-size:.9em}.footer a{color:#22d3eecc}.footer a:hover{color:var(--primary-light)}.page-content{line-height:1.7;color:var(--text-muted);max-width:800px;margin:0 auto}.page-content h1{margin-bottom:1.5rem;text-align:center}.page-content h2{margin-top:2rem;margin-bottom:1rem;color:var(--primary-light);border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem}.page-content p{margin-bottom:1.25rem;text-align:left}.page-content ul,.page-content ol,.value-proposition ul{list-style-position:outside;padding-left:1.7rem;margin-bottom:1.5rem;text-align:left}.page-content li,.value-proposition li{margin-bottom:1rem;position:relative;padding-left:.5rem;line-height:1.6;text-align:left}.page-content ul li::marker{color:var(--primary);font-size:1.1em}.page-content ul li{margin-bottom:.8rem;line-height:1.7}.page-content ol li{margin-bottom:.8rem;line-height:1.7;padding-left:.5rem}.page-content ol{counter-reset:item;list-style-type:none;padding-left:0}.page-content ol li{position:relative;padding-left:2.5rem;counter-increment:item}.page-content ol li:before{content:counter(item) ".";position:absolute;left:0;color:var(--primary);font-weight:500;font-size:1em}.value-proposition ul{list-style-type:none;padding-left:.5rem}.value-proposition li{position:relative;padding-left:2rem;margin-bottom:1.2rem}.value-proposition li:before{content:"•";color:var(--primary);font-size:1.5rem;position:absolute;left:.5rem;top:-.2rem}.hero-section{position:relative;overflow:hidden;padding:5rem 1rem}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.card{background-color:var(--bg-card);padding:1.5rem 2rem;border-radius:12px;box-shadow:0 8px 24px #0003;margin-bottom:1.5rem;transition:transform var(--transition-medium),box-shadow var(--transition-medium),border-color var(--transition-medium);border:1px solid rgba(34,211,238,.05);position:relative;overflow:hidden}.card:hover{box-shadow:0 12px 28px #0000004d;border-color:#22d3ee33}.card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(34,211,238,.05),transparent 60%);opacity:0;transition:opacity var(--transition-medium);pointer-events:none}.card:hover:after{opacity:1}.card h3{margin-top:0;color:var(--primary);transition:color var(--transition-medium)}.scenario-card{transition:transform .3s ease,box-shadow .3s ease}.scenario-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.usage-scenarios .card{background-color:#1e1e1eb3}.pulse{animation:pulse 3s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width: 768px){h1{font-size:2.2em}h2{font-size:1.7em}.app-container{padding:0 1rem}.nav{flex-direction:column;gap:.7rem}.hero-section{padding:3rem 1rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}