.use-cases-section{background:#09090b;border-top:1px dashed #303034;color:#f1f1f2}.use-cases-heading h2{max-width:690px}.use-cases-heading>p{color:#96969e;max-width:330px}.use-cases-layout{display:grid;grid-template-columns:minmax(220px,.36fr) minmax(0,1fr);border:1px solid #313135;align-items:start}.use-case-tabs{display:flex;flex-direction:column;min-width:0;align-self:stretch;border-right:1px solid #313135;background:#0c0c0e}.use-case-tab{display:block;position:relative;text-align:left;width:100%;padding:28px;border:0;border-bottom:1px dashed #313135;background:transparent;color:#8e8e98;transition:background .18s,color .18s;min-height:174px}.use-case-tab:last-child{border-bottom:0}.use-case-tab:hover{background:#141417;color:#e7e7ea}.use-case-tab[aria-selected=true]{background:#19191d;color:#fff}.use-case-tab[aria-selected=true]:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#f1f1f2}.use-case-tab:focus-visible{outline:2px solid #b5b5c0;outline-offset:-5px}.use-case-tab-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.case-preview-retrieval,.case-preview-toolbar,.case-video-status,.use-case-outcome>span,.use-case-panel-title,.use-case-tab-status,.use-case-tab-top>span,.use-case-tags{font-family:var(--mono,"SFMono-Regular",Consolas,"Liberation Mono",monospace)}.use-case-tab-top>span{font-size:10px;letter-spacing:.1em;color:#94949e}.use-case-tab>strong{display:block;font-size:19px;letter-spacing:-.035em;line-height:1.3;font-weight:600}.use-case-tab-category{display:block;font-size:12px;line-height:1.5;margin-top:7px;color:#94949e}.use-case-tab-status{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:23px;font-size:9px;line-height:1.6;text-transform:uppercase;letter-spacing:.05em;color:#9898a2}.use-case-tab-status svg{opacity:0;transform:translateX(-5px);transition:opacity .18s,transform .18s}.use-case-tab[aria-selected=true] .use-case-tab-status svg{opacity:1;transform:none;color:#f1f1f2}.use-case-panel{min-width:0;background:#0f0f12}.use-case-panel[hidden]{display:none}.use-case-panel:focus-visible{outline:2px solid #9999a5;outline-offset:-5px}.use-case-panel-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 30px;border-bottom:1px dashed #333338;color:#a4a4ae;font-size:9px;line-height:1.7;letter-spacing:.07em;text-transform:uppercase}.use-case-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.use-case-badge.is-built:before{content:"";height:5px;width:5px;border-radius:100%;background:#bdc3bc}.case-preview{margin:30px 30px 0;border:1px solid #36363d;background:#141417;overflow:hidden;box-shadow:10px 10px 0 #09090b,10px 10px 0 1px #29292e}.case-preview-toolbar{height:37px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 16px;border-bottom:1px solid #2b2b30;background:#1a1a1e;color:#9999a2;font-size:8px;letter-spacing:.12em}.case-preview-dots{display:flex;gap:4px}.case-preview-dots i{width:4px;height:4px;background:#67676f;border-radius:50%}.case-preview-platforms{display:flex;gap:10px;align-items:center}.case-preview-platforms img[src="/logos/openai.svg"]{filter:invert(1)}.case-preview-body{padding:26px 29px 24px}.case-preview-app{display:flex;align-items:center;gap:9px;font-size:11px;color:#e5e5e8}.case-preview-app>span{display:grid;place-items:center;width:24px;height:24px;background:#29292f;border:1px solid #45454f;border-radius:5px;font-size:12px}.case-preview-prompt{background:#27272d;border:1px solid #35353c;padding:13px 17px;border-radius:9px 9px 2px 9px;font-size:12px;line-height:1.7;color:#dedee3!important;max-width:86%;margin:21px 0 22px auto}.case-preview-retrieval{display:flex;align-items:center;gap:9px;margin-bottom:15px;color:#a2a2ad;font-size:8px;letter-spacing:.04em;line-height:1.7}.case-preview-retrieval>span:first-child{width:5px;height:5px;border:1px solid #b5b5be;transform:rotate(45deg)}.case-preview-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-preview-source{display:flex;position:relative;align-items:start;gap:10px;padding:16px 23px 16px 13px;border:1px solid #36363f;background:#17171b;min-width:0}.case-preview-source>svg{color:#90909c;margin-top:2px}.case-preview-source>div{min-width:0}.case-preview-source strong{display:block;color:#d8d8e0;font-size:10px;font-weight:500;line-height:1.6}.case-preview-source>div>span{display:block;color:#8d8d9a;font-size:8px;line-height:1.6;margin-top:4px}.case-source-number{position:absolute;right:7px;top:8px;font:8px/1.5 var(--mono,monospace);color:#92929d}.case-preview-response{color:#a5a5b0!important;font-size:11px;line-height:1.8;margin-top:19px}.case-video-status{display:flex;justify-content:center;align-items:center;gap:9px;border-top:1px dashed #38383f;padding:14px 15px;background:#101013;color:#a9a9b3;font-size:10px;line-height:1.5;text-align:center}.case-video-status svg{color:#aaaab5}.use-case-panel-copy{padding:36px 30px 30px}.use-case-panel-copy h3{font-size:26px;font-weight:600;letter-spacing:-.04em;line-height:1.25;max-width:630px}.use-case-panel-copy>p{font-size:14px;color:#a4a4ae;line-height:1.85;margin-top:15px}.use-case-outcome{border-left:1px solid #565662;padding-left:17px;margin:25px 0}.use-case-outcome>span{display:block;font-size:9px;line-height:1.5;letter-spacing:.09em;color:#c9c9d1;margin-bottom:8px}.use-case-outcome>p{font-size:13px;line-height:1.8;color:#a4a4ae;max-width:620px}.use-case-tags{display:flex;flex-wrap:wrap;gap:8px;color:#9898a5;font-size:8px;letter-spacing:.04em;text-transform:uppercase;line-height:1.6}.use-case-tags>span{border:1px solid #36363e;padding:6px 9px}.case-video-frame{margin:30px 30px 0;aspect-ratio:16/9;background:#09090b;border:1px solid #36363d;overflow:hidden}.case-video-frame iframe,.case-video-frame video{display:block;width:100%;height:100%;border:0;-o-object-fit:contain;object-fit:contain}.use-cases-link{display:flex;justify-content:flex-end;margin-top:25px}.use-cases-link a{display:inline-flex;gap:22px;align-items:center;color:#d1d1da;font-size:12px;border-bottom:1px solid #636370;padding-bottom:8px}.use-cases-link a:hover{color:white;border-color:white}.work-case-detail-heading{margin-bottom:35px}.work-case-detail-heading h2{font-size:clamp(2rem,3.2vw,3.3rem)}@media(max-width:1100px){.use-cases-layout{grid-template-columns:230px minmax(0,1fr)}.use-case-tab{padding:25px 22px}.case-preview-body{padding:22px}.case-preview,.case-video-frame{margin:24px 24px 0}.use-case-panel-title{padding:17px 24px}.use-case-panel-copy{padding:33px 24px 27px}.case-preview-sources{gap:8px}.case-preview-source{padding-left:10px;gap:7px}}@media(max-width:800px){.use-cases-layout{grid-template-columns:1fr}.use-case-tabs{border-right:0;border-bottom:1px solid #313135}.use-case-tab{min-height:0;padding:20px 23px;display:grid;grid-template-columns:28px 1fr auto;-moz-column-gap:15px;column-gap:15px;align-items:center}.use-case-tab-top{margin:0;grid-row:span 2}.use-case-tab-top>span{display:none}.use-case-tab>strong{font-size:17px}.use-case-tab-category{font-size:11px;margin-top:3px;grid-column:2}.use-case-tab-status{margin:0;font-size:8px;grid-column:3;grid-row:1/3}.use-case-tab-status svg{display:none}.use-case-panel-title{font-size:8px;padding:16px 23px}.use-case-panel-copy h3{font-size:24px}.use-case-panel-copy>p{font-size:15px}.use-case-outcome>p{font-size:14px}.use-cases-link{justify-content:flex-start}}@media(max-width:520px){.use-case-tab{padding:17px;-moz-column-gap:10px;column-gap:10px;grid-template-columns:23px 1fr}.use-case-tab-top{grid-row:1/4}.use-case-tab-status{grid-column:2;grid-row:auto;font-size:8px;margin-top:8px;color:#aaaab5}.use-case-panel-title{padding:14px 17px;gap:12px;flex-wrap:wrap}.case-preview,.case-video-frame{margin:19px 17px 0;box-shadow:5px 5px 0 #09090b,5px 5px 0 1px #29292e}.case-preview-body{padding:19px 15px}.case-preview-prompt{max-width:95%;font-size:11px;padding:11px 13px}.case-preview-sources{grid-template-columns:1fr}.case-preview-source{padding:12px 24px 12px 12px}.case-preview-source strong{font-size:11px}.case-preview-source>div>span{font-size:9px}.case-preview-retrieval{font-size:7px;gap:7px}.case-preview-response{font-size:11px}.case-video-status{font-size:9px;padding:13px 9px}.use-case-panel-copy{padding:29px 18px 24px}.use-case-panel-copy h3{font-size:23px}.use-case-tags{font-size:7px;gap:6px}.use-case-tags>span{padding:5px 7px}.use-cases-heading>p{font-size:15px}}