.how-it-works[data-astro-cid-cmgpsf2k]{padding:8rem 2rem;background:var(--color-bg-alt)}.container[data-astro-cid-cmgpsf2k]{max-width:1200px;margin:0 auto}.section-header[data-astro-cid-cmgpsf2k]{text-align:center;margin-bottom:4rem}.section-tag[data-astro-cid-cmgpsf2k]{display:inline-block;padding:.3rem 1rem;border-radius:100px;background:var(--color-surface);border:1px solid var(--color-border);font-size:.8rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:1rem}.section-header[data-astro-cid-cmgpsf2k] h2[data-astro-cid-cmgpsf2k]{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-.02em}.gradient-text[data-astro-cid-cmgpsf2k]{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.steps[data-astro-cid-cmgpsf2k]{display:flex;justify-content:center;gap:3rem;margin-bottom:5rem;flex-wrap:wrap}.step[data-astro-cid-cmgpsf2k]{position:relative;text-align:center;max-width:280px;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay)}.step[data-astro-cid-cmgpsf2k].visible{opacity:1;transform:translateY(0)}.step-visual[data-astro-cid-cmgpsf2k]{position:relative;width:100px;height:100px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:24px;background:var(--color-surface);border:1px solid var(--color-border)}.step-emoji[data-astro-cid-cmgpsf2k]{font-size:2.5rem}.step-num[data-astro-cid-cmgpsf2k]{position:absolute;top:-8px;right:-8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.7rem;font-weight:700;background:var(--color-accent);color:#fff;border-radius:50%}.step[data-astro-cid-cmgpsf2k] h3[data-astro-cid-cmgpsf2k]{font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.step[data-astro-cid-cmgpsf2k] p[data-astro-cid-cmgpsf2k]{font-size:.9rem;color:var(--color-text-muted);line-height:1.6}.step-connector[data-astro-cid-cmgpsf2k]{display:none}.demo-preview[data-astro-cid-cmgpsf2k]{max-width:700px;margin:0 auto}.demo-window[data-astro-cid-cmgpsf2k]{border-radius:16px;background:var(--color-bg);border:1px solid var(--color-border);overflow:hidden;box-shadow:0 24px 80px #0006}.demo-titlebar[data-astro-cid-cmgpsf2k]{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.demo-dots[data-astro-cid-cmgpsf2k]{display:flex;gap:6px}.demo-dots[data-astro-cid-cmgpsf2k] span[data-astro-cid-cmgpsf2k]{width:10px;height:10px;border-radius:50%;background:var(--color-border)}.demo-dots[data-astro-cid-cmgpsf2k] span[data-astro-cid-cmgpsf2k]:first-child{background:#ff5f57}.demo-dots[data-astro-cid-cmgpsf2k] span[data-astro-cid-cmgpsf2k]:nth-child(2){background:#febc2e}.demo-dots[data-astro-cid-cmgpsf2k] span[data-astro-cid-cmgpsf2k]:last-child{background:#28c840}.demo-title[data-astro-cid-cmgpsf2k]{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.demo-body[data-astro-cid-cmgpsf2k]{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.demo-message[data-astro-cid-cmgpsf2k]{padding:1rem 1.2rem;border-radius:12px;font-size:.9rem;line-height:1.6}.demo-user[data-astro-cid-cmgpsf2k]{background:var(--color-accent);color:#fff;align-self:flex-end;max-width:80%;border-bottom-right-radius:4px}.demo-ai[data-astro-cid-cmgpsf2k]{background:var(--color-surface);border:1px solid var(--color-border);align-self:flex-start;max-width:90%;border-bottom-left-radius:4px;opacity:0;transform:translateY(10px);transition:all .8s ease-out .5s}.demo-ai[data-astro-cid-cmgpsf2k].typing{opacity:1;transform:translateY(0)}.demo-ai[data-astro-cid-cmgpsf2k] p[data-astro-cid-cmgpsf2k]{margin-bottom:.6rem}.demo-ai[data-astro-cid-cmgpsf2k] p[data-astro-cid-cmgpsf2k]:last-child{margin-bottom:0}.demo-cite[data-astro-cid-cmgpsf2k]{color:var(--color-accent);font-size:.82rem;font-weight:500}.demo-note[data-astro-cid-cmgpsf2k]{color:var(--color-accent-2);font-size:.82rem;font-style:italic;border-top:1px solid var(--color-border);padding-top:.6rem;margin-top:.4rem}@media(max-width:768px){.how-it-works[data-astro-cid-cmgpsf2k]{padding:4rem 1.2rem}.steps[data-astro-cid-cmgpsf2k]{flex-direction:column;align-items:center;gap:2rem}}