/* Trang sản phẩm LadiPage MCP */
.ladi-mcp-hero{padding:64px 0 56px}
.ladi-mcp-hero .ladi-ph-h1{font-size:50px;line-height:1.12}
.ladi-mcp-ais{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;font-size:14px;color:var(--ladi-muted)}
.ladi-mcp-ais b{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #E1E9FF;font-size:13.5px;color:var(--ladi-ink);box-shadow:0 6px 14px -10px rgba(28,0,194,.35)}
.ladi-mcp-ais b:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ladi-emerald)}
.ladi-mcp-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ladi-mcp-hero-img{border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(28,0,194,.5)}
.ladi-mcp-hero-img img{display:block;width:100%;height:auto}
/* dải số liệu */
.ladi-mcp-stats{background:linear-gradient(110deg,#365DFF,#1C00C2);color:#fff;padding:36px 0}
.ladi-mcp-stats-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;text-align:center}
.ladi-mcp-stats b{display:block;font-size:40px;line-height:1.1;font-weight:800;color:#fff}
.ladi-mcp-stats b em{font-style:normal;color:#FFD43B}
.ladi-mcp-stats span{display:block;margin-top:6px;font-size:14.5px;color:#D6DEFF}
/* MCP là gì */
.ladi-mcp-what{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.ladi-mcp-what img{display:block;width:100%;height:auto;border-radius:20px}
.ladi-mcp-flow{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.ladi-mcp-flow li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid #E1E9FF}
.ladi-mcp-flow i{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#EBEFFF;font-style:normal;font-weight:800;color:var(--ladi-royal)}
.ladi-mcp-flow b{display:block;font-size:16.5px;color:var(--ladi-ink)}
.ladi-mcp-flow span{font-size:15px;line-height:23px;color:var(--ladi-text)}
/* nhóm công cụ */
.ladi-mcp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ladi-mcp-card{display:flex;flex-direction:column;padding:24px;border-radius:20px;background:#fff;border:1px solid #E1E9FF;transition:transform .25s,box-shadow .25s,border-color .25s}
.ladi-mcp-card:hover{transform:translateY(-3px);border-color:#C9D7FF;box-shadow:0 24px 44px -28px rgba(28,0,194,.45)}
.ladi-mcp-card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.ladi-mcp-ic{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#365DFF,#1C00C2);flex:none}
.ladi-mcp-ic svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ladi-mcp-n{padding:4px 10px;border-radius:999px;background:#E6FBF7;color:#007A66;font-size:12.5px;font-weight:800;white-space:nowrap}
.ladi-mcp-card h3{margin:0 0 8px;font-size:19px;line-height:26px;font-weight:800;color:var(--ladi-ink)}
.ladi-mcp-card p{margin:0 0 14px;font-size:15px;line-height:23px;color:var(--ladi-text)}
.ladi-mcp-q{margin-top:auto;padding:12px 14px;border-radius:12px;background:#F5F8FF;border:1px dashed #C9D7FF;font-size:14px;line-height:21px;color:#2B3A6B}
.ladi-mcp-q:before{content:"Bạn hỏi: ";font-weight:700;color:var(--ladi-royal)}
/* điểm nhấn website */
.ladi-mcp-new{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;padding:40px;border-radius:28px;background:linear-gradient(135deg,#0E0B5C 0%,#1C00C2 60%,#365DFF 100%);color:#fff}
.ladi-mcp-new .ladi-mcp-tag{display:inline-block;margin-bottom:12px;padding:4px 12px;border-radius:999px;background:#00DEBB;color:#0B1A5C;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.ladi-mcp-new h2{margin:0 0 14px;font-size:34px;line-height:1.2;font-weight:800;color:#fff}
.ladi-mcp-new h2 em{font-style:normal;color:#FFD43B}
.ladi-mcp-new p{margin:0 0 16px;font-size:16px;line-height:25px;color:#D6DEFF}
.ladi-mcp-new ul{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}
.ladi-mcp-new li{position:relative;padding-left:26px;font-size:15.5px;line-height:23px;color:#fff}
.ladi-mcp-new li:before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:#00DEBB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1A5C' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
.ladi-mcp-new img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.ladi-mcp-yel{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;background:linear-gradient(90deg,#FFE27A,#FFD43B);color:#1A1060;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}
.ladi-mcp-yel:hover{transform:translateY(-2px);box-shadow:0 12px 24px -10px rgba(255,190,40,.9)}
/* quy trình + kết nối */
.ladi-mcp-steps5{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;counter-reset:s}
.ladi-mcp-steps5 li{position:relative;padding:22px 18px;border-radius:18px;background:#fff;border:1px solid #E1E9FF;counter-increment:s}
.ladi-mcp-steps5 li:before{content:counter(s);display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:12px;border-radius:50%;background:var(--ladi-royal);color:#fff;font-weight:800}
.ladi-mcp-steps5 b{display:block;margin-bottom:6px;font-size:17px;color:var(--ladi-ink)}
.ladi-mcp-steps5 span{font-size:14.5px;line-height:22px;color:var(--ladi-text)}
.ladi-mcp-connect{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.ladi-mcp-connect img{display:block;width:100%;height:auto;border-radius:20px}
.ladi-mcp-prompt{margin-top:22px;padding:18px 20px;border-radius:16px;background:#0E0B5C;color:#E6ECFF;font-size:14.5px;line-height:23px}
.ladi-mcp-prompt b{display:block;margin-bottom:6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#00DEBB}
/* bảo mật */
.ladi-mcp-sec4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ladi-mcp-sec4>div{padding:22px;border-radius:18px;background:#fff;border:1px solid #E1E9FF}
.ladi-mcp-sec4 b{display:block;margin:12px 0 6px;font-size:16.5px;color:var(--ladi-ink)}
.ladi-mcp-sec4 p{margin:0;font-size:14.5px;line-height:22px;color:var(--ladi-text)}
/* CTA cuối */
.ladi-mcp-end{text-align:center;padding:56px 24px;border-radius:28px;background:linear-gradient(135deg,#EBEFFF,#E6FBF7)}
.ladi-mcp-end h2{margin:0 0 10px;font-size:34px;line-height:1.2;font-weight:800;color:var(--ladi-ink)}
.ladi-mcp-end p{margin:0 auto 24px;max-width:640px;font-size:16.5px;line-height:26px;color:var(--ladi-text)}
.ladi-mcp-end .ladi-mcp-ctas{justify-content:center}
@media (max-width:1000px){.ladi-mcp-grid,.ladi-mcp-sec4{grid-template-columns:repeat(2,minmax(0,1fr))}.ladi-mcp-steps5{grid-template-columns:repeat(3,minmax(0,1fr))}.ladi-mcp-what,.ladi-mcp-new,.ladi-mcp-connect{grid-template-columns:1fr;gap:28px}.ladi-mcp-new{padding:28px}}
@media (max-width:640px){.ladi-mcp-hero .ladi-ph-h1{font-size:34px}.ladi-mcp-stats-in{grid-template-columns:repeat(2,minmax(0,1fr))}.ladi-mcp-stats b{font-size:32px}.ladi-mcp-grid,.ladi-mcp-sec4,.ladi-mcp-steps5{grid-template-columns:1fr}.ladi-mcp-new h2,.ladi-mcp-end h2{font-size:26px}}