:root{--bg: #f8fafc;--surface: #ffffff;--surface-hover: #f1f5f9;--text: #0f172a;--text-muted: #475569;--text-soft: #64748b;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-light: #dbeafe;--border: #e2e8f0;--border-focus: #2563eb;--header-bg: #1e293b;--header-text: #ffffff;--header-text-muted: #94a3b8;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 20px -4px rgba(0, 0, 0, .12);--font: "Inter", system-ui, -apple-system, sans-serif;--font-size-base: 16px;--font-size-sm: 14px;--font-size-xs: 13px;--font-size-lg: 18px;--font-size-xl: 1.5rem;--font-size-2xl: 2rem}*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:var(--font-size-base);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--header-bg);padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.header__brand-wrap{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--header-text)}.header__logo{height:32px;width:auto;display:block}.header__brand{font-weight:700;font-size:1.125rem;color:var(--header-text);letter-spacing:-.02em}.header__brand-wrap:hover .header__brand{color:var(--header-text);opacity:.9}.header__nav a{color:var(--header-text-muted);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);padding:.5rem .75rem;border-radius:var(--radius);transition:color .15s,background .15s}.header__nav a:hover{color:var(--header-text);background:#ffffff1a}.main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:3rem 1.5rem 4rem}.section{margin-top:2.5rem}.section--first{margin-top:0}.section__overline{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.5rem;font-family:var(--font)}.section__title{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0 0 .75rem}.section__subtitle{font-size:var(--font-size-base);color:var(--text-muted);line-height:1.6;margin:0 0 2rem;max-width:560px}.section__hint{margin-top:1.5rem;margin-bottom:0;font-size:var(--font-size-xs);color:var(--text-soft)}.section__hint code{font-size:var(--font-size-xs);padding:.15rem .4rem;background:var(--surface-hover);border-radius:4px;color:var(--text-muted)}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.demo-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,background .2s}.demo-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);background:var(--surface-hover)}.demo-card__path{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:.5rem}.demo-card__name{font-size:var(--font-size-lg);font-weight:600;color:var(--text);margin:0 0 .5rem}.demo-card__desc{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;line-height:1.5}.tenant-page .main{padding-top:1.5rem}.tenant-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.tenant-bar__name{font-weight:600;font-size:var(--font-size-base);color:var(--text);margin:0}.tenant-bar__back{font-size:var(--font-size-sm);color:var(--text-muted);text-decoration:none;font-weight:500;padding:.4rem .75rem;border-radius:var(--radius);transition:color .15s,background .15s}.tenant-bar__back:hover{color:var(--accent);background:var(--accent-light)}.footer{margin-top:auto;padding:1.5rem 1.5rem 2rem;text-align:center;border-top:1px solid var(--border);background:var(--surface)}.footer{background:var(--header-bg);border-top:none}.footer__text{font-size:var(--font-size-sm);color:var(--header-text-muted);margin:0}.footer__text code{font-size:var(--font-size-xs);padding:.15rem .4rem;background:#ffffff1a;border-radius:4px;color:var(--header-text-muted)}