:root{--color-bg:#f4f7fb;--color-bg-soft:#eef3f9;--color-surface:#ffffff;--color-ink:#172033;--color-muted:#5f6b7f;--color-line:#dde4ef;--color-accent:#3157e8;--color-accent-soft:#edf1ff;--color-warn-bg:#fff8e8;--color-warn-border:#f0d48a;--color-warn-ink:#7a5b00;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--shadow:0 10px 30px rgba(23,32,51,0.08);--max-width:1080px;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);color:var(--color-ink);background:linear-gradient(160deg,var(--color-bg) 0,var(--color-bg-soft) 100%);-webkit-font-smoothing:antialiased}body,h1,h2,h3,p{margin:0}a{color:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88em;background:var(--color-bg-soft);padding:.12em .35em;border-radius:4px;word-break:break-all}.app-root{min-height:100vh}.landing{max-width:var(--max-width);margin:0 auto;padding:2.5rem 1.25rem 3rem}.landing__header{text-align:center;margin-bottom:2rem}.landing__eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-soft);padding:.35rem .75rem;border-radius:999px;margin-bottom:.75rem}.landing__title{font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.03em;margin-bottom:.5rem}.landing__subtitle{color:var(--color-muted);line-height:1.6;max-width:36rem;margin:0 auto}.persona-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1rem;gap:1rem;margin-top:1.5rem}.persona-card{display:flex;flex-direction:column;gap:.5rem;padding:1.1rem 1.15rem;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow);text-decoration:none;transition:border-color .15s ease,transform .15s ease}.persona-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.persona-card__label{font-weight:700;font-size:1.05rem}.persona-card__description{color:var(--color-muted);font-size:.92rem;line-height:1.45}.persona-card__route{font-size:.82rem;color:var(--color-accent);font-weight:600}.reference-notice{background:var(--color-warn-bg);border:1px solid var(--color-warn-border);border-radius:var(--radius-md);padding:1rem 1.1rem;color:var(--color-warn-ink);margin-bottom:1.25rem}.reference-notice p{margin-top:.35rem;line-height:1.55;font-size:.92rem}.mock-ui-note{font-size:.72rem;line-height:1.45;color:var(--color-muted);margin:.65rem 0 0}.feature-status-notice{background:var(--color-warn-bg);border:1px solid var(--color-warn-border);border-radius:var(--radius-md);padding:.85rem 1rem;color:var(--color-warn-ink);margin-bottom:1rem;font-size:.88rem;line-height:1.5}.feature-status-notice strong{display:block;margin-bottom:.25rem}.feature-status-notice p{margin:0}.feature-status-notice--ai-paused{background:#f3f0ff;border-color:#c4b5fd;color:#4c1d95}.feature-status-notice--coming-soon{background:#eff6ff;border-color:#93c5fd;color:#1e3a8a}.feature-status-notice--read-only{background:#f8fafc;border-color:#cbd5e1;color:#334155}.feature-status-notice--demo{background:#fffbeb;border-color:#fcd34d;color:#92400e}.data-source-badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;padding:.25rem .55rem;border-radius:999px;border:1px solid transparent}.data-source-badge--api{background:#ecfdf5;border-color:#6ee7b7;color:#065f46}.data-source-badge--mock{background:#fef3c7;border-color:#fcd34d;color:#92400e}.contentWithFab{padding-bottom:5.5rem}.contentWithNavFab{padding-bottom:6.5rem}.persona-shell{min-height:100vh;padding:1.25rem}.persona-shell__inner{max-width:var(--max-width);margin:0 auto}.persona-shell__header{margin-bottom:1.25rem}.link-back{display:inline-block;font-size:.9rem;color:var(--color-accent);text-decoration:none;margin-bottom:.5rem;font-weight:600}.link-back:hover{text-decoration:underline}.persona-shell__title{font-size:clamp(1.4rem,3vw,1.85rem);letter-spacing:-.02em}.dashboard-placeholder{display:grid;grid-template-columns:220px 1fr;grid-gap:1rem;gap:1rem;align-items:start}.dashboard-placeholder__aside{background:var(--color-surface);border:1px dashed var(--color-line);border-radius:var(--radius-md);padding:1rem;min-height:180px}.dashboard-placeholder__aside-label{font-weight:700;margin-bottom:.35rem}.dashboard-placeholder__aside-note{font-size:.85rem;color:var(--color-muted);line-height:1.45}.dashboard-placeholder__main{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow)}.placeholder-panel__badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--color-accent-soft);color:var(--color-accent);padding:.3rem .6rem;border-radius:999px;margin-bottom:.75rem}.placeholder-panel h2{font-size:1.35rem;margin-bottom:.5rem}.placeholder-panel__lead{color:var(--color-muted);line-height:1.55;margin-bottom:1.25rem}.meta-list{display:grid;grid-gap:.85rem;gap:.85rem}.meta-list dt{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin-bottom:.2rem}.meta-list dd{margin:0;line-height:1.5;font-size:.95rem}@media (max-width:768px){.dashboard-placeholder{grid-template-columns:1fr}.landing{padding-top:1.5rem}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}