#result .visual-card,#audience .visual-card{padding:0 0 26px;overflow:hidden}
.visual-card h3,.visual-card>p{margin-left:24px!important;margin-right:24px!important}
.visual-card h3{margin-top:26px!important}
.visual-media{display:block;width:100%;border:0;padding:0;position:relative;background:#e9eef5;overflow:hidden;color:#fff;text-align:left}
button.visual-media{cursor:zoom-in}
.visual-media img{display:block;width:100%;height:210px;object-fit:cover;transition:transform .35s ease}
button.visual-media:hover img{transform:scale(1.035)}
.visual-media:focus-visible{outline:3px solid #5d7bff;outline-offset:-3px}
#result .visual-media img{height:170px;object-fit:cover}
#audience .proposal-grid{gap:24px}
#audience .visual-card{background:#f5f7fb}
#audience .visual-media img{height:230px}
.workflow-visual{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center;margin:40px 0}
.workflow-visual figure{margin:0;min-width:0;background:#f6f8fc;border:1px solid #dae2ef}
.workflow-visual .visual-media{background:#fff}
.workflow-visual .visual-media img{height:auto;object-fit:contain}
.workflow-visual figcaption{padding:24px;font:700 14px Arial;color:#2441ef;letter-spacing:.08em}
.workflow-visual figcaption span{display:block;font:17px/1.5 Arial;color:#102348;letter-spacing:0;margin-top:10px}
.workflow-visual .proposal-grid{grid-template-columns:1fr;margin:0}
.workflow-visual .proposal-grid article{padding:20px 24px;border:0;border-bottom:1px solid #d5ddea}
.workflow-visual .proposal-grid h3{font-size:22px;margin-bottom:10px}
.workflow-visual .proposal-grid p{font-size:16px}
#image-viewer{border:1px solid #ced8e8;padding:56px 24px 24px;max-width:94vw;max-height:94vh;background:#f5f8fc;color:#0a172c;width:1100px}
#image-viewer::backdrop{background:#020b1be6}
#image-viewer>img{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;margin:auto;object-fit:contain}
#image-viewer>p{font:16px/1.5 Arial;margin:22px 0 0;text-align:center}
.viewer-close{position:absolute;right:14px;top:12px;border:1px solid #2441ef;color:#2441ef;background:white;padding:9px 16px;font:15px Arial;cursor:pointer}
@keyframes gentle-enter{from{opacity:.55;transform:translateY(14px)}to{opacity:1;transform:none}}
.gentle-reveal.revealed{animation:gentle-enter .5s ease-out both}
@media(prefers-reduced-motion:reduce){.gentle-reveal.revealed{animation:none}.visual-media img{transition:none}button.visual-media:hover img{transform:none}}
@media(max-width:700px){.workflow-visual{grid-template-columns:1fr;gap:20px}#audience .proposal-grid{gap:24px}#result .visual-media img{height:180px}#audience .visual-media img{height:220px}#image-viewer{padding:56px 12px 20px}.visual-card h3,.visual-card>p{margin-left:20px!important;margin-right:20px!important}}
.proposal-section h2{font-family:'Roboto Condensed',Arial,sans-serif!important;font-weight:800!important}
.case-evidence{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin:36px 0}
.case-evidence figure{margin:0;background:#fff;border:1px solid #dbe2ed}
.case-evidence img{width:100%;aspect-ratio:1;object-fit:contain;background:#b4b4b4;display:block}
.case-evidence figure:nth-child(1) img{object-fit:cover;object-position:center 43%}
.case-evidence figure:nth-child(2) img{background:white}
.case-evidence figcaption{padding:18px;font:700 18px/1.25 'Roboto Condensed',Arial}
.case-evidence figcaption span{display:block;margin-top:8px;font:400 15px/1.5 Inter,Arial;color:#58667c}
.case-insight{background:#07162b;color:white;padding:28px}
.case-insight h3{font:800 28px/1.1 'Roboto Condensed',Arial;margin:16px 0}
.case-insight p{font-size:16px;line-height:1.55}
.case-source{font-size:13px;color:#657187}
.case-render{display:grid;grid-template-columns:1.7fr 1fr;align-items:center;margin:32px 0;background:#fff;border:1px solid #dbe2ed}
.case-render img{display:block;width:100%;height:auto;object-fit:contain}
.case-render figcaption{padding:28px}
.case-render b{display:block;font:800 28px/1.1 'Roboto Condensed',Arial}
.case-render span{display:block;margin-top:16px;font-size:18px;line-height:1.5}
.case-render small{display:block;margin-top:20px;color:#657187;font-size:13px;line-height:1.5}
@media(max-width:800px){.case-render{grid-template-columns:1fr}.case-render figcaption{padding:22px}}
@media(max-width:800px){.case-evidence{grid-template-columns:1fr}.case-evidence img{max-height:400px}.case-sequence{grid-template-columns:1fr}}
#software .proposal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#audience{padding-top:56px;padding-bottom:56px}
#audience h2{font-size:42px;line-height:1.05;max-width:850px}
.audience-chooser{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:24px 0 20px;font:13px Inter,Arial}
.audience-chooser>span{color:#61708a;margin-right:8px}
.audience-chooser button{padding:10px 14px;border:1px solid #cbd5e5;background:white;color:#193256;cursor:pointer;font:inherit}
.audience-chooser button[aria-pressed=true]{background:#2441ef;border-color:#2441ef;color:white}
#audience .proposal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}
#audience .visual-card{padding:20px 0 22px;background:#fff;border-top:2px solid #2441ef}
#audience .role-number{display:block;margin:0 20px;color:#2441ef;font:700 22px 'Roboto Condensed',Arial}
#audience .visual-card h3{font:700 22px/1.15 'Roboto Condensed',Arial;margin:14px 20px 12px!important}
#audience .visual-card>p{font-size:15px;line-height:1.5;margin:0 20px!important}
#audience .visual-media,.audience-shared{display:none}
#audience .proposal-lead{font-size:16px;line-height:1.5;margin-top:22px;margin-bottom:0}
#audience[data-layout=roles] .proposal-grid{margin-top:28px}
#audience[data-layout=roles] .visual-card{padding-top:0}
#audience[data-layout=roles] .visual-media{display:block;background:#f6f8fb}
#audience[data-layout=roles] .visual-media img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
#audience[data-layout=objects] article .visual-media{display:block;margin-top:14px;background:#f0f4f9}
#audience[data-layout=objects] article .visual-media img{height:120px;object-fit:contain}
#audience[data-layout=shared] .audience-body{display:grid;grid-template-columns:.9fr 1.3fr;gap:24px;align-items:center}
#audience[data-layout=shared] .audience-shared{display:block;margin:0}
#audience[data-layout=shared] .audience-shared .visual-media{display:block;background:transparent}
#audience[data-layout=shared] .audience-shared img{height:auto;object-fit:contain}
#audience[data-layout=shared] .proposal-grid{grid-template-columns:1fr;gap:0}
#audience[data-layout=shared] article{position:relative;padding:12px 0 12px 34px;border:0;border-bottom:1px solid #dbe2ed;background:transparent}
#audience[data-layout=shared] .role-number{position:absolute;left:0;top:24px;margin:0}
#audience[data-layout=shared] .visual-card h3{margin-top:8px!important;margin-bottom:6px!important}
@media(max-width:700px){#software .proposal-grid,#audience .proposal-grid,#audience[data-layout=shared] .audience-body{grid-template-columns:1fr}#audience h2{font-size:32px}#audience .proposal-grid{gap:12px}.audience-chooser{gap:6px}.audience-chooser>span{width:100%}#audience[data-layout=shared] .audience-shared img{max-height:220px}}