.mlp-main{background:var(--surface-white);min-height:100vh}.mlp-hero{background:linear-gradient(135deg, var(--primary-darker) 0%, var(--primary) 100%);text-align:center;padding:96px 24px 72px}.mlp-hero-inner{max-width:var(--max-width);margin:0 auto}.mlp-badge{color:#ffffffe6;letter-spacing:.08em;text-transform:uppercase;background:#ffffff26;border:1px solid #ffffff40;border-radius:999px;margin-bottom:20px;padding:6px 16px;font-size:.75rem;font-weight:600;display:inline-block}.mlp-hero h1{color:var(--surface-white);margin-bottom:16px;font-size:2.5rem;font-weight:700;line-height:1.2}.mlp-hero-sub{color:#ffffffbf;max-width:540px;margin:0 auto;font-size:1.05rem;line-height:1.6}.mlp-section{padding:72px 24px 96px}.mlp-container{max-width:var(--max-width);margin:0 auto}.mlp-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.mlp-card{background:var(--surface-white);border:1px solid var(--grey-light);border-radius:16px;flex-direction:column;transition:box-shadow .25s,transform .25s;display:flex;overflow:hidden;box-shadow:0 2px 12px #073e7d0f}.mlp-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #073e7d21}.mlp-card-logo-wrap{background:var(--primary-darker);border-bottom:1px solid var(--grey-light);justify-content:center;align-items:center;min-height:120px;padding:32px 24px 24px;display:flex}.mlp-card-logo{object-fit:contain;width:auto;max-width:180px;height:auto;max-height:72px}.mlp-card-body{flex:1;padding:24px 24px 16px}.mlp-card-name{color:var(--dark);text-transform:capitalize;margin-bottom:12px;font-size:1rem;font-weight:700;line-height:1.4}.mlp-card-desc{color:var(--dark-lighter,#555);font-size:.88rem;line-height:1.65}.mlp-card-footer{padding:16px 24px 24px}.mlp-explore-btn{background:var(--primary);color:var(--surface-white);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.mlp-explore-btn:hover{background:var(--primary-hover,var(--primary-darker));transform:translateY(-1px)}.mlp-explore-btn svg{flex-shrink:0}@media (max-width:900px){.mlp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.mlp-hero{padding:80px 20px 56px}.mlp-hero h1{font-size:1.875rem}.mlp-section{padding:48px 20px 72px}}@media (max-width:540px){.mlp-grid{grid-template-columns:1fr}.mlp-hero h1{font-size:1.625rem}}
