.guide.svelte-1s8a3tk{min-height:100svh;background:var(--color-ss-bg-base)}.masthead.svelte-1s8a3tk{background:var(--color-ss-bg-dark);border-bottom:4px solid var(--color-ss-border-hard);padding:1rem 1.5rem}.masthead-inner.svelte-1s8a3tk{max-width:900px;margin:0 auto;text-align:center}.masthead-brand.svelte-1s8a3tk{font-family:var(--font-ss-display);font-size:1.75rem;font-weight:900;letter-spacing:.15em;color:var(--color-ss-text-inverse);margin-bottom:.25rem}.masthead-meta.svelte-1s8a3tk{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:#fff9}.masthead-dot.svelte-1s8a3tk{width:4px;height:4px;background:var(--color-ss-accent);border-radius:50%}.hero.svelte-1s8a3tk{padding:3rem 1.5rem;background:linear-gradient(180deg,var(--color-ss-bg-base) 0%,var(--color-ss-accent-light) 100%);text-align:center}.hero-inner.svelte-1s8a3tk{max-width:750px;margin:0 auto}.hero-label.svelte-1s8a3tk{font-family:var(--font-ss-mono, monospace);font-size:.75rem;font-weight:600;color:var(--color-ss-accent);letter-spacing:.1em;margin-bottom:1rem}.hero.svelte-1s8a3tk h1:where(.svelte-1s8a3tk){font-family:var(--font-ss-display);font-size:2.75rem;font-weight:900;color:var(--color-ss-text-primary);margin:0 0 1rem;line-height:1.1}.hero-lead.svelte-1s8a3tk{font-size:1.125rem;color:var(--color-ss-text-secondary);line-height:1.6;margin:0 0 2rem}.hero-stats.svelte-1s8a3tk{display:flex;justify-content:center;gap:1.5rem}.stat-box.svelte-1s8a3tk{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:var(--color-ss-bg-overlay);border:2px solid var(--color-ss-border-hard);border-radius:8px;box-shadow:3px 3px 0 var(--color-ss-shadow)}.stat-svelte.svelte-1s8a3tk{border-color:#ff3e00;box-shadow:3px 3px #ff3e00}.stat-react.svelte-1s8a3tk{border-color:#61dafb;box-shadow:3px 3px #61dafb}.stat-vue.svelte-1s8a3tk{border-color:#42b883;box-shadow:3px 3px #42b883}.stat-value.svelte-1s8a3tk{font-family:var(--font-ss-display);font-size:1.5rem;font-weight:900;color:var(--color-ss-text-primary)}.stat-label.svelte-1s8a3tk{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ss-text-muted)}.toc.svelte-1s8a3tk{position:sticky;top:4rem;z-index:40;background:var(--color-ss-bg-dark);border-bottom:2px solid var(--color-ss-border-hard);padding:.875rem 1.5rem}.toc-inner.svelte-1s8a3tk{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:1.5rem}.toc-label.svelte-1s8a3tk{font-family:var(--font-ss-mono, monospace);font-size:.625rem;font-weight:600;color:#ffffff80;letter-spacing:.1em;white-space:nowrap}.toc-links.svelte-1s8a3tk{display:flex;gap:.5rem;flex-wrap:wrap}.toc-link.svelte-1s8a3tk{padding:.375rem .75rem;font-size:.75rem;font-weight:600;color:var(--color-ss-text-inverse);text-decoration:none;border-radius:4px;transition:all .15s;opacity:.7}.toc-link.svelte-1s8a3tk:hover{opacity:1;background:#ffffff1a}.section.svelte-1s8a3tk{padding:4rem 1.5rem}.section-alt.svelte-1s8a3tk{background:var(--color-ss-accent-light)}.section-inner.svelte-1s8a3tk{max-width:900px;margin:0 auto}.section-header.svelte-1s8a3tk{text-align:center;margin-bottom:3rem}.section-label.svelte-1s8a3tk{font-family:var(--font-ss-mono, monospace);font-size:.75rem;font-weight:600;color:var(--color-ss-accent);letter-spacing:.1em;display:block;margin-bottom:.75rem}.section-header.svelte-1s8a3tk h2:where(.svelte-1s8a3tk){font-family:var(--font-ss-display);font-size:1.75rem;font-weight:900;color:var(--color-ss-text-primary);margin:0 0 .5rem;letter-spacing:.02em}.section-header.svelte-1s8a3tk p:where(.svelte-1s8a3tk){font-size:1rem;color:var(--color-ss-text-muted);margin:0}.bundlephobia-card.svelte-1s8a3tk{background:var(--color-ss-bg-overlay);border:3px solid var(--color-ss-border-hard);border-radius:16px;padding:2rem;box-shadow:6px 6px 0 var(--color-ss-shadow)}.bp-header.svelte-1s8a3tk{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.bp-icon.svelte-1s8a3tk{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--color-ss-accent);border-radius:10px;color:#fff}.bp-title.svelte-1s8a3tk h3:where(.svelte-1s8a3tk){font-family:var(--font-ss-display);font-size:1.5rem;font-weight:800;color:var(--color-ss-text-primary);margin:0}.bp-link.svelte-1s8a3tk{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--color-ss-accent);text-decoration:none}.bp-link.svelte-1s8a3tk:hover{text-decoration:underline}.bp-desc.svelte-1s8a3tk{font-size:1rem;color:var(--color-ss-text-secondary);margin:0 0 1.5rem;line-height:1.6}.metrics-grid.svelte-1s8a3tk{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.metric-card.svelte-1s8a3tk{padding:1rem;background:var(--color-ss-bg-base);border:2px solid var(--color-ss-border-subtle);border-radius:8px}.metric-name.svelte-1s8a3tk{display:block;font-weight:700;color:var(--color-ss-text-primary);margin-bottom:.25rem}.metric-desc.svelte-1s8a3tk{font-size:.8125rem;color:var(--color-ss-text-muted)}.bp-insight.svelte-1s8a3tk{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-ss-accent-light);border:2px solid var(--color-ss-accent);border-radius:8px}.bp-insight.svelte-1s8a3tk .insight-icon:where(.svelte-1s8a3tk){flex-shrink:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:var(--color-ss-accent);border-radius:50%;color:#fff}.bp-insight.svelte-1s8a3tk p:where(.svelte-1s8a3tk){margin:0;font-size:.9375rem;color:var(--color-ss-text-secondary);line-height:1.5}.bp-insight.svelte-1s8a3tk strong:where(.svelte-1s8a3tk){color:var(--color-ss-text-primary)}.rspack-note.svelte-1s8a3tk{margin-top:1.5rem;padding:1.25rem;background:var(--color-ss-bg-base);border:2px solid var(--color-ss-border-hard);border-radius:10px;border-left:4px solid var(--color-ss-accent)}.rspack-badge.svelte-1s8a3tk{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--color-ss-accent);color:#fff;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;margin-bottom:.75rem}.rspack-note.svelte-1s8a3tk h4:where(.svelte-1s8a3tk){font-family:var(--font-ss-display);font-size:1rem;font-weight:800;color:var(--color-ss-text-primary);margin:0 0 .5rem}.rspack-note.svelte-1s8a3tk p:where(.svelte-1s8a3tk){font-size:.875rem;color:var(--color-ss-text-secondary);margin:0;line-height:1.6}.comparison-table.svelte-1s8a3tk{background:var(--color-ss-bg-overlay);border:3px solid var(--color-ss-border-hard);border-radius:16px;overflow:hidden;box-shadow:6px 6px 0 var(--color-ss-shadow);margin-bottom:2rem}.table-header.svelte-1s8a3tk{display:grid;grid-template-columns:1.5fr 1fr .75fr 1.25fr .75fr;gap:1rem;padding:1rem 1.5rem;background:var(--color-ss-bg-dark);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ss-text-inverse)}.table-row.svelte-1s8a3tk{display:grid;grid-template-columns:1.5fr 1fr .75fr 1.25fr .75fr;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-ss-border-subtle);align-items:center}.table-row.svelte-1s8a3tk:last-child{border-bottom:none}.row-svelte.svelte-1s8a3tk{border-left:4px solid #ff3e00}.row-react.svelte-1s8a3tk{border-left:4px solid #61dafb}.row-vue.svelte-1s8a3tk{border-left:4px solid #42b883}.cell-framework.svelte-1s8a3tk{display:flex;flex-direction:column;gap:.125rem}.framework-name.svelte-1s8a3tk{font-weight:700;color:var(--color-ss-text-primary)}.framework-version.svelte-1s8a3tk{font-size:.75rem;color:var(--color-ss-text-muted)}.cell-minified.svelte-1s8a3tk{display:flex;flex-direction:column;gap:.375rem}.size-value.svelte-1s8a3tk{font-weight:700;color:var(--color-ss-text-primary)}.size-bar.svelte-1s8a3tk{height:6px;background:var(--color-ss-bg-base);border-radius:3px;overflow:hidden}.size-fill.svelte-1s8a3tk{height:100%;border-radius:3px;transition:width .3s ease}.fill-svelte.svelte-1s8a3tk{background:#ff3e00}.fill-react.svelte-1s8a3tk{background:#61dafb}.fill-vue.svelte-1s8a3tk{background:#42b883}.cell-gzip.svelte-1s8a3tk .size-value:where(.svelte-1s8a3tk){font-size:.9375rem}.cell-runtime.svelte-1s8a3tk{display:flex;flex-direction:column;gap:.25rem}.runtime-value.svelte-1s8a3tk{font-size:.8125rem;color:var(--color-ss-text-secondary)}.runtime-approach.svelte-1s8a3tk{display:inline-block;padding:.125rem .5rem;font-size:.625rem;font-weight:700;text-transform:uppercase;border-radius:4px;width:fit-content}.approach-compiler.svelte-1s8a3tk{background:#dcfce7;color:#166534}.approach-runtime.svelte-1s8a3tk{background:#fee2e2;color:#991b1b}.cell-download.svelte-1s8a3tk .download-time:where(.svelte-1s8a3tk){font-weight:600;color:var(--color-ss-text-primary)}.visual-comparison.svelte-1s8a3tk{background:var(--color-ss-bg-overlay);border:3px solid var(--color-ss-border-hard);border-radius:16px;padding:2rem;margin-bottom:1.5rem}.visual-title.svelte-1s8a3tk{font-family:var(--font-ss-display);font-size:1rem;font-weight:700;color:var(--color-ss-text-primary);margin:0 0 1.5rem;text-align:center}.bundle-visual.svelte-1s8a3tk{display:flex;justify-content:center;align-items:flex-end;gap:2rem;height:200px;padding:1rem}.bundle-box.svelte-1s8a3tk{flex:1;max-width:150px;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.bundle-fill.svelte-1s8a3tk{width:100%;border-radius:8px 8px 0 0;border:3px solid var(--color-ss-border-hard);border-bottom:none;transition:height .5s ease}.bundle-svelte.svelte-1s8a3tk .bundle-fill:where(.svelte-1s8a3tk){background:linear-gradient(180deg,#ff3e00,#ff6b00);border-color:#cc3200}.bundle-react.svelte-1s8a3tk .bundle-fill:where(.svelte-1s8a3tk){background:linear-gradient(180deg,#61dafb,#4fc3f7);border-color:#4db8d9}.bundle-vue.svelte-1s8a3tk .bundle-fill:where(.svelte-1s8a3tk){background:linear-gradient(180deg,#42b883,#3aa876);border-color:#359469}.bundle-info.svelte-1s8a3tk{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.75rem .5rem;background:var(--color-ss-bg-base);border:3px solid var(--color-ss-border-hard);border-radius:0 0 8px 8px;margin-top:-1px}.bundle-svelte.svelte-1s8a3tk .bundle-info:where(.svelte-1s8a3tk){border-color:#cc3200}.bundle-react.svelte-1s8a3tk .bundle-info:where(.svelte-1s8a3tk){border-color:#4db8d9}.bundle-vue.svelte-1s8a3tk .bundle-info:where(.svelte-1s8a3tk){border-color:#359469}.bundle-label.svelte-1s8a3tk{font-size:.75rem;font-weight:700;color:var(--color-ss-text-primary)}.bundle-size.svelte-1s8a3tk{font-size:1rem;font-weight:900;font-family:var(--font-ss-display)}.bundle-svelte.svelte-1s8a3tk .bundle-size:where(.svelte-1s8a3tk){color:#ff3e00}.bundle-react.svelte-1s8a3tk .bundle-size:where(.svelte-1s8a3tk){color:#0891b2}.bundle-vue.svelte-1s8a3tk .bundle-size:where(.svelte-1s8a3tk){color:#42b883}.visual-caption.svelte-1s8a3tk{text-align:center;font-size:.8125rem;color:var(--color-ss-text-muted);margin:1rem 0 0}.data-sources-note.svelte-1s8a3tk{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-ss-bg-base);border:2px solid var(--color-ss-border-subtle);border-radius:8px;margin-top:1.5rem}.sources-icon.svelte-1s8a3tk{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-ss-accent)}.data-sources-note.svelte-1s8a3tk p:where(.svelte-1s8a3tk){margin:0;font-size:.875rem;color:var(--color-ss-text-secondary);line-height:1.5}.data-sources-note.svelte-1s8a3tk strong:where(.svelte-1s8a3tk){color:var(--color-ss-text-primary)}.meta-framework-grid.svelte-1s8a3tk{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.mf-card.svelte-1s8a3tk{background:var(--color-ss-bg-overlay);border:3px solid var(--color-ss-border-hard);border-radius:16px;padding:1.5rem;box-shadow:4px 4px 0 var(--color-ss-shadow)}.mf-SvelteKit.svelte-1s8a3tk,.mf-card.mf-svelte.svelte-1s8a3tk{border-color:#ff3e00;box-shadow:4px 4px #ff3e00}.mf-card.mf-react.svelte-1s8a3tk{border-color:#61dafb;box-shadow:4px 4px #61dafb}.mf-card.mf-vue.svelte-1s8a3tk{border-color:#42b883;box-shadow:4px 4px #42b883}.mf-header.svelte-1s8a3tk{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid var(--color-ss-border-subtle)}.mf-name.svelte-1s8a3tk{font-family:var(--font-ss-display);font-size:1.25rem;font-weight:800;color:var(--color-ss-text-primary);margin:0}.mf-size.svelte-1s8a3tk{font-family:var(--font-ss-display);font-size:1.5rem;font-weight:900;color:var(--color-ss-accent)}.mf-stats.svelte-1s8a3tk{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.mf-stat.svelte-1s8a3tk{text-align:center}.mf-stat-label.svelte-1s8a3tk{display:block;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ss-text-muted);margin-bottom:.25rem}.mf-stat-value.svelte-1s8a3tk{font-weight:700;color:var(--color-ss-text-primary)}.mf-hydration.svelte-1s8a3tk{padding-top:1rem;border-top:1px dashed var(--color-ss-border-subtle)}.hydration-badge.svelte-1s8a3tk{display:inline-block;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;border-radius:4px;margin-bottom:.5rem}.hydration-minimal.svelte-1s8a3tk{background:#dcfce7;color:#166534}.hydration-moderate.svelte-1s8a3tk{background:#fef3c7;color:#92400e}.hydration-high.svelte-1s8a3tk{background:#fee2e2;color:#991b1b}.hydration-explain.svelte-1s8a3tk{font-size:.8125rem;color:var(--color-ss-text-muted);margin:0}.takeaway-box.svelte-1s8a3tk{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:var(--color-ss-bg-overlay);border:3px solid var(--color-ss-accent);border-radius:12px;box-shadow:4px 4px 0 var(--color-ss-accent)}.takeaway-badge.svelte-1s8a3tk{flex-shrink:0;padding:.5rem 1rem;background:var(--color-ss-accent);color:#fff;font-family:var(--font-ss-display);font-size:1.25rem;font-weight:900;border-radius:8px}.takeaway-box.svelte-1s8a3tk p:where(.svelte-1s8a3tk){margin:0;font-size:1rem;color:var(--color-ss-text-secondary);line-height:1.6}.takeaway-box.svelte-1s8a3tk strong:where(.svelte-1s8a3tk){color:var(--color-ss-text-primary)}.benefits-grid.svelte-1s8a3tk{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.benefit-card.svelte-1s8a3tk{background:var(--color-ss-bg-overlay);border:3px solid var(--color-ss-border-hard);border-radius:16px;padding:1.5rem;box-shadow:4px 4px 0 var(--color-ss-shadow)}.benefit-header.svelte-1s8a3tk{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.benefit-icon.svelte-1s8a3tk{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-ss-accent);border-radius:8px;color:#fff}.benefit-title.svelte-1s8a3tk{font-family:var(--font-ss-display);font-size:1.125rem;font-weight:800;color:var(--color-ss-text-primary);margin:0}.benefit-desc.svelte-1s8a3tk{font-size:.9375rem;color:var(--color-ss-text-secondary);margin:0 0 1rem;line-height:1.6}.code-comparison.svelte-1s8a3tk{display:flex;align-items:stretch;gap:.75rem;margin-bottom:1rem}.code-block.svelte-1s8a3tk{flex:1;background:var(--color-ss-bg-dark);border-radius:8px;overflow:hidden}.code-label.svelte-1s8a3tk{display:block;padding:.5rem .75rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#ffffff1a;color:#ffffffb3}.code-block.svelte-1s8a3tk pre:where(.svelte-1s8a3tk){margin:0;padding:.75rem;font-family:var(--font-ss-mono, monospace);font-size:.6875rem;color:var(--color-ss-text-inverse);white-space:pre-wrap;line-height:1.5}.code-arrow.svelte-1s8a3tk{display:flex;align-items:center;color:var(--color-ss-accent)}.benefit-impact.svelte-1s8a3tk{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--color-ss-accent-light);border:2px solid var(--color-ss-accent);border-radius:6px;font-size:.8125rem;font-weight:600;color:var(--color-ss-accent)}.tips-grid.svelte-1s8a3tk{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}.tip-card.svelte-1s8a3tk{background:var(--color-ss-bg-overlay);border:3px solid var(--color-ss-border-hard);border-radius:16px;padding:1.5rem;box-shadow:4px 4px 0 var(--color-ss-shadow)}.tip-title.svelte-1s8a3tk{font-family:var(--font-ss-display);font-size:1.125rem;font-weight:800;color:var(--color-ss-text-primary);margin:0 0 .5rem}.tip-desc.svelte-1s8a3tk{font-size:.9375rem;color:var(--color-ss-text-secondary);margin:0 0 1rem;line-height:1.5}.tip-code.svelte-1s8a3tk{background:var(--color-ss-bg-dark);border-radius:8px;padding:1rem;margin-bottom:1rem;overflow-x:auto}.tip-code.svelte-1s8a3tk pre:where(.svelte-1s8a3tk){margin:0;font-family:var(--font-ss-mono, monospace);font-size:.75rem;color:var(--color-ss-text-inverse);white-space:pre-wrap}.tip-examples.svelte-1s8a3tk{margin-bottom:1rem}.examples-label.svelte-1s8a3tk{display:block;font-size:.75rem;font-weight:600;color:var(--color-ss-text-muted);margin-bottom:.375rem}.tip-examples.svelte-1s8a3tk ul:where(.svelte-1s8a3tk){margin:0;padding-left:1.25rem}.tip-examples.svelte-1s8a3tk li:where(.svelte-1s8a3tk){font-size:.8125rem;color:var(--color-ss-text-secondary);margin-bottom:.25rem}.tip-impact.svelte-1s8a3tk{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#dcfce7;border:2px solid #16a34a;border-radius:6px;font-size:.8125rem;font-weight:600;color:#166534}.mid-article-cta.svelte-1s8a3tk{margin-top:2rem}.context-grid.svelte-1s8a3tk{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.context-column.svelte-1s8a3tk{display:flex;flex-direction:column;gap:1rem}.column-header.svelte-1s8a3tk{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:3px solid var(--color-ss-border-hard)}.column-icon.svelte-1s8a3tk{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.matters.svelte-1s8a3tk .column-icon:where(.svelte-1s8a3tk){background:#dcfce7;color:#16a34a}.matters-less.svelte-1s8a3tk .column-icon:where(.svelte-1s8a3tk){background:#fee2e2;color:#dc2626}.column-header.svelte-1s8a3tk h3:where(.svelte-1s8a3tk){font-family:var(--font-ss-display);font-size:1rem;font-weight:800;color:var(--color-ss-text-primary);margin:0}.context-card.svelte-1s8a3tk{padding:1.25rem;background:var(--color-ss-bg-overlay);border:2px solid var(--color-ss-border-hard);border-radius:12px}.context-scenario.svelte-1s8a3tk{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--color-ss-text-primary);margin-bottom:.5rem}.context-explain.svelte-1s8a3tk{font-size:.875rem;color:var(--color-ss-text-secondary);margin:0 0 .75rem;line-height:1.5}.context-example.svelte-1s8a3tk{display:inline-block;padding:.25rem .625rem;background:var(--color-ss-bg-base);border:1px solid var(--color-ss-border-subtle);border-radius:4px;font-size:.75rem;font-weight:600;color:var(--color-ss-text-muted)}.sources-grid.svelte-1s8a3tk{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.source-card.svelte-1s8a3tk{display:flex;flex-direction:column;padding:1.25rem;background:var(--color-ss-bg-overlay);border:2px solid var(--color-ss-border-hard);border-radius:10px;text-decoration:none;transition:all .15s;position:relative}.source-card.svelte-1s8a3tk:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--color-ss-shadow)}.source-name.svelte-1s8a3tk{font-weight:700;color:var(--color-ss-text-primary);margin-bottom:.25rem}.source-desc.svelte-1s8a3tk{font-size:.8125rem;color:var(--color-ss-text-muted)}.source-link.svelte-1s8a3tk{position:absolute;top:1rem;right:1rem;color:var(--color-ss-accent)}.cta-section.svelte-1s8a3tk{padding:4rem 1.5rem;background:var(--color-ss-bg-dark);text-align:center}.cta-inner.svelte-1s8a3tk{max-width:600px;margin:0 auto}.cta-label.svelte-1s8a3tk{font-family:var(--font-ss-mono, monospace);font-size:.75rem;font-weight:600;color:var(--color-ss-accent);letter-spacing:.1em;display:block;margin-bottom:.75rem}.cta-section.svelte-1s8a3tk h2:where(.svelte-1s8a3tk){font-family:var(--font-ss-display);font-size:2rem;font-weight:900;color:var(--color-ss-text-inverse);margin:0 0 .75rem}.cta-section.svelte-1s8a3tk p:where(.svelte-1s8a3tk){font-size:1rem;color:#ffffffb3;margin:0 0 2rem;line-height:1.6}.cta-buttons.svelte-1s8a3tk{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.cta-btn.svelte-1s8a3tk{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:700;text-decoration:none;border-radius:8px;transition:all .15s}.cta-btn-primary.svelte-1s8a3tk{background:var(--color-ss-accent);color:#fff;border:3px solid var(--color-ss-border-hard);box-shadow:4px 4px #0000004d}.cta-btn-primary.svelte-1s8a3tk:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0000004d}.cta-btn-secondary.svelte-1s8a3tk{background:transparent;color:var(--color-ss-text-inverse);border:2px solid rgba(255,255,255,.3)}.cta-btn-secondary.svelte-1s8a3tk:hover{background:#ffffff1a;border-color:#ffffff80}.cta-links.svelte-1s8a3tk{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.cta-links.svelte-1s8a3tk a:where(.svelte-1s8a3tk){font-size:.875rem;color:#fff9;text-decoration:none}.cta-links.svelte-1s8a3tk a:where(.svelte-1s8a3tk):hover{color:var(--color-ss-accent);text-decoration:underline}.link-dot.svelte-1s8a3tk{width:4px;height:4px;background:#ffffff4d;border-radius:50%}@media(max-width:900px){.metrics-grid.svelte-1s8a3tk{grid-template-columns:1fr}.table-header.svelte-1s8a3tk,.table-row.svelte-1s8a3tk{grid-template-columns:1fr;gap:.5rem}.table-header.svelte-1s8a3tk span:where(.svelte-1s8a3tk):not(:first-child){display:none}.table-row.svelte-1s8a3tk{padding:1rem}.cell-framework.svelte-1s8a3tk{padding-bottom:.5rem;border-bottom:1px solid var(--color-ss-border-subtle)}.meta-framework-grid.svelte-1s8a3tk,.benefits-grid.svelte-1s8a3tk,.tips-grid.svelte-1s8a3tk,.context-grid.svelte-1s8a3tk,.sources-grid.svelte-1s8a3tk{grid-template-columns:1fr}.code-comparison.svelte-1s8a3tk{flex-direction:column}.code-arrow.svelte-1s8a3tk{justify-content:center;transform:rotate(90deg)}}@media(max-width:640px){.hero.svelte-1s8a3tk h1:where(.svelte-1s8a3tk){font-size:2rem}.hero-stats.svelte-1s8a3tk{flex-direction:column;gap:.75rem}.stat-box.svelte-1s8a3tk{flex-direction:row;justify-content:center;gap:.75rem}.toc-inner.svelte-1s8a3tk{flex-direction:column;gap:.75rem}.toc-links.svelte-1s8a3tk{justify-content:center}.section-header.svelte-1s8a3tk h2:where(.svelte-1s8a3tk){font-size:1.5rem}.bundle-visual.svelte-1s8a3tk{height:150px}.takeaway-box.svelte-1s8a3tk{flex-direction:column;text-align:center}.cta-buttons.svelte-1s8a3tk{flex-direction:column}}