.page.svelte-150jv3e{padding:6rem 0}.page-header.svelte-150jv3e{margin-bottom:4rem}h1.svelte-150jv3e{font-size:clamp(2.5rem,8vw,4rem);margin:1rem 0}.subtitle.svelte-150jv3e{font-size:1.15rem;color:var(--text-secondary);max-width:680px;margin:0 auto;line-height:1.6}.visualizer-wrap.svelte-150jv3e{margin-bottom:2rem}.iframe-shell.svelte-150jv3e{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 24px #0003;position:relative;width:100%;max-width:100%}.iframe-topbar.svelte-150jv3e{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.iframe-label.svelte-150jv3e{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.open-external.svelte-150jv3e{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-cyan);text-decoration:none;transition:opacity .15s}.open-external.svelte-150jv3e:hover{opacity:.75}.iframe-loading.svelte-150jv3e{position:absolute;inset:52px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);background:var(--bg-secondary);z-index:1}.loading-spinner.svelte-150jv3e{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent-cyan);border-radius:50%;animation:svelte-150jv3e-spin .8s linear infinite}@keyframes svelte-150jv3e-spin{to{transform:rotate(360deg)}}.pedro-iframe.svelte-150jv3e{display:block;width:100%;height:min(90vh,980px);min-height:720px;border:none;opacity:0;transition:opacity .3s;background:var(--bg-secondary)}.pedro-iframe.loaded.svelte-150jv3e{opacity:1}.credit-card.svelte-150jv3e{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:3rem}.credit-inner.svelte-150jv3e{display:flex;gap:1rem;align-items:flex-start}.credit-dot.svelte-150jv3e{width:8px;height:8px;border-radius:50%;background:var(--accent-cyan);flex-shrink:0;margin-top:6px;box-shadow:0 0 6px var(--accent-cyan)}.credit-text.svelte-150jv3e strong:where(.svelte-150jv3e){display:block;font-size:.9rem;color:var(--text-primary);margin-bottom:.4rem}.credit-text.svelte-150jv3e p:where(.svelte-150jv3e){font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem}.credit-text.svelte-150jv3e a:where(.svelte-150jv3e){color:var(--accent-cyan);text-decoration:none}.credit-text.svelte-150jv3e a:where(.svelte-150jv3e):hover{text-decoration:underline}.credit-links.svelte-150jv3e{display:flex;gap:1.25rem;flex-wrap:wrap}.credit-link.svelte-150jv3e{font-family:var(--font-mono);font-size:.78rem;color:var(--accent-cyan);text-decoration:none;transition:opacity .15s}.credit-link.svelte-150jv3e:hover{opacity:.7}.content.svelte-150jv3e h2:where(.svelte-150jv3e){margin-bottom:2rem;text-align:center}.grid-2.svelte-150jv3e{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.card.svelte-150jv3e{background:var(--bg-card);border:1px solid var(--border);padding:2rem;border-radius:var(--radius-lg)}.card.svelte-150jv3e h3:where(.svelte-150jv3e){margin-bottom:1rem;color:var(--accent-cyan)}.card.svelte-150jv3e p:where(.svelte-150jv3e),.card.svelte-150jv3e li:where(.svelte-150jv3e){color:var(--text-body);font-size:.95rem;line-height:1.6}.card.svelte-150jv3e ul:where(.svelte-150jv3e){list-style:none;padding:0}.card.svelte-150jv3e li:where(.svelte-150jv3e){margin-bottom:.75rem}.callout.svelte-150jv3e{background:var(--gradient-hero);border:1px solid var(--border-subtle);padding:3rem 2rem;border-radius:var(--radius-xl);text-align:center;margin-top:1rem}.callout.svelte-150jv3e h3:where(.svelte-150jv3e){margin-bottom:1rem}.callout.svelte-150jv3e p:where(.svelte-150jv3e){color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.badge.svelte-150jv3e{display:inline-block;padding:.3rem .8rem;background:#74d7ed1a;color:var(--accent-cyan);border-radius:var(--radius-pill);font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.btn-link.svelte-150jv3e{display:inline-block;padding:.8rem 1.8rem;background:var(--gradient-accent);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:transform .2s}.btn-link.svelte-150jv3e:hover{transform:translateY(-2px)}@media(max-width:820px){.pedro-iframe.svelte-150jv3e{height:78vh;min-height:620px}}@media(max-width:520px){.iframe-topbar.svelte-150jv3e{flex-direction:column;align-items:flex-start;gap:.4rem}}