:root{--ink:#15241f;--paper:#f4f1e8;--acid:#d7f36b;--line:#bfc4b8;--muted:#66726a;--danger:#b8442d;--ok:#377b50}*{box-sizing:border-box}html{background:var(--paper)}body{background:radial-gradient(circle at 85% 15%, #dce7bd 0, transparent 32%), var(--paper);color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif}a{color:inherit}.landing-shell,.console-shell{max-width:1180px;margin:auto;padding:28px 5vw 64px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-bottom:18px;display:flex}.brand{letter-spacing:.12em;font-family:Arial,sans-serif;font-size:1.05rem;font-weight:800;text-decoration:none}.brand span{color:#83931b}.nav-links{gap:20px;font-family:Arial,sans-serif;font-size:.8rem;display:flex}.nav-links a{text-decoration:none}.landing-hero{flex-direction:column;justify-content:center;align-items:end;gap:48px;max-width:760px;min-height:66vh;display:flex}.hero-copy-block{align-self:start}.hero-signal{border-left:1px solid var(--line);gap:10px;min-width:220px;padding:18px 0 18px 20px;font-family:Arial,sans-serif;display:grid}.signal-label,.section-index{letter-spacing:.12em;color:var(--muted);font:700 .7rem Arial,sans-serif}.live-status{color:var(--ok);text-transform:uppercase;font:700 1rem Arial,sans-serif}.live-status i{background:currentColor;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.live-status.degraded{color:var(--danger)}.signal-note{color:var(--muted);font-size:.75rem;line-height:1.4}.eyebrow{letter-spacing:.16em;color:var(--muted);font-family:Arial,sans-serif;font-size:.72rem;font-weight:700}h1{letter-spacing:-.04em;margin:20px 0 30px;font-size:clamp(3.8rem,10vw,8.6rem);font-weight:500;line-height:.86}.hero-copy{max-width:600px;font-size:clamp(1.25rem,2.4vw,2rem);line-height:1.18}.hero-actions{align-items:center;gap:24px;margin-top:36px;font-family:Arial,sans-serif;display:flex}.primary-action{background:var(--ink);color:var(--paper);border-radius:2px;padding:13px 18px;text-decoration:none}.text-action{text-underline-offset:5px;text-decoration:underline}.signal-strip{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding-top:18px;font-family:Arial,sans-serif;display:grid}.signal-strip div{align-items:center;gap:12px;display:flex}.landing-section{border-top:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);gap:36px;padding:70px 0;display:grid}.landing-section h2{color:var(--ink);max-width:680px;margin:0 0 20px;font-size:clamp(2rem,4vw,4rem);font-weight:500;line-height:.98}.landing-section>div>p{color:var(--muted);max-width:600px;font:1rem/1.6 Arial,sans-serif}.product-list{grid-column:2;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;display:grid}.product-list article{border-top:2px solid var(--ink);padding-top:14px}.product-list article>span{color:#83931b;letter-spacing:.12em;font:700 .7rem Arial,sans-serif}.product-list h3{margin:16px 0 10px;font-size:1.3rem;font-weight:500}.product-list p{color:var(--muted);font:.9rem/1.5 Arial,sans-serif}.architecture-section{padding-bottom:110px}.architecture-line{color:var(--muted);letter-spacing:.12em;grid-column:2;align-items:center;gap:14px;margin-top:54px;font:700 .72rem Arial,sans-serif;display:flex}.architecture-line b{background:var(--line);flex:1;height:1px}.signal-strip strong{color:#83931b}.console-header{justify-content:space-between;align-items:end;padding:50px 0 30px;display:flex}.console-layout{grid-template-columns:190px minmax(0,1fr);gap:36px;padding-top:44px;display:grid}.console-title{margin:12px 0 28px;font-size:2rem;font-weight:500}.console-nav{gap:4px;font:.82rem Arial,sans-serif;display:grid}.console-nav a{color:var(--muted);border-left:2px solid #0000;padding:9px 10px;text-decoration:none}.console-nav a:hover,.console-nav a.active{color:var(--ink);background:#d7f36b38;border-left-color:#83931b}.console-content{min-width:0}.section-state{padding:80px 0}.section-state h2{color:var(--ink);margin:10px 0 14px;font-size:2.4rem;font-weight:500}.console-header h1{margin:14px 0 0;font-size:4.5rem}.status-pill{border:1px solid var(--line);border-radius:999px;padding:8px 10px;font:700 .75rem Arial,sans-serif}.online{color:var(--ok)}.degraded{color:var(--danger)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-card,.panel-card{border:1px solid var(--line);background:#ffffff40;padding:18px}.stat-card span,.panel-heading span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font:700 .7rem Arial,sans-serif}.stat-card strong{margin-top:15px;font-size:2rem;display:block}.console-columns{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;display:grid}.panel-card h2{margin:0;font-size:1.25rem;font-weight:500}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:4px;padding-bottom:12px;display:flex}.rows{font-family:Arial,sans-serif}.data-row{border-bottom:1px solid #bfc4b8a6;grid-template-columns:1fr auto;gap:16px;padding:12px 0;font-size:.85rem;display:grid}.data-row:last-child{border-bottom:0}.ok{color:var(--ok)}.warn{color:#9b6a00}.error-row{color:var(--danger);grid-template-columns:180px 1fr}.empty{color:var(--muted);padding:18px 0;font:.9rem Arial,sans-serif}.empty-state{max-width:620px;padding:18vh 0}.empty-state h1{font-size:4.5rem}.empty-state p:last-child{color:var(--muted);font:1.1rem Arial,sans-serif}@media (max-width:700px){.stat-grid{grid-template-columns:1fr 1fr}.console-columns{grid-template-columns:1fr}.console-header{flex-direction:column;align-items:start;gap:20px}.signal-strip{grid-template-columns:1fr;gap:12px}.error-row{grid-template-columns:1fr}.console-layout{grid-template-columns:1fr;gap:12px}.console-nav{padding-bottom:8px;display:flex;overflow-x:auto}.console-nav a{white-space:nowrap;border-bottom:2px solid #0000;border-left:0}.console-nav a:hover,.console-nav a.active{border-bottom-color:#83931b;border-left:0}.landing-section{grid-template-columns:1fr;gap:18px;padding:52px 0}.product-list,.architecture-line{grid-column:1;grid-template-columns:1fr}.architecture-line{flex-wrap:wrap;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
