.case-hero{background:var(--green);padding:56px 0 44px;}
.case-hero .container{max-width:900px;}
.case-badge{display:inline-block;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.25);color:#fff;border-radius:20px;padding:5px 14px;font-size:12px;margin-bottom:16px;}
.case-hero h1{font-size:clamp(1.7rem,4vw,2.2rem);font-weight:800;color:#fff;letter-spacing:-0.03em;margin-bottom:12px;}
.case-hero p{color:rgba(255,255,255,0.7);font-size:14px;max-width:600px;line-height:1.8;}
.case-back{font-size:13px;color:rgba(255,255,255,0.6);text-decoration:none;display:inline-block;margin-bottom:18px;}
.case-body{max-width:900px;margin:0 auto;padding:44px 32px 80px;}
.case-section{margin-bottom:40px;}
.case-label{font-size:11px;color:var(--green);font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;}
.case-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:14px;letter-spacing:-0.02em;}
.rationale-list{display:flex;flex-direction:column;gap:18px;}
.rationale-item{background:var(--gray);border:1px solid var(--border);border-radius:12px;padding:20px 22px;}
.rationale-head{font-size:15px;font-weight:700;color:var(--green);margin-bottom:8px;}
.rationale-desc{font-size:14px;color:var(--text);line-height:1.85;}
.img-frame{border-radius:14px;overflow:hidden;border:1px solid var(--border);cursor:zoom-in;position:relative;}
.img-frame img{width:100%;display:block;}
.img-hint{position:absolute;bottom:14px;right:14px;background:rgba(20,20,20,0.7);color:#fff;font-size:12px;padding:6px 14px;border-radius:20px;}
.notice{font-size:12px;color:var(--muted);background:var(--gray);border:1px solid var(--border);border-radius:10px;padding:14px 18px;line-height:1.7;}
.case-cta{background:var(--green);border-radius:18px;padding:36px;text-align:center;}
.case-cta p{color:rgba(255,255,255,.5);font-size:11px;letter-spacing:.12em;margin-bottom:8px;}
.case-cta h3{color:#fff;font-size:20px;font-weight:700;margin-bottom:22px;}
.cc-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.btn-w{background:#fff;color:var(--green);border:none;border-radius:9px;padding:12px 26px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;}
.btn-o{background:transparent;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.3);border-radius:9px;padding:12px 22px;font-size:14px;text-decoration:none;display:inline-block;}
.lightbox{display:none;position:fixed;inset:0;background:rgba(10,10,10,.92);z-index:999;align-items:flex-start;justify-content:center;overflow:auto;padding:40px 20px;}
.lightbox.on{display:flex;}
.lightbox img{max-width:900px;width:100%;border-radius:8px;}
.lb-close{position:fixed;top:18px;right:24px;color:#fff;font-size:30px;background:none;border:none;cursor:pointer;}
@media(max-width:768px){
  .case-body{padding:32px 20px 60px;}
  .case-hero{padding:40px 0 32px;}
}