:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f4f9;--bg-elev:#fff;--bg-card:#fff;--border:#ddd6e8;--text:#0f172a;--muted:#64748b;--primary:#502470;--primary-text:#3a1a54;--primary-ink:#fff;--accent:#6b4a86;--ok:#059669;--warn:#d97706;--blocked:#dc2626;--info:#502470;--radius:14px;--shadow:0 8px 24px #5024701f;--font:"Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 10% -10%, #5024701a, transparent 60%), radial-gradient(900px 500px at 100% 0%, #6b4a8614, transparent 55%), var(--bg);min-width:320px}a{color:var(--primary-text);text-decoration:none}button,input,select{font:inherit}code,.mono{font-family:var(--mono);font-size:.9em}.shell{grid-template-rows:auto auto 1fr auto;max-width:1100px;min-height:100dvh;margin:0 auto;padding:0 1rem 1.5rem;display:grid}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 0 .5rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.65rem;display:flex}.brand-lg{margin-bottom:1rem}.brand-mark{background:radial-gradient(circle at 50% 38%, transparent 28%, var(--accent) 29% 48%, transparent 49%), linear-gradient(180deg, transparent 48%, var(--accent) 48% 78%, transparent 78%), #fff;width:2rem;height:2rem;box-shadow:inset 0 0 0 5px #e2e8f0, 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent);border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0}.topbar-right{align-items:center;gap:.75rem;display:flex}.nav-rail{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.35rem;padding:.35rem 0 .75rem;display:flex;overflow-x:auto}.nav-rail::-webkit-scrollbar{display:none}.nav-link{color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;padding:.45rem .8rem;font-size:.92rem}.nav-link.active{color:var(--text);background:var(--bg-card);border-color:var(--border)}.main{padding-bottom:1rem}.foot{text-align:center;padding:1rem 0 .25rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.page-head h1,.panel-head h2,.pillar-card h2{letter-spacing:-.02em;margin:.15rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--primary-text);margin:0;font-size:.72rem;font-weight:600}.muted{color:var(--muted)}.small{font-size:.85rem}.stack{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.stack-lg{flex-direction:column;gap:1.15rem;display:flex}.pillar-grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (width>=720px){.pillar-grid{grid-template-columns:1fr 1fr}.hide-sm{display:inline}}.hide-sm{display:none}.pillar-card,.panel,.login-card{background:linear-gradient(180deg, var(--bg-card), color-mix(in srgb, var(--bg-card) 88%, var(--bg-elev)));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.05rem}.pillar-card{color:inherit;flex-direction:column;gap:.55rem;transition:border-color .15s,transform .15s;display:flex}.pillar-card:hover{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));transform:translateY(-1px)}.pillar-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.card-cta{color:var(--primary-text);margin-top:auto;font-size:.9rem;font-weight:600}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.85rem;display:flex}.metric-row,.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=720px){.metric-grid.calc-result{grid-template-columns:repeat(4,minmax(0,1fr))}}.metric-row dt,.metric-grid dt{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.72rem}.metric-row dd,.metric-grid dd{font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-weight:700}.emphasis{color:var(--accent);font-size:1.2rem}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-ok{color:#06281c;background:color-mix(in srgb, var(--ok) 85%, white)}.badge-warn{color:#3b2a05;background:color-mix(in srgb, var(--warn) 88%, white)}.badge-blocked{color:#3f0d0d;background:color-mix(in srgb, var(--blocked) 88%, white)}.badge-info{color:#0b2748;background:color-mix(in srgb, var(--info) 85%, white)}.action-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.action-link{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 70%, white);color:inherit;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .8rem;display:flex}.action-link:not(.static):hover{border-color:color-mix(in srgb, var(--primary) 50%, var(--border))}.list-row{border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.65rem 0;display:flex}.list-row:last-child{border-bottom:0;padding-bottom:0}.list-row:first-child{padding-top:0}.btn{appearance:none;border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:10px;padding:.55rem .9rem;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-ink);border-color:#0000}.btn-secondary{background:color-mix(in srgb, var(--accent) 18%, var(--bg-card));border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.btn-ghost{background:0 0}.field{flex-direction:column;gap:.35rem;font-size:.92rem;display:flex}.field input[type=email],.field input[type=text],.field input:not([type=checkbox]):not([type=file]),.field input[type=file]{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:10px;padding:.65rem .75rem}.field.checkbox{flex-direction:row;align-items:center;gap:.55rem}.calc-grid{gap:.85rem;margin-bottom:1rem;display:grid}@media (width>=640px){.calc-grid{grid-template-columns:1fr 1fr;align-items:end}.calc-grid .checkbox,.calc-grid .btn{grid-column:span 2}}.center-screen{place-items:center;min-height:100dvh;padding:1.25rem;display:grid}.login-card{width:min(420px,100%)}.callout{border:1px solid var(--border);border-radius:10px;margin:.75rem 0;padding:.75rem .85rem}.callout-warn{background:color-mix(in srgb, var(--warn) 12%, transparent);border-color:color-mix(in srgb, var(--warn) 45%, var(--border))}.callout-ok{background:color-mix(in srgb, var(--ok) 12%, transparent);border-color:color-mix(in srgb, var(--ok) 45%, var(--border))}.callout-info{background:color-mix(in srgb, var(--info) 10%, transparent);border-color:color-mix(in srgb, var(--info) 40%, var(--border))}.error{color:#b91c1c;margin:.35rem 0}.ok-msg{color:#047857}.chip-row{flex-wrap:wrap;gap:.45rem;display:flex}.chip{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .75rem;font-size:.85rem;font-weight:600}.chip.active{color:var(--primary-ink);background:var(--primary);border-color:#0000}