.case-app{max-width:1200px;padding:80px 100px}.case-hero{margin-bottom:100px}.case-hero__tag{color:var(--muted);font-size:11px;letter-spacing:1px}.case-hero__title{color:var(--violet);font-size:38px;margin:12px 0}.case-hero__subtitle{line-height:1.6;max-width:720px}.case-hero__stack{color:var(--muted);font-size:13px;margin-top:12px}.case-section{margin-bottom:100px}.case-section h2{border-left:2px solid var(--line);font-size:20px;margin-bottom:24px;padding-left:14px}.case-section p{font-size:15px;line-height:1.75;margin-bottom:16px;max-width:760px;opacity:.9}.case-section p:last-child{margin-bottom:0}.case-grid{display:grid;gap:56px;grid-template-columns:1fr 1fr;margin-top:32px}.case-grid--three{gap:24px;grid-template-columns:repeat(3,1fr)}.case-grid--four{gap:24px;grid-template-columns:repeat(4,1fr)}.case-grid__image{background:var(--surface-card);border:1px solid var(--line);height:220px;overflow:hidden}.case-grid__image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.case-list{list-style:disc;margin-top:24px;padding-left:18px}.case-list li{color:var(--muted);font-size:14px;margin-bottom:10px}.case-card{background:#0a061280;border:1px solid var(--line);padding:24px}.case-card strong{color:var(--violet);display:block;font-size:14px;margin-bottom:8px}.case-card p{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:0;max-width:100%}.case-terminal{background:#05030ab3;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;margin-top:32px;padding:20px}.case-terminal__line{display:flex;font-family:var(--font-mono);font-size:13px;gap:8px}.case-terminal__prompt{color:var(--violet)}.case-terminal__line span{color:var(--text)}.case-terminal__line--response span{color:var(--muted);font-style:italic}@media(max-width:1024px){.case-app{padding:48px 40px}.case-grid{gap:32px}.case-grid--four,.case-grid--three{grid-template-columns:1fr 1fr}.case-section{margin-bottom:72px}}@media(max-width:768px){.case-app{padding:32px 20px}.case-hero{margin-bottom:56px}.case-hero__title{font-size:28px}.case-grid{gap:24px}.case-grid,.case-grid--four,.case-grid--three{grid-template-columns:1fr}.case-grid__image{height:160px}.case-section{margin-bottom:56px}.case-terminal{padding:14px}}
