.case-hero{padding:64px 0 76px;background:linear-gradient(180deg,#fff 0%,#eff6ff 100%)}
.case-hero__grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);gap:46px;align-items:center}
.case-hero h1{margin:18px 0;font-size:clamp(2.45rem,5vw,3.65rem);line-height:1.12;letter-spacing:-.025em;color:var(--brand-dark)}
.case-hero p{max-width:700px;color:var(--muted);font-size:1.08rem}
.case-quote{position:relative;margin:0;padding:42px;border-radius:28px;background:linear-gradient(145deg,var(--brand-dark),#0d2c45);color:#fff;box-shadow:var(--shadow)}
.case-quote:before{content:"“";position:absolute;right:28px;top:8px;color:#38bdf8;font-size:7rem;font-weight:900;line-height:1;opacity:.35}
.case-quote strong{display:block;max-width:390px;font-size:clamp(1.65rem,3.2vw,2.35rem);line-height:1.35}
.case-quote footer{margin-top:24px;color:#b9d4e8;font-weight:600}
.case-brand{display:inline-flex;margin-bottom:24px;padding:10px 18px;border-radius:999px;background:#fff;color:var(--brand-dark);font-size:1.15rem;font-weight:900;letter-spacing:.04em}
.case-snapshot{margin-top:-30px;position:relative;z-index:3}
.snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.snapshot-item{padding:24px}.snapshot-item+.snapshot-item{border-left:1px solid var(--line)}
.snapshot-item small{display:block;color:var(--muted)}.snapshot-item strong{display:block;margin-top:4px;color:var(--brand-dark);font-size:1.05rem}
.case-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:start}.case-intro h2{margin:10px 0;color:var(--brand-dark);font-size:clamp(2rem,4vw,2.75rem);line-height:1.2}.case-intro__copy p{margin-top:0;color:var(--muted);font-size:1.04rem}
.case-video{overflow:hidden;border-radius:26px;background:#0d2c45;box-shadow:var(--shadow)}
.case-video__frame{position:relative;aspect-ratio:16/9}.case-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.case-video__caption{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:22px 26px;color:#fff}.case-video__caption strong{font-size:1.08rem}.case-video__caption span{color:#b9d4e8;font-size:.9rem}
.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lesson{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}.lesson b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e0f2fe;color:var(--brand-dark)}.lesson h3{margin:18px 0 8px;color:var(--brand-dark)}.lesson p{margin:0;color:var(--muted)}
.service-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-flow article{padding:25px;border:1px solid #cfe3f3;border-radius:18px;background:#fff}.service-flow b{color:var(--brand);font-size:.86rem}.service-flow h3{margin:12px 0 8px;color:var(--brand-dark)}.service-flow p{margin:0;color:var(--muted);font-size:.93rem}
.case-fit{display:grid;grid-template-columns:1fr 1fr;gap:16px}.case-fit article{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff}.case-fit h3{margin-top:0;color:var(--brand-dark)}.case-fit p{margin-bottom:0;color:var(--muted)}
.case-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}.case-faq details{padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:#fff}.case-faq summary{cursor:pointer;font-weight:800;color:var(--brand-dark)}.case-faq p{margin-bottom:0;color:var(--muted)}
.case-related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-related a{display:grid;gap:8px;padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--brand-dark);text-decoration:none;box-shadow:0 8px 24px rgba(18,58,90,.05)}.case-related a:hover{border-color:#93c5dd;transform:translateY(-2px)}.case-related span{color:var(--brand);font-size:.86rem;font-weight:700}.case-related strong{font-size:1.08rem;line-height:1.45}
@media(max-width:900px){.case-hero__grid,.case-intro{grid-template-columns:1fr}.snapshot-grid{grid-template-columns:1fr 1fr}.snapshot-item:nth-child(3){border-left:0;border-top:1px solid var(--line)}.snapshot-item:nth-child(4){border-top:1px solid var(--line)}.lesson-grid{grid-template-columns:1fr}.service-flow{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.case-hero{padding:48px 0 64px}.case-hero h1{font-size:2.3rem;overflow-wrap:anywhere}.case-quote{padding:30px}.snapshot-grid,.service-flow,.case-fit,.case-faq{grid-template-columns:1fr}.snapshot-item+.snapshot-item,.snapshot-item:nth-child(3){border-left:0;border-top:1px solid var(--line)}.case-video__caption{display:grid}.case-intro{gap:18px}}
@media(max-width:760px){.case-related{grid-template-columns:1fr}}