.case-page-hero{padding:78px 0 62px;background:radial-gradient(900px 420px at 85% 0,rgba(30,215,96,.14),transparent 62%)}
.case-page-hero h1{font-size:clamp(38px,6vw,66px);line-height:1.08;letter-spacing:-1.6px;max-width:820px}
.case-page-hero p{max-width:720px;color:var(--muted);font-size:18px;margin-top:20px}
.case-updated{margin-top:20px;color:var(--muted-2);font-size:13px}
.case-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.case-summary article{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.025)}
.case-summary strong{display:block;color:var(--accent);font-size:34px;line-height:1;margin-bottom:10px}
.case-summary span{font-weight:700}
.case-summary p{font-size:13px;margin-top:8px}
.case-category{padding:84px 0}
.case-category.alt{background:var(--surface)}
.case-category-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}
.case-category-head h2{font-size:32px;line-height:1.2}
.case-category-head p{color:var(--muted);margin-top:10px;max-width:680px}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.customer-card,.seo-card,.enterprise-card,.story-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow:hidden;transition:.24s}
.customer-card:hover,.seo-card:hover,.enterprise-card:hover,.story-card:hover{transform:translateY(-4px);border-color:rgba(30,215,96,.55);box-shadow:0 20px 54px rgba(0,0,0,.28)}
.browser-preview{background:#0d0d0d}
.browser-bar{height:36px;display:flex;align-items:center;gap:6px;padding:0 12px;color:var(--muted-2);font-size:11px;border-bottom:1px solid var(--line)}
.browser-bar i{width:7px;height:7px;border-radius:50%;background:#3a3a3a}
.browser-bar span{margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.browser-preview img,.enterprise-preview img,.story-cover img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.customer-copy,.enterprise-copy,.story-copy{padding:20px}
.case-meta{display:flex;justify-content:space-between;color:var(--muted-2);font-size:12px;margin-bottom:10px}
.customer-copy h3,.enterprise-copy h3,.story-copy h3{font-size:18px;line-height:1.35}
.case-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.case-tags span{padding:4px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px}
.case-visit{display:block;color:var(--accent);font-size:13px;font-weight:700;margin-top:16px}
.seo-card{padding:24px}
.seo-top{display:flex;justify-content:space-between;gap:18px;align-items:start}
.seo-top h3{font-size:18px;margin-top:8px}
.seo-growth{text-align:right;min-width:74px}
.seo-growth strong{display:block;color:var(--accent);font-size:25px;line-height:1}
.seo-growth span,.seo-description{color:var(--muted);font-size:12px}
.seo-description{font-size:13px;min-height:42px;margin:18px 0}
.seo-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.seo-metrics div{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:11px;padding:11px}
.seo-metrics strong{display:block;color:var(--text);font-size:16px}
.seo-metrics span{color:var(--muted-2);font-size:11px}
.enterprise-preview,.story-cover{position:relative}
.enterprise-preview>span,.story-cover>span{position:absolute;left:14px;bottom:12px;padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.72);font-size:11px}
.enterprise-brand{display:block;color:var(--accent);font-size:13px;margin-top:8px}
.enterprise-desc{margin-top:14px;color:var(--muted);font-size:13px}
.enterprise-projects{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.enterprise-projects small{color:var(--muted-2)}
.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.story-copy .company{color:var(--accent);font-size:12px;font-weight:700}
.story-copy p{color:var(--muted);font-size:13.5px;margin-top:10px}
.story-metric{margin-top:16px;padding:14px;border-radius:12px;background:var(--accent-soft)}
.story-metric strong{display:block;color:var(--accent);font-size:23px}
.featured-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cases-actions{text-align:center;margin-top:32px}
@media(max-width:920px){.case-summary,.portfolio-grid,.featured-case-grid{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr}.case-category-head{display:block}.case-category-head .btn{margin-top:18px}.case-page-hero{padding:56px 0 44px}}