.cases-main{width:min(100% - 40px,920px);margin:0 auto;padding:72px 0 96px}.cases-main section{margin:0}.cases-main h2{margin:10px 0 12px;padding:0;border:0;color:var(--fg);font-size:clamp(36px,6vw,64px);line-height:1.04;letter-spacing:-.055em}.cases-main h2::before{content:"Selected work";display:block;margin-bottom:12px;color:var(--brand);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.cases-main .section-sub{margin:0 0 36px;color:var(--fg-soft);font-size:17px}.cases-main .case-demo{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--bg-soft);box-shadow:none}.cases-main .case-tabs{display:flex;gap:7px;overflow-x:auto;padding:12px;border-bottom:1px solid var(--line);background:var(--bg-elev);scrollbar-width:thin}.cases-main .case-tab{min-height:40px;padding:8px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg-elev);color:var(--fg-soft);font:600 13px/1.2 inherit;white-space:nowrap;cursor:pointer}.cases-main .case-tab.active{border-color:var(--fg);background:var(--fg);color:var(--bg)}.cases-main .wx-head{padding:13px 16px;border-bottom:1px solid var(--line);background:var(--bg-elev);color:var(--fg);font-size:14px;text-align:left}.cases-main .wx-body{display:flex;max-height:520px;flex-direction:column;gap:11px;overflow-y:auto;padding:20px;background:var(--bg-soft)}.cases-main .wx-day{color:var(--fg-mute);font-size:11px;text-align:center}.cases-main .chat{display:flex;align-items:flex-end;gap:8px}.cases-main .chat-end{flex-direction:row-reverse}.cases-main .chat-image{width:32px;height:32px;margin:0;flex:none}.cases-main .chat-image span{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:var(--line-strong);color:var(--fg);font-size:12px}.cases-main .chat-end .chat-image span{background:var(--brand);color:#fff}.cases-main .chat-bubble{max-width:76%;padding:10px 13px;border:1px solid var(--line);border-radius:4px 14px 14px 14px;background:var(--bg-elev);color:var(--fg);font-size:13px;line-height:1.65;box-shadow:var(--shadow)}.cases-main .chat-end .chat-bubble{border-color:var(--brand-soft);border-radius:14px 4px 14px 14px;background:var(--brand-soft);color:var(--fg)}.cases-main .flow-title{margin:68px 0 16px;color:var(--fg);font-size:25px;letter-spacing:-.03em;text-align:left}.cases-main .flow-demo .wx-body{max-height:340px}.cases-main .flow-step{padding:11px;border-top:1px solid var(--line);background:var(--bg-elev);color:var(--fg-mute);font-size:12px;text-align:center}
@media(max-width:640px){.cases-main{width:min(100% - 28px,920px);padding:46px 0 68px}.cases-main .wx-body{padding:14px}.cases-main .chat-bubble{max-width:82%}.cases-main .flow-title{margin-top:48px}}