.agent-section { padding-top:56px; }
.case-hero { padding-top:54px; }
.case-hero .hero-intro { margin-bottom:36px; align-items:end; }
.case-hero h1 { font-size:clamp(38px,4.1vw,60px); line-height:1.4; letter-spacing:-.035em; text-wrap:balance; }
.case-hero .hero-deck>p:first-child { max-width:450px; }
.agent-story { overflow:hidden; border:1px solid #4b443b; border-radius:7px; background:#28251f; color:#f5efe5; }
.agent-story-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:10px 24px; border-bottom:1px solid #51493e; }
.agent-story-bar>span { display:flex; align-items:center; gap:10px; font-size:12px; color:#d6cbbc; }
.agent-story-bar>span svg { width:17px; height:17px; color:#d6b18a; }
.agent-story .quiet-motion { color:#e4d7c5; }
.agent-request { display:flex; align-items:flex-start; gap:18px; padding:24px 30px; background:#302b24; border-bottom:1px solid #51493e; }
.agent-request>span { flex-shrink:0; padding-top:3px; color:#c5b49c; font-size:11px; }
.agent-request p { font-size:18px; line-height:1.8; max-width:1000px; text-wrap:pretty; }
.agent-workspace { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.45fr) minmax(0,.9fr); gap:28px; padding:30px; align-items:center; }
.agent-inputs,.agent-outputs { min-width:0; }
.agent-side-label { display:block; color:#bfb1a0; font-size:11px; margin-bottom:14px; }
.agent-files { display:grid; gap:10px; }
.agent-file { display:flex; align-items:center; gap:11px; min-height:56px; padding:12px 14px; border:1px solid #554c40; border-radius:4px; background:#332e27; font-size:12px; }
.agent-file svg { width:18px; height:18px; flex-shrink:0; color:#d7b58d; }
.agent-file>span { min-width:0; overflow-wrap:anywhere; }
.agent-file small { display:block; color:#c1b4a3; font-size:10px; margin-top:3px; }
.agent-engine { position:relative; min-width:0; padding:23px 24px; color:var(--ink); background:#f3ede3; border:1px solid #c6b49a; border-radius:5px; }
.agent-engine::before,.agent-engine::after { content:""; position:absolute; top:50%; width:29px; height:1px; background:#bb956c; }
.agent-engine::before { right:100%; }.agent-engine::after { left:100%; }
.agent-identity { display:flex; align-items:center; gap:12px; padding-bottom:18px; border-bottom:1px solid #d8cbbb; }
.agent-identity>svg { width:25px; height:25px; color:var(--accent); }
.agent-identity strong { display:block; font-size:18px; font-weight:600; }.agent-identity small { display:block; margin-top:2px; font-size:11px; color:#796b59; }
.agent-current { padding:18px 0; min-height:130px; }
.agent-current h3 { font-family:var(--sans); font-size:17px; line-height:1.6; font-weight:600; }
.agent-current p { color:#6e6253; font-size:12px; line-height:1.85; margin-top:8px; }
.agent-result { border-left:2px solid #a77a4b; padding:2px 0 2px 13px; min-height:80px; }
.agent-result small { display:block; color:#80674a; font-size:10px; }.agent-result p { font-size:12px; line-height:1.8; margin-top:5px; }
.agent-tools { display:flex; flex-wrap:wrap; gap:8px; padding:18px 0 0; margin-top:19px; border-top:1px solid #d8cbbb; }
.agent-tools span { padding:3px 7px; border:1px solid #d4c8b8; border-radius:3px; color:#817565; font-size:10px; transition:color .2s,background .2s,border-color .2s; }
.agent-tools span[data-active=true] { color:#5b3d20; background:#e6d7c3; border-color:#b99b76; }
.agent-outputs .agent-file { background:#3b342a; }
.agent-output-note { color:#c8b8a4; font-size:11px; line-height:1.8; margin-top:13px; }
.agent-steps { list-style:none; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; padding:0 30px 26px; }
.agent-steps li { padding:13px 12px 0; border-top:1px solid #605544; font-size:11px; color:#b1a493; position:relative; }
.agent-steps li::before { content:""; position:absolute; left:12px; top:-3px; width:5px; height:5px; border-radius:50%; background:#7c6c55; }
.agent-steps li[data-state=active] { color:#fff3e1; border-color:#caa16c; }.agent-steps li[data-state=active]::before { background:#e1b67d; }
.agent-steps li[data-state=complete] { color:#e0c8a6; border-color:#9d805a; }
.agent-story-note { display:flex; justify-content:space-between; gap:18px; padding:12px 25px; border-top:1px solid #51493e; color:#c5b9a8; font-size:10px; line-height:1.8; }
.agent-breadth { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; padding:27px 0 4px; }
.agent-breadth article { display:flex; gap:13px; align-items:flex-start; }.agent-breadth svg { width:21px; height:21px; color:var(--accent); flex-shrink:0; margin-top:4px; }
.agent-breadth h3 { font-size:14px; font-weight:600; }.agent-breadth p { font-size:12px; color:var(--muted); line-height:1.9; margin-top:5px; }
@media(min-width:1800px) { .case-hero h1 { font-size:66px; } }
@media(max-width:1100px) { .agent-workspace { gap:20px; padding:24px; grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr) minmax(0,.85fr); }.agent-engine { padding:19px; }.agent-engine::before,.agent-engine::after { width:21px; }.agent-file { padding:10px; font-size:11px; }.agent-request p { font-size:16px; }.agent-current { min-height:160px; }.agent-breadth { gap:24px; } }
@media(max-width:860px) { .case-hero .hero-intro { grid-template-columns:1fr; gap:22px; }.agent-workspace { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); align-items:stretch; }.agent-inputs { display:none; }.agent-engine::before { display:none; }.agent-engine::after { width:21px; }.agent-current { min-height:0; }.agent-outputs { align-self:center; }.agent-request { padding:20px 24px; }.agent-steps { padding-inline:24px; }.agent-steps li { padding-inline:8px; }.agent-breadth { gap:24px; } }
@media(max-width:700px) {
 .case-hero { padding-top:32px; }.case-hero h1 { font-size:clamp(32px,8.3vw,46px); line-height:1.5; }.case-hero .hero-intro { margin-bottom:26px; }
 .agent-story-bar { padding:7px 14px; }.agent-story-bar>span { font-size:11px; }.agent-request { padding:16px; display:block; }.agent-request>span { display:block; padding:0; margin-bottom:7px; font-size:10px; }.agent-request p { font-size:14px; }
 .agent-workspace { display:block; padding:16px; }.agent-engine { padding:18px; }.agent-engine::after { display:none; }.agent-identity strong { font-size:17px; }.agent-current { padding-block:15px; min-height:160px; }.agent-current h3 { font-size:16px; }.agent-result { min-height:100px; }.agent-tools { gap:6px; padding-top:13px; margin-top:14px; }
 .agent-outputs { margin-top:18px; }.agent-outputs .agent-side-label { margin-bottom:9px; }.agent-outputs .agent-files { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }.agent-outputs .agent-file { display:block; padding:10px 8px; font-size:10px; }.agent-outputs .agent-file svg { margin-bottom:7px; width:16px; height:16px; }.agent-file small { font-size:9px; }.agent-output-note { font-size:10px; }
 .agent-steps { padding:4px 16px 20px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 0; }.agent-steps li { font-size:10px; padding-top:8px; }.agent-story-note { padding:11px 16px; flex-direction:column; gap:3px; font-size:10px; }
 .agent-breadth { grid-template-columns:1fr; gap:18px; padding-top:24px; }.agent-breadth article { gap:12px; }.agent-breadth h3 { font-size:15px; }.agent-breadth p { font-size:13px; margin-top:3px; }
}