.mlp{
  --blue:#092f57;
  --blue2:#0e477c;
  --blue3:#eaf4ff;
  --orange:#ff6d16;
  --orange2:#ff954f;
  --ink:#12233b;
  --muted:#6e7c91;
  --bg:#f5f8fc;
  --line:#e4eaf1;
  --white:#fff;
  --green:#18a865;
  font-family:Inter,Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:#fff;
  overflow:hidden;
}
.mlp *{box-sizing:border-box}
.mlp a{text-decoration:none}
.mlp-container{width:min(1200px,92%);margin:auto}
.mlp-section{padding:90px 0}
.mlp-soft{background:var(--bg)}
.mlp-dark{
  background:
  radial-gradient(circle at 85% 20%,rgba(255,109,22,.22),transparent 28%),
  linear-gradient(135deg,#061f39,#0b3965);
  color:#fff;
}
.mlp-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 13px;
  border-radius:100px;
  background:#fff1e8;
  color:var(--orange);
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.5px;
}
.mlp-title{
  color:var(--blue);
  font-size:clamp(36px,5vw,62px);
  line-height:1.04;
  font-weight:900;
  letter-spacing:-1.5px;
  margin:15px 0 20px;
}
.mlp-h2{
  color:var(--blue);
  font-size:clamp(30px,4vw,44px);
  line-height:1.12;
  font-weight:900;
  letter-spacing:-1px;
  margin:12px 0 15px;
}
.mlp-text{
  color:var(--muted);
  font-size:17px;
  line-height:1.8;
}
.mlp-center{text-align:center}
.mlp-center .mlp-text{max-width:760px;margin:0 auto}
.mlp-orange{color:var(--orange)}
.mlp-hero{
  position:relative;
  padding:80px 0 95px;
  background:
    radial-gradient(circle at 85% 10%,rgba(255,109,22,.18),transparent 28%),
    radial-gradient(circle at 0 100%,rgba(14,71,124,.10),transparent 30%),
    linear-gradient(135deg,#fbfdff,#eef6fe);
}
.mlp-hero-grid{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:65px;
  align-items:center;
}
.mlp-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}
.mlp-btn{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 22px;
  border-radius:14px;
  font-size:14px;
  font-weight:900;
  transition:.25s;
}
.mlp-btn:hover{transform:translateY(-3px)}
.mlp-btn-primary{
  background:linear-gradient(135deg,var(--orange),var(--orange2));
  color:#fff!important;
  box-shadow:0 14px 30px rgba(255,109,22,.23);
}
.mlp-btn-light{
  color:var(--blue)!important;
  background:#fff;
  border:1px solid var(--line);
}
.mlp-device-stage{
  min-height:585px;
  position:relative;
}
.mlp-phone{
  position:absolute;
  width:250px;
  border-radius:38px;
  padding:8px;
  background:#111;
  box-shadow:0 30px 65px rgba(9,47,87,.22);
}
.mlp-phone img{
  width:100%;
  display:block;
  border-radius:31px;
}
.mlp-phone-a{left:45px;top:0;transform:rotate(-5deg);z-index:2}
.mlp-phone-b{right:20px;top:80px;transform:rotate(6deg)}
.mlp-float{
  position:absolute;
  z-index:4;
  border-radius:15px;
  padding:13px 16px;
  background:rgba(255,255,255,.96);
  border:1px solid var(--line);
  box-shadow:0 14px 35px rgba(9,47,87,.13);
  color:var(--blue);
  font-size:13px;
  font-weight:800;
}
.mlp-float i{color:var(--orange);margin-right:7px}
.mlp-f1{right:0;top:20px}
.mlp-f2{left:0;bottom:65px}
.mlp-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}
.mlp-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}
.mlp-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mlp-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:23px;
  padding:26px;
  box-shadow:0 12px 35px rgba(9,47,87,.06);
  transition:.25s;
}
.mlp-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 45px rgba(9,47,87,.11);
}
.mlp-icon{
  width:58px;height:58px;border-radius:16px;
  display:grid;place-items:center;
  background:#fff0e5;color:var(--orange);
  font-size:23px;margin-bottom:17px;
}
.mlp-card h3{
  color:var(--blue);
  margin:0 0 8px;
  font-size:19px;
}
.mlp-card p{
  color:var(--muted);
  margin:0;
  font-size:14px;
  line-height:1.75;
}
.mlp-media-card{
  overflow:hidden;
  background:#fff;
  border-radius:24px;
  border:1px solid var(--line);
  box-shadow:0 12px 35px rgba(9,47,87,.07);
}
.mlp-media-card img{
  width:100%;
  height:230px;
  display:block;
  object-fit:cover;
}
.mlp-media-body{padding:22px}
.mlp-media-body h3{color:var(--blue);margin:0 0 7px}
.mlp-media-body p{color:var(--muted);font-size:14px;margin:0}
.mlp-split{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:65px;
  align-items:center;
}
.mlp-screen{
  width:min(330px,90%);
  margin:auto;
  background:#111;
  border-radius:44px;
  padding:9px;
  box-shadow:0 30px 65px rgba(9,47,87,.18);
}
.mlp-screen img{width:100%;border-radius:35px;display:block}
.mlp-list{display:grid;gap:14px;margin-top:24px}
.mlp-list-item{
  display:flex;gap:13px;align-items:flex-start;
  padding:15px 17px;border:1px solid var(--line);
  background:#fff;border-radius:16px;
}
.mlp-list-icon{
  width:38px;height:38px;flex:0 0 38px;border-radius:11px;
  display:grid;place-items:center;background:#fff0e5;color:var(--orange)
}
.mlp-list-item strong{display:block;color:var(--blue);margin-bottom:2px}
.mlp-list-item span{font-size:13px;color:var(--muted)}
.mlp-step-line{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.mlp-step{
  position:relative;
  text-align:center;
  padding:28px 20px;
}
.mlp-step-num{
  width:66px;height:66px;margin:0 auto 16px;
  display:grid;place-items:center;border-radius:50%;
  background:linear-gradient(135deg,var(--orange),var(--orange2));
  color:#fff;font-size:22px;font-weight:900;
  box-shadow:0 12px 25px rgba(255,109,22,.24);
}
.mlp-step h3{color:var(--blue);margin:0 0 6px}
.mlp-step p{color:var(--muted);font-size:13px}
.mlp-dark .mlp-h2,.mlp-dark .mlp-title,.mlp-dark h3{color:#fff}
.mlp-dark .mlp-text,.mlp-dark p{color:#d6e3ee}
.mlp-cta{
  padding:48px;
  border-radius:30px;
  background:
    radial-gradient(circle at 90% 20%,rgba(255,109,22,.25),transparent 30%),
    linear-gradient(135deg,#072640,#0c4779);
  color:#fff;
  text-align:center;
}
.mlp-cta h2{font-size:38px;color:#fff;margin:0 0 13px}
.mlp-cta p{max-width:720px;margin:0 auto 22px;color:#dbe6ef}
.mlp-metrics{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:15px;margin-top:35px
}
.mlp-metric{
  padding:18px;border-radius:17px;
  background:#fff;border:1px solid var(--line);
  text-align:center;
}
.mlp-metric strong{display:block;color:var(--orange);font-size:27px}
.mlp-metric span{font-size:12px;color:var(--muted)}
.mlp-faq details{
  background:#fff;border:1px solid var(--line);
  border-radius:18px;margin-bottom:13px;padding:0 20px;
  box-shadow:0 8px 24px rgba(9,47,87,.04)
}
.mlp-faq summary{
  cursor:pointer;padding:19px 0;font-weight:900;color:var(--blue)
}
.mlp-faq p{color:var(--muted);padding:0 0 20px;margin:0;line-height:1.8}
@media(max-width:950px){
  .mlp-hero-grid,.mlp-split{grid-template-columns:1fr}
  .mlp-grid-4,.mlp-grid-3{grid-template-columns:repeat(2,1fr)}
  .mlp-step-line{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .mlp-section{padding:62px 0}
  .mlp-hero{padding:55px 0 65px}
  .mlp-grid-2,.mlp-grid-3,.mlp-grid-4,.mlp-step-line{grid-template-columns:1fr}
  .mlp-device-stage{min-height:450px}
  .mlp-phone{width:185px}
  .mlp-phone-a{left:10px}
  .mlp-phone-b{right:5px;top:55px}
  .mlp-metrics{grid-template-columns:repeat(2,1fr)}
  .mlp-cta{padding:34px 20px}
}