:root{
  --ink:#0b1f3a;--navy:#06172e;--blue:#1769e8;--mint:#20b88a;--purple:#7259eb;
  --gold:#eda91b;--red:#e14c62;--bg:#f6f8fc;--surface:#fff;--muted:#66758a;
  --line:#dfe6ef;--shadow:0 18px 55px rgba(20,48,82,.11);--shadow2:0 10px 28px rgba(20,48,82,.08)
}
#mppm-roas-page,#mppm-roas-page *{box-sizing:border-box}
html{scroll-behavior:smooth} body{margin:0}
#mppm-roas-page{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55
}
#mppm-roas-page a{text-decoration:none;color:inherit}
#mppm-roas-page button,#mppm-roas-page input,#mppm-roas-page select{font:inherit}
#mppm-roas-page button{cursor:pointer}
#mppm-roas-page .container{width:min(1180px,calc(100% - 40px));margin:auto}


/* FULL-WIDTH ELEMENTOR FIX
   The page may sit inside Elementor's default boxed HTML-widget container.
   This makes the MPPM page escape that box and use the full browser width,
   while the inner .container still controls readable content width. */
#mppm-roas-page{
  width:100vw !important;
  max-width:100vw !important;
  position:relative;
  left:50%;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
  overflow-x:clip;
}

/* Modern Elementor browsers: also remove width restrictions from the widget
   that directly contains this page when :has() is supported. */
.elementor-widget-html:has(#mppm-roas-page){
  width:100% !important;
  max-width:none !important;
}
.elementor-widget-html:has(#mppm-roas-page) > .elementor-widget-container{
  overflow:visible !important;
  max-width:none !important;
}

#mppm-roas-page .announcement{background:var(--navy);color:#c9d7e9;font-size:12px}
#mppm-roas-page .announcement .container{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:18px}

#mppm-roas-page header{
  position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);
  border-bottom:1px solid var(--line);transition:transform .28s ease,box-shadow .28s ease;will-change:transform
}
#mppm-roas-page header.header-hidden{transform:translateY(-120%)}
#mppm-roas-page header.header-scrolled{box-shadow:0 8px 24px rgba(11,31,58,.10)}
#mppm-roas-page .nav{height:78px;display:flex;align-items:center;gap:23px}
#mppm-roas-page .brand{display:flex;align-items:center;flex:none}
#mppm-roas-page .brand img{display:block;width:190px;max-height:62px;object-fit:contain;object-position:left center}
#mppm-roas-page .links{display:flex;gap:22px;margin-left:auto;align-items:center}
#mppm-roas-page .links a{font-size:13px;font-weight:780;color:#44546d}
#mppm-roas-page .links a:hover,#mppm-roas-page .links a.active{color:var(--blue)}
#mppm-roas-page .navbtn{
  border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 14px;
  font-weight:800;color:var(--ink)
}
#mppm-roas-page .navbtn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}
#mppm-roas-page .menu-btn{display:none}
#mppm-roas-page .mobile-menu{display:none;border-top:1px solid var(--line);background:#fff}
#mppm-roas-page .mobile-menu.open{display:block}
#mppm-roas-page .mobile-menu .container{padding:12px 0 18px}
#mppm-roas-page .mobile-menu a{display:block;padding:10px 0;color:#44546d;font-size:13px;font-weight:800}

#mppm-roas-page .crumbs{padding:20px 0 0;font-size:11px;color:#718098}
#mppm-roas-page .crumbs a:hover{color:var(--blue)}
#mppm-roas-page .crumbs span{margin:0 6px;color:#a3afbf}

#mppm-roas-page .hero{padding:38px 0 50px}
#mppm-roas-page .hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
#mppm-roas-page .eyebrow{
  display:inline-flex;align-items:center;border:1px solid #d6e7ff;background:#eaf3ff;color:#1769e8;
  border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900;letter-spacing:.45px
}
#mppm-roas-page .hero h1{margin:14px 0 12px;font-size:clamp(42px,5.6vw,65px);line-height:1.02;letter-spacing:-3.2px}
#mppm-roas-page .hero h1 span{color:var(--blue)}
#mppm-roas-page .hero p{margin:0;max-width:720px;color:var(--muted);font-size:16px}
#mppm-roas-page .hero-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}
#mppm-roas-page .hero-points span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:#506177;font-size:10px;font-weight:800}
#mppm-roas-page .hero-card{background:linear-gradient(135deg,#0b2443,#0d3d6f);color:#fff;border-radius:22px;padding:25px;box-shadow:var(--shadow)}
#mppm-roas-page .hero-card small{color:#9fc4e8;font-size:10px;font-weight:850}
#mppm-roas-page .hero-card strong{display:block;margin-top:6px;font-size:38px;line-height:1.08;letter-spacing:-1.8px}
#mppm-roas-page .hero-card p{color:#c5d7e9;font-size:12px;margin:10px 0 0}
#mppm-roas-page .hero-formula{margin-top:19px;padding-top:17px;border-top:1px solid rgba(255,255,255,.14);color:#d8e5f1;font-size:11px}
#mppm-roas-page .hero-formula b{color:#fff}