:root{font-family:Inter,ui-sans-serif,system-ui;color:#10202d;background:#f6f7f8}*{box-sizing:border-box}body{margin:0}header{padding:34px clamp(20px,5vw,72px);background:#071b2a;color:#fff;display:flex;justify-content:space-between;gap:28px;align-items:end}h1{margin:.15rem 0;font-size:clamp(2rem,5vw,4.2rem);line-height:1}.eyebrow{letter-spacing:.16em;font-weight:800;font-size:.72rem;color:#b8d5e8}.legend{display:flex;flex-wrap:wrap;gap:8px}.legend span{padding:7px 10px;border-radius:999px;color:#10202d;font-size:.75rem;font-weight:800}.source{background:#dff4e8}.control{background:#dceaff}.evidence{background:#ffedbd}.ai{background:#e9dcff}.human{background:#ffdce7}main{display:grid;grid-template-columns:260px minmax(0,1fr);max-width:1220px;margin:auto;gap:30px;padding:30px}aside{position:sticky;top:20px;align-self:start}label{display:grid;gap:6px;font-weight:700}select,input{width:100%;padding:12px;border:1px solid #cbd3d9;border-radius:10px;background:white;font-size:1rem}input{margin:12px 0}nav{display:grid;gap:6px}nav button{border:0;background:transparent;text-align:left;padding:10px;border-radius:8px;cursor:pointer}nav button.active,nav button:hover{background:#e6edf2}.hero{background:white;border:1px solid #dce2e6;border-radius:18px;padding:28px;margin-bottom:20px}.tag{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#526776}.flow{display:grid;gap:12px;max-width:720px;margin:28px auto}.step{position:relative;padding:18px 20px;border:1px solid #ccd6dc;border-radius:14px;background:white}.step:not(:last-child):after{content:"↓";position:absolute;bottom:-22px;left:50%;z-index:2;font-weight:900;color:#63727d}.step:nth-child(4n+1){border-left:7px solid #2d7a55}.step:nth-child(4n+2){border-left:7px solid #3b67a8}.step:nth-child(4n+3){border-left:7px solid #a77412}.step:nth-child(4n){border-left:7px solid #6546a6}.outcomes{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:24px}.outcome{background:#eef1f3;border-radius:12px;padding:16px;font-weight:750}.constraints{background:#fff7dc;border:1px solid #e0bc55;border-radius:14px;padding:18px;margin-top:20px}.small{color:#586b78;line-height:1.55}@media(max-width:760px){header{align-items:start;flex-direction:column}main{grid-template-columns:1fr}aside{position:relative;top:0}}