.use-intro{padding:140px 6% 55px}.use-cases .use-intro h1{font-size:clamp(55px,7.5vw,108px);line-height:.98;margin:25px 0 35px}.use-intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px}.use-intro-bottom p{font-size:18px;line-height:1.7;color:#b2c1b6;max-width:59ch;margin:0}.use-intro-bottom>span{font:10px/1.8 monospace;color:#809b88;letter-spacing:1px;flex-shrink:0}.case-explorer{margin:0 6% 60px;border-top:1px solid #a4b6a536}.case-tablist{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid #a4b6a536}.case-tablist button{border:0;border-bottom:2px solid transparent;background:transparent;color:#9fb0a3;text-align:left;padding:22px 12px;font-family:inherit;font-size:12px;line-height:1.5;cursor:pointer;transition:background .2s}.case-tablist small{display:block;font:10px monospace;color:#779581;margin-bottom:12px}.case-tablist button[aria-selected=true]{background:#1b2a20;border-bottom-color:#c4d8bb;color:#e0ecd9}.case-tablist button:hover{background:#1a241d}.case-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding:45px 0 10px;animation:caseIn .3s ease-out}.case-panel[hidden]{display:none}.case-story h2{font-size:clamp(35px,3.8vw,55px)}.case-situation{font-size:16px;line-height:1.75;color:#b3c1b6;min-height:85px}.case-visual{margin-top:28px;background:#0b100c;border:1px solid #a4b6a536;overflow:hidden}.case-visual>img{display:block;width:100%;height:auto}.visual-caption{display:flex;gap:14px;padding:17px;font:10px/1.6 monospace;color:#adc6af}.visual-caption span{color:#d1ddce}.case-example{font:9px/1.7 monospace;letter-spacing:.8px;color:#829a89}.case-explanation{padding-top:4px}.case-explanation>div{padding:24px 0;border-bottom:1px solid #a4b6a536}.case-explanation>div:first-child{padding-top:0}.case-explanation>div>span{font:10px/1.6 monospace;letter-spacing:1px;color:#a0c2ab}.case-explanation>div>p{font-size:15px;line-height:1.8;color:#c4d1c3;margin:12px 0 0}.case-boundary{font-size:12px;line-height:1.8;color:#8ea195;margin:23px 0}.case-link{display:inline-block;font-size:13px;color:#d5e5cc;text-underline-offset:6px;padding:10px 0}.scope-visual,.type-visual{padding:30px}.visual-overline{font:9px/1.7 monospace;letter-spacing:1px;color:#839e8b}.case-visual h3{font:32px/1.1 Georgia,serif;color:#dce8d6;margin:22px 0}.scope-visual dl{margin:25px 0 0}.scope-visual dl>div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #a4b6a526;padding:14px 0;font-size:12px}.scope-visual dd{margin:0;color:#a5c6ab;text-align:right}.scope-visual .scope-gap dd{color:#d4b78d}.scope-visual p,.type-visual>p{font-size:12px;line-height:1.7;color:#8ea195}.caption-frame{aspect-ratio:16/9;border:1px solid #66816b;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;margin-top:24px;background:#19271d}.caption-frame span{font:9px monospace;color:#94ac9b}.caption-frame strong{font:20px Georgia,serif;color:#e1ebd9}.evidence-chain{padding:0;list-style:none;margin:25px 0 0;counter-reset:proof}.evidence-chain li{counter-increment:proof;border-top:1px solid #a4b6a526;padding:15px 0;font-size:13px;color:#b8cdb9}.evidence-chain li:before{content:'0' counter(proof);font:10px monospace;margin-right:15px;color:#6b8b76}.campaign-chain{display:flex;align-items:center;gap:12px;margin:25px 0}.campaign-chain span{border:1px solid #78978060;padding:12px;font-size:12px}.campaign-chain i{font-style:normal;color:#789780}.profile-section{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;padding:65px 6%;background:#0b100c}.profile-section>div>p{font-size:14px;line-height:1.8;color:#9cb09f;max-width:42ch}.profile-list details{border-bottom:1px solid #a4b6a536}.profile-list summary{display:flex;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:21px 0;font-size:15px}.profile-list summary::-webkit-details-marker{display:none}.profile-list details[open] summary span{transform:rotate(45deg)}.profile-list details p{font-size:13px;line-height:1.8;color:#a9bdae;margin:0 0 22px}.profile-list .profile-note{font-size:11px;color:#80998b;max-width:none;margin-top:24px}.use-cases .workflow-close>p{font:11px/1.8 monospace;color:#9bb6a2}.quiet-case-link{display:block;color:#bdd2b6;text-underline-offset:5px;font-size:12px;margin-top:24px}@keyframes caseIn{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.use-intro{padding:105px 20px 30px}.use-cases .use-intro h1{font-size:56px;letter-spacing:-2px;margin:22px 0}.use-intro-bottom{display:block}.use-intro-bottom p{font-size:15px}.use-intro-bottom>span{display:none}.case-explorer{margin:0 20px 35px}.case-tablist{grid-template-columns:repeat(3,1fr)}.case-tablist button{font-size:11px;padding:13px 8px;min-height:72px}.case-tablist small{font-size:9px;margin-bottom:7px}.case-panel{grid-template-columns:1fr;gap:20px;padding-top:28px}.case-story h2{font-size:36px}.case-situation{font-size:14px;min-height:0}.case-visual{margin-top:22px}.visual-caption{font-size:9px;padding:12px;gap:10px}.case-explanation>div{padding:18px 0}.case-explanation>div>p{font-size:14px}.case-explanation>div>span{font-size:9px}.scope-visual,.type-visual{padding:22px}.case-visual h3{font-size:30px}.case-boundary{font-size:11px}.profile-section{padding:40px 20px;grid-template-columns:1fr;gap:15px}.profile-list summary{font-size:14px}.campaign-chain{gap:8px}.campaign-chain span{padding:10px}.use-cases .workflow-close h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.case-panel{animation:none}.case-tablist button{transition:none}}