.hero[data-astro-cid-bbe6dxrz]{position:relative;padding:clamp(3rem,8vw,6rem) 0;text-align:center;overflow:hidden}.hero-glow[data-astro-cid-bbe6dxrz]{position:absolute;top:-200px;left:50%;transform:translate(-50%);width:min(800px,100%);height:600px;background:radial-gradient(ellipse at center,rgba(0,212,255,.12) 0%,rgba(168,85,247,.06) 40%,transparent 70%);pointer-events:none}.container[data-astro-cid-bbe6dxrz]{position:relative}.hero-badge[data-astro-cid-bbe6dxrz]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-xl);max-width:100%;text-align:start}.badge-icon[data-astro-cid-bbe6dxrz]{color:var(--accent-cyan);flex-shrink:0}h1[data-astro-cid-bbe6dxrz]{margin-bottom:var(--space-lg);overflow-wrap:anywhere;word-break:normal}.headline-line[data-astro-cid-bbe6dxrz]{display:block}.hero-subtitle[data-astro-cid-bbe6dxrz]{max-width:600px;margin:0 auto var(--space-2xl);font-size:clamp(1rem,1.5vw + .6rem,1.2rem);line-height:1.7;overflow-wrap:anywhere}.hero-actions[data-astro-cid-bbe6dxrz]{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-4xl)}.hero-actions[data-astro-cid-bbe6dxrz] .btn[data-astro-cid-bbe6dxrz]{min-height:44px}.btn-arrow[data-astro-cid-bbe6dxrz]{transition:transform .2s}.btn-primary[data-astro-cid-bbe6dxrz]:hover .btn-arrow[data-astro-cid-bbe6dxrz]{transform:translate(4px)}@media(prefers-reduced-motion:reduce){.btn-arrow[data-astro-cid-bbe6dxrz]{transition:none}.btn-primary[data-astro-cid-bbe6dxrz]:hover .btn-arrow[data-astro-cid-bbe6dxrz]{transform:none}}.hero-stats[data-astro-cid-bbe6dxrz]{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);padding:var(--space-lg) var(--space-2xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:600px;margin:0 auto}.stat[data-astro-cid-bbe6dxrz]{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value[data-astro-cid-bbe6dxrz]{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.stat-label[data-astro-cid-bbe6dxrz]{font-size:.8rem;color:var(--text-muted)}.stat-divider[data-astro-cid-bbe6dxrz]{width:1px;height:40px;background:var(--border-color)}@media(max-width:900px){.hero-stats[data-astro-cid-bbe6dxrz]{gap:var(--space-md);padding:var(--space-lg)}}@media(max-width:640px){.hero-stats[data-astro-cid-bbe6dxrz]{flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}.stat-divider[data-astro-cid-bbe6dxrz]{width:60px;height:1px}.hero-actions[data-astro-cid-bbe6dxrz]{flex-direction:column;align-items:stretch;gap:var(--space-sm);margin-bottom:var(--space-3xl)}.hero-actions[data-astro-cid-bbe6dxrz] .btn[data-astro-cid-bbe6dxrz]{width:100%;justify-content:center}}.features[data-astro-cid-vnivfuh2]{--feature-cyan-bg: rgba(0, 212, 255, .1);--feature-cyan-border: rgba(0, 212, 255, .2);--feature-purple-bg: rgba(168, 85, 247, .1);--feature-purple-border: rgba(168, 85, 247, .2);--feature-pink-bg: rgba(236, 72, 153, .1);--feature-pink-border: rgba(236, 72, 153, .2);--feature-green-bg: rgba(16, 185, 129, .1);--feature-green-border: rgba(16, 185, 129, .2);--feature-amber-bg: rgba(245, 158, 11, .1);--feature-amber-border: rgba(245, 158, 11, .2);padding:var(--space-4xl) 0}.section-header[data-astro-cid-vnivfuh2]{text-align:center;margin-bottom:var(--space-3xl)}.section-badge[data-astro-cid-vnivfuh2]{display:inline-block;padding:.4rem .8rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.section-header[data-astro-cid-vnivfuh2] h2[data-astro-cid-vnivfuh2]{margin-bottom:var(--space-sm)}.section-header[data-astro-cid-vnivfuh2] p[data-astro-cid-vnivfuh2]{max-width:500px;margin:0 auto;font-size:1.1rem}.features-grid[data-astro-cid-vnivfuh2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:var(--space-lg)}.feature-card[data-astro-cid-vnivfuh2]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all .3s ease;overflow-wrap:anywhere}.feature-card[data-astro-cid-vnivfuh2]:hover{border-color:var(--accent-cyan);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}@media(prefers-reduced-motion:reduce){.feature-card[data-astro-cid-vnivfuh2]{transition:none}.feature-card[data-astro-cid-vnivfuh2]:hover{transform:none}}.feature-icon[data-astro-cid-vnivfuh2]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:var(--radius-md);margin-bottom:var(--space-md)}.feature-cyan[data-astro-cid-vnivfuh2] .feature-icon[data-astro-cid-vnivfuh2]{background:var(--feature-cyan-bg);border:1px solid var(--feature-cyan-border);color:var(--accent-cyan)}.feature-purple[data-astro-cid-vnivfuh2] .feature-icon[data-astro-cid-vnivfuh2]{background:var(--feature-purple-bg);border:1px solid var(--feature-purple-border);color:var(--accent-purple)}.feature-pink[data-astro-cid-vnivfuh2] .feature-icon[data-astro-cid-vnivfuh2]{background:var(--feature-pink-bg);border:1px solid var(--feature-pink-border);color:var(--accent-pink)}.feature-green[data-astro-cid-vnivfuh2] .feature-icon[data-astro-cid-vnivfuh2]{background:var(--feature-green-bg);border:1px solid var(--feature-green-border);color:var(--accent-green)}.feature-amber[data-astro-cid-vnivfuh2] .feature-icon[data-astro-cid-vnivfuh2]{background:var(--feature-amber-bg);border:1px solid var(--feature-amber-border);color:var(--accent-amber)}.feature-card[data-astro-cid-vnivfuh2] h3[data-astro-cid-vnivfuh2]{font-size:1.15rem;margin-bottom:var(--space-sm)}.feature-card[data-astro-cid-vnivfuh2] p[data-astro-cid-vnivfuh2]{font-size:.95rem;line-height:1.6}@media(max-width:480px){.features[data-astro-cid-vnivfuh2]{padding:var(--space-3xl) 0}.feature-card[data-astro-cid-vnivfuh2]{padding:var(--space-lg)}}.how-it-works[data-astro-cid-cmgpsf2k]{padding:var(--space-4xl) 0;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.section-header[data-astro-cid-cmgpsf2k]{text-align:center;margin-bottom:var(--space-3xl)}.section-badge[data-astro-cid-cmgpsf2k]{display:inline-block;padding:.4rem .8rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;color:var(--accent-purple);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.section-header[data-astro-cid-cmgpsf2k] h2[data-astro-cid-cmgpsf2k]{margin-bottom:var(--space-sm)}.section-header[data-astro-cid-cmgpsf2k] p[data-astro-cid-cmgpsf2k]{max-width:400px;margin:0 auto;font-size:1.1rem}.steps-container[data-astro-cid-cmgpsf2k]{display:flex;justify-content:center;gap:0;max-width:1000px;margin:0 auto}.step[data-astro-cid-cmgpsf2k]{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:0 var(--space-lg)}.step-number[data-astro-cid-cmgpsf2k]{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-full);font-size:1.25rem;font-weight:700;font-family:var(--font-mono);color:var(--bg-primary);margin-bottom:var(--space-lg)}.step-content[data-astro-cid-cmgpsf2k] h3[data-astro-cid-cmgpsf2k]{font-size:1.15rem;margin-bottom:var(--space-sm)}.step-content[data-astro-cid-cmgpsf2k] p[data-astro-cid-cmgpsf2k]{font-size:.95rem;line-height:1.6;overflow-wrap:anywhere}.step-connector[data-astro-cid-cmgpsf2k]{position:absolute;top:32px;right:0;width:calc(100% - 64px);height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));transform:translate(50%);opacity:.3}[dir=rtl] .step-connector[data-astro-cid-cmgpsf2k]{transform:translate(-50%) scaleX(-1)}@media(max-width:1024px){.step[data-astro-cid-cmgpsf2k]{padding:0 var(--space-md)}}@media(max-width:768px){.steps-container[data-astro-cid-cmgpsf2k]{flex-direction:column;gap:var(--space-2xl)}.step[data-astro-cid-cmgpsf2k]{padding:0}.step-connector[data-astro-cid-cmgpsf2k]{display:none}}@media(max-width:480px){.how-it-works[data-astro-cid-cmgpsf2k]{padding:var(--space-3xl) 0}}.code-section[data-astro-cid-xvlhowr4]{padding:var(--space-4xl) 0}.code-layout[data-astro-cid-xvlhowr4]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-3xl);align-items:center}.code-info[data-astro-cid-xvlhowr4],.code-block[data-astro-cid-xvlhowr4]{min-width:0}.section-badge[data-astro-cid-xvlhowr4]{display:inline-block;padding:.4rem .8rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;color:var(--accent-green);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.code-info[data-astro-cid-xvlhowr4] h2[data-astro-cid-xvlhowr4]{margin-bottom:var(--space-md)}.code-info[data-astro-cid-xvlhowr4]>p[data-astro-cid-xvlhowr4]{font-size:1.1rem;margin-bottom:var(--space-xl)}.code-features[data-astro-cid-xvlhowr4]{list-style:none;margin-bottom:var(--space-xl)}.code-features[data-astro-cid-xvlhowr4] li[data-astro-cid-xvlhowr4]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--text-secondary)}.check[data-astro-cid-xvlhowr4]{color:var(--accent-green);font-weight:600}.code-block[data-astro-cid-xvlhowr4]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.code-header[data-astro-cid-xvlhowr4]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.code-dots[data-astro-cid-xvlhowr4]{display:flex;gap:6px}.code-dots[data-astro-cid-xvlhowr4] span[data-astro-cid-xvlhowr4]{width:12px;height:12px;border-radius:50%;background:var(--border-color)}.code-dots[data-astro-cid-xvlhowr4] span[data-astro-cid-xvlhowr4]:nth-child(1){background:#ff5f56}.code-dots[data-astro-cid-xvlhowr4] span[data-astro-cid-xvlhowr4]:nth-child(2){background:#ffbd2e}.code-dots[data-astro-cid-xvlhowr4] span[data-astro-cid-xvlhowr4]:nth-child(3){background:#27ca3f}.code-filename[data-astro-cid-xvlhowr4]{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}pre[data-astro-cid-xvlhowr4]{padding:var(--space-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0;white-space:pre}code[data-astro-cid-xvlhowr4]{font-size:.85rem;line-height:1.7;color:var(--text-secondary);-moz-tab-size:2;tab-size:2}@media(max-width:1024px){.code-layout[data-astro-cid-xvlhowr4]{grid-template-columns:1fr;gap:var(--space-2xl)}}@media(max-width:768px){pre[data-astro-cid-xvlhowr4]{padding:var(--space-md)}}@media(max-width:480px){code[data-astro-cid-xvlhowr4]{font-size:.8rem;line-height:1.6}.code-header[data-astro-cid-xvlhowr4]{padding:var(--space-xs) var(--space-sm)}.code-filename[data-astro-cid-xvlhowr4]{font-size:.75rem}}.cta[data-astro-cid-4xty6sx2]{padding:var(--space-4xl) 0}.cta-content[data-astro-cid-4xty6sx2]{position:relative;text-align:center;padding:clamp(2rem,6vw,4rem) clamp(1rem,4vw,3rem);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.cta-glow[data-astro-cid-4xty6sx2]{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:min(600px,100%);height:400px;background:radial-gradient(ellipse at center,rgba(0,212,255,.1) 0%,transparent 70%);pointer-events:none}h2[data-astro-cid-4xty6sx2]{position:relative;margin-bottom:var(--space-sm);overflow-wrap:anywhere}p[data-astro-cid-4xty6sx2]{position:relative;font-size:clamp(1rem,1.2vw + .7rem,1.1rem);margin-bottom:var(--space-xl);overflow-wrap:anywhere}.cta-actions[data-astro-cid-4xty6sx2]{position:relative;display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.cta-actions[data-astro-cid-4xty6sx2] .btn[data-astro-cid-4xty6sx2]{min-height:44px}@media(max-width:640px){.cta[data-astro-cid-4xty6sx2]{padding:var(--space-3xl) 0}.cta-actions[data-astro-cid-4xty6sx2]{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.cta-actions[data-astro-cid-4xty6sx2] .btn[data-astro-cid-4xty6sx2]{width:100%;justify-content:center}}