.mpstate-root,.mpstate-root *{box-sizing:border-box;}
.mpstate-root{font-family:'Poppins',sans-serif;background:#fff;color:#404040;}
.mpstate-wrap{max-width:100%;margin:0 auto;padding:28px 18px 80px;}
.mpstate-panel{background:#fff;border:1px solid rgba(23,53,82,.10);border-radius:28px;box-shadow:0 18px 48px rgba(23,53,82,.08);}
.mpstate-title,.mpstate-subtitle,.mpstate-cardtitle,.mpstate-faqtitle,.mpstate-bannertitle,.mpstate-sidehead,.mpstate-producttitle{color:#173552;}
.mpstate-grid2,.mpstate-grid3,.mpstate-grid4{display:grid;gap:22px;}
.mpstate-grid2{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;}
.mpstate-grid3{grid-template-columns:repeat(3,minmax(0,1fr));}
.mpstate-grid4{grid-template-columns:repeat(4,minmax(0,1fr));}

.mpstate-hero{position:relative;overflow:hidden;padding:38px;background:linear-gradient(180deg,#ffffff 0%,#f8fcff 52%,#eef9ff 100%);}
.mpstate-hero:before{content:"";position:absolute;right:-80px;top:-100px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(0,204,255,.15) 0%,rgba(0,204,255,0) 68%);}
.mpstate-hero:after{content:"";position:absolute;left:-120px;bottom:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,0,.10) 0%,rgba(255,138,0,0) 72%);}
.mpstate-herocontent,.mpstate-heroside{position:relative;z-index:1;}
.mpstate-kicker{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid rgba(0,204,255,.22);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#173552;}
.mpstate-title{margin:18px 0 16px;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.04em;max-width:760px;}
.mpstate-subtitle{margin:0;max-width:690px;font-size:17px;line-height:1.9;color:#404040;}
.mpstate-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px;}
.mpstate-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 24px;border-radius:18px;font-weight:700;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
.mpstate-btn:hover{transform:translateY(-2px);}
.mpstate-btnmain{background:#00ccff;color:#173552;box-shadow:0 14px 28px rgba(0,204,255,.26);}
.mpstate-btnalt{background:#fff;color:#173552;border:1px solid rgba(23,53,82,.12);}
.mpstate-alert{margin-top:18px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(255,138,0,.09),rgba(255,77,0,.09));border:1px solid rgba(255,138,0,.18);font-size:14px;line-height:1.8;}

.mpstate-chiprow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;}
.mpstate-chip{padding:16px 16px;background:#fff;border:1px solid rgba(23,53,82,.08);border-radius:18px;box-shadow:0 10px 26px rgba(23,53,82,.06);}
.mpstate-chip strong{display:block;margin-bottom:6px;color:#173552;font-size:15px;}
.mpstate-chip span{display:block;font-size:13px;line-height:1.7;color:#404040;}

.mpstate-heroside{padding:28px;border-radius:24px;background:#fff;border:1px solid rgba(23,53,82,.10);box-shadow:0 18px 36px rgba(23,53,82,.08);display:flex;flex-direction:column;gap:18px;}
.mpstate-sidehead{margin:0;font-size:28px;line-height:1.12;letter-spacing:-.03em;}
.mpstate-sidecopy{margin:0;font-size:15px;line-height:1.9;color:#404040;}
.mpstate-sidegroup{display:grid;gap:12px;}
.mpstate-sideitem{display:flex;gap:12px;align-items:flex-start;padding:14px 14px;background:#f7f9fc;border-radius:18px;border:1px solid rgba(23,53,82,.07);}
.mpstate-sideicon{flex:0 0 36px;height:36px;border-radius:12px;background:#00ccff;color:#173552;font-weight:800;display:flex;align-items:center;justify-content:center;}
.mpstate-sideitem strong{display:block;color:#173552;font-size:15px;margin-bottom:4px;}
.mpstate-sideitem span{display:block;font-size:13px;line-height:1.7;color:#404040;}

.mpstate-section{margin-top:34px;}
.mpstate-sectionhead{margin-bottom:18px;}
.mpstate-sectionhead h2{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.08;letter-spacing:-.03em;color:#173552;}
.mpstate-sectionhead p{margin:12px 0 0;max-width:780px;font-size:16px;line-height:1.85;color:#404040;}

.mpstate-card{padding:26px;border-radius:24px;background:#f7f9fc;border:1px solid rgba(23,53,82,.08);box-shadow:0 14px 34px rgba(23,53,82,.05);height:100%;}
.mpstate-cardeyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid rgba(23,53,82,.08);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#173552;margin-bottom:14px;}
.mpstate-cardtitle{margin:0 0 10px;font-size:22px;line-height:1.2;}
.mpstate-cardcopy,.mpstate-card li{font-size:15px;line-height:1.85;color:#404040;}
.mpstate-card ul,.mpstate-card ol{margin:12px 0 0;padding-left:18px;}

.mpstate-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;}
.mpstate-step{position:relative;padding:22px 18px;border-radius:22px;background:#fff;border:1px solid rgba(23,53,82,.08);box-shadow:0 14px 34px rgba(23,53,82,.05);}
.mpstate-stepnum{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#173552;color:#fff;font-size:16px;font-weight:800;margin-bottom:14px;}
.mpstate-step h3{margin:0 0 8px;font-size:18px;line-height:1.25;color:#173552;}
.mpstate-step p{margin:0;font-size:14px;line-height:1.8;color:#404040;}

.mpstate-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.mpstate-comparebox{padding:28px;border-radius:26px;border:1px solid rgba(23,53,82,.10);}
.mpstate-comparebox h3{margin:0 0 10px;font-size:24px;line-height:1.16;color:#173552;}
.mpstate-comparebox p{margin:0 0 14px;font-size:15px;line-height:1.85;color:#404040;}
.mpstate-comparebox ul{margin:0;padding-left:18px;}
.mpstate-comparebox li{margin:8px 0;font-size:15px;line-height:1.8;color:#404040;}
.mpstate-compareleft{background:#f7f9fc;}
.mpstate-compareright{background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%);position:relative;overflow:hidden;}
.mpstate-compareright:after{content:"";position:absolute;right:-35px;bottom:-35px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(0,204,255,.16),rgba(0,204,255,0) 72%);}

/* Product showcase */
.mpstate-productshow{padding:32px;background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%);overflow:hidden;position:relative;}
.mpstate-productshow:before{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(0,204,255,.12) 0%,rgba(0,204,255,0) 70%);}
.mpstate-productgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:center;}
.mpstate-producthead{margin-bottom:24px;}
.mpstate-productmedia{display:flex;flex-direction:column;gap:18px;}
.mpstate-ratingwrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;background:#fff;border:1px solid rgba(23,53,82,.08);border-radius:18px;box-shadow:0 12px 26px rgba(23,53,82,.05);}
.mpstate-stars{font-size:20px;line-height:1;color:#ff8a00;letter-spacing:2px;}
.mpstate-ratingtext{font-size:16px;font-weight:800;color:#173552;}
.mpstate-ratingcount{font-size:14px;color:#404040;}
.mpstate-productfigure{margin:0;padding:14px;background:#fff;border:1px solid rgba(23,53,82,.08);border-radius:24px;box-shadow:0 16px 36px rgba(23,53,82,.08);}
.mpstate-productimg{display:block;width:100%;height:auto;border-radius:18px;}
.mpstate-productcontent{padding:6px 0;}
.mpstate-producttitle{margin:0 0 12px;font-size:30px;line-height:1.16;letter-spacing:-.03em;}
.mpstate-productlist{margin:0;padding-left:20px;display:grid;gap:10px;}
.mpstate-productlist li{font-size:15px;line-height:1.8;color:#404040;}
.mpstate-productcta{margin-top:24px;}

.mpstate-faqgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.mpstate-faq{padding:24px;border-radius:22px;background:#fff;border:1px solid rgba(23,53,82,.08);box-shadow:0 12px 30px rgba(23,53,82,.05);height:100%;}
.mpstate-faqtitle{margin:0 0 10px;font-size:19px;line-height:1.35;}
.mpstate-faq p{margin:0;font-size:15px;line-height:1.85;color:#404040;}

.mpstate-banner{margin-top:34px;padding:34px;border-radius:30px;background:linear-gradient(135deg,#ff8a00,#ff4d00);box-shadow:0 24px 54px rgba(255,77,0,.24);}
.mpstate-bannertitle{margin:0 0 12px;font-size:clamp(28px,4vw,44px);line-height:1.06;color:#fff;}
.mpstate-banner p{margin:0;max-width:760px;font-size:16px;line-height:1.9;color:rgba(255,255,255,.95);}
.mpstate-banner .mpstate-cta{margin-top:24px;}
.mpstate-banner .mpstate-btnmain{background:#fff;color:#173552;box-shadow:none;}
.mpstate-banner .mpstate-btnalt{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.34);}

@media (max-width:1100px){
  .mpstate-grid2,
  .mpstate-grid3,
  .mpstate-grid4,
  .mpstate-steps,
  .mpstate-compare,
  .mpstate-faqgrid,
  .mpstate-chiprow,
  .mpstate-productgrid{grid-template-columns:1fr 1fr;}
}

@media (max-width:860px){
  .mpstate-grid2,
  .mpstate-grid3,
  .mpstate-grid4,
  .mpstate-steps,
  .mpstate-compare,
  .mpstate-faqgrid,
  .mpstate-chiprow,
  .mpstate-productgrid{grid-template-columns:1fr;}
  .mpstate-title{font-size:clamp(30px,8vw,46px);}
}

@media (max-width:767px){
  .mpstate-wrap{padding:16px 14px 50px;}
  .mpstate-hero,
  .mpstate-banner,
  .mpstate-card,
  .mpstate-faq,
  .mpstate-comparebox,
  .mpstate-productshow{padding:22px;}
  .mpstate-producttitle{font-size:24px;}
}