:root{color-scheme:light;--ink:#14251f;--muted:#617069;--surface:#f3f6f3;--paper:#fff;--accent:#176b4d;--accent-dark:#0d4b35;--line:#dce5df;--error:#9e2f26}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--surface);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.topbar{align-items:center;background:#10271f;color:#fff;display:flex;justify-content:space-between;padding:1rem max(1.25rem,calc((100vw - 1120px) / 2));position:-webkit-sticky;position:sticky;top:0;z-index:3}.brand{color:#fff;font-size:1.05rem;font-weight:800;text-decoration:none}.topbar nav{align-items:center;display:flex;gap:1.5rem}.demo-badge{background:#244b3d;border:1px solid #396a58;border-radius:999px;color:#d8ece4;font-size:.7rem;font-weight:750;letter-spacing:.06em;margin-left:auto;margin-right:1.5rem;padding:.4rem .7rem;text-transform:uppercase}.language select{background:#17392d;border-color:#46715f;color:#fff;font-size:.8rem;padding:.4rem}.sr-only{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.topbar nav a{color:#cce2d8;text-decoration:none}.nav-button{background:transparent;border:0;color:#cce2d8;cursor:pointer;font:inherit;padding:0}.auth-page{display:grid;min-height:calc(100vh - 72px);place-items:start center}.auth-panel{margin-top:5vh;max-width:460px;width:100%}.auth-panel h1{font-size:2.5rem;margin:.5rem 0}.auth-form{grid-template-columns:1fr;margin-top:1.5rem}.page{margin:0 auto;max-width:1120px;padding:4rem 1.25rem 6rem}.narrow{max-width:800px}.welcome{background:linear-gradient(120deg,#173e30,#1c7252);border-radius:24px;color:#fff;padding:clamp(2rem,6vw,4rem)}.page-title h1,.welcome h1{font-size:clamp(2.5rem,7vw,5rem);letter-spacing:-.055em;line-height:.95;margin:.5rem 0 1rem}.welcome p:last-child{color:#d8ece4;font-size:1.25rem}.eyebrow{color:#54b88d;font-size:.75rem;font-weight:800;letter-spacing:.11em;margin:0;text-transform:uppercase}.metrics{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(4,1fr);margin:1.25rem 0}.card,.panel,.trace-result{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 30px rgba(17,48,37,.045);padding:1.5rem}.card{display:flex;flex-direction:column}.card strong{font-size:2rem}.card span,.muted,small{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.25rem 0 2rem}.button{align-items:center;background:#fff;border:1px solid #b7c9c0;border-radius:9px;color:var(--ink);cursor:pointer;display:inline-flex;font:inherit;font-weight:750;justify-content:center;padding:.8rem 1.15rem;text-decoration:none}.button:hover{border-color:var(--accent);color:var(--accent)}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-dark)}.hero-action{box-shadow:0 8px 20px rgba(23,107,77,.18)}h2{font-size:1.5rem;margin:.45rem 0 1rem}.activity{list-style:none;margin:0;padding:0}.activity li{align-items:center;border-top:1px solid var(--line);display:flex;gap:1rem;padding:1rem 0}.activity small,.trace-result small{display:block;margin-top:.25rem}.event-dot{background:#50b487;border-radius:50%;height:.65rem;width:.65rem}.page-title{margin-bottom:2rem}.page-title p:last-child{color:var(--muted);font-size:1.1rem}.form{display:grid;grid-gap:1.2rem;gap:1.2rem;grid-template-columns:1fr 1fr}.form label,.search label{display:flex;flex-direction:column;font-size:.85rem;font-weight:750;gap:.45rem}.wide{grid-column:1/-1}input,select{background:#fff;border:1px solid #b7c9c0;border-radius:8px;color:var(--ink);font:inherit;padding:.85rem;width:100%}input:focus,select:focus{border-color:var(--accent);outline:3px solid #d6eee3}.alert{border-radius:10px;font-weight:650;padding:1rem}.alert.error{background:#fae9e7;color:var(--error)}.alert.success{background:#e2f3eb;color:var(--accent)}.search{margin-bottom:1.5rem}.search>div{display:flex;gap:.75rem;margin-top:.5rem}.trace-result{padding:clamp(1.25rem,4vw,2.25rem)}.trace-header{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding-bottom:1.25rem}.trace-header h2{font-size:2rem;margin:.35rem 0}.trace-header>div:last-child{text-align:right}.trace-header>div:last-child strong{font-size:1.4rem}.fact-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(3,1fr);padding:1.5rem 0}.fact-grid div{background:#f6f8f6;border-radius:10px;padding:1rem}.fact-grid strong{display:block;margin-top:.35rem}.trace-flow{border-top:1px solid var(--line);display:grid;grid-gap:3rem;gap:3rem;grid-template-columns:1fr 1fr;padding-top:1.5rem}.destination,.node{border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;padding:1rem}.node.focus{border-color:#67ae8e;background:#eff8f4}.arrow{color:var(--accent);display:block;font-size:1.5rem;padding:.4rem 1rem}.destination{align-items:center;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:auto 1fr;margin-bottom:.75rem}.destination>span{background:#e4f2eb;border-radius:8px;color:var(--accent-dark);font-weight:800;padding:.6rem}.destination small{line-height:1.4}.data-status{background:#f6f8f6;border-radius:12px;margin-top:2rem;padding:1.25rem}.data-status h3{font-size:1.1rem;margin:0 0 1rem}.data-status ul{display:grid;grid-gap:.55rem;gap:.55rem;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.data-status li{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;padding:.7rem}.data-status strong{font-size:.75rem}.complete{color:var(--accent)}.incomplete{color:#9b6b16}.data-status>p{color:var(--muted);font-size:.8rem;line-height:1.5;margin:1rem 0 0}@media (max-width:700px){.demo-badge{display:none}.topbar nav{gap:.75rem}.page{padding-top:2rem}.metrics{grid-template-columns:1fr 1fr}.form,.trace-flow{grid-template-columns:1fr}.form .wide{grid-column:auto}.fact-grid{grid-template-columns:1fr}.search>div{align-items:stretch;flex-direction:column}.trace-header{gap:1rem}.trace-header>div:last-child{text-align:left}.data-status ul{grid-template-columns:1fr}}