:root{--case-blue:#0b5ea8;--case-navy:#09233f;--case-soft:#eef6ff;--case-border:#d7e7f7;--case-green:#0f7a55;--case-orange:#ff5a2c;}
.case-hero{background:linear-gradient(135deg,#eef6ff 0%,#ffffff 48%,#eaf4ff 100%);padding:70px 0 54px;overflow:hidden}.case-hero h1{font-size:clamp(40px,5vw,72px);line-height:.98;margin:16px 0;color:#102033;letter-spacing:-2px}.case-hero p{font-size:18px;line-height:1.72;color:#284565;max-width:720px}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.proof-strip div{background:#fff;border:1px solid var(--case-border);border-radius:18px;padding:16px;box-shadow:0 10px 25px rgba(9,35,63,.06)}.proof-strip b{display:block;color:var(--case-blue);font-size:22px}.case-media video,.case-media img{width:100%;border-radius:24px;box-shadow:0 24px 70px rgba(9,35,63,.18);border:1px solid rgba(9,35,63,.08);background:#0a223c}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-28px;position:relative;z-index:5}.stat-box{background:#fff;border:1px solid var(--case-border);border-radius:18px;padding:22px;box-shadow:0 14px 34px rgba(9,35,63,.08)}.stat-box b{font-size:32px;color:var(--case-blue)}.stat-box span{display:block;color:#526b85;margin-top:6px}.tool-row{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:26px 0}.search-input{width:min(520px,100%);padding:15px 17px;border:1px solid var(--case-border);border-radius:14px;font-size:16px}.filter-pills{display:flex;gap:10px;flex-wrap:wrap}.filter-pills button{border:1px solid var(--case-border);background:#fff;border-radius:999px;padding:10px 14px;font-weight:700;cursor:pointer}.filter-pills button.active{background:var(--case-blue);color:#fff;border-color:var(--case-blue)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.case-card{background:#fff;border:1px solid var(--case-border);border-radius:24px;overflow:hidden;box-shadow:0 16px 40px rgba(9,35,63,.08);display:flex;flex-direction:column;min-height:100%}.case-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#eaf4ff}.case-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.case-card:hover .case-img img{transform:scale(1.045)}.case-img b{position:absolute;left:14px;bottom:14px;background:rgba(9,35,63,.9);color:#fff;border-radius:999px;padding:8px 12px;font-size:13px}.case-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.case-meta{display:flex;justify-content:space-between;gap:10px;color:var(--case-green);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.case-body h3{font-size:23px;line-height:1.2;margin:0;color:#102033}.case-body p{margin:0;color:#435d78;line-height:1.65}.case-tags{display:flex;gap:8px;flex-wrap:wrap}.case-tags span{font-size:12px;background:var(--case-soft);color:#174d83;border:1px solid var(--case-border);border-radius:999px;padding:6px 9px}.case-proof{margin:0;padding-left:18px;color:#2f4d68;line-height:1.55}.case-card .btn{margin-top:auto;align-self:flex-start}.btn.muted{background:#eef2f7;color:#64748b;border:0;border-radius:12px;padding:12px 16px;font-weight:800}.is-draft{opacity:.82}.empty-note{background:#fff;border:1px dashed var(--case-border);border-radius:16px;padding:25px}.seo-logic{display:grid;grid-template-columns:1fr 1fr;gap:20px}.seo-card{background:#fff;border:1px solid var(--case-border);border-radius:24px;padding:24px;box-shadow:0 16px 40px rgba(9,35,63,.07)}.seo-card h3{margin-top:0}.seo-card li{margin:8px 0}.doc-note{margin-top:22px;background:#09233f;color:#fff;border-radius:18px;padding:18px 20px}.doc-note b{color:#fff}.template-panel{background:linear-gradient(135deg,#09233f,#0b5ea8);color:#fff;border-radius:26px;padding:30px;margin-top:28px}.template-panel h3{color:#fff;margin-top:0}.template-panel code{background:rgba(255,255,255,.14);padding:3px 7px;border-radius:6px}.warning-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;padding:18px;color:#7c2d12}.section.soft{background:#f5f9ff}.floating-rfq{position:fixed;right:18px;bottom:18px;background:#0f7a55;color:#fff;padding:13px 18px;border-radius:999px;font-weight:900;z-index:50;box-shadow:0 15px 35px rgba(15,122,85,.28)}@media(max-width:960px){.case-grid,.stats-row,.proof-strip,.seo-logic{grid-template-columns:1fr}.tool-row{display:block}.filter-pills{margin-top:14px}.case-hero{padding:44px 0}.case-hero h1{letter-spacing:-1px}.floating-rfq{left:14px;right:14px;text-align:center}}