:root{--accent: #e05c2a;--bg: #f0efed;--surface: #ffffff;--surface-2: #f7f6f4;--border: #e4e3e0;--text-1: #181816;--text-2: #5c5c58;--text-3: #9c9c97;--green: #2d8a4e;--amber: #b86e00;--red: #c0392b;--nav-h: 52px;--panel-w: 320px;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", ui-monospace, "Cascadia Code", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-1);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav{height:var(--nav-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:24px;position:sticky;top:0;z-index:20}.nav-brand{display:flex;align-items:baseline;gap:8px;text-decoration:none}.nav-brand .wordmark{font-weight:700;font-size:15px;letter-spacing:-.01em}.nav-brand .wordmark .tick{color:var(--accent)}.nav-brand .tag{font-family:var(--font-mono);font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}.nav-links{display:flex;gap:4px;margin-left:8px}.nav-link{border:0;background:transparent;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer}.nav-link:hover,.nav-link.active{background:var(--surface-2);color:var(--text-1)}.nav-spacer{flex:1}.nav-env{font-family:var(--font-mono);font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border);border-radius:4px;padding:2px 6px}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-1);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:#c94e20}.landing{min-height:calc(100% - var(--nav-h));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.landing-copy{padding:96px 64px;max-width:640px;justify-self:end}.eyebrow{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:20px}.landing h1{font-size:40px;line-height:1.12;letter-spacing:-.02em;font-weight:700;margin-bottom:20px}.landing .sub{font-size:16px;color:var(--text-2);margin-bottom:32px;max-width:46ch}.landing-actions{display:flex;gap:12px;margin-bottom:48px}.feature-rows{border-top:1px solid var(--border)}.feature-row{display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.feature-row .k{font-family:var(--font-mono);font-size:11px;color:var(--text-3);min-width:120px;text-transform:uppercase;letter-spacing:.06em}.feature-row .v{font-size:13px;color:var(--text-2)}.landing-visual{background:var(--surface-2);border-left:1px solid var(--border);position:relative;overflow:hidden;min-height:480px}.shell{height:calc(100vh - var(--nav-h));display:flex}.panel{width:var(--panel-w);background:var(--surface);border-right:1px solid var(--border);padding:20px;overflow-y:auto;flex-shrink:0}.panel h2{font-size:13px;font-weight:600;margin-bottom:4px}.panel .hint{font-size:12px;color:var(--text-3);margin-bottom:16px}.panel-section{border-top:1px solid var(--border);padding-top:14px;margin-top:14px}.panel-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:8px}.toggle-group{display:flex;gap:6px;flex-wrap:wrap}.toggle{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;cursor:pointer}.toggle.active{background:var(--text-1);border-color:var(--text-1);color:#fff}.map-area{flex:1;position:relative;background:var(--surface-2)}.map-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.map-placeholder .card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px 28px;max-width:380px;text-align:center}.map-placeholder .card .mono{font-family:var(--font-mono);font-size:11px;color:var(--text-3);margin-top:8px}.grid-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px}.grid-backdrop:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--accent);opacity:.65}.parcel-chip{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;box-shadow:0 8px 24px #1818160f}.parcel-chip .folio{font-family:var(--font-mono);font-size:10px;color:var(--text-3)}.parcel-chip .val{font-size:15px;font-weight:700;margin-top:2px}.parcel-chip .delta{font-size:11px;font-weight:600}.delta.up{color:var(--green)}.delta.watch{color:var(--amber)}.center-page{min-height:calc(100vh - var(--nav-h));display:grid;place-items:center;padding:40px}@media(max-width:900px){.landing{grid-template-columns:1fr}.landing-copy{padding:56px 24px;justify-self:start}.landing-visual{display:none}.panel{width:260px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}