/* Scenario content shares the home page's type, palette and navigation. */
.scenario-library{scroll-margin-top:110px;margin-top:45px}.scenario-library [hidden]{display:none!important}.catalog-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:25px}.catalog-section-heading .story-kicker{margin:0}.catalog-section-heading>p{flex-shrink:0;color:#96b6ad;font:12px/1.6 var(--mono);margin:0}.catalog-search{display:flex;align-items:center;gap:13px;width:100%;border:1px solid #9dffda35;background:#0c1a20;padding:12px 18px;min-height:56px}.catalog-search:focus-within{border-color:var(--green);box-shadow:0 0 30px #9dffda08}.catalog-search svg{width:22px;height:22px;flex-shrink:0;color:var(--green)}.catalog-search input{font:16px var(--sans);min-width:0;width:100%;border:0;background:none;color:var(--text);padding:5px 0}.catalog-search input:focus-visible{outline:none}.catalog-search input::placeholder{color:#829e9c}.catalog-filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 30px}.catalog-filters button{background:transparent;border:1px solid var(--line);padding:10px 14px;display:flex;align-items:center;gap:12px;min-height:44px;font-size:13px;line-height:1.5;color:#a3b9b5;transition:border-color .2s,background .2s,color .2s}.catalog-filters button>span{font:10px var(--mono);color:#7da197}.catalog-filters button:hover{color:var(--text);border-color:#9dffda77}.catalog-filters button[aria-pressed=true]{background:#102321;border-color:#9dffda80;color:var(--green)}.catalog-filters button[aria-pressed=true]>span{color:#b6ffdf}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 25px;align-items:start}.case-card{--case-color:var(--green);min-width:0;border-top:1px solid #9dffda30;border-bottom:1px solid transparent;scroll-margin-top:110px;transition:border-color .25s,background .25s}.case-card[data-case-category=marketing],.case-card[data-case-category=engineering]{--case-color:#b7a5ff}.case-card[data-case-category=sales],.case-card[data-case-category=finance]{--case-color:#dfc99e}.case-card[data-case-category=people],.case-card[data-case-category=support]{--case-color:#eaaac8}.case-card:hover,.case-card[open]{border-top-color:var(--case-color);background:linear-gradient(135deg,#9dffda05,transparent)}.case-card>summary{list-style:none;padding:25px 12px 28px;display:flex;flex-direction:column;min-height:175px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.case-card>summary::-webkit-details-marker{display:none}.case-card>summary::marker{content:''}.case-card summary:focus-visible,.scenario-demo summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}.case-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--case-color);font:11px/1.6 var(--mono);letter-spacing:.3px}.case-meta>span:last-child{color:#7d9d92}.case-card h3{font-size:23px;line-height:1.4;letter-spacing:-.6px;font-weight:500;margin:18px 0 22px;text-wrap:balance}.case-expand{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;font-size:12px;color:#aac7bb}.case-expand>span{font-size:20px;color:var(--case-color);transition:transform .25s}.case-card[open] .case-expand>span{transform:rotate(45deg)}.case-content{padding:0 12px 25px}.catalog-label{font:10px/1.8 var(--mono);letter-spacing:1px;color:var(--case-color)}.case-prompt{padding:19px 16px;background:#9dffda08;border-left:2px solid var(--case-color);margin-bottom:24px}.case-prompt p,.case-result p{font-size:15px;color:#d0e2d9;line-height:1.9;margin:10px 0 0}.case-result{margin-bottom:24px}.case-modules{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-modules p{font-size:13px;line-height:1.7;margin:10px 0}.case-modules a{font-size:12px;color:#a4b7af}.case-modules a:hover{text-decoration:underline;color:var(--case-color)}.case-contact{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;font-size:13px;color:var(--case-color);line-height:1.65;margin-top:16px}.catalog-empty{text-align:center;padding:50px 20px;border:1px dashed var(--line)}.catalog-empty>span{font-size:40px;color:var(--green)}.catalog-empty h3{font-weight:400;font-size:21px;line-height:1.5}.catalog-empty button{border:1px solid #9dffda60;padding:12px 18px;background:#9dffda0c;font-size:14px;color:var(--green)}.catalog-scope{display:flex;gap:20px;margin:25px 0 0;padding:22px 0;border-top:1px solid var(--line)}.catalog-scope>span{font-size:24px;color:#9dffda}.catalog-scope p{margin:0;max-width:1050px;color:#91a9a5;font-size:13px;line-height:1.9}.catalog-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.scenario-demo{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px;padding:0}.scenario-demo>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px;padding:18px 0;color:var(--green);font-size:17px;cursor:pointer}.scenario-demo>summary::-webkit-details-marker{display:none}.scenario-demo>summary::marker{content:''}.scenario-demo>summary>span{font-size:24px;transition:transform .2s}.scenario-demo[open]>summary>span{transform:rotate(45deg)}.scenario-demo .simulation-note{margin-bottom:24px}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.case-card h3{font-size:23px}}
@media(max-width:600px){.scenario-library{margin-top:28px}.catalog-section-heading{gap:14px;align-items:start}.catalog-section-heading .story-kicker{font-size:10px;line-height:1.8;max-width:65%}.catalog-section-heading>p{font-size:10px;white-space:nowrap;margin-top:3px}.catalog-search{padding:10px 13px}.catalog-search input{font-size:16px}.catalog-filters{gap:7px;margin-bottom:25px}.catalog-filters button{padding:9px 11px;font-size:12px;gap:8px}.catalog-grid{grid-template-columns:1fr;gap:0}.case-card>summary{min-height:150px;padding:22px 2px}.case-card h3{font-size:24px;margin:13px 0 18px}.case-meta{font-size:11px}.case-expand{font-size:13px}.case-content{padding:0 2px 25px}.catalog-label{font-size:11px}.case-prompt p,.case-result p{font-size:16px}.case-contact{font-size:14px}.catalog-scope{gap:12px}.catalog-scope p{font-size:13px}.scenario-demo>summary{font-size:16px}.case-card{scroll-margin-top:100px}}
@media(prefers-reduced-motion:reduce){.case-card,.case-expand>span,.catalog-filters button,.scenario-demo>summary>span{transition:none}}
