:root{--bg:#f6f4ef;--surface:#fff;--surface-2:#ece7dc;--text:#13221b;--muted:#687269;--line:#d8d1c2;--accent:#1f7a54;--accent-2:#f2c14e;--danger:#b84a3a;--ok:#2c8f64;--shadow:0 18px 60px #13221b1a}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{letter-spacing:0;min-height:100svh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:0}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{color:#f8f5ec;background:#102a21;flex-direction:column;gap:28px;min-height:100svh;padding:28px 22px;display:flex}.brand{align-items:center;gap:12px;font-size:1.08rem;font-weight:760;display:flex}.brand-mark{color:#102a21;background:#f2c14e;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.nav{gap:6px;display:grid}.nav a,.nav button{color:#f8f5ecc2;cursor:pointer;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 10px;display:flex}.nav a:hover,.nav a:focus-visible,.nav button:hover,.nav button:focus-visible{color:#fff;background:#f8f5ec1a;outline:none}.sidebar-note{color:#f8f5ecad;border-top:1px solid #f8f5ec29;margin-top:auto;padding-top:18px;font-size:.88rem;line-height:1.5}.content{min-width:0;padding:30px clamp(18px,4vw,48px) 48px}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:30px;display:flex}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin:0}h1{letter-spacing:0;margin-top:4px;font-size:clamp(2rem,4vw,4.2rem);line-height:.96}h2{letter-spacing:0;font-size:1.08rem}.muted{color:var(--muted)}.status-pill{color:#176044;white-space:nowrap;background:#e8f2ec;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:.88rem;font-weight:700;display:inline-flex}.hero-plane{color:#fff;min-height:240px;box-shadow:var(--shadow);background:linear-gradient(115deg,#102a21eb,#154734b8),radial-gradient(circle at 78% 20%,#f2c14e6b,#0000 28%),repeating-linear-gradient(90deg,#ffffff14 0 1px,#0000 1px 22px),#154734;border-radius:8px;padding:clamp(22px,4vw,42px);position:relative;overflow:hidden}.hero-plane:after{content:"";border:1px solid #ffffff2e;border-radius:50% 50% 0 0;height:78%;position:absolute;inset:auto -6% -48% 42%;transform:rotate(-6deg)}.hero-grid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(220px,.62fr);align-items:end;gap:28px;display:grid;position:relative}.hero-copy{gap:12px;display:grid}.hero-copy p{color:#ffffffc7;max-width:720px;line-height:1.55}.flow-meter{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border-radius:8px;gap:12px;padding:18px;display:grid}.flow-row,.metric-row,.audit-row,.integration-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.flow-value{font-size:1.7rem;font-weight:780}.grid{gap:18px;display:grid}.grid.two{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.section{border-top:1px solid var(--line);margin-top:22px;padding:22px 0}.panel{border:1px solid var(--line);background:#ffffff9e;border-radius:8px;padding:18px}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.metric{gap:8px;display:grid}.metric-label{color:var(--muted);font-size:.84rem;font-weight:700}.metric-value{font-size:clamp(1.45rem,3vw,2.2rem);font-weight:780}.bar{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.bar span{height:100%;width:var(--value,50%);background:var(--accent);display:block}.button{color:#fff;background:var(--accent);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:760;display:inline-flex}.button.secondary{color:var(--text);background:var(--surface-2)}.button:disabled{opacity:.55;cursor:not-allowed}.list{gap:10px;display:grid}.list-item{border-bottom:1px solid var(--line);gap:8px;padding:13px 0;display:grid}.list-item:last-child{border-bottom:0}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.tag{color:#3d493f;background:#ece7dc;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:.78rem;font-weight:700;display:inline-flex}.form{gap:14px;max-width:420px;display:grid}.input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#fff;border-radius:8px;padding:0 12px}.notice{border-left:4px solid var(--accent-2);color:#5e4b15;background:#fff6dc;border-radius:0 8px 8px 0;padding:12px 14px;line-height:1.5}.page-card{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:760px;margin:10vh auto 0;padding:28px}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:16px}.nav{grid-template-columns:repeat(4,minmax(0,1fr))}.nav a{justify-content:center;font-size:0}.sidebar-note{display:none}.hero-grid,.grid.two,.grid.three{grid-template-columns:1fr}.topbar{flex-direction:column}}