/* source_agent=codex / machine=mac-mini. Existing examples, clear evidence labels, second-level destinations. */
.case-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.case-grid>.case-card{grid-column:span 2}.case-grid>.case-card:nth-last-child(-n+2){grid-column:span 3}.case-roi-visual{margin:0;display:grid;place-items:center;background:#f4f7fc}.case-roi-visual img{display:block;width:100%;height:100%;object-fit:contain}.case-secretary-visual{display:flex;flex-direction:column;justify-content:center;gap:17px;padding:25px;background:linear-gradient(130deg,#eef4ff,#dfeafb)}.case-secretary-cast{display:flex;align-items:center;justify-content:center;gap:12px}.case-secretary-cast>img:first-child{width:40px;height:40px;border:2px solid #fff;object-fit:cover;object-position:50% 28%;border-radius:50%}.case-secretary-cast>img:last-child{width:44px;height:44px;object-fit:contain}.case-secretary-cast>span{font-size:12px;font-weight:700}.case-time-values{display:flex;justify-content:center;align-items:center;gap:25px}.case-time-values>div{display:grid;gap:3px}.case-time-values>div>span{font-size:10px;color:#4f6683}.case-time-values strong{font-size:41px;line-height:1.3;white-space:nowrap;color:#1550a8}.case-time-values strong small{font-size:14px;margin-left:4px}.case-time-values i{width:8px;height:8px;border-top:2px solid #5d80af;border-right:2px solid #5d80af;transform:rotate(45deg)}.case-time-bar{display:grid;grid-template-columns:1fr 3fr;position:relative;overflow:hidden;border-radius:7px;color:#fff;font-size:9px;font-weight:700;line-height:1.5}.case-time-bar>span{padding:7px 2px;text-align:center;background:#174789;white-space:nowrap}.case-time-bar>span+span{background:#d0dff6;color:#25486f}.case-time-bar:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent,#ffffff60,transparent);transform:translateX(-100%);animation:case-time-shine 5s ease-in-out infinite;pointer-events:none}.case-copy>small{display:block;margin-top:14px;line-height:1.7}.case-copy .case-button{margin-top:auto}.case-roi-visual{aspect-ratio:16/10}
@keyframes case-time-shine{0%,55%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}
@media(max-width:1050px){.case-secretary-visual{padding:16px;gap:13px}.case-secretary-cast{gap:7px}.case-secretary-cast>span{font-size:10px}.case-time-values{gap:17px}.case-time-values strong{font-size:35px}.case-time-bar{font-size:8px}}
@media(max-width:899px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-grid>.case-card,.case-grid>.case-card:nth-last-child(-n+2){grid-column:span 1}.case-grid>.case-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.case-secretary-visual{padding:23px;gap:17px}.case-time-values strong{font-size:40px}.case-secretary-cast>span{font-size:12px}}
@media(max-width:620px){.case-grid{grid-template-columns:1fr}.case-grid>.case-card:last-child{grid-column:auto;display:flex}.case-secretary-visual{padding:25px}.case-time-bar{font-size:10px}.case-time-values strong{font-size:44px}.case-time-values{gap:30px}.case-roi-visual{aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){.case-time-bar:after{animation:none}}
/* Leave enough height for the full secretary comparison on narrow screens. */
@media(max-width:620px){.case-secretary-visual{min-height:245px}.case-time-bar{flex-shrink:0}}

.case-secretary-visual{width:100%;min-width:0}

/* Keep target examples distinct from measured results inside the figure itself. */
.case-secretary-visual{position:relative}
.case-target-badge{position:absolute;left:12px;top:6px;padding:1px 6px;border:1px solid #c6d7ef;border-radius:4px;background:#f8fbff;color:#214e88;font-size:11px;font-weight:700;line-height:1.4}
/* Two-column case cards need a compact diagram so the badge, cast and full bar all fit. */
.case-card:has(.case-secretary-visual){container-type:inline-size}
@media(min-width:621px){
 @container(max-width:390px){
 .case-grid .case-secretary-visual{padding:26px 12px 10px;gap:8px}
 .case-grid .case-secretary-cast{gap:8px}
 .case-grid .case-secretary-cast>img:first-child{width:28px;height:28px}
 .case-grid .case-secretary-cast>img:last-child{width:30px;height:30px}
 .case-grid .case-secretary-cast>span{font-size:10px}
 .case-grid .case-time-values{gap:16px}
 .case-grid .case-time-values>div{gap:2px}
 .case-grid .case-time-values strong{font-size:clamp(28px,4.5vw,40px);line-height:1.2}
 .case-grid .case-time-bar{font-size:10px;flex-shrink:0}
 .case-grid .case-time-bar>span{padding-block:3px}
 }
}

/* source_agent=codex / machine=mac-mini. Begin with the model and executive example, then show measured cases and learner voices. */
@media(min-width:900px){#media .case-grid>.case-card{grid-column:span 2}#media .case-grid>.case-card:nth-child(-n+2){grid-column:span 3}}

/* source_agent=codex / machine=mac-mini. Prevent enlarged comparison labels from overlapping or being clipped. */
.case-secretary-visual{aspect-ratio:auto!important;min-height:245px;height:auto}
.case-card>.case-secretary-visual{min-height:62.5cqw}
@media(max-width:620px){.case-card>.case-secretary-visual{min-height:245px}}
.case-secretary-visual>*{flex-shrink:0}
.case-secretary-cast,.case-time-values{flex-wrap:wrap;min-width:0}
.case-time-values>div{min-width:0;max-width:100%}
.case-time-bar>span{min-width:0;white-space:normal;overflow-wrap:anywhere}
.case-target-badge{position:static;align-self:flex-start}
.article-visual .case-secretary-visual{max-height:none!important}

/* source_agent=codex / machine=mac-mini. The model and executive example share
   four intrinsic grid rows: blue heading, diagram, explanation, and article link. */
#media .case-grid>.case-feature-card{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0;align-content:stretch;container-type:normal}
.case-feature-heading{padding:30px 28px 26px;background:linear-gradient(115deg,#174789,#2563b0);color:#fff}
.case-feature-heading>p{margin:0 0 10px;font-size:14px;font-weight:700;line-height:1.6}
#media .case-feature-heading h3{display:block;margin:0;font-size:clamp(24px,2.4vw,32px);line-height:1.45;color:inherit}
.case-feature-heading h3>span{display:block}
#media .case-feature-card>.case-visual{min-height:340px;height:auto;aspect-ratio:auto!important;background:linear-gradient(130deg,#f1f6ff,#e2ecfc)}
#media .case-feature-card .roi-diagram-inner{display:flex;flex-direction:column;justify-content:center;height:100%;min-height:340px;padding:28px}
#media .case-feature-card .roi-diagram-layout{gap:24px;padding:0 0 24px;min-height:190px;flex:1;align-items:stretch}
#media .case-feature-card .roi-column>strong{font-size:32px}
#media .case-feature-card .roi-column>span{font-size:14px}
#media .case-feature-card .roi-diagram-results{display:flex;flex-direction:column;justify-content:center;gap:20px}
#media .case-feature-card .roi-diagram-results>p{font-size:17px;line-height:1.5}
#media .case-feature-card .roi-diagram-results>p>strong{font-size:28px;line-height:1.3}
#media .case-feature-card .roi-diagram-results>p>strong>span{font-size:1.7em}
#media .case-feature-card .roi-created-hours{padding-top:14px}
#media .case-feature-card .roi-created-hours>span{font-size:14px}
#media .case-feature-card .roi-created-hours>strong{font-size:44px;line-height:1.4}
#media .case-feature-card .roi-created-hours>strong>small{font-size:14px}
#media .case-feature-card .roi-next-work{gap:8px}
#media .case-feature-card .roi-next-work>span{padding:9px 4px;font-size:14px}
#media .case-feature-card>.case-secretary-visual{padding:28px;gap:24px;justify-content:center}
#media .case-feature-card .case-secretary-cast{gap:14px}
#media .case-feature-card .case-secretary-cast>img:first-child{width:58px;height:58px}
#media .case-feature-card .case-secretary-cast>img:last-child{width:64px;height:64px}
#media .case-feature-card .case-secretary-cast>span{font-size:18px}
#media .case-feature-card .case-time-values{gap:40px}
#media .case-feature-card .case-time-values>div>span{font-size:15px;color:#395579}
#media .case-feature-card .case-time-values strong{font-size:72px;line-height:1.2}
#media .case-feature-card .case-time-values strong small{font-size:20px}
#media .case-feature-card .case-time-bar{font-size:14px;min-height:40px;align-items:stretch}
#media .case-feature-card .case-time-bar>span{display:grid;place-items:center;padding:9px 4px}
.case-feature-copy{padding:26px 28px 20px;border-top:1px solid #d6e2f1}
.case-feature-copy h4{margin:0 0 12px;font-size:22px;line-height:1.6;color:#153452}
.case-feature-copy p{margin:0;font-size:16px;line-height:1.9;color:#405876}
.case-feature-action{padding:0 28px 28px}
.case-feature-action .case-button{width:100%}
#media .case-detail-card>.case-feature-heading h3{font-size:22px;line-height:1.5}
#media .case-detail-card>.case-visual,#media .case-detail-card>.data-platform-scene{align-self:stretch;min-height:270px;background:linear-gradient(130deg,#f1f6ff,#e2ecfc);height:auto;aspect-ratio:auto}
#media .case-detail-card>.data-platform-scene{color:#173e70;--platform-line:#6b91bc}
#media .case-detail-card .platform-foundation{border-color:#b5cce6;background:#dbe8f9}
#media .case-detail-card .case-feature-copy>.case-metric{margin:0;font-size:16px}
@media(min-width:900px){
 #media .case-grid>.case-detail-card{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0;container-type:normal}
 #media .case-detail-card>.case-feature-heading{padding:26px 24px 22px}
 #media .case-detail-card>.case-feature-copy{padding:24px}
 #media .case-detail-card>.case-feature-action{padding:0 24px 24px}
}
@media(max-width:899px){#media .case-grid>.case-detail-card:last-child{display:flex;grid-template-columns:none}}
@media(min-width:621px) and (max-width:1050px){
 .case-feature-heading{padding:26px 20px 22px}
 #media .case-feature-card>.case-visual{min-height:350px}
 #media .case-feature-card .roi-diagram-inner{padding:20px;min-height:350px}
 #media .case-feature-card .roi-diagram-layout{gap:16px}
 #media .case-feature-card .roi-diagram-results>p>strong{font-size:24px}
 #media .case-feature-card .roi-created-hours>strong{font-size:36px}
 #media .case-feature-card>.case-secretary-visual{padding:20px}
 #media .case-feature-card .case-secretary-cast>span{font-size:16px}
 #media .case-feature-card .case-secretary-cast>img:first-child{width:44px;height:44px}
 #media .case-feature-card .case-secretary-cast>img:last-child{width:48px;height:48px}
 #media .case-feature-card .case-time-values{gap:24px}
 #media .case-feature-card .case-time-values strong{font-size:56px}
 #media .case-feature-card .case-time-bar{font-size:13px}
 .case-feature-copy{padding:24px 20px 18px}
 .case-feature-copy h4{font-size:20px}
 .case-feature-action{padding:0 20px 24px}
}
@media(max-width:620px){
 #media .case-grid>.case-feature-card{grid-row:auto;display:flex}
 .case-feature-heading{padding:26px 22px 22px}
 #media .case-feature-heading h3{font-size:26px}
 #media .case-feature-card>.case-visual{min-height:310px}
 #media .case-feature-card .roi-diagram-inner{padding:22px;min-height:310px}
 #media .case-feature-card .roi-diagram-layout{gap:18px;min-height:180px}
 #media .case-feature-card .roi-diagram-results>p>strong{font-size:24px}
 #media .case-feature-card .roi-created-hours>strong{font-size:36px}
 #media .case-feature-card .roi-next-work>span{font-size:13px}
 #media .case-feature-card>.case-secretary-visual{padding:24px 22px}
 #media .case-feature-card .case-secretary-cast>span{font-size:16px}
 #media .case-feature-card .case-secretary-cast>img:first-child{width:44px;height:44px}
 #media .case-feature-card .case-secretary-cast>img:last-child{width:48px;height:48px}
 #media .case-feature-card .case-time-values{gap:26px}
 #media .case-feature-card .case-time-values strong{font-size:60px}
 #media .case-feature-card .case-time-values strong small{font-size:17px}
 #media .case-feature-card .case-time-bar{font-size:13px}
 .case-feature-copy{padding:24px 22px 18px}
 .case-feature-copy h4{font-size:20px}
 .case-feature-action{padding:0 22px 26px}
}