:root{--primary-color: #0468D7;--text-color: #2D3748;--bg-color: #ffffff;--code-bg: #F7FAFC;--border-color: #E2E8F0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--text-color);background-color:var(--bg-color)}*{margin:0;padding:0;box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header{padding:2rem 0;border-bottom:1px solid var(--border-color)}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:1rem}.logo img{width:40px;height:40px}.logo h1{font-size:1.5rem;font-weight:600;color:var(--primary-color)}.hero{padding:4rem 0;text-align:center}.hero h2{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.25rem;color:#4a5568;max-width:600px;margin:0 auto}.demo{padding:4rem 0;background-color:#f7fafc;text-align:center}.demo-container{max-width:800px;margin:0 auto}.demo-gif{width:100%;max-width:600px;height:auto;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:2rem auto}.features{padding:4rem 0;background-color:#f7fafc}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.feature-card{padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.feature-card img{width:48px;height:48px;margin-bottom:1rem}.code-section{padding:4rem 0}.code-block{background:var(--code-bg);padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1rem 0}.installation{padding:4rem 0;background-color:#f7fafc}.installation pre{background:var(--code-bg);padding:1rem;border-radius:8px;margin:1rem 0}.compatibility{padding:4rem 0}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.platform-card{padding:1rem;text-align:center;border:1px solid var(--border-color);border-radius:8px}.footer{padding:4rem 0;background-color:#1a202c;color:#fff}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-links h3{margin-bottom:1rem}.footer-links ul{list-style:none}.footer-links a{color:#a0aec0;text-decoration:none;line-height:2}.footer-links a:hover{color:#fff}@media (max-width: 768px){.hero h2{font-size:2rem}.header-content{flex-direction:column;text-align:center;gap:1rem}.features-grid,.platform-grid{grid-template-columns:1fr}.demo-gif{max-width:100%}}.button{display:inline-block;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background-color .2s}.button:hover{background-color:#0354ac}.section-title{font-size:2rem;margin-bottom:1rem;text-align:center}.section-description{text-align:center;max-width:700px;margin:0 auto 2rem;color:#4a5568}