/* Six views of the same company, with timing owned by the shared host. */
.software-company-model:not(.active){display:none}
.company-model-story{display:grid;align-items:start}
.company-model-beat{grid-area:1/1;visibility:hidden;opacity:0;pointer-events:none}
.company-model-beat.active{visibility:visible;opacity:1;animation:company-copy-in .22s ease-out both}
.company-model-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin-top:24px;pointer-events:auto}
.company-model-nav button{display:flex;align-items:center;gap:8px;border:0;border-bottom:1px solid #ffffff25;background:transparent;padding:9px 0;color:#8d9fa9;font:10px var(--mono);text-align:left;cursor:pointer}
.company-model-nav small{font:8px var(--mono);color:#667b87}
.company-model-nav button[aria-pressed="true"]{color:#d7eef0;border-color:#a7dce0}
.company-model-nav button[aria-pressed="true"] small{color:#a7dce0}
.company-model-nav button:hover{color:#e7f6f7;border-color:#a7dce099}
.company-model-nav button:focus-visible{outline:1px solid #a7dce0;outline-offset:4px}
.company-model-hint{font:9px/1.7 var(--mono);color:#7d969f;margin:15px 0 0}
@keyframes company-copy-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-height:800px){.company-model-nav{margin-top:18px;gap:5px 12px}.company-model-nav button{padding:8px 0}.company-model-hint{font-size:8px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.company-model-beat.active{animation:none}}