
/* METROPLEX v118: SEO content, cases, design and experience */
.experience-proof .proof-panel,.service-proof-panel,.case-summary,.design-result,.content-priority-note{background:#0f1a29;color:#fff;border-radius:24px;padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:1.45fr .75fr;gap:32px;box-shadow:0 18px 50px rgba(15,26,41,.12)}
.experience-proof h2,.service-proof-panel h2,.case-summary h2,.design-result h2{color:#fff;margin:.45rem 0 1rem}.experience-proof p,.service-proof-panel p,.case-summary p,.design-result p{color:rgba(255,255,255,.78);max-width:760px}.experience-proof ul,.service-proof-panel ul,.case-summary ul,.design-result ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}.experience-proof li,.service-proof-panel li,.case-summary li,.design-result li{padding:12px 14px 12px 38px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:14px;position:relative}.experience-proof li:before,.service-proof-panel li:before,.case-summary li:before,.design-result li:before{content:'✓';position:absolute;left:14px;color:#ff6b2c;font-weight:800}
.service-seo-grid,.design-scope-grid,.case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-seo-card,.design-scope-card,.case-fact{background:#fff;border:1px solid #e8edf3;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(16,32,55,.06)}.service-seo-card h3,.design-scope-card h3{font-size:clamp(19px,2vw,23px);margin:0 0 8px}.service-seo-card p,.design-scope-card p{margin:0;color:#536174}
.case-hero-image{width:100%;height:auto;max-height:720px;object-fit:contain;background:#edf1f5;border-radius:22px}.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.case-gallery img{width:100%;height:auto;object-fit:contain;background:#edf1f5;border-radius:16px}.case-fact strong{display:block;color:#101b2b;margin-bottom:6px}.case-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.design-hero{padding:clamp(48px,7vw,90px) 0;background:linear-gradient(120deg,#0b1726,#172b43);color:#fff}.design-hero h1{color:#fff;max-width:900px}.design-hero p{color:rgba(255,255,255,.78);max-width:760px;font-size:clamp(17px,2vw,21px)}
.service-feature.design-feature{background:#101b2b}.service-feature.design-feature h3,.service-feature.design-feature p,.service-feature.design-feature a{color:#fff}.service-feature.design-feature img{object-fit:cover}
@media(max-width:760px){.experience-proof .proof-panel,.service-proof-panel,.case-summary,.design-result{grid-template-columns:1fr}.service-seo-grid,.design-scope-grid,.case-facts,.case-gallery{grid-template-columns:1fr}.case-hero-image{border-radius:14px}.case-cta .btn{width:100%;justify-content:center}}
