@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3efe7;--bg-strong:#efe7da;--panel:#fffcf6db;--panel-strong:#fffaf3f5;--line:#412d141f;--text:#1c1812;--muted:#6a5a46;--accent:#bd5d2d;--accent-dark:#8d3b16;--ok:#2f7a59;--shadow:0 20px 60px #492b1114}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at top left, #ffb57873, transparent 30%), radial-gradient(circle at right 20%, #aaccb659, transparent 25%), linear-gradient(180deg, #fbf7f0 0%, var(--bg) 100%);font-family:IBM Plex Sans,sans-serif}button,textarea{font:inherit}.shell{width:min(1400px,100vw - 32px);margin:0 auto;padding:32px 0 56px}.hero{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:24px;display:grid}.hero-copy,.hero-card,.panel,.status-card,.toolbar{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.hero-copy,.hero-card,.toolbar,.panel,.status-card{border-radius:28px}.hero-copy{padding:32px;animation:.6s ease-out both rise}.hero-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.locale-toggle{color:var(--accent-dark);cursor:pointer;background:#fffcf6b8;border:1px solid #8d3b162e;border-radius:999px;padding:7px 12px;font-weight:700}.hero-card{background:linear-gradient(#fff4e6f5,#fffaf3f5);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:16px;padding:24px;animation:.7s ease-out both rise;display:grid}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-dark);margin:0 0 12px;font-size:.82rem;font-weight:700}.hero h1{margin:0;font-size:clamp(2.4rem,4vw,4.8rem);line-height:.98}.lead{max-width:62ch;color:var(--muted);margin:18px 0 0;font-size:1.02rem;line-height:1.7}.metric{background:#ffffff94;border:1px solid #8d3b1614;border-radius:20px;padding:18px 20px}.metric-value{font-size:1.55rem;font-weight:700;display:block}.metric-label{color:var(--muted);margin-top:6px;display:block}.metric-note{color:var(--muted);margin-top:8px;font-size:.92rem;line-height:1.6;display:block}.evidence-source{color:var(--muted);grid-column:1/-1;margin:0;padding:4px 2px 0;font-size:.85rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-link{color:var(--accent-dark);background:#fffcf6b3;border:1px solid #8d3b1629;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;text-decoration:none;transition:transform .18s,background-color .18s,color .18s;display:inline-flex}.hero-link.primary{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.hero-link:hover{transform:translateY(-1px)}.proof-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.proof-card,.use-case-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:24px}.proof-card{padding:22px;animation:.75s ease-out both rise}.proof-kicker{color:var(--accent-dark);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:700;display:inline-block}.proof-card h2{margin:0 0 12px;font-size:1.35rem}.proof-card p{color:var(--muted);margin:0;line-height:1.75}.command-list{color:var(--muted);margin:0;padding-left:20px}.command-list li+li{margin-top:8px}.command-list code{color:var(--text);font-family:IBM Plex Mono,monospace}.health-pill{border-radius:999px;align-items:center;padding:8px 14px;display:inline-flex}.health-pill.clean{color:var(--ok);background:#2f7a5924}.health-pill.attention{color:var(--accent-dark);background:#bd5d2d24}.lab-tabs{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#fffaf3e6;border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:24px;padding:8px;display:grid;position:sticky;top:12px}.lab-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:15px;padding:13px 16px;font-weight:700;transition:transform .18s,background-color .18s,color .18s}.lab-tab:hover,.lab-tab.active{color:#fff;background:var(--accent-dark);transform:translateY(-1px)}.lab-view{margin-top:24px}.lab-view>.toolbar,.lab-view>.status-grid{margin-top:0}.toolbar{flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:24px;padding:18px 20px;animation:.8s ease-out both rise;display:flex}.chips,.toggles{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chip,.render-button,.ghost-button{cursor:pointer;border:0;transition:transform .18s,background-color .18s,color .18s}.chip{color:var(--muted);background:#75583814;border-radius:999px;padding:10px 14px}.chip.active,.chip:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.toggle{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.render-button{background:var(--accent-dark);color:#fff;border-radius:14px;padding:12px 18px;font-weight:600}.render-button:hover,.ghost-button:hover{transform:translateY(-1px)}.workspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.panel{padding:20px;animation:.9s ease-out both rise}.panel-head,.status-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.panel-head h2,.status-head h3{margin:0}.panel-head span,.status-head span{color:var(--muted);font-size:.92rem}textarea,pre{background:var(--panel-strong);width:100%;min-height:280px;color:var(--text);border:1px solid #3f2e141f;border-radius:18px;margin:0;padding:16px;font-family:IBM Plex Mono,monospace;font-size:.95rem;line-height:1.6}textarea{resize:vertical}pre{white-space:pre-wrap;word-break:break-word;overflow:auto}.output-panel pre{background:linear-gradient(#fff7eef2,#fffcf7fa)}.ghost-button{color:var(--ok);background:#2f7a591f;border-radius:12px;padding:10px 14px}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.use-case-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.use-case-card{padding:20px;animation:.95s ease-out both rise}.use-case-card h3{margin:0 0 10px}.use-case-card p{color:var(--muted);margin:0;line-height:1.75}.status-card{padding:20px;animation:1s ease-out both rise}.status-list{color:var(--muted);margin:0;padding-left:18px;line-height:1.8}.status-ok{color:var(--ok);margin:0;font-weight:600}.signal-dot{border-radius:50%;width:12px;height:12px}.signal-dot.clean{background:var(--ok);box-shadow:0 0 0 5px #2f7a591f}.signal-dot.attention{background:var(--accent);box-shadow:0 0 0 5px #bd5d2d1f}.compare-view,.conformance-view,.generator-view{animation:.35s ease-out both rise}.parity-banner{border:1px solid #0000;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.parity-banner.clean{color:var(--ok);background:#2f7a591c;border-color:#2f7a592e}.parity-banner.attention{color:var(--accent-dark);background:#bd5d2d1c;border-color:#bd5d2d2e}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.reference-panel pre{background:linear-gradient(#eff7f0f2,#fffcf7fa)}.view-note{color:var(--muted);margin:18px 4px 0;line-height:1.7}.conformance-view{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:28px;overflow:hidden}.conformance-summary{justify-content:space-between;align-items:center;gap:24px;padding:26px;display:flex}.conformance-summary h2{margin:0 0 10px;font-size:2rem}.conformance-summary p{max-width:72ch;color:var(--muted);margin:0;line-height:1.7}.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 26px 26px;display:grid}.evidence-card{border:1px solid var(--line);background:#fffcf7b8;border-radius:18px;padding:18px}.evidence-label{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px;font-size:.76rem;font-weight:700;display:block}.evidence-card strong{color:var(--ink);font-size:1.35rem;display:block}.evidence-card p{color:var(--muted);margin:8px 0 0;line-height:1.55}.mutation-matrix{border-top:1px solid var(--line)}.mutation-matrix summary{color:var(--ink);cursor:pointer;padding:18px 26px;font-size:1rem;font-weight:750}.mutation-table td{vertical-align:top;max-width:34ch;line-height:1.45}.mutation-table td:nth-child(2){font-weight:400}.mutation-status{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 9px;font-size:.74rem;font-weight:800;display:inline-flex}.mutation-status.killed{color:var(--ok);background:#2f7a591f}.mutation-status.survived,.mutation-status.invalid{color:var(--accent-dark);background:#bd5d2d1f}.fixture-summary{border-top:1px solid var(--line)}.table-wrap{border-top:1px solid var(--line);overflow-x:auto}.conformance-table{border-collapse:collapse;width:100%}.conformance-table th,.conformance-table td{text-align:left;border-bottom:1px solid var(--line);padding:14px 26px}.conformance-table th{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem}.conformance-table td:nth-child(2){font-weight:700}.generator-control{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex}.generator-control h2{margin:0 0 10px;font-size:1.8rem}.generator-control p{max-width:74ch;color:var(--muted);margin:0;line-height:1.7}.generator-context{margin-top:20px}.generator-context textarea{min-height:180px}.artifact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.artifact-card:last-child:nth-child(odd){grid-column:1/-1}.artifact-card pre{min-height:180px}.generator-errors{color:var(--accent-dark);background:#bd5d2d1a;border:1px solid #bd5d2d2e;border-radius:20px;margin-top:20px;padding:20px}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.hero,.proof-strip,.workspace,.compare-grid,.artifact-grid,.use-case-grid,.status-grid{grid-template-columns:1fr}.shell{width:min(100vw - 20px,1400px);padding-top:20px}.hero-card{grid-template-columns:1fr}.evidence-source{grid-column:auto}.lab-tabs{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.conformance-summary,.parity-banner,.generator-control{flex-direction:column;align-items:flex-start}.evidence-grid{grid-template-columns:1fr}.artifact-card:last-child:nth-child(odd){grid-column:auto}}