.examples-page[data-astro-cid-hbbm5icc]{--ax-primary: #2563eb;--ax-primary-2: #3b82f6;--ax-accent-cyan: #06b6d4;--ax-accent-violet: #8b5cf6;--ax-accent-coral: #fb7185;--ax-accent-lime: #84cc16;--ax-bg: #f7fbff;--ax-surface: #ffffff;--ax-surface-soft: #eef6ff;--ax-text: #08203a;--ax-text-soft: #4f6b88;--ax-border: #d5e6fb;--ax-shadow: 0 18px 45px rgba(27,92,204,.12);--ax-shadow-soft: 0 10px 24px rgba(15,80,172,.08);--ax-radius: 18px;--ax-ease: cubic-bezier(.22, 1, .36, 1);min-height:100vh;background:var(--ax-bg);font-family:Space Grotesk,system-ui,sans-serif;color:var(--ax-text)}.container[data-astro-cid-hbbm5icc]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero[data-astro-cid-hbbm5icc]{position:relative;padding:140px 0 72px;text-align:center}.hero-badge[data-astro-cid-hbbm5icc]{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;background:var(--ax-surface);color:var(--ax-primary);border:1px solid var(--ax-border);border-radius:100px;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:28px;box-shadow:0 2px 8px #2563eb14;position:relative}.hero-badge[data-astro-cid-hbbm5icc]:before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--ax-primary),var(--ax-accent-cyan));animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.hero-title[data-astro-cid-hbbm5icc]{font-family:Manrope,sans-serif;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;color:var(--ax-text);letter-spacing:-.03em;line-height:1.08;margin:0 0 20px}.hero-desc[data-astro-cid-hbbm5icc]{font-size:1.1rem;color:var(--ax-text-soft);max-width:560px;margin:0 auto;line-height:1.65;font-weight:400}.tab-bar-wrap[data-astro-cid-hbbm5icc]{position:sticky;top:64px;z-index:50;background:#f7fbffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--ax-border);transition:box-shadow .3s var(--ax-ease)}.tab-bar-wrap[data-astro-cid-hbbm5icc].stuck{box-shadow:0 4px 24px #2563eb14}.tab-bar[data-astro-cid-hbbm5icc]{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.tab-bar[data-astro-cid-hbbm5icc]::-webkit-scrollbar{display:none}.tab[data-astro-cid-hbbm5icc]{padding:16px 24px;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:600;color:var(--ax-text-soft);background:none;border:none;border-bottom:2.5px solid transparent;cursor:pointer;white-space:nowrap;transition:color .2s var(--ax-ease),border-color .2s var(--ax-ease);margin-bottom:-1px;letter-spacing:.01em}.tab[data-astro-cid-hbbm5icc]:hover{color:var(--ax-text)}.tab[data-astro-cid-hbbm5icc].active{color:var(--ax-primary);border-bottom-color:var(--ax-primary)}.panels[data-astro-cid-hbbm5icc]{padding-top:64px;padding-bottom:80px}.panel[data-astro-cid-hbbm5icc]{display:none}.panel[data-astro-cid-hbbm5icc].active{display:block;animation:panelIn .4s var(--ax-ease)}@keyframes panelIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel-intro[data-astro-cid-hbbm5icc]{max-width:640px;margin-bottom:48px}.panel-intro[data-astro-cid-hbbm5icc] h2[data-astro-cid-hbbm5icc]{font-family:Manrope,sans-serif;font-size:1.9rem;font-weight:800;color:var(--ax-text);letter-spacing:-.025em;margin:0 0 12px}.panel-intro[data-astro-cid-hbbm5icc] p[data-astro-cid-hbbm5icc]{font-size:1.05rem;color:var(--ax-text-soft);line-height:1.65;margin:0}.panel-body[data-astro-cid-hbbm5icc]{display:grid;grid-template-columns:2fr 3fr;gap:64px;align-items:start}.col-label[data-astro-cid-hbbm5icc]{font-size:.7rem;font-weight:700;color:var(--ax-text-soft);letter-spacing:.1em;text-transform:uppercase;margin:0 0 24px}.steps[data-astro-cid-hbbm5icc]{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:0}.step[data-astro-cid-hbbm5icc]{display:flex;gap:16px;padding-bottom:24px;position:relative}.step[data-astro-cid-hbbm5icc]:not(:last-child):before{content:"";position:absolute;left:17px;top:38px;bottom:0;width:1.5px;background:linear-gradient(to bottom,var(--ax-border),transparent)}.step-num[data-astro-cid-hbbm5icc]{flex-shrink:0;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--ax-primary),var(--ax-accent-cyan));display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;position:relative;z-index:1;box-shadow:0 4px 12px #2563eb33}.step[data-astro-cid-hbbm5icc] strong[data-astro-cid-hbbm5icc]{display:block;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:800;color:var(--ax-text);margin-bottom:4px;padding-top:6px}.step[data-astro-cid-hbbm5icc] p[data-astro-cid-hbbm5icc]{font-size:.88rem;color:var(--ax-text-soft);line-height:1.6;margin:0}.step[data-astro-cid-hbbm5icc] code[data-astro-cid-hbbm5icc]{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.78em;background:var(--ax-surface-soft);border:1px solid var(--ax-border);padding:2px 7px;border-radius:6px;color:var(--ax-primary)}.tools-used[data-astro-cid-hbbm5icc]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tools-label[data-astro-cid-hbbm5icc]{font-size:.68rem;font-weight:700;color:var(--ax-text-soft);text-transform:uppercase;letter-spacing:.08em;margin-right:4px}.tool-pill[data-astro-cid-hbbm5icc]{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.72rem;padding:4px 10px;border-radius:100px;background:#2563eb12;color:var(--ax-primary);border:1px solid rgba(37,99,235,.15);font-weight:500}.tool-pill--note[data-astro-cid-hbbm5icc]{background:#8b5cf612;color:var(--ax-accent-violet);border-color:#8b5cf633;font-family:Space Grotesk,sans-serif}.prompts-col[data-astro-cid-hbbm5icc]{display:flex;flex-direction:column;gap:16px}.prompt-card[data-astro-cid-hbbm5icc]{border:1px solid var(--ax-border);border-radius:var(--ax-radius);overflow:hidden;background:var(--ax-surface);transition:box-shadow .3s var(--ax-ease),border-color .3s var(--ax-ease),transform .3s var(--ax-ease)}.prompt-card[data-astro-cid-hbbm5icc]:hover{box-shadow:var(--ax-shadow-soft);border-color:#2563eb40;transform:translateY(-2px)}.prompt-card--contrast[data-astro-cid-hbbm5icc]{border-color:#8b5cf633;background:linear-gradient(135deg,var(--ax-surface),rgba(139,92,246,.03))}.prompt-card--contrast[data-astro-cid-hbbm5icc]:hover{border-color:#8b5cf666;box-shadow:0 10px 24px #8b5cf61a}.prompt-card-header[data-astro-cid-hbbm5icc]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--ax-surface-soft);border-bottom:1px solid var(--ax-border)}.prompt-card--contrast[data-astro-cid-hbbm5icc] .prompt-card-header[data-astro-cid-hbbm5icc]{background:#8b5cf60d;border-bottom-color:#8b5cf626}.prompt-tag[data-astro-cid-hbbm5icc]{font-size:.7rem;font-weight:700;color:var(--ax-text-soft);text-transform:uppercase;letter-spacing:.06em}.copy-btn[data-astro-cid-hbbm5icc]{padding:5px 14px;font-size:.72rem;font-weight:700;color:var(--ax-primary);background:var(--ax-surface);border:1px solid var(--ax-primary);border-radius:10px;cursor:pointer;transition:all .25s var(--ax-ease)}.copy-btn[data-astro-cid-hbbm5icc]:hover{background:linear-gradient(120deg,var(--ax-primary),var(--ax-accent-cyan));border-color:transparent;color:#fff;box-shadow:0 4px 12px #2563eb33}.copy-btn[data-astro-cid-hbbm5icc].copied{background:linear-gradient(120deg,var(--ax-accent-lime),#22c55e);border-color:transparent;color:#fff}.prompt-text[data-astro-cid-hbbm5icc]{font-family:Space Grotesk,sans-serif;font-size:.88rem;color:var(--ax-text);line-height:1.75;padding:16px;margin:0;white-space:pre-wrap;word-break:break-word}.tips-section[data-astro-cid-hbbm5icc]{position:relative;background:var(--ax-surface);padding:80px 0;overflow:hidden}.tips-section[data-astro-cid-hbbm5icc]:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 85% 80%,rgba(6,182,212,.06) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 15% 30%,rgba(139,92,246,.05) 0%,transparent 50%);pointer-events:none}.tips-title[data-astro-cid-hbbm5icc]{font-family:Manrope,sans-serif;font-size:1.9rem;font-weight:800;color:var(--ax-text);letter-spacing:-.025em;margin:0 0 40px;position:relative}.tips-grid[data-astro-cid-hbbm5icc]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}.tip-card[data-astro-cid-hbbm5icc]{background:var(--ax-bg);border:1px solid var(--ax-border);border-radius:var(--ax-radius);padding:28px 24px;transition:box-shadow .3s var(--ax-ease),transform .3s var(--ax-ease),border-color .3s var(--ax-ease)}.tip-card[data-astro-cid-hbbm5icc]:hover{box-shadow:var(--ax-shadow-soft);transform:translateY(-3px);border-color:#2563eb33}.tip-card[data-astro-cid-hbbm5icc]:nth-child(1) .tip-icon[data-astro-cid-hbbm5icc]{background:#2563eb14;color:var(--ax-primary)}.tip-card[data-astro-cid-hbbm5icc]:nth-child(2) .tip-icon[data-astro-cid-hbbm5icc]{background:#06b6d414;color:var(--ax-accent-cyan)}.tip-card[data-astro-cid-hbbm5icc]:nth-child(3) .tip-icon[data-astro-cid-hbbm5icc]{background:#8b5cf614;color:var(--ax-accent-violet)}.tip-card[data-astro-cid-hbbm5icc]:nth-child(4) .tip-icon[data-astro-cid-hbbm5icc]{background:#fb718514;color:var(--ax-accent-coral)}.tip-icon[data-astro-cid-hbbm5icc]{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.tip-card[data-astro-cid-hbbm5icc] h3[data-astro-cid-hbbm5icc]{font-family:Manrope,sans-serif;font-size:.95rem;font-weight:800;color:var(--ax-text);margin:0 0 8px}.tip-card[data-astro-cid-hbbm5icc] p[data-astro-cid-hbbm5icc]{font-size:.85rem;color:var(--ax-text-soft);line-height:1.65;margin:0}.tip-card[data-astro-cid-hbbm5icc] code[data-astro-cid-hbbm5icc]{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.8em;background:var(--ax-surface);border:1px solid var(--ax-border);padding:2px 6px;border-radius:6px;color:var(--ax-primary)}.cta-section[data-astro-cid-hbbm5icc]{position:relative;padding:96px 0;background:var(--ax-bg);overflow:hidden}.cta-section[data-astro-cid-hbbm5icc]:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(37,99,235,.06) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 30% 70%,rgba(6,182,212,.05) 0%,transparent 50%);pointer-events:none}.cta-inner[data-astro-cid-hbbm5icc]{text-align:center;max-width:520px;margin:0 auto;position:relative}.cta-inner[data-astro-cid-hbbm5icc] h2[data-astro-cid-hbbm5icc]{font-family:Manrope,sans-serif;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;color:var(--ax-text);letter-spacing:-.03em;margin:0 0 12px}.cta-inner[data-astro-cid-hbbm5icc] p[data-astro-cid-hbbm5icc]{font-size:1.05rem;color:var(--ax-text-soft);margin:0 0 32px;line-height:1.65}.cta-buttons[data-astro-cid-hbbm5icc]{display:flex;gap:14px;justify-content:center}.btn[data-astro-cid-hbbm5icc]{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700;border-radius:10px;text-decoration:none;cursor:pointer;transition:all .25s var(--ax-ease);border:1px solid transparent}.btn-primary[data-astro-cid-hbbm5icc]{background:linear-gradient(120deg,var(--ax-primary),var(--ax-accent-cyan));color:#fff;box-shadow:0 8px 18px #2563eb33}.btn-primary[data-astro-cid-hbbm5icc]:hover{background:linear-gradient(120deg,var(--ax-primary-2),var(--ax-accent-violet));box-shadow:0 12px 28px #2563eb47}.btn-secondary[data-astro-cid-hbbm5icc]{background:transparent;border:1px solid var(--ax-primary);color:var(--ax-primary)}.btn-secondary[data-astro-cid-hbbm5icc]:hover{background:#2563eb14}@media(max-width:1023px){.tips-grid[data-astro-cid-hbbm5icc]{grid-template-columns:repeat(2,1fr)}.panel-body[data-astro-cid-hbbm5icc]{grid-template-columns:1fr;gap:40px}}@media(max-width:767px){.hero[data-astro-cid-hbbm5icc]{padding:120px 0 56px}.hero-title[data-astro-cid-hbbm5icc]{font-size:1.8rem}.hero-desc[data-astro-cid-hbbm5icc]{font-size:1rem}.tab[data-astro-cid-hbbm5icc]{padding:12px 16px;font-size:.8rem}.panels[data-astro-cid-hbbm5icc]{padding-top:40px;padding-bottom:56px}.panel-intro[data-astro-cid-hbbm5icc] h2[data-astro-cid-hbbm5icc]{font-size:1.5rem}.panel-intro[data-astro-cid-hbbm5icc] p[data-astro-cid-hbbm5icc]{font-size:.95rem}.panel-body[data-astro-cid-hbbm5icc]{grid-template-columns:1fr;gap:32px}.tips-section[data-astro-cid-hbbm5icc]{padding:56px 0}.tips-title[data-astro-cid-hbbm5icc]{font-size:1.5rem}.tips-grid[data-astro-cid-hbbm5icc]{grid-template-columns:1fr}.cta-section[data-astro-cid-hbbm5icc]{padding:64px 0}.cta-buttons[data-astro-cid-hbbm5icc]{flex-direction:column;align-items:center}}