.case-body{background:#fffaf4;color:#2f2828}
.case-header-cta{padding:10px 16px;border-radius:999px;background:#a3401d;color:#fff;font-size:12px;font-weight:800}
.case-hero{min-height:calc(100vh - 116px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:5vw;padding:clamp(70px,8vw,120px) clamp(22px,7vw,110px);background:radial-gradient(circle at 88% 15%,rgba(243,180,90,.24),transparent 28%),linear-gradient(135deg,#fffaf4,#f7eadc)}
.case-hero h1{margin:18px 0 22px;font-size:clamp(45px,5.6vw,82px);line-height:1.08;letter-spacing:-.045em;font-weight:600}
.case-hero h1 em{color:#a3401d;font-family:Georgia,"Times New Roman",serif;font-style:normal}
.case-hero-copy>p{max-width:650px;color:#756b6b}
.case-tags{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}
.case-tags span{padding:8px 12px;border:1px solid rgba(163,64,29,.22);border-radius:999px;background:rgba(255,255,255,.58);font-size:11px;font-weight:700;color:#8d3518}
.case-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.case-demo-note{font-size:12px!important;margin-top:18px}
.case-browser{padding:10px;border-radius:25px;background:#3b2117;box-shadow:0 35px 80px rgba(73,39,24,.23);transform:rotate(1deg)}
.case-browser-bar{height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;color:#d9bcae;font-size:10px}
.case-browser-bar i{width:8px;height:8px;border-radius:50%;background:#d7804f}.case-browser-bar i:nth-child(2){background:#f0bd5a}.case-browser-bar i:nth-child(3){background:#8aac7d}
.case-browser-bar span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-image-wrap{position:relative;overflow:hidden;border-radius:17px;background:#fff}
.case-image-wrap img{width:100%;height:auto}
.case-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-22deg);padding:10px 16px;border:1px solid rgba(255,255,255,.8);background:rgba(63,31,20,.36);color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em;white-space:nowrap}
.case-overview{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(47,40,40,.12);border-bottom:1px solid rgba(47,40,40,.12);background:#fff}
.case-overview div{padding:28px 24px;display:grid;gap:4px;text-align:center;border-right:1px solid rgba(47,40,40,.12)}
.case-overview div:last-child{border-right:0}.case-overview strong{color:#a3401d;font:600 24px Georgia,"Times New Roman",serif}.case-overview span{font-size:12px;font-weight:700}
.case-features{background:#fffaf4}
.case-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case-feature-grid article{min-height:220px;padding:28px;border:1px solid rgba(47,40,40,.11);border-radius:22px;background:#fff;box-shadow:0 15px 45px rgba(73,39,24,.06)}
.case-feature-grid b{color:#d2682f;font:600 24px Georgia,"Times New Roman",serif}.case-feature-grid h3{margin:24px 0 9px;font-size:18px}.case-feature-grid p{margin:0;color:#756b6b;font-size:13px}
.case-process{background:#f4e7d9}
.case-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0;margin:0;list-style:none}
.case-flow li{padding:24px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(163,64,29,.14)}
.case-flow li>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#a3401d;color:#fff;font-weight:800}
.case-flow h3{margin:20px 0 8px;font-size:16px}.case-flow p{margin:0;color:#756b6b;font-size:12px}
.case-tech{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:7vw;background:#322118;color:#fff}
.case-tech h2{margin:10px 0 18px;font-size:clamp(36px,4vw,60px);line-height:1.12}.case-tech p{color:#d9c5ba}
.case-tech-list{display:flex;flex-wrap:wrap;gap:12px}
.case-tech-list span{padding:12px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.06);font-size:12px}
.case-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:80px clamp(22px,7vw,110px);background:#f6b53f}
.case-cta h2{margin:8px 0 12px;max-width:850px;font-size:clamp(34px,4.2vw,58px);line-height:1.12}.case-cta p{margin:0;max-width:760px}
.case-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px clamp(22px,7vw,110px);background:#251812;color:#fff;font-size:12px}
@media(max-width:980px){.case-hero{grid-template-columns:1fr}.case-overview{grid-template-columns:repeat(2,1fr)}.case-feature-grid{grid-template-columns:repeat(2,1fr)}.case-flow{grid-template-columns:repeat(2,1fr)}.case-tech{grid-template-columns:1fr}.case-header-cta{display:none}}
@media(max-width:680px){.case-hero{padding-top:55px}.case-hero h1{font-size:43px}.case-overview{grid-template-columns:1fr 1fr}.case-overview div:nth-child(2){border-right:0}.case-feature-grid,.case-flow{grid-template-columns:1fr}.case-cta{align-items:flex-start;flex-direction:column}.case-footer{align-items:flex-start;flex-direction:column}.case-browser{border-radius:17px}.case-browser-bar span{max-width:170px}}