:root{--primary:#0c4a6e;--accent:#22c55e;--ink:#0f172a}
*{box-sizing:border-box}
.plom-wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.plom-hero{background:linear-gradient(180deg,#e6f1ff,transparent)}
.plom-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.plom-brand{display:flex;gap:12px;align-items:center}
.plom-logo{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#1d4ed8)}
.plom-cta{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#052e16;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:700}
.plom-badges{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 24px}
.plom-badge{background:#fff;border:1px solid #e2e8f0;color:#0f172a;padding:8px 10px;border-radius:999px;font-size:13px}
.plom-card{border:1px solid #e5e7eb;border-radius:16px;padding:18px;background:#fff}
.plom-grid{display:grid;gap:16px}
.plom-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.plom-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.plom-section{padding:48px 0}
.plom-h2{font-size:40px;line-height:1.1;margin:0 0 8px}
.plom-muted{color:#64748b}
.plom-service{display:flex;gap:12px}
.plom-icon{width:40px;height:40px;border-radius:12px;background:#e2e8f0}
.plom-footer{background:#0b2540;color:#e2e8f0;padding:32px 0;margin-top:24px}
.plom-wa{position:fixed;bottom:18px;right:18px;background:#22c55e;color:#052e16;padding:12px 14px;border-radius:999px;font-weight:700;text-decoration:none;box-shadow:0 10px 25px rgba(0,0,0,.15)}
@media (max-width:900px){.plom-cols-2{grid-template-columns:1fr}.plom-cols-3{grid-template-columns:1fr}}