*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f7f6;color:#12201d}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 32px;background:rgba(247,249,248,.9);backdrop-filter:blur(18px);border-bottom:1px solid #dce4e1}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#0e3b32;color:#fff}nav{display:flex;gap:18px;color:#53635f;font-size:14px}nav a:hover{color:#0e3b32}.demo-link,.primary,.secondary,button{border:0;border-radius:8px;font-weight:700;cursor:pointer}.demo-link,.primary{background:#0e3b32;color:#fff;padding:11px 16px}.secondary{background:rgba(255,255,255,.86);color:#10231f;padding:11px 16px;border:1px solid rgba(255,255,255,.6)}.hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;overflow:hidden}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,11,.88),rgba(4,13,11,.5) 45%,rgba(4,13,11,.15));}.hero-content{position:relative;max-width:760px;padding:0 32px 72px;color:#fff}.eyebrow,.mini-label{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#4f8f7f}.hero .eyebrow{color:#9ee3d0}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.96;margin:12px 0 20px;letter-spacing:0}.lead{font-size:21px;line-height:1.5;color:#dce9e5;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.band{padding:72px 32px}.section-head{max-width:860px;margin:0 auto 30px;text-align:center}.section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:8px 0 12px;letter-spacing:0}.section-head p{color:#566760;font-size:18px;line-height:1.55}.compact{max-width:760px}.inventory-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.35fr .85fr;gap:20px}.wide-card,.detail-card,.incident-panel,.component-grid article{background:#fff;border:1px solid #dfe7e4;border-radius:8px;box-shadow:0 20px 55px rgba(16,35,31,.08)}.wide-card,.detail-card{padding:22px}.card-head{display:flex;justify-content:space-between;color:#60706c;margin-bottom:16px}.card-head strong{color:#17352f}.tree{display:grid;gap:10px}.tree-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 18px;background:#f7faf9;border:1px solid #e2ebe8;border-radius:8px;color:#18332e;text-align:left}.tree-row.active{background:#e6f3ee;border-color:#add2c5}.tree-row.warn{background:#fff2e8;border-color:#f0bf92;color:#7a340c}.tree-row span{font-size:13px;color:#687773}.detail-card h3,.incident-panel h3{margin:6px 0 18px;font-size:25px}.detail-card dl{display:grid;gap:12px;margin:0}.detail-card div{padding:12px;border-radius:8px;background:#f6f8f7}.detail-card dt{font-size:12px;text-transform:uppercase;color:#71817d;font-weight:800}.detail-card dd{margin:4px 0 0;font-weight:750}.flow{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.flow article{background:#10231f;color:#d8e6e2;border-radius:8px;padding:20px;min-height:210px}.flow span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#9ee3d0;color:#09221d;font-weight:900}.flow h3{font-size:19px;margin:18px 0 10px;color:#fff}.flow p{line-height:1.45;margin:0;color:#c0d1cc}.incident-panel{max-width:980px;margin:20px auto 0;padding:22px;display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:center}.incident-panel p{line-height:1.55;color:#566760}.action-stack{display:grid;gap:10px}.action{border-radius:8px;padding:12px 14px;font-weight:800}.yes{background:#e7f5ed;color:#145333}.neutral{background:#eef2f6;color:#334155}.danger{background:#fff0ec;color:#9f3412}.team{background:#e9f0ff;color:#213f8f}.component-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.component-grid article{padding:20px}.component-grid strong{font-size:19px}.component-grid p{color:#5d6d68;line-height:1.5}@media(max-width:860px){.topbar{padding:12px 16px;align-items:flex-start}.topbar nav{display:none}.hero-content,.band{padding-left:18px;padding-right:18px}.inventory-grid,.incident-panel,.component-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.hero{min-height:72vh}.lead{font-size:18px}}