.hero .lead{max-width:970px}.hero .lead strong{font-weight:650;color:#17273d}
.stack-visual{border:1px solid #dce3eb;background:#f7fafb;border-radius:7px;overflow:hidden}.stack-visual svg{display:block;width:100%;height:auto}
.stack-visual .stage-title{fill:#526b83;font:700 17px Inter,Arial,sans-serif;letter-spacing:1px}.stack-visual .board-name{fill:#244650;font:700 20px Inter,Arial,sans-serif;letter-spacing:.8px}.stack-visual .board-name.light{fill:#f6fbfd}.stack-visual .fine{fill:#607989;font:13px Inter,Arial,sans-serif}.stack-visual .path-name{fill:#815e2e;font:700 15px Inter,Arial,sans-serif}
.role-grid,.option-grid,.model-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.role-grid article,.option-grid article{border-top:2px solid #9fb4bf;padding:10px 2px 0}.option-grid article:nth-child(2){border-color:#b88543}
.role-grid h3,.option-grid h3{font-size:17px;line-height:1.3;margin:7px 0 9px}.role-grid p,.option-grid p{font-size:13px;line-height:1.7;color:#465d74;margin:0 0 10px}.role-grid a{font-size:11px;font-weight:650}.option-grid span{font-size:10px;letter-spacing:.7px;font-weight:700;color:#617086}
.next-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding:12px 14px;background:#17273d;color:white;border-radius:5px;font-size:12px;font-weight:650}.next-link:hover{background:#2c4b69;text-decoration:none}
.model-links a{display:block;background:white;border:1px solid #dce3eb;padding:18px;border-radius:5px}.model-links a:hover{text-decoration:none;background:#edf2f6}.model-links strong,.model-links span{display:block}.model-links strong{color:#17273d;font-size:15px}.model-links span{color:#617086;font-size:11px;margin-top:5px}
@media(max-width:850px){.topbar nav{gap:13px}.role-grid,.option-grid,.model-links{gap:14px}}
@media(max-width:600px){.role-grid,.option-grid,.model-links{grid-template-columns:1fr}.stack-visual{overflow-x:auto}.stack-visual svg{min-width:760px}}