.tutorials-hero[data-astro-cid-bzdfz3mo]{position:relative;padding:calc(var(--header-height) + var(--space-4xl)) var(--space-xl) var(--space-3xl);overflow:hidden;background:var(--bg-void);border-bottom:1px solid var(--border-subtle)}.tutorials-hero-grid[data-astro-cid-bzdfz3mo]{position:absolute;inset:0;background-image:linear-gradient(rgba(30,30,33,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(30,30,33,.3) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 100%,black 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 100%,black 10%,transparent 70%)}.tutorials-hero-content[data-astro-cid-bzdfz3mo]{position:relative;max-width:1000px;margin:0 auto}.tutorials-title[data-astro-cid-bzdfz3mo]{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.04em;margin-bottom:var(--space-md);animation:fade-up .5s ease both}.tutorials-subtitle[data-astro-cid-bzdfz3mo]{max-width:600px;font-size:1.02rem;line-height:1.7;color:var(--text-secondary);animation:fade-up .5s .1s ease both}.tutorials-body[data-astro-cid-bzdfz3mo]{padding:var(--space-3xl) var(--space-xl) var(--space-4xl)}.tutorials-inner[data-astro-cid-bzdfz3mo]{max-width:1000px;margin:0 auto}.demos-grid[data-astro-cid-bzdfz3mo]{display:flex;flex-direction:column;gap:var(--space-xl)}.demo-card[data-astro-cid-bzdfz3mo]{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;animation:fade-up .5s ease both;transition:border-color .25s,box-shadow .25s}.demo-available[data-astro-cid-bzdfz3mo]:hover{border-color:var(--border-default);box-shadow:0 8px 40px #0000004d}.demo-locked[data-astro-cid-bzdfz3mo]{opacity:.6}.demo-card-header[data-astro-cid-bzdfz3mo]{padding:var(--space-xl) var(--space-xl) 0}.demo-lang-row[data-astro-cid-bzdfz3mo]{display:flex;align-items:center;gap:var(--space-lg)}.demo-lang-icon[data-astro-cid-bzdfz3mo]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--amber);flex-shrink:0}.demo-language[data-astro-cid-bzdfz3mo]{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin:0;letter-spacing:-.02em}.demo-framework[data-astro-cid-bzdfz3mo]{font-family:var(--font-body);font-size:.85rem;color:var(--text-muted)}.demo-status-badge[data-astro-cid-bzdfz3mo]{margin-left:auto;font-family:var(--font-display);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;border-radius:100px;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.demo-status-badge[data-astro-cid-bzdfz3mo].available{background:#22c55e14;color:var(--status-ok);border:1px solid rgba(34,197,94,.2)}.demo-status-badge[data-astro-cid-bzdfz3mo].coming-soon{background:#55555e1a;color:var(--text-muted);border:1px solid var(--border-subtle)}.status-dot[data-astro-cid-bzdfz3mo].available{width:6px;height:6px;border-radius:50%;background:var(--status-ok);box-shadow:0 0 6px var(--status-ok)}.demo-card-body[data-astro-cid-bzdfz3mo]{padding:var(--space-xl)}.demo-rationale[data-astro-cid-bzdfz3mo]{font-size:.92rem;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-subtle)}.demo-detail-label[data-astro-cid-bzdfz3mo]{display:block;font-family:var(--font-display);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:var(--space-sm)}.demo-toolchain[data-astro-cid-bzdfz3mo]{margin-bottom:var(--space-xl)}.toolchain-tags[data-astro-cid-bzdfz3mo]{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.toolchain-tag[data-astro-cid-bzdfz3mo]{font-family:var(--font-mono);font-size:.72rem;padding:3px 10px;background:var(--bg-void);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--amber)}.demo-scenarios[data-astro-cid-bzdfz3mo]{margin-bottom:0}.scenario-list[data-astro-cid-bzdfz3mo]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.scenario-row[data-astro-cid-bzdfz3mo]{display:flex;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);align-items:flex-start}.scenario-num[data-astro-cid-bzdfz3mo]{font-family:var(--font-mono);font-size:.62rem;font-weight:700;color:var(--text-ghost);padding-top:2px;flex-shrink:0}.scenario-info[data-astro-cid-bzdfz3mo]{display:flex;flex-direction:column;gap:1px}.scenario-name[data-astro-cid-bzdfz3mo]{font-family:var(--font-display);font-size:.72rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.scenario-desc[data-astro-cid-bzdfz3mo]{font-size:.78rem;color:var(--text-muted);line-height:1.4}.demo-card-footer[data-astro-cid-bzdfz3mo]{padding:0 var(--space-xl) var(--space-xl);margin-top:var(--space-lg)}.demo-cta[data-astro-cid-bzdfz3mo]{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 20px;background:var(--amber);color:#0a0a0b;font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.02em;border-radius:var(--radius-md);transition:all .15s}.demo-cta[data-astro-cid-bzdfz3mo]:hover{background:var(--amber-dim);color:#0a0a0b;transform:translateY(-1px);box-shadow:0 4px 20px var(--amber-glow)}.demo-cta-gh[data-astro-cid-bzdfz3mo]{opacity:.7}.demo-cta-arrow[data-astro-cid-bzdfz3mo]{transition:transform .15s}.demo-cta[data-astro-cid-bzdfz3mo]:hover .demo-cta-arrow[data-astro-cid-bzdfz3mo]{transform:translate(2px,-2px)}.demo-cta-locked[data-astro-cid-bzdfz3mo]{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 20px;background:var(--bg-surface);color:var(--text-muted);font-family:var(--font-display);font-size:.75rem;font-weight:500;letter-spacing:.02em;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.tutorials-how-it-works[data-astro-cid-bzdfz3mo]{margin-top:var(--space-4xl);text-align:center}.how-marker[data-astro-cid-bzdfz3mo]{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.how-line[data-astro-cid-bzdfz3mo]{width:60px;height:1px;background:var(--border-default)}.how-dot[data-astro-cid-bzdfz3mo]{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber-glow)}.tutorials-how-it-works[data-astro-cid-bzdfz3mo] h3[data-astro-cid-bzdfz3mo]{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2xl) 0}.how-steps[data-astro-cid-bzdfz3mo]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);text-align:left}.how-step[data-astro-cid-bzdfz3mo]{display:flex;gap:var(--space-md);padding:var(--space-xl);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.how-step-num[data-astro-cid-bzdfz3mo]{font-family:var(--font-display);font-size:.65rem;font-weight:700;color:var(--text-ghost);padding-top:2px;flex-shrink:0}.how-step[data-astro-cid-bzdfz3mo] h4[data-astro-cid-bzdfz3mo]{font-family:var(--font-display);font-size:.82rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.how-step[data-astro-cid-bzdfz3mo] p[data-astro-cid-bzdfz3mo]{font-size:.85rem;line-height:1.5;color:var(--text-secondary);margin:0}.footer[data-astro-cid-bzdfz3mo]{border-top:1px solid var(--border-subtle);padding:var(--space-2xl) var(--space-xl)}.footer-inner[data-astro-cid-bzdfz3mo]{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-logo[data-astro-cid-bzdfz3mo]{display:flex;align-items:center;gap:var(--space-sm)}.footer-links[data-astro-cid-bzdfz3mo]{display:flex;gap:var(--space-lg)}.footer-links[data-astro-cid-bzdfz3mo] a[data-astro-cid-bzdfz3mo]{font-size:.82rem;color:var(--text-muted);transition:color .15s}.footer-links[data-astro-cid-bzdfz3mo] a[data-astro-cid-bzdfz3mo]:hover{color:var(--text-secondary)}.footer-meta[data-astro-cid-bzdfz3mo]{font-size:.75rem;color:var(--text-ghost)}.section-label[data-astro-cid-bzdfz3mo]{display:inline-block;font-family:var(--font-display);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--amber);margin-bottom:var(--space-sm)}.logo-indicator[data-astro-cid-bzdfz3mo]{width:8px;height:8px;border-radius:50%;background:var(--status-ok);box-shadow:0 0 8px var(--status-ok),0 0 20px #22c55e4d;animation:pulse-green 3s ease-in-out infinite}@keyframes pulse-green{0%,to{opacity:1;box-shadow:0 0 8px var(--status-ok),0 0 20px #22c55e4d}50%{opacity:.7;box-shadow:0 0 4px var(--status-ok),0 0 10px #22c55e26}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){.scenario-list[data-astro-cid-bzdfz3mo],.how-steps[data-astro-cid-bzdfz3mo]{grid-template-columns:1fr}.demo-lang-row[data-astro-cid-bzdfz3mo]{flex-wrap:wrap}.demo-status-badge[data-astro-cid-bzdfz3mo]{margin-left:0}.footer-inner[data-astro-cid-bzdfz3mo]{flex-direction:column;gap:var(--space-lg);text-align:center}}