.feature-card.svelte-1tvhds4{padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.feature-card.svelte-1tvhds4:hover{border-color:var(--odin-accent);box-shadow:var(--shadow-md)}.feature-icon.svelte-1tvhds4{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--odin-accent);margin-bottom:var(--space-md);transition:transform var(--transition-base),background var(--transition-base)}.feature-card.svelte-1tvhds4:hover .feature-icon:where(.svelte-1tvhds4){transform:scale(1.1) rotate(-4deg);background:var(--bg-elevated)}h3.svelte-1tvhds4{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-sm)}p.svelte-1tvhds4{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.table-wrapper.svelte-1hxj3hf{overflow-x:auto;border:1px solid var(--border-primary);border-radius:var(--radius-lg)}table.svelte-1hxj3hf{width:100%;border-collapse:collapse;font-size:.875rem}thead.svelte-1hxj3hf{background:var(--bg-tertiary)}th.svelte-1hxj3hf{padding:var(--space-md) var(--space-lg);text-align:center;font-weight:600;font-size:.95rem;color:var(--text-primary);border-bottom:1px solid var(--border-primary);white-space:nowrap}th.svelte-1hxj3hf:first-child{text-align:left}th.highlight.svelte-1hxj3hf{color:var(--odin-accent)}.odin-logo-header.svelte-1hxj3hf{display:inline-block;transform:scale(.8);transform-origin:center}td.svelte-1hxj3hf{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-secondary);text-align:center}.feature-name.svelte-1hxj3hf{text-align:left;font-weight:500;color:var(--text-primary);white-space:nowrap}.icon-yes.svelte-1hxj3hf{color:#22c55e}.icon-no.svelte-1hxj3hf{color:#ef4444}.icon-partial.svelte-1hxj3hf{color:#f59e0b}.text-value.svelte-1hxj3hf{color:var(--text-secondary);font-size:.8rem}tr.svelte-1hxj3hf:last-child td:where(.svelte-1hxj3hf){border-bottom:none}.legend.svelte-1hxj3hf{display:flex;justify-content:flex-end;padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--border-secondary)}.legend-item.svelte-1hxj3hf{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;color:#f59e0b}.hero.svelte-1uha8ag{padding:var(--space-4xl) 0}.hero-split.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.hero-content.svelte-1uha8ag{display:flex;flex-direction:column;gap:var(--space-lg)}.hero-logo.svelte-1uha8ag{margin-bottom:var(--space-sm)}.hero-tagline.svelte-1uha8ag{font-size:1.5rem;font-weight:600;color:var(--text-primary);line-height:1.4;font-style:italic}.hero-sub.svelte-1uha8ag{font-size:1.05rem;color:var(--text-secondary);line-height:1.7}.hero-actions.svelte-1uha8ag{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.hero-sample.svelte-1uha8ag{perspective:800px;display:flex;justify-content:center}.sample-card.svelte-1uha8ag{background:var(--bg-code);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transform:rotateY(-4deg) rotateX(2deg);box-shadow:var(--sample-shadow);transition:transform var(--transition-base),box-shadow var(--transition-base);max-width:540px;width:100%}.sample-card.svelte-1uha8ag:hover{transform:rotateY(-2deg) rotateX(1deg);box-shadow:var(--sample-shadow-hover)}.sample-header.svelte-1uha8ag{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.sample-dot.svelte-1uha8ag{width:8px;height:8px;border-radius:50%;background:var(--odin-orange)}.sample-label.svelte-1uha8ag{font-size:.75rem;color:var(--text-tertiary)}.sample-body.svelte-1uha8ag{position:relative}.sample-playground-btn.svelte-1uha8ag{position:absolute;top:15px;right:15px;display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;background:var(--bg-tertiary);color:var(--odin-orange);border:1px solid var(--odin-orange);transition:all var(--transition-fast);z-index:1}.sample-playground-btn.svelte-1uha8ag:hover{background:var(--odin-orange);color:var(--text-on-accent)}.sample-code.svelte-1uha8ag{padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);font-size:.78rem;line-height:1.65;overflow-x:auto;margin:0;color:var(--text-primary)}.btn.svelte-1uha8ag{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;transition:all var(--transition-fast)}.btn-primary.svelte-1uha8ag{background:var(--odin-accent);color:var(--text-on-accent)}.btn-primary.svelte-1uha8ag:hover{background:var(--odin-accent-hover);color:var(--text-on-accent)}.btn-primary.svelte-1uha8ag svg{transition:transform var(--transition-fast)}.btn-primary.svelte-1uha8ag:hover svg{transform:translate(3px)}.btn-secondary.svelte-1uha8ag{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary.svelte-1uha8ag:hover{border-color:var(--odin-accent);color:var(--text-primary)}.stats-strip.svelte-1uha8ag{padding:var(--space-lg) 0 var(--space-2xl)}.stats-row.svelte-1uha8ag{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.stat-item.svelte-1uha8ag{display:inline-flex;align-items:baseline;gap:.35em}.stat-value.svelte-1uha8ag{font-size:1.3rem;font-weight:700;color:var(--odin-accent);font-variant-numeric:tabular-nums}.stat-label.svelte-1uha8ag{font-size:.9rem;color:var(--text-tertiary);font-weight:400}.stats-sep.svelte-1uha8ag{width:4px;height:4px;border-radius:50%;background:var(--text-tertiary);opacity:.4}.section-title.svelte-1uha8ag{text-align:center;margin-bottom:var(--space-sm)}.section-subtitle.svelte-1uha8ag{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-2xl);font-size:1rem}.features.svelte-1uha8ag{padding:var(--space-4xl) 0;background:var(--bg-secondary);border-top:1px solid transparent;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--border-primary),var(--odin-accent),var(--border-primary),transparent) 1}.features-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg)}.canonical.svelte-1uha8ag{padding:var(--space-4xl) 0;background:var(--bg-secondary);border-top:1px solid transparent;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--border-primary),var(--odin-accent),var(--border-primary),transparent) 1}.canonical-prose.svelte-1uha8ag{max-width:600px;margin:0 auto var(--space-2xl);text-align:center}.canonical-prose.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--text-secondary);line-height:1.8}.canonical-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.canonical-card.svelte-1uha8ag{padding:var(--space-lg);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:border-color var(--transition-base)}.canonical-card.svelte-1uha8ag:hover{border-color:var(--odin-accent)}.canonical-icon.svelte-1uha8ag{color:var(--odin-accent);margin-bottom:var(--space-md)}.canonical-card.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:.95rem;margin-bottom:var(--space-sm)}.canonical-card.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:.85rem;color:var(--text-secondary);line-height:1.6}.forms-section.svelte-1uha8ag{padding:var(--space-4xl) 0}.forms-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.forms-feature.svelte-1uha8ag{padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:border-color var(--transition-base)}.forms-feature.svelte-1uha8ag:hover{border-color:var(--odin-accent)}.forms-feature.svelte-1uha8ag strong:where(.svelte-1uha8ag){display:block;font-size:.95rem;margin-bottom:var(--space-sm)}.forms-feature.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0}.forms-feature.svelte-1uha8ag code:where(.svelte-1uha8ag){font-size:.8rem;background:var(--bg-tertiary);padding:1px 5px;border-radius:var(--radius-sm);color:var(--odin-accent)}.forms-cta.svelte-1uha8ag{display:flex;justify-content:center;gap:var(--space-md)}.btn-secondary.svelte-1uha8ag{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-xl);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.btn-secondary.svelte-1uha8ag:hover{color:var(--odin-accent);border-color:var(--odin-accent);background:var(--bg-secondary)}.transform-showcase.svelte-1uha8ag{padding:var(--space-4xl) 0}.showcase-panels.svelte-1uha8ag{display:flex;align-items:stretch;gap:var(--space-md);margin-bottom:var(--space-xl)}.showcase-card.svelte-1uha8ag{flex:.8;min-width:0;display:flex;flex-direction:column;background:var(--bg-code);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.showcase-card.showcase-visible.svelte-1uha8ag{opacity:1;transform:translateY(0)}.showcase-flow-arrow.svelte-1uha8ag{display:flex;align-items:center;justify-content:center;color:var(--odin-accent);opacity:0;transform:translate(-10px);transition:opacity .4s ease,transform .4s ease;flex-shrink:0}.showcase-flow-arrow.showcase-visible.svelte-1uha8ag{opacity:1;transform:translate(0)}.showcase-card-accent.svelte-1uha8ag{flex:1.4;border-color:var(--odin-accent);box-shadow:0 0 20px #34a3f51a}.showcase-header.svelte-1uha8ag{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.showcase-code.svelte-1uha8ag{flex:1;padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);font-size:.78rem;line-height:1.65;margin:0;overflow:hidden;color:var(--text-primary)}.showcase-cursor.svelte-1uha8ag{color:var(--odin-orange);font-weight:700;animation:svelte-1uha8ag-cursorBlink .6s step-end infinite}@keyframes svelte-1uha8ag-cursorBlink{0%,to{opacity:1}50%{opacity:0}}.showcase-cta.svelte-1uha8ag{display:flex;justify-content:center;gap:var(--space-md)}.comparison.svelte-1uha8ag{padding:var(--space-4xl) 0}.open-source.svelte-1uha8ag{padding:var(--space-4xl) 0;background:var(--bg-secondary);border-top:1px solid transparent;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--border-primary),var(--odin-accent),var(--border-primary),transparent) 1}.open-source-inner.svelte-1uha8ag{display:flex;align-items:center;gap:var(--space-3xl)}.open-source-content.svelte-1uha8ag{flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.open-source-content.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:1rem;color:var(--text-secondary);line-height:1.8}.open-emphasis.svelte-1uha8ag{font-size:1.05rem!important;font-weight:600;color:var(--text-primary)!important;padding-left:var(--space-md);border-left:3px solid var(--odin-accent)}.open-source-links.svelte-1uha8ag{display:flex;flex-direction:column;gap:var(--space-md);flex-shrink:0}.purpose.svelte-1uha8ag{padding:var(--space-4xl) 0;text-align:center}.purpose-lead.svelte-1uha8ag{font-size:1.25rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-sm)}.purpose-sub.svelte-1uha8ag{font-size:1rem;color:var(--text-secondary);max-width:640px;margin:0 auto var(--space-2xl);line-height:1.8}.purpose-grid.svelte-1uha8ag{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-2xl)}.purpose-item.svelte-1uha8ag{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.purpose-item.svelte-1uha8ag:hover{border-color:var(--odin-accent);box-shadow:0 0 16px #34a3f51f}.purpose-item.svelte-1uha8ag svg{color:var(--odin-accent);flex-shrink:0;transition:transform var(--transition-base)}.purpose-item.svelte-1uha8ag:hover svg{transform:scale(1.15)}.purpose-closing.svelte-1uha8ag{font-size:1rem;color:var(--text-tertiary);font-style:italic;line-height:1.8}.types-callout.svelte-1uha8ag{margin-top:var(--space-3xl);width:min(1280px,calc(100vw - var(--space-2xl)));margin-left:calc(50% - min(640px,calc(50vw - var(--space-lg))));padding:var(--space-2xl);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary)}.types-heading.svelte-1uha8ag{display:flex;align-items:center;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-md);color:var(--odin-accent)}.types-heading.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0}.types-lead.svelte-1uha8ag{text-align:center;font-size:1rem;color:var(--text-secondary);max-width:720px;margin:0 auto var(--space-2xl);line-height:1.6}.types-compare.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.types-col.svelte-1uha8ag{display:flex;flex-direction:column;text-align:left}.types-label.svelte-1uha8ag{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--space-sm)}.types-code.svelte-1uha8ag{flex:1;margin:0 0 var(--space-md);padding:var(--space-md);background:var(--bg-code, var(--bg-primary));border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.875rem;line-height:1.6;color:var(--text-primary);overflow-x:auto}.types-caption.svelte-1uha8ag{font-size:.85rem;color:var(--text-tertiary);font-style:italic;margin:0;line-height:1.5}@media(max-width:768px){.types-compare.svelte-1uha8ag{grid-template-columns:1fr}.stats-row.svelte-1uha8ag{gap:var(--space-md)}.stats-sep.svelte-1uha8ag{display:none}}.cta.svelte-1uha8ag{padding:var(--space-4xl) 0;background:var(--bg-secondary);border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--border-primary),var(--odin-accent),var(--border-primary),transparent) 1;position:relative;overflow:hidden}.cta-glow.svelte-1uha8ag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(52,163,245,.06) 0%,transparent 70%);animation:svelte-1uha8ag-breathe 4s ease-in-out infinite;pointer-events:none}@keyframes svelte-1uha8ag-breathe{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.cta-inner.svelte-1uha8ag{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.cta-inner.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--text-secondary);max-width:500px}.cta-links.svelte-1uha8ag{display:flex;gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center}@media(max-width:960px){.showcase-panels.svelte-1uha8ag{flex-direction:column}.showcase-flow-arrow.svelte-1uha8ag,.showcase-flow-arrow.showcase-visible.svelte-1uha8ag{transform:rotate(90deg) translate(0)}.hero-split.svelte-1uha8ag{grid-template-columns:1fr}.hero-content.svelte-1uha8ag{text-align:center;align-items:center}.hero-sub.svelte-1uha8ag{max-width:560px}.hero-sample.svelte-1uha8ag{perspective:none}.sample-card.svelte-1uha8ag{transform:none;max-width:520px;margin:0 auto}.sample-card.svelte-1uha8ag:hover{transform:none}}@media(max-width:768px){.hero.svelte-1uha8ag{padding:var(--space-2xl) 0}.hero-tagline.svelte-1uha8ag{font-size:1.15rem}.hero-sub.svelte-1uha8ag{font-size:.9rem}.hero-actions.svelte-1uha8ag{flex-direction:column;width:100%}.btn.svelte-1uha8ag{justify-content:center}.hero-sample.svelte-1uha8ag{max-width:100%;overflow:hidden}.sample-card.svelte-1uha8ag{max-width:100%}.sample-code.svelte-1uha8ag{font-size:.68rem}.sample-playground-btn.svelte-1uha8ag{padding:var(--space-xs) var(--space-md);font-size:.75rem}.showcase-cta.svelte-1uha8ag{flex-direction:column;width:100%}.showcase-cta.svelte-1uha8ag .btn:where(.svelte-1uha8ag){width:100%}.features-grid.svelte-1uha8ag{grid-template-columns:1fr}.open-source-inner.svelte-1uha8ag{flex-direction:column}.open-source-links.svelte-1uha8ag{flex-direction:row;width:100%}.purpose-grid.svelte-1uha8ag{flex-direction:column;align-items:center}}