.mlr-reused{ --navy: #071d3d; --navy2: #0b2d57; --blue: #1468f3; --blue2: #2b7cff; --ice: #f4f8ff; --line: #dce6f4; --muted: #60738f; --green: #0c9a49; --orange: #f47700; --red: #ed3434; --purple: #6d39e9; --shadow: 0 16px 42px rgba(25,65,116,.10); }
.mlr-reused *{ box-sizing: border-box; }
.mlr-reused{ scroll-behavior: smooth; }
.mlr-reused{ margin: 0px; color: var(--navy); font-family: Inter, Arial, sans-serif; background: rgb(255, 255, 255); }
.mlr-reused button,.mlr-reused input,.mlr-reused select{ font: inherit; }
.mlr-reused a,.mlr-reused button{ transition: 0.22s; }
.mlr-reused .topbar{ height: 82px; background: linear-gradient(100deg, rgb(6, 24, 49), rgb(8, 36, 77)); padding: 0px max(4vw, 28px); position: sticky; top: 0px; z-index: 50; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px; }
.mlr-reused .brand,.mlr-reused .topbar{ display: flex; align-items: center; }
.mlr-reused .brand{ gap: 8px; color: rgb(255, 255, 255); text-decoration: none; font-size: 24px; font-weight: 800; letter-spacing: -0.8px; }
.mlr-reused .brand i{ font-style: normal; color: rgb(124, 166, 217); }
.mlr-reused .brand strong{ color: rgb(52, 125, 247); }
.mlr-reused .nav{ margin-left: auto; gap: 31px; }
.mlr-reused .nav,.mlr-reused .nav button{ display: flex; align-items: center; }
.mlr-reused .nav button{ border: 0px; background: none; color: rgb(255, 255, 255); cursor: pointer; font-size: 14px; gap: 5px; }
.mlr-reused .nav button:hover{ color: rgb(118, 169, 255); }
.mlr-reused .nav .navCta{ padding: 14px 19px; border-radius: 10px; background: linear-gradient(135deg, rgb(18, 99, 238), rgb(40, 126, 255)); font-weight: 700; box-shadow: rgba(17, 100, 238, 0.26) 0px 8px 20px; }
.mlr-reused .navCta:hover,.mlr-reused .primary:hover{ transform: translateY(-2px); filter: brightness(1.06); }
.mlr-reused .menuBtn{ display: none; }
.mlr-reused .hero{ position: relative; overflow: hidden; display: grid; grid-template-columns: 34% 66%; align-items: center; min-height: 680px; padding: 35px max(4vw, 28px); background: linear-gradient(135deg, rgb(255, 255, 255) 15%, rgb(248, 251, 255) 50%, rgb(237, 245, 255)); }
.mlr-reused .hero::after{ content: ""; position: absolute; inset: auto 0px 0px; height: 155px; opacity: 0.25; background: repeating-radial-gradient(at 22% 120%, transparent 0px, transparent 14px, rgb(120, 169, 237) 15px, rgb(120, 169, 237) 16px, transparent 17px, transparent 27px); }
.mlr-reused .heroGlow{ position: absolute; border-radius: 50%; filter: blur(4px); pointer-events: none; }
.mlr-reused .heroGlow.one{ width: 520px; height: 520px; right: 17%; top: -180px; background: rgba(148, 186, 255, 0.125); }
.mlr-reused .heroGlow.two{ width: 420px; height: 280px; left: -130px; bottom: -100px; background: rgba(188, 213, 255, 0.145); }
.mlr-reused .heroCopy{ position: relative; z-index: 2; padding-right: 42px; }
.mlr-reused .eyebrow,.mlr-reused .kicker{ color: var(--blue); font-weight: 800; font-size:13px; letter-spacing: 1.5px; }
.mlr-reused .eyebrow{ display: flex; align-items: center; gap: 7px; }
.mlr-reused .hero h1{ font-size: clamp(43px, 3.5vw, 58px); line-height: 1.07; letter-spacing: -3.2px; margin: 18px 0px; }
.mlr-reused .hero h1 em{ font-style: normal; color: var(--blue); white-space: nowrap; }
.mlr-reused .heroCopy > p{ color: rgb(81, 104, 132); font-size: 16px; line-height: 1.62; max-width: 530px; }
.mlr-reused .heroActions{ display: flex; gap: 17px; margin-top: 29px; }
.mlr-reused .primary,.mlr-reused .secondary{ height: 55px; padding: 0px 24px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; font-weight: 700; cursor: pointer; }
.mlr-reused .primary{ border: 0px; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(15, 93, 233), rgb(21, 121, 255)); box-shadow: rgba(18, 99, 237, 0.24) 0px 10px 24px; }
.mlr-reused .secondary{ border: 1.5px solid rgb(57, 129, 243); color: var(--blue); background: rgb(255, 255, 255); }
.mlr-reused .primary svg,.mlr-reused .secondary svg{ width: 19px; }
.mlr-reused .heroTrust{ display: flex; gap: 20px; margin-top: 22px; font-size:13px; color: rgb(100, 123, 150); }
.mlr-reused .heroTrust span{ display: flex; align-items: center; gap: 5px; }
.mlr-reused .heroTrust svg{ width: 14px; color: var(--green); }
.mlr-reused .dashboard{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; position: relative; z-index: 3; }
.mlr-reused .dashCard{ background: rgba(255, 255, 255, 0.937); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); padding: 19px; backdrop-filter: blur(10px); transition: transform 0.25s, box-shadow 0.25s; }
.mlr-reused .dashCard:hover{ transform: translateY(-4px); box-shadow: rgba(25, 65, 116, 0.16) 0px 20px 48px; }
.mlr-reused .purchaseCard,.mlr-reused .salesCard{ grid-column: span 2; min-height: 350px; }
.mlr-reused .purchaseCard{ border-left: 2px solid rgb(255, 149, 25); }
.mlr-reused .cardHead,.mlr-reused .cardHead > div,.mlr-reused .miniHead{ display: flex; align-items: center; }
.mlr-reused .cardHead{ justify-content: space-between; margin-bottom: 19px; }
.mlr-reused .cardHead > div{ gap: 10px; }
.mlr-reused .cardHead b{ font-size: 14px; }
.mlr-reused .cardHead svg{ width: 23px; }
.mlr-reused .blueIcon{ color: var(--blue); }
.mlr-reused .orangeIcon{ color: var(--orange); }
.mlr-reused .cardHead button{ display: flex; align-items: center; gap: 6px; background: rgb(251, 253, 255); border: 1px solid var(--line); border-radius: 8px; padding: 7px 9px; color: rgb(74, 92, 116); font-size:13px; }
.mlr-reused .cardHead button svg{ width: 11px; }
.mlr-reused .salesGrid{ display: grid; grid-template-columns: 38% 62%; height: 260px; }
.mlr-reused .salesStats{ gap: 9px; }
.mlr-reused .salesStats,.mlr-reused .salesStats label{ display: flex; flex-direction: column; }
.mlr-reused .salesStats label{ font-size:13px; color: var(--muted); }
.mlr-reused .salesStats strong{ font-size: 22px; color: var(--blue); margin-top: 4px; }
.mlr-reused .positive{ color: var(--green) !important; }
.mlr-reused .chart{ position: relative; margin: 8px 0px 22px 30px; }
.mlr-reused .chartGrid{ position: absolute; inset: 0px; display: flex; flex-direction: column; justify-content: space-between; background: repeating-linear-gradient(transparent 0px, transparent 24%, rgb(230, 237, 246) 25%); }
.mlr-reused .chartGrid span{ font-size:13px; color: rgb(131, 145, 166); transform: translateX(-25px); }
.mlr-reused .areaChart{ position: absolute; inset: 18px 3px 13px 0px; }
.mlr-reused .areaChart::before{ background: linear-gradient(0deg, rgba(28, 115, 244, 0.15), transparent); clip-path: polygon(0px 91%, 10% 79%, 19% 79%, 29% 65%, 39% 66%, 49% 50%, 59% 55%, 68% 35%, 76% 39%, 86% 18%, 94% 27%, 100% 19%, 100% 100%, 0px 100%); }
.mlr-reused .areaChart::after,.mlr-reused .areaChart::before{ content: ""; position: absolute; inset: 0px; }
.mlr-reused .areaChart::after{ background: var(--blue); height: 3px; top: auto; bottom: 0px; transform-origin: left center; animation: 1.6s ease 0s 1 normal both running growLine; clip-path: polygon(0px 87%, 10% 75%, 19% 75%, 29% 61%, 39% 62%, 49% 46%, 59% 51%, 68% 31%, 76% 35%, 86% 14%, 94% 23%, 100% 15%, 100% 17%, 94% 25%, 86% 16%, 76% 37%, 68% 33%, 59% 53%, 49% 48%, 39% 64%, 29% 63%, 19% 77%, 10% 77%, 0px 89%); }
.mlr-reused .areaChart i{ position: absolute; width: 7px; height: 7px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background: var(--blue); opacity: 0; animation: 0.3s ease 0s 1 normal forwards running pointIn; }
.mlr-reused .areaChart i:first-child{ left: 9%; bottom: 22%; animation-delay: 0.2s; }
.mlr-reused .areaChart i:nth-child(2){ left: 28%; bottom: 38%; animation-delay: 0.35s; }
.mlr-reused .areaChart i:nth-child(3){ left: 48%; bottom: 53%; animation-delay: 0.5s; }
.mlr-reused .areaChart i:nth-child(4){ left: 67%; bottom: 67%; animation-delay: 0.65s; }
.mlr-reused .areaChart i:nth-child(5){ left: 85%; bottom: 82%; animation-delay: 0.8s; }
.mlr-reused .areaChart i:nth-child(6){ right: 0px; top: 12%; animation-delay: 1s; }
.mlr-reused .chartTag{ top: 20px; color: var(--blue); font-size:13px; background: rgb(237, 245, 255); border: 1px solid rgb(189, 214, 255); border-radius: 7px; padding: 6px; }
.mlr-reused .chartAxis,.mlr-reused .chartTag{ position: absolute; right: 0px; }
.mlr-reused .chartAxis{ left: 0px; bottom: -15px; display: flex; justify-content: space-between; font-size:13px; color: rgb(125, 141, 163); }
.mlr-reused .purchaseMetrics{ display: grid; grid-template-columns: 1fr 1.5fr 1fr; padding-bottom: 13px; border-bottom: 1px solid var(--line); }
.mlr-reused .purchaseMetrics label{ display: flex; flex-direction: column; align-items: center; border-right: 1px solid var(--line); }
.mlr-reused .purchaseMetrics label:last-child{ border: 0px; }
.mlr-reused .purchaseMetrics strong{ font-size: 21px; color: var(--blue); }
.mlr-reused .purchaseMetrics small{ color: var(--muted); font-size:13px; margin-top: 4px; }
.mlr-reused .orangeText{ color: var(--orange) !important; }
.mlr-reused .purchaseHeader{ display: flex; justify-content: space-between; font-size:13px; color: var(--muted); margin: 12px 0px 3px; }
.mlr-reused .purchaseRow{ display: grid; grid-template-columns: 29px 1fr auto; align-items: center; padding: 7px 0px; }
.mlr-reused .purchaseRow > svg{ width: 20px; color: var(--blue); }
.mlr-reused .purchaseRow span{ display: flex; flex-direction: column; }
.mlr-reused .purchaseRow span b{ font-size:13px; }
.mlr-reused .purchaseRow small{ font-size:13px; color: rgb(117, 136, 161); margin-top: 3px; }
.mlr-reused .purchaseRow > strong{ font-size:13px; color: var(--orange); }
.mlr-reused .miniCard{ min-height: 205px; padding: 15px; }
.mlr-reused .miniHead{ gap: 8px; }
.mlr-reused .miniHead svg{ width: 20px; color: var(--blue); }
.mlr-reused .miniHead b{ font-size:13px; white-space: nowrap; }
.mlr-reused .miniHead > :last-child{ margin-left: auto; width: 13px; color: rgb(77, 101, 130); }
.mlr-reused .miniHead span{ font-size:13px; border: 1px solid var(--line); padding: 5px; border-radius: 6px; }
.mlr-reused .mainMetric{ display: block; font-size: 27px; color: var(--blue); margin: 13px 0px 1px; }
.mlr-reused .miniCard > small{ display: block; font-size:13px; color: var(--muted); }
.mlr-reused .risk .mainMetric{ color: var(--red); }
.mlr-reused .risk ul{ list-style: none; margin: 11px 0px 0px; padding: 7px 0px 0px; border-top: 1px solid var(--line); }
.mlr-reused .risk li{ display: grid; grid-template-columns: 1fr auto 11px; font-size:13px; padding: 5px 0px; color: rgb(82, 104, 130); }
.mlr-reused .risk i{ height: 7px; width: 7px; border-radius: 50%; }
.mlr-reused .danger{ background: rgb(238, 52, 52); }
.mlr-reused .warning{ background: rgb(255, 133, 0); }
.mlr-reused .notice{ background: rgb(241, 182, 0); }
.mlr-reused .sparkline{ height: 45px; position: relative; margin: 1px 0px; background: repeating-linear-gradient(transparent 0px, transparent 32%, rgb(232, 238, 247) 33%); }
.mlr-reused .sparkline::after{ content: ""; position: absolute; inset: 4px 0px; background: linear-gradient(0deg, rgba(22, 115, 244, 0.14), transparent); border-bottom: 2px solid var(--blue); clip-path: polygon(0px 90%, 13% 63%, 25% 68%, 38% 44%, 50% 52%, 63% 20%, 75% 43%, 88% 0px, 100% 13%, 100% 100%, 0px 100%); }
.mlr-reused .confidence{ color: var(--green); font-size: 18px; }
.mlr-reused .dual{ display: grid; grid-template-columns: 1fr 1fr; margin-top: 24px; }
.mlr-reused .dual label{ display: flex; flex-direction: column; text-align: center; border-right: 1px solid var(--line); }
.mlr-reused .dual label:last-child{ border: 0px; }
.mlr-reused .dual b{ color: var(--orange); font-size: 18px; }
.mlr-reused .dual label:last-child b{ color: var(--green); }
.mlr-reused .dual small{ font-size:13px; color: var(--muted); }
.mlr-reused .capital > strong{ display: block; font-size: 21px; margin: 33px 0px 16px; white-space: nowrap; }
.mlr-reused .capital .miniHead svg,.mlr-reused .capital > strong{ color: var(--purple); }
.mlr-reused .trendDown{ display: flex; align-items: center; gap: 4px; width: max-content; background: rgb(226, 246, 233); color: rgb(7, 139, 60); padding: 6px 9px; border-radius: 18px; font-size:13px; font-weight: 800; margin-bottom: 7px; }
.mlr-reused .trendDown svg{ width: 13px; }
.mlr-reused .section{ padding: 90px max(6vw, 36px); }
.mlr-reused .sectionIntro{ max-width: 750px; }
.mlr-reused .sectionIntro.centered{ text-align: center; margin: 0px auto; }
.mlr-reused .aboutCopy h2,.mlr-reused .contactCopy h2,.mlr-reused .intelligenceCopy h2,.mlr-reused .promoCopy h2,.mlr-reused .sectionIntro h2{ font-size: clamp(31px, 3.2vw, 47px); line-height: 1.12; letter-spacing: -2px; margin: 12px 0px 17px; }
.mlr-reused .aboutCopy > p,.mlr-reused .contactCopy > p,.mlr-reused .intelligenceCopy > p,.mlr-reused .promoCopy > p,.mlr-reused .sectionIntro p{ color: var(--muted); line-height: 1.7; }
.mlr-reused .impact{ text-align: center; }
.mlr-reused .impact .sectionIntro{ margin: 0px auto; }
.mlr-reused .impactGrid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 19px; margin-top: 42px; }
.mlr-reused .impactGrid article{ border: 1px solid var(--line); border-radius: 15px; padding: 28px; text-align: left; box-shadow: rgba(20, 55, 93, 0.05) 0px 12px 30px; }
.mlr-reused .iconShell{ width: 48px; height: 48px; border-radius: 13px; background: rgb(237, 244, 255); color: var(--blue); display: grid; place-items: center; }
.mlr-reused .iconShell svg{ width: 25px; }
.mlr-reused .impactGrid h3{ font-size: 15px; margin: 22px 0px 10px; }
.mlr-reused .impactGrid p,.mlr-reused .moduleCard p{ font-size:13px; color: var(--muted); line-height: 1.6; margin: 0px; }
.mlr-reused .platform{ background: rgb(244, 248, 254); }
.mlr-reused .moduleGrid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; margin-top: 48px; }
.mlr-reused .moduleCard{ background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 15px; padding: 25px; min-height: 250px; box-shadow: rgba(20, 55, 93, 0.05) 0px 10px 25px; transition: transform 0.25s, box-shadow 0.25s; }
.mlr-reused .moduleCard:hover{ transform: translateY(-6px); box-shadow: var(--shadow); }
.mlr-reused .moduleCard > div{ width: 46px; height: 46px; border-radius: 12px; background: rgb(237, 244, 255); color: var(--blue); display: grid; place-items: center; }
.mlr-reused .moduleCard.red > div{ background: rgb(255, 240, 240); color: var(--red); }
.mlr-reused .moduleCard.purple > div{ background: rgb(243, 237, 255); color: var(--purple); }
.mlr-reused .moduleCard.orange > div{ background: rgb(255, 243, 232); color: var(--orange); }
.mlr-reused .moduleCard.green > div{ background: rgb(233, 248, 240); color: var(--green); }
.mlr-reused .moduleCard.slate > div{ background: rgb(238, 241, 245); color: rgb(97, 113, 138); }
.mlr-reused .moduleCard.cyan > div{ background: rgb(233, 248, 251); color: rgb(8, 153, 183); }
.mlr-reused .moduleCard.pink > div{ background: rgb(255, 240, 250); color: rgb(214, 68, 166); }
.mlr-reused .moduleCard svg{ width: 24px; }
.mlr-reused .moduleCard h3{ font-size: 16px; margin: 20px 0px 10px; }
.mlr-reused .moduleCard button,.mlr-reused .textButton{ border: 0px; background: none; padding: 0px; color: var(--blue); font-size:13px; font-weight: 700; display: flex; align-items: center; gap: 8px; cursor: pointer; margin-top: 22px; }
.mlr-reused .moduleCard button svg,.mlr-reused .textButton svg{ width: 15px; }
.mlr-reused .intelligence{ display: grid; grid-template-columns: 56% 44%; align-items: center; gap: 70px; }
.mlr-reused .intelligenceVisual{ background: linear-gradient(145deg, rgb(7, 28, 58), rgb(10, 49, 94)); color: rgb(255, 255, 255); border-radius: 22px; padding: 27px; box-shadow: rgba(7, 29, 61, 0.2) 0px 24px 60px; }
.mlr-reused .visualTop{ justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.mlr-reused .visualTop,.mlr-reused .visualTop span{ display: flex; align-items: center; }
.mlr-reused .visualTop span{ gap: 9px; font-weight: 700; }
.mlr-reused .visualTop svg{ color: rgb(101, 161, 255); }
.mlr-reused .visualTop b{ font-size:13px; color: rgb(169, 189, 213); display: flex; align-items: center; gap: 7px; }
.mlr-reused .visualTop i{ width: 7px; height: 7px; background: rgb(35, 197, 111); border-radius: 50%; box-shadow: rgba(35, 197, 111, 0.125) 0px 0px 0px 5px; }
.mlr-reused .flow{ display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 12px; padding: 38px 0px; }
.mlr-reused .flow > svg{ width: 17px; color: rgb(92, 123, 159); }
.mlr-reused .flow > div{ min-height: 150px; padding: 20px 13px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 14px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.mlr-reused .flow > div.active{ background: linear-gradient(145deg, rgba(20, 103, 239, 0.18), rgba(41, 128, 255, 0.075)); border-color: rgb(63, 133, 238); }
.mlr-reused .flow div > svg{ color: rgb(91, 156, 255); margin-bottom: 23px; }
.mlr-reused .flow div b{ font-size: 13px; }
.mlr-reused .flow div small{ color: rgb(157, 178, 206); font-size:13px; line-height: 1.5; margin-top: 8px; }
.mlr-reused .visualStats{ display: grid; grid-template-columns: repeat(3, 1fr); background: rgba(255, 255, 255, 0.04); border-radius: 12px; padding: 17px; }
.mlr-reused .visualStats span{ display: flex; flex-direction: column; text-align: center; color: rgb(157, 178, 206); font-size:13px; border-right: 1px solid rgba(255, 255, 255, 0.086); }
.mlr-reused .visualStats span:last-child{ border: 0px; }
.mlr-reused .visualStats b{ font-size: 18px; color: rgb(255, 255, 255); margin-bottom: 4px; }
.mlr-reused .intelligenceCopy ul{ list-style: none; padding: 0px; margin: 22px 0px; }
.mlr-reused .intelligenceCopy li{ display: flex; align-items: center; gap: 9px; margin: 11px 0px; font-size: 13px; }
.mlr-reused .intelligenceCopy li svg{ width: 17px; color: var(--green); }
.mlr-reused .steps{ background: rgb(245, 248, 253); }
.mlr-reused .stepsGrid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 19px; margin-top: 48px; }
.mlr-reused .stepsGrid article{ position: relative; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 16px; padding: 30px; }
.mlr-reused .stepsGrid article > span{ position: absolute; right: 20px; top: 18px; font-size:13px; color: rgb(140, 161, 188); font-weight: 800; }
.mlr-reused .stepsGrid article > div{ height: 48px; width: 48px; display: grid; place-items: center; border-radius: 12px; background: rgb(237, 244, 255); color: var(--blue); }
.mlr-reused .stepsGrid h3{ font-size: 18px; margin: 22px 0px 10px; }
.mlr-reused .stepsGrid p{ font-size:13px; color: var(--muted); line-height: 1.65; }
.mlr-reused .promo{ display: grid; grid-template-columns: 48% 52%; align-items: center; gap: 80px; }
.mlr-reused .promoPoints{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 25px; }
.mlr-reused .promoPoints span{ display: flex; align-items: center; gap: 9px; font-size:13px; font-weight: 700; }
.mlr-reused .promoPoints svg{ width: 18px; color: var(--blue); }
.mlr-reused .promoPanel{ background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 18px; padding: 27px; box-shadow: rgba(20, 55, 93, 0.098) 0px 20px 55px; }
.mlr-reused .panelHead{ justify-content: space-between; }
.mlr-reused .panelHead,.mlr-reused .panelHead span{ display: flex; align-items: center; }
.mlr-reused .panelHead span{ gap: 8px; font-weight: 800; }
.mlr-reused .panelHead span svg{ color: rgb(214, 68, 166); }
.mlr-reused .panelHead > b{ font-size:13px; background: rgb(233, 247, 239); color: var(--green); padding: 6px 9px; border-radius: 20px; }
.mlr-reused .panelSteps{ display: flex; gap: 8px; margin: 24px 0px; }
.mlr-reused .panelSteps span{ flex: 1 1 0%; text-align: center; font-size:13px; padding: 9px 5px; border: 1px solid var(--line); border-radius: 8px; }
.mlr-reused .panelSteps .done{ color: var(--green); display: flex; align-items: center; justify-content: center; gap: 3px; }
.mlr-reused .panelSteps .done svg{ width: 11px; }
.mlr-reused .panelSteps .active{ color: var(--blue); border-color: rgb(121, 170, 250); background: rgb(237, 245, 255); font-weight: 700; }
.mlr-reused .dateRow label,.mlr-reused .promoPanel > label{ display: flex; flex-direction: column; font-size:13px; color: var(--muted); gap: 6px; }
.mlr-reused .dateRow b,.mlr-reused .promoPanel > label strong{ color: var(--navy); font-size:13px; border: 1px solid var(--line); padding: 12px; border-radius: 8px; }
.mlr-reused .dateRow{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
.mlr-reused .panelSummary{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 18px 0px; }
.mlr-reused .panelSummary span{ font-size:13px; background: rgb(245, 248, 252); padding: 12px; text-align: center; border-radius: 8px; }
.mlr-reused .panelSummary b{ display: block; font-size: 13px; margin-bottom: 4px; }
.mlr-reused .promoPanel > button{ width: 100%; height: 48px; border: 0px; border-radius: 9px; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(12, 170, 79), rgb(22, 198, 107)); font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 8px; }
.mlr-reused .promoPanel > button svg{ width: 17px; }
.mlr-reused .cloudStrip{ margin: 0px max(6vw, 36px) 90px; padding: 30px; background: rgb(7, 29, 61); color: rgb(255, 255, 255); border-radius: 17px; display: grid; grid-template-columns: repeat(3, 1fr); }
.mlr-reused .cloudStrip > div{ display: flex; align-items: center; gap: 15px; padding: 0px 25px; border-right: 1px solid rgba(255, 255, 255, 0.106); }
.mlr-reused .cloudStrip > div:last-child{ border: 0px; }
.mlr-reused .cloudStrip svg{ color: rgb(98, 160, 255); }
.mlr-reused .cloudStrip span{ display: flex; flex-direction: column; }
.mlr-reused .cloudStrip b{ font-size: 13px; }
.mlr-reused .cloudStrip small{ font-size:13px; color: rgb(158, 179, 206); margin-top: 5px; }
.mlr-reused .about{ display: grid; grid-template-columns: 47% 53%; gap: 80px; background: rgb(245, 248, 253); }
.mlr-reused .aboutMetrics{ display: grid; gap: 12px; }
.mlr-reused .aboutMetrics > div{ background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 13px; padding: 22px; display: grid; grid-template-columns: 120px 1fr; align-items: center; }
.mlr-reused .aboutMetrics b{ color: var(--blue); font-size: 18px; }
.mlr-reused .aboutMetrics span{ color: var(--muted); font-size:13px; line-height: 1.6; }
.mlr-reused .contact{ display: grid; grid-template-columns: 48% 52%; gap: 80px; align-items: center; }
.mlr-reused .contactCopy > div:last-child{ display: flex; flex-direction: column; gap: 10px; margin-top: 25px; }
.mlr-reused .contactCopy span{ display: flex; gap: 8px; align-items: center; font-size:13px; font-weight: 600; }
.mlr-reused .contactCopy span svg{ width: 16px; color: var(--green); }
.mlr-reused .contactForm{ padding: 30px; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); display: flex; flex-direction: column; gap: 15px; }
.mlr-reused .formRow{ display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.mlr-reused .contactForm label{ display: flex; flex-direction: column; gap: 7px; font-size:13px; font-weight: 700; }
.mlr-reused .contactForm input,.mlr-reused .contactForm select{ height: 46px; border: 1px solid rgb(207, 218, 234); border-radius: 8px; padding: 0px 13px; color: var(--navy); background: rgb(251, 253, 255); outline: none; }
.mlr-reused .contactForm input:focus,.mlr-reused .contactForm select:focus{ border-color: var(--blue); box-shadow: rgba(20, 104, 243, 0.1) 0px 0px 0px 3px; }
.mlr-reused .contactForm > small{ font-size:13px; color: var(--muted); text-align: center; }
.mlr-reused .formSuccess{ text-align: center; padding: 25px; }
.mlr-reused .formSuccess > div{ height: 55px; width: 55px; margin: auto; background: rgb(232, 248, 239); color: var(--green); border-radius: 50%; display: grid; place-items: center; }
.mlr-reused .formSuccess h3{ font-size: 23px; }
.mlr-reused .formSuccess p{ font-size:13px; color: var(--muted); line-height: 1.6; }
.mlr-reused .formSuccess button{ border: 0px; background: none; color: var(--blue); font-weight: 700; cursor: pointer; }
.mlr-reused footer{ padding: 50px max(5vw, 30px); background: rgb(4, 21, 47); color: rgb(255, 255, 255); display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; }
.mlr-reused footer > div p{ font-size:13px; color: rgb(150, 171, 199); }
.mlr-reused footer nav{ display: flex; gap: 25px; }
.mlr-reused footer nav a{ color: rgb(180, 196, 216); text-decoration: none; font-size:13px; }
.mlr-reused footer > small{ grid-column: 1 / -1; border-top: 1px solid rgba(255, 255, 255, 0.094); padding-top: 20px; color: rgb(113, 136, 167); font-size:13px; }
.mlr-reused .reveal{ opacity: 0; transform: translateY(24px); transition: opacity 0.65s, transform 0.65s; }
.mlr-reused .reveal.visible{ opacity: 1; transform: none; }
@keyframes pointIn{ 
  100% { opacity: 1; }
}
@keyframes growLine{ 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
@media (max-width: 1180px){.mlr-reused .hero{ grid-template-columns: 1fr; padding-top: 75px; }
.mlr-reused .heroCopy{ max-width: 760px; margin-bottom: 60px; }
.mlr-reused .dashboard{ width: 100%; }
.mlr-reused .contact,.mlr-reused .intelligence,.mlr-reused .promo{ grid-template-columns: 1fr; gap: 50px; }
.mlr-reused .moduleGrid{ grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 760px){.mlr-reused .topbar{ height: 70px; padding: 0px 20px; }
.mlr-reused .brand{ font-size: 19px; }
.mlr-reused .menuBtn{ display: grid; place-items: center; margin-left: auto; border: 0px; background: none; color: rgb(255, 255, 255); }
.mlr-reused .nav{ display: none; position: absolute; top: 70px; left: 0px; right: 0px; background: rgb(7, 29, 61); padding: 16px; flex-direction: column; align-items: stretch; gap: 4px; }
.mlr-reused .nav.open{ display: flex; }
.mlr-reused .nav button{ padding: 12px; text-align: left; }
.mlr-reused .hero{ padding: 50px 20px; grid-template-columns: 1fr; }
.mlr-reused .heroCopy{ padding: 0px; margin-bottom: 46px; }
.mlr-reused .hero h1{ font-size: 41px; letter-spacing: -2.3px; }
.mlr-reused .hero h1 em{ white-space: normal; }
.mlr-reused .heroActions,.mlr-reused .heroTrust{ flex-direction: column; }
.mlr-reused .heroTrust{ gap: 8px; }
.mlr-reused .dashboard{ grid-template-columns: 1fr; }
.mlr-reused .purchaseCard,.mlr-reused .salesCard{ grid-column: 1; }
.mlr-reused .salesGrid{ grid-template-columns: 1fr; height: 470px; }
.mlr-reused .chart{ height: 230px; margin-top: 25px; }
.mlr-reused .dashCard{ min-width: 0px; }
.mlr-reused .miniCard{ min-height: 190px; }
.mlr-reused .section{ padding: 65px 20px; }
.mlr-reused .impactGrid,.mlr-reused .moduleGrid,.mlr-reused .stepsGrid{ grid-template-columns: 1fr; }
.mlr-reused .intelligenceVisual{ padding: 18px; }
.mlr-reused .flow{ grid-template-columns: 1fr; padding: 25px 0px; }
.mlr-reused .flow > svg{ transform: rotate(90deg); margin: auto; }
.mlr-reused .visualStats{ grid-template-columns: 1fr; gap: 12px; }
.mlr-reused .visualStats span{ border-right: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.09); padding-bottom: 10px; }
.mlr-reused .cloudStrip,.mlr-reused .dateRow,.mlr-reused .formRow,.mlr-reused .promoPoints{ grid-template-columns: 1fr; }
.mlr-reused .cloudStrip{ margin: 0px 20px 65px; }
.mlr-reused .cloudStrip > div{ padding: 18px 10px; border-right: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.106); }
.mlr-reused .about{ gap: 35px; }
.mlr-reused .about,.mlr-reused .aboutMetrics > div{ grid-template-columns: 1fr; }
.mlr-reused .aboutMetrics > div{ gap: 7px; }
.mlr-reused .contact{ grid-template-columns: 1fr; }
.mlr-reused .contactForm{ padding: 21px; }
.mlr-reused footer{ grid-template-columns: 1fr; }
.mlr-reused footer nav{ flex-wrap: wrap; }}
@media (prefers-reduced-motion: reduce){.mlr-reused *{ scroll-behavior: auto !important; animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
.mlr-reused .reveal{ opacity: 1; transform: none; }}
.mlr-reused .hero{ min-height: 720px; padding-top: 48px; padding-bottom: 48px; }
.mlr-reused .hero h1{ font-size: clamp(42px, 3.35vw, 57px); line-height: 1.05; margin: 20px 0px 24px; }
.mlr-reused .hero h1 em,.mlr-reused .hero h1 span{ display: block; }
.mlr-reused .hero h1 em{ margin-top: 16px; white-space: normal; }
.mlr-reused .heroCopy > p{ line-height: 1.65; }
.mlr-reused .heroTrust{ flex-wrap: wrap; gap: 11px 19px; font-size:13px; font-weight: 600; }
.mlr-reused .heroTrust svg{ width: 15px; color: var(--blue); }
.mlr-reused .salesStats label{ font-size:13px; }
.mlr-reused .cardHead button,.mlr-reused .purchaseMetrics small{ font-size:13px; }
.mlr-reused .purchaseHeader{ font-size:13px; }
.mlr-reused .purchaseRow span b{ font-size:13px; }
.mlr-reused .purchaseRow small{ font-size:13px; }
.mlr-reused .purchaseRow > strong{ font-size:13px; }
.mlr-reused .miniHead b{ white-space: normal; line-height: 1.25; }
.mlr-reused .miniHead span{ font-size:13px; }
.mlr-reused .miniCard > small{ font-size:13px; line-height: 1.35; }
.mlr-reused .risk li{ grid-template-columns: minmax(0px, 1fr) 9px 12px; align-items: center; column-gap: 7px; font-size:13px; }
.mlr-reused .risk li span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mlr-reused .risk li b{ text-align: right; font-size:13px; }
.mlr-reused .dual small{ font-size:13px; margin-top: 2px; }
.mlr-reused .overstock .mainMetric,.mlr-reused .overstock .miniHead svg{ color: var(--orange); }
.mlr-reused .overstockBar{ height: 7px; margin: 15px 0px 12px; border-radius: 10px; background: rgb(238, 242, 247); overflow: hidden; }
.mlr-reused .overstockBar i{ display: block; width: 72%; height: 100%; background: linear-gradient(90deg, rgb(255, 180, 76), rgb(244, 119, 0)); border-radius: inherit; }
.mlr-reused .capitalValue{ display: block; color: var(--navy); font-size: 16px; margin-bottom: 2px; }
.mlr-reused .analysisMini .miniHead svg{ color: rgb(7, 155, 184); }
.mlr-reused .analysisMini .mainMetric{ font-size: 23px; color: rgb(7, 155, 184); }
.mlr-reused .analysisList{ display: grid; gap: 6px; margin-top: 13px; padding-top: 10px; border-top: 1px solid var(--line); }
.mlr-reused .analysisList span{ display: flex; justify-content: space-between; gap: 8px; font-size:13px; color: var(--muted); }
.mlr-reused .analysisList b{ color: var(--navy); font-size:13px; }
.mlr-reused .inventoryScope{ display: grid; grid-template-columns: 31% 39% 30%; gap: 38px; align-items: center; background: rgb(255, 255, 255); }
.mlr-reused .scopeCopy h2{ font-size: clamp(31px, 3vw, 45px); line-height: 1.08; letter-spacing: -2px; margin: 13px 0px 18px; }
.mlr-reused .scopeCopy > p{ line-height: 1.75; color: var(--muted); }
.mlr-reused .scopeAudience{ display: flex; flex-direction: column; gap: 10px; margin-top: 24px; }
.mlr-reused .scopeAudience span{ display: flex; align-items: center; gap: 9px; font-size:13px; font-weight: 700; }
.mlr-reused .scopeAudience svg{ width: 18px; color: var(--blue); }
.mlr-reused .articlePanel{ border: 1px solid var(--line); border-radius: 19px; padding: 27px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(247, 250, 255)); box-shadow: var(--shadow); }
.mlr-reused .articleTop{ justify-content: space-between; gap: 15px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.mlr-reused .articleTop,.mlr-reused .articleTop span{ display: flex; align-items: center; }
.mlr-reused .articleTop span{ gap: 8px; font-size:13px; font-weight: 800; color: var(--blue); }
.mlr-reused .articleTop span svg{ width: 18px; }
.mlr-reused .articleTop > b{ font-size:13px; color: rgb(111, 130, 156); background: rgb(237, 243, 251); padding: 7px 9px; border-radius: 7px; }
.mlr-reused .articlePanel h3{ font-size: 19px; margin: 22px 0px; }
.mlr-reused .articleMetrics{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mlr-reused .articleMetrics label{ padding: 13px; border: 1px solid rgb(227, 234, 244); border-radius: 11px; background: rgb(255, 255, 255); display: flex; flex-direction: column; gap: 5px; }
.mlr-reused .articleMetrics small{ color: var(--muted); }
.mlr-reused .articleMetrics b{ font-size: 16px; }
.mlr-reused .articleMetrics .alertMetric{ background: rgb(255, 246, 233); border-color: rgb(255, 225, 184); }
.mlr-reused .articleMetrics .alertMetric b{ color: var(--orange); }
.mlr-reused .articleAction{ margin-top: 12px; padding: 14px; border-radius: 11px; background: rgb(234, 243, 255); }
.mlr-reused .articleAction span{ display: flex; align-items: center; gap: 7px; color: var(--blue); font-size:13px; }
.mlr-reused .articleAction svg{ width: 16px; }
.mlr-reused .articleAction > strong{ display: block; margin-top: 7px; font-size:13px; line-height: 1.45; }
.mlr-reused .scopeBenefits{ display: grid; gap: 11px; }
.mlr-reused .scopeBenefits article{ display: flex; gap: 13px; padding: 17px; border: 1px solid var(--line); border-radius: 13px; background: rgb(255, 255, 255); }
.mlr-reused .scopeBenefits article > svg{ width: 22px; min-width: 22px; color: var(--blue); }
.mlr-reused .scopeBenefits article:first-child > svg,.mlr-reused .scopeBenefits article:nth-child(4) > svg{ color: var(--orange); }
.mlr-reused .scopeBenefits span{ display: flex; flex-direction: column; gap: 5px; }
.mlr-reused .scopeBenefits small{ font-size:13px; line-height: 1.5; color: var(--muted); }
.mlr-reused .moduleBand{ margin-top: 50px; }
.mlr-reused .moduleBand + .moduleBand{ margin-top: 62px; padding-top: 50px; border-top: 1px solid rgb(219, 229, 242); }
.mlr-reused .moduleBandTitle{ display: flex; align-items: center; gap: 13px; margin-bottom: 20px; }
.mlr-reused .moduleBandTitle > span{ width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: rgb(231, 240, 255); color: var(--blue); font-size:13px; font-weight: 800; }
.mlr-reused .moduleBandTitle > div{ display: flex; flex-direction: column; gap: 3px; }
.mlr-reused .moduleBandTitle b{ font-size: 14px; }
.mlr-reused .moduleBandTitle small{ font-size:13px; color: var(--muted); }
.mlr-reused .moduleGrid{ margin-top: 0px; }
.mlr-reused .moduleCard{ display: flex; flex-direction: column; min-height: 310px; }
.mlr-reused .moduleCard > div{ width: auto; height: auto; border-radius: 0px; background: transparent; color: inherit; display: block; }
.mlr-reused .moduleCard > .moduleIcon{ width: 46px; height: 46px; border-radius: 12px; background: rgb(237, 244, 255); color: var(--blue); display: grid; place-items: center; }
.mlr-reused .moduleCard.red > .moduleIcon{ background: rgb(255, 240, 240); color: var(--red); }
.mlr-reused .moduleCard.purple > .moduleIcon{ background: rgb(243, 237, 255); color: var(--purple); }
.mlr-reused .moduleCard.orange > .moduleIcon{ background: rgb(255, 243, 232); color: var(--orange); }
.mlr-reused .moduleCard.green > .moduleIcon{ background: rgb(233, 248, 240); color: var(--green); }
.mlr-reused .moduleCard.slate > .moduleIcon{ background: rgb(238, 241, 245); color: rgb(97, 113, 138); }
.mlr-reused .moduleCard.cyan > .moduleIcon{ background: rgb(233, 248, 251); color: rgb(8, 153, 183); }
.mlr-reused .moduleCard.pink > .moduleIcon{ background: rgb(255, 240, 250); color: rgb(214, 68, 166); }
.mlr-reused .moduleMetric{ margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); flex-direction: column; gap: 4px; display: flex !important; }
.mlr-reused .moduleMetric b{ font-size: 20px; color: var(--blue); }
.mlr-reused .moduleMetric small{ font-size:13px; color: var(--muted); }
.mlr-reused .moduleCard.red .moduleMetric b{ color: var(--red); }
.mlr-reused .moduleCard.orange .moduleMetric b{ color: var(--orange); }
.mlr-reused .moduleCard.green .moduleMetric b{ color: var(--green); }
.mlr-reused .moduleCard.purple .moduleMetric b{ color: var(--purple); }
.mlr-reused .moduleCard.slate .moduleMetric b{ color: rgb(86, 106, 133); }
.mlr-reused .moduleCard.cyan .moduleMetric b{ color: rgb(7, 142, 171); }
.mlr-reused .moduleCard.pink .moduleMetric b{ color: rgb(207, 59, 157); }
.mlr-reused .moduleCard button{ margin-top: auto; padding-top: 20px; }
@media (max-width: 1180px){.mlr-reused .inventoryScope{ grid-template-columns: 1fr 1fr; }
.mlr-reused .scopeCopy{ grid-column: 1 / -1; max-width: 800px; }}
@media (max-width: 760px){.mlr-reused .hero h1{ font-size: 39px; letter-spacing: -2.1px; }
.mlr-reused .hero h1 em{ margin-top: 13px; }
.mlr-reused .inventoryScope{ grid-template-columns: 1fr; }
.mlr-reused .scopeCopy{ grid-column: auto; }
.mlr-reused .articleTop{ align-items: flex-start; flex-direction: column; }
.mlr-reused .moduleCard{ min-height: 285px; }
.mlr-reused .moduleBand + .moduleBand{ margin-top: 45px; padding-top: 40px; }}
.mlr-reused .inventoryScope{ grid-template-columns: 25% 40% 35%; gap: 42px; padding-top: 66px; padding-bottom: 66px; background: linear-gradient(105deg, rgb(244, 249, 255), rgb(251, 253, 255) 48%, rgb(238, 246, 255)); border-top: 1px solid rgb(223, 234, 251); border-bottom: 1px solid rgb(223, 234, 251); }
.mlr-reused .scopeCopy h2{ font-size: clamp(31px, 2.65vw, 44px); }
.mlr-reused .scopeCopy > p{ max-width: 390px; font-size: 14px; line-height: 1.62; }
.mlr-reused .articlePanel{ padding: 18px 22px; border-radius: 15px; background: rgb(255, 255, 255); }
.mlr-reused .articleProduct{ display: flex; align-items: center; gap: 13px; padding-bottom: 15px; border-bottom: 1px solid var(--line); }
.mlr-reused .productGlyph{ width: 42px; height: 48px; border-radius: 10px; display: grid; place-items: center; color: rgb(7, 29, 61); background: rgb(238, 243, 249); }
.mlr-reused .productGlyph svg{ width: 25px; }
.mlr-reused .articleProduct > span{ display: flex; flex-direction: column; min-width: 0px; }
.mlr-reused .articleProduct > span b{ font-size:13px; line-height: 1.35; }
.mlr-reused .articleProduct > span small{ font-size:13px; color: var(--muted); margin-top: 4px; }
.mlr-reused .articleProduct > em{ margin-left: auto; font-style: normal; font-size:13px; font-weight: 800; padding: 6px 9px; border-radius: 18px; color: rgb(23, 130, 69); background: rgb(231, 247, 236); }
.mlr-reused .articleMetrics{ grid-template-columns: repeat(4, 1fr); gap: 0px; }
.mlr-reused .articleMetrics label{ align-items: center; text-align: center; padding: 16px 9px 4px; border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-right: 1px solid var(--line); border-radius: 0px; background: transparent; }
.mlr-reused .articleMetrics label:last-child{ border-right: 0px; }
.mlr-reused .articleMetrics small{ font-size:13px; font-weight: 700; }
.mlr-reused .articleMetrics b{ font-size: 24px; color: var(--navy); }
.mlr-reused .articleMetrics em{ font-style: normal; font-size:13px; color: var(--muted); }
.mlr-reused .scopeBenefits{ grid-template-columns: 1fr 1fr; gap: 0px 26px; }
.mlr-reused .scopeBenefits article{ padding: 15px 0px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(203, 220, 243); border-image: none; border-radius: 0px; background: transparent; box-shadow: none; }
.mlr-reused .scopeBenefits article > div{ width: 48px; height: 48px; min-width: 48px; border-radius: 10px; display: grid; place-items: center; background: rgb(255, 255, 255); color: var(--blue); box-shadow: rgba(22, 71, 123, 0.07) 0px 8px 18px; }
.mlr-reused .scopeBenefits article > div svg{ width: 25px; }
.mlr-reused .scopeBenefits article:first-child > div,.mlr-reused .scopeBenefits article:nth-child(4) > div{ color: var(--blue); }
.mlr-reused .scopeBenefits b{ font-size:13px; }
.mlr-reused .scopeBenefits small{ font-size:13px; line-height: 1.45; }
.mlr-reused .moduleCard{ min-height: 395px; padding: 22px; }
.mlr-reused .moduleCard > .moduleTitle{ width: auto; height: auto; display: flex; align-items: flex-start; gap: 12px; border-radius: 0px; background: transparent; color: inherit; }
.mlr-reused .moduleTitle > .moduleIcon{ width: 43px; height: 43px; min-width: 43px; border-radius: 11px; background: rgb(237, 244, 255); color: var(--blue); display: grid; place-items: center; }
.mlr-reused .moduleCard.red .moduleTitle > .moduleIcon{ background: rgb(255, 240, 240); color: var(--red); }
.mlr-reused .moduleCard.purple .moduleTitle > .moduleIcon{ background: rgb(243, 237, 255); color: var(--purple); }
.mlr-reused .moduleCard.orange .moduleTitle > .moduleIcon{ background: rgb(255, 243, 232); color: var(--orange); }
.mlr-reused .moduleCard.green .moduleTitle > .moduleIcon{ background: rgb(233, 248, 240); color: var(--green); }
.mlr-reused .moduleCard.slate .moduleTitle > .moduleIcon{ background: rgb(238, 241, 245); color: rgb(97, 113, 138); }
.mlr-reused .moduleCard.cyan .moduleTitle > .moduleIcon{ background: rgb(233, 248, 251); color: rgb(8, 153, 183); }
.mlr-reused .moduleCard.pink .moduleTitle > .moduleIcon{ background: rgb(255, 240, 250); color: rgb(214, 68, 166); }
.mlr-reused .moduleTitle > span{ display: flex; flex-direction: column; }
.mlr-reused .moduleTitle h3{ font-size: 15px; margin: 1px 0px 7px; }
.mlr-reused .moduleTitle p{ font-size:13px; line-height: 1.55; }
.mlr-reused .moduleCard > .modulePreview{ width: auto; height: 142px; margin-top: 20px; padding: 14px; border: 1px solid rgb(226, 234, 245); border-radius: 11px; background: rgb(249, 251, 254); color: var(--navy); display: block; }
.mlr-reused .moduleCard button{ padding-top: 16px; }
.mlr-reused .previewKpis{ display: grid; grid-template-columns: 1.3fr 1fr; gap: 8px; }
.mlr-reused .forecastTop span,.mlr-reused .previewKpis span{ display: flex; flex-direction: column; }
.mlr-reused .modulePreview small{ font-size:13px; color: var(--muted); }
.mlr-reused .previewKpis b{ font-size: 16px; color: var(--blue); margin-top: 3px; }
.mlr-reused .previewKpis span:last-child b{ color: var(--green); }
.mlr-reused .previewBars{ height: 57px; display: flex; align-items: flex-end; gap: 5px; margin: 9px 0px 4px; padding: 0px 5px; border-bottom: 1px solid rgb(216, 227, 241); background: repeating-linear-gradient(transparent 0px, transparent 17px, rgb(237, 242, 248) 18px); }
.mlr-reused .previewBars i{ flex: 1 1 0%; border-radius: 3px 3px 0px 0px; background: rgb(110, 163, 248); }
.mlr-reused .previewBars i:first-child{ height: 22%; }
.mlr-reused .previewBars i:nth-child(2){ height: 39%; }
.mlr-reused .previewBars i:nth-child(3){ height: 35%; }
.mlr-reused .previewBars i:nth-child(4){ height: 61%; }
.mlr-reused .previewBars i:nth-child(5){ height: 77%; }
.mlr-reused .previewBars i:nth-child(6){ height: 93%; background: var(--blue); }
.mlr-reused .alertPreview{ gap: 7px; display: grid !important; }
.mlr-reused .alertPreview div,.mlr-reused .buyPreview > div{ display: flex; justify-content: space-between; padding: 7px 9px; border-radius: 7px; background: rgb(255, 255, 255); }
.mlr-reused .alertPreview span,.mlr-reused .buyPreview span{ font-size:13px; }
.mlr-reused .alertPreview b{ font-size:13px; padding: 4px 6px; border-radius: 10px; background: rgb(255, 240, 240); }
.mlr-reused .stockPreview > div{ display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.mlr-reused .stockPreview label span,.mlr-reused .stockPreview > div span{ font-size:13px; color: var(--muted); }
.mlr-reused .stockPreview > div b{ font-size: 16px; color: rgb(86, 106, 133); }
.mlr-reused .stockPreview label{ display: flex; justify-content: space-between; padding-top: 10px; }
.mlr-reused .stockPreview label b{ font-size:13px; }
.mlr-reused .buyPreview{ gap: 6px; display: grid !important; }
.mlr-reused .buyPreview svg{ width: 14px; color: var(--orange); vertical-align: middle; }
.mlr-reused .buyPreview span{ gap: 5px; }
.mlr-reused .buyPreview > div > b{ font-size:13px; color: var(--orange); }
.mlr-reused .buyPreview .buyTotal{ margin-top: 2px; background: rgb(255, 242, 229); }
.mlr-reused .buyPreview .buyTotal b{ font-size:13px; }
.mlr-reused .forecastTop{ display: flex; justify-content: space-between; align-items: flex-start; }
.mlr-reused .forecastTop b{ font-size: 17px; color: var(--purple); margin-top: 3px; }
.mlr-reused .forecastTop em{ font-size:13px; font-style: normal; color: var(--green); background: rgb(232, 247, 239); padding: 5px 7px; border-radius: 12px; }
.mlr-reused .miniForecastLine{ height: 66px; position: relative; margin-top: 10px; background: repeating-linear-gradient(transparent 0px, transparent 21px, rgb(231, 237, 246) 22px); overflow: hidden; }
.mlr-reused .miniForecastLine::before{ content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgba(110, 57, 233, 0.11), transparent); clip-path: polygon(0px 82%, 16% 69%, 31% 72%, 45% 45%, 61% 53%, 75% 19%, 89% 31%, 100% 5%, 100% 100%, 0px 100%); }
.mlr-reused .miniForecastLine::after{ content: ""; position: absolute; inset: 7px 0px 0px; border-bottom: 2px solid var(--purple); clip-path: polygon(0px 78%, 16% 65%, 31% 68%, 45% 41%, 61% 49%, 75% 15%, 89% 27%, 100% 1%, 100% 5%, 89% 31%, 75% 19%, 61% 53%, 45% 45%, 31% 72%, 16% 69%, 0px 82%); background: var(--purple); }
.mlr-reused .transferPreview > div{ display: grid; grid-template-columns: 1fr 24px 1fr; align-items: center; text-align: center; }
.mlr-reused .transferPreview > div span{ display: flex; flex-direction: column; gap: 4px; }
.mlr-reused .transferPreview > div b{ font-size:13px; }
.mlr-reused .transferPreview svg{ width: 18px; color: var(--green); }
.mlr-reused .transferPreview > strong{ display: flex; align-items: baseline; justify-content: center; gap: 6px; margin-top: 26px; font-size: 21px; color: var(--green); }
.mlr-reused .transferPreview > strong small{ font-weight: 500; }
.mlr-reused .productPreviewHead{ display: flex; align-items: center; gap: 7px; padding-bottom: 9px; border-bottom: 1px solid var(--line); }
.mlr-reused .productPreviewHead > svg{ width: 20px; color: rgb(7, 155, 184); }
.mlr-reused .productPreviewHead span{ display: flex; flex-direction: column; }
.mlr-reused .productPreviewHead span b{ font-size:13px; }
.mlr-reused .productPreviewHead em{ margin-left: auto; font-size:13px; font-style: normal; color: var(--orange); background: rgb(255, 242, 227); padding: 4px 6px; border-radius: 10px; }
.mlr-reused .productPreview > div:last-child{ display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 13px; }
.mlr-reused .productPreview > div:last-child span{ display: flex; flex-direction: column; gap: 4px; text-align: center; border-right: 1px solid var(--line); }
.mlr-reused .productPreview > div:last-child span:last-child{ border: 0px; }
.mlr-reused .productPreview > div:last-child b{ font-size:13px; }
.mlr-reused .offerPreview > div{ display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
.mlr-reused .offerPreview > div span{ height: 28px; display: grid; place-items: center; font-size:13px; border-radius: 6px; background: rgb(255, 255, 255); }
.mlr-reused .offerPreview > div span.active{ color: rgb(255, 255, 255); background: rgb(214, 68, 166); }
.mlr-reused .offerPreview p{ display: flex; align-items: center; gap: 6px; margin: 22px 0px 0px; padding: 9px; border-radius: 8px; background: rgb(255, 255, 255); font-size:13px; }
.mlr-reused .offerPreview p svg{ width: 15px; color: rgb(214, 68, 166); }
.mlr-reused .offerPreview p b{ margin-left: auto; color: var(--green); }
@media (max-width: 1180px){.mlr-reused .inventoryScope{ grid-template-columns: 1fr 1fr; }
.mlr-reused .scopeCopy{ grid-column: 1 / -1; }
.mlr-reused .scopeBenefits{ grid-template-columns: 1fr 1fr; }}
@media (max-width: 760px){.mlr-reused .inventoryScope{ gap: 28px; }
.mlr-reused .inventoryScope,.mlr-reused .scopeBenefits{ grid-template-columns: 1fr; }
.mlr-reused .articleMetrics{ grid-template-columns: 1fr 1fr; }
.mlr-reused .articleMetrics label:nth-child(2){ border-right: 0px; }
.mlr-reused .articleMetrics label{ border-bottom: 1px solid var(--line); }
.mlr-reused .articleProduct{ flex-wrap: wrap; }
.mlr-reused .articleProduct > em{ margin-left: 55px; }
.mlr-reused .moduleCard{ min-height: 385px; }}
.mlr-reused .moduleCard{ min-height: 340px; }
.mlr-reused .moduleCard.blue > .moduleTitle,.mlr-reused .moduleCard.cyan > .moduleTitle,.mlr-reused .moduleCard.green > .moduleTitle,.mlr-reused .moduleCard.orange > .moduleTitle,.mlr-reused .moduleCard.pink > .moduleTitle,.mlr-reused .moduleCard.purple > .moduleTitle,.mlr-reused .moduleCard.red > .moduleTitle,.mlr-reused .moduleCard.slate > .moduleTitle{ height: auto; background: transparent; color: var(--navy); }
@media (max-width: 760px){.mlr-reused .moduleCard{ min-height: 340px; }}
.mlr-reused .eyebrow,.mlr-reused .kicker{ font-size:13px; line-height: 1.35; }
.mlr-reused .heroCopy > p{ font-size: 17px; }
.mlr-reused .heroTrust{ font-size:13px; }
.mlr-reused .cardHead button{ font-size:13px; }
.mlr-reused .salesStats label{ font-size:13px; }
.mlr-reused .purchaseMetrics small{ font-size:13px; }
.mlr-reused .purchaseHeader{ font-size:13px; }
.mlr-reused .purchaseRow span b{ font-size:13px; }
.mlr-reused .purchaseRow small{ font-size:13px; }
.mlr-reused .purchaseRow > strong{ font-size:13px; }
.mlr-reused .miniCard > small,.mlr-reused .miniHead span{ font-size:13px; }
.mlr-reused .analysisList b,.mlr-reused .analysisList span,.mlr-reused .risk li{ font-size:13px; }
.mlr-reused .aboutCopy > p,.mlr-reused .contactCopy > p,.mlr-reused .intelligenceCopy > p,.mlr-reused .promoCopy > p,.mlr-reused .sectionIntro p{ font-size: 15px; }
.mlr-reused .impactGrid p,.mlr-reused .stepsGrid p{ font-size: 13px; }
.mlr-reused .impactGrid h3{ font-size: 17px; }
.mlr-reused .scopeCopy > p{ font-size: 15px; }
.mlr-reused .scopeAudience span{ font-size:13px; }
.mlr-reused .articleProduct > span small{ font-size:13px; }
.mlr-reused .articleProduct > em{ font-size:13px; }
.mlr-reused .articleMetrics small{ font-size:13px; }
.mlr-reused .articleMetrics em{ font-size:13px; }
.mlr-reused .scopeBenefits b{ font-size: 13px; }
.mlr-reused .scopeBenefits small{ font-size:13px; }
.mlr-reused .articleAction span{ font-size:13px; }
.mlr-reused .articleAction > strong{ font-size:13px; }
.mlr-reused .moduleBandTitle b{ font-size: 16px; }
.mlr-reused .moduleBandTitle small{ font-size:13px; }
.mlr-reused .moduleTitle h3{ font-size: 17px; }
.mlr-reused .moduleTitle p{ font-size:13px; line-height: 1.5; }
.mlr-reused .moduleCard button,.mlr-reused .textButton{ font-size:13px; }
.mlr-reused .modulePreview small{ font-size:13px; }
.mlr-reused .previewKpis b{ font-size: 17px; }
.mlr-reused .stockPreview label span,.mlr-reused .stockPreview > div span{ font-size:13px; }
.mlr-reused .stockPreview label b{ font-size:13px; }
.mlr-reused .forecastTop em{ font-size:13px; }
.mlr-reused .transferPreview > div b{ font-size:13px; }
.mlr-reused .productPreviewHead span b{ font-size:13px; }
.mlr-reused .productPreviewHead em{ font-size:13px; }
.mlr-reused .productPreview > div:last-child b{ font-size:13px; }
.mlr-reused .flow div small,.mlr-reused .visualStats span{ font-size:13px; }
.mlr-reused .promoPoints span{ font-size: 13px; }
.mlr-reused .dateRow label,.mlr-reused .panelHead > b,.mlr-reused .panelSteps span,.mlr-reused .promoPanel > label{ font-size:13px; }
.mlr-reused .dateRow b,.mlr-reused .promoPanel > label strong{ font-size: 13px; }
.mlr-reused .panelSummary span{ font-size:13px; }
.mlr-reused .cloudStrip b{ font-size: 14px; }
.mlr-reused .cloudStrip small{ font-size:13px; }
.mlr-reused .aboutMetrics span,.mlr-reused .contactCopy span{ font-size: 13px; }
.mlr-reused .contactForm label{ font-size:13px; }
.mlr-reused .contactForm > small{ font-size:13px; }
.mlr-reused footer nav a,.mlr-reused footer > div p,.mlr-reused footer > small{ font-size:13px; }
.mlr-reused .moduleCard > .modulePreview.alertPreview,.mlr-reused .moduleCard > .modulePreview.buyPreview{ padding: 8px 14px; background: rgb(255, 255, 255); }
.mlr-reused .alertPreview,.mlr-reused .buyPreview{ gap: 0px; display: grid !important; }
.mlr-reused .alertPreview div,.mlr-reused .buyPreview > div{ display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; column-gap: 12px; min-height: 39px; padding: 9px 0px; border-radius: 0px; border-bottom: 1px solid rgb(231, 237, 245); background: transparent; }
.mlr-reused .alertPreview div:last-child,.mlr-reused .buyPreview > div:last-child{ border-bottom: 0px; }
.mlr-reused .alertPreview span,.mlr-reused .buyPreview span{ min-width: 0px; font-size:13px; }
.mlr-reused .alertPreview b{ padding: 0px; border-radius: 0px; background: transparent; color: var(--red); font-size:13px; white-space: nowrap; }
.mlr-reused .buyPreview span{ display: flex; align-items: center; gap: 7px; overflow: hidden; }
.mlr-reused .buyPreview span em{ min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal; }
.mlr-reused .buyPreview svg{ width: 16px; min-width: 16px; }
.mlr-reused .buyPreview > div > b{ font-size:13px; white-space: nowrap; }
.mlr-reused .buyPreview .buyTotal{ margin-top: 0px; background: transparent; }
.mlr-reused .buyPreview .buyTotal span{ font-weight: 700; color: rgb(138, 91, 46); }
.mlr-reused .buyPreview .buyTotal b{ font-size: 13px; }
.mlr-reused .trafficPreview{ grid-template-rows: 1fr auto; gap: 13px; display: grid !important; background: linear-gradient(145deg, rgb(247, 251, 255), rgb(237, 245, 255)) !important; }
.mlr-reused .trafficRoute{ display: grid; grid-template-columns: 1fr 34px 1fr; align-items: center; }
.mlr-reused .trafficRoute > span{ display: flex; flex-direction: column; align-items: center; gap: 5px; color: var(--blue); }
.mlr-reused .trafficRoute svg{ width: 22px; }
.mlr-reused .trafficRoute i{ height: 2px; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 8px 2px; position: relative; }
.mlr-reused .trafficRoute i::after{ content: ""; position: absolute; right: -1px; top: -3px; width: 7px; height: 7px; border-top: 2px solid var(--blue); border-right: 2px solid var(--blue); transform: rotate(45deg); }
.mlr-reused .trafficStats{ display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; padding-top: 10px; border-top: 1px solid rgb(217, 230, 246); }
.mlr-reused .trafficStats span{ display: flex; flex-direction: column; gap: 2px; }
.mlr-reused .trafficStats b{ font-size: 14px; color: var(--blue); }
.mlr-reused .trafficStats em{ font-size:13px; font-style: normal; font-weight: 800; color: var(--green); background: rgb(229, 247, 237); padding: 5px 7px; border-radius: 20px; }
@media (max-width: 760px){.mlr-reused .heroCopy > p{ font-size: 16px; }
.mlr-reused .aboutCopy > p,.mlr-reused .contactCopy > p,.mlr-reused .intelligenceCopy > p,.mlr-reused .promoCopy > p,.mlr-reused .sectionIntro p{ font-size: 14px; }
.mlr-reused .moduleTitle p{ font-size:13px; }}
.mlr-reused{color:#071d3d;font-family:Inter,Arial,sans-serif;line-height:1.5}.mlr-reused .reveal{opacity:1!important;transform:none!important;animation:none!important}.mlr-reused .hero{max-width:none;margin:0;position:relative}.mlr-reused .heroCopy{max-width:none}.mlr-reused .heroCopy h1{font-size:clamp(35px,3vw,53px)}.mlr-reused .heroCopy p{font-size:15px}.mlr-reused .heroActions{flex-wrap:wrap}.mlr-reused .heroActions button{font-size:13px}.mlr-reused .heroActions .secondary{background:#fff}.mlr-reused .reuse-example-note{grid-column:1/-1;font-size:13px;color:#60738f;padding-top:18px;position:relative;z-index:2}.mlr-reused .heroTrust{flex-wrap:wrap}.mlr-reused .dashCard{min-width:0}.mlr-reused .cardHead button[disabled]{opacity:1;cursor:default}.mlr-reused .cardHead button{font-size:13px}.mlr-reused .salesStats label{font-size:13px}.mlr-reused .salesStats strong{font-size:23px}.mlr-reused .purchaseMetrics small{font-size:13px}.mlr-reused .purchaseRow span b{font-size:13px}.mlr-reused .purchaseRow small{font-size:13px}.mlr-reused .purchaseRow>strong{font-size:13px}.mlr-reused .purchaseHeader{font-size:13px}.mlr-reused .miniCard>small{font-size:13px}.mlr-reused .risk li{font-size:13px}.mlr-reused .dual small,.mlr-reused .analysisList{font-size:13px}.mlr-reused .capitalValue small,.mlr-reused .articleMetrics small{font-size:13px}.mlr-reused .moduleCard>p{font-size:13px}.mlr-reused .scopeCopy p,.mlr-reused .sectionIntro p{font-size:14px}.mlr-reused .scopeBenefits small{font-size:13px}.mlr-reused .scopeBenefits b{font-size:13px}.mlr-reused .moduleTitle h3{font-size:16px}.mlr-reused .modulePreview{margin-top:auto}.mlr-reused .reuse-availability{margin:25px auto 0;text-align:center;font-size:13px;max-width:850px;color:#60738f}.mlr-reused .visualStats small{font-size:13px}.mlr-reused .visualStats strong{font-size:22px}.mlr-reused .flow small{font-size:13px}.mlr-reused .flow b{font-size:13px}.mlr-reused .impactGrid p{font-size:13px}.mlr-reused .inventoryScope{scroll-margin-top:170px}.mlr-reused .moduleCard button{margin-top:24px}.module-dialog{width:min(620px,calc(100% - 36px));padding:30px;border:1px solid #dce6f4;border-radius:16px;color:#071d3d;background:#fff;box-shadow:0 28px 90px #071d3d30}.module-dialog::backdrop{background:#071d3d99;backdrop-filter:blur(3px)}.module-dialog h2{font-size:29px;margin:14px 0 20px;letter-spacing:-1px}.module-dialog p{font-size:14px;color:#60738f;line-height:1.8}.module-dialog ul{font-size:13px;color:#34577f;padding-left:20px;line-height:1.9}.module-dialog .dialog-close{float:right;background:#edf5ff;border:0;border-radius:6px;padding:8px 12px;color:#1468f3;font-size:13px}.module-dialog .plainlink{margin-top:20px}.module-dialog .smallnote{font-size:13px;margin-top:20px;padding-top:15px;border-top:1px solid #dce6f4}
@media(max-width:1100px){.mlr-reused .hero{grid-template-columns:1fr;padding:45px 6vw;gap:36px}.mlr-reused .heroCopy{padding:0;max-width:740px}.mlr-reused .heroCopy h1{font-size:48px}.mlr-reused .dashboard{width:100%;max-width:none}.mlr-reused .inventoryScope{grid-template-columns:1fr;gap:24px}.mlr-reused .scopeBenefits{grid-template-columns:1fr 1fr}.mlr-reused .miniHead b{font-size:13px}.mlr-reused .intelligence{grid-template-columns:1fr;gap:36px}}
@media(max-width:760px){.mlr-reused .hero{padding:38px 22px}.mlr-reused .heroCopy h1{font-size:38px;letter-spacing:-1.8px}.mlr-reused .heroCopy p{font-size:14px}.mlr-reused .heroActions{gap:12px}.mlr-reused .heroActions button{font-size:13px;padding-left:18px;padding-right:18px}.mlr-reused .heroTrust{gap:13px}.mlr-reused .salesStats label{font-size:13px}.mlr-reused .salesStats strong{font-size:20px}.mlr-reused .dashboard{gap:12px}.mlr-reused .miniCard>small{font-size:13px}.mlr-reused .section{padding:54px 22px}.mlr-reused .moduleGrid{grid-template-columns:1fr 1fr}.mlr-reused .scopeBenefits{grid-template-columns:1fr 1fr;gap:15px}.mlr-reused .flow{gap:10px}.mlr-reused .flow small{font-size:13px}.mlr-reused .visualStats strong{font-size:17px}.mlr-reused .visualStats small{font-size:13px}}
@media(max-width:480px){.mlr-reused .heroCopy h1{font-size:34px}.mlr-reused .moduleGrid{grid-template-columns:1fr}.mlr-reused .scopeBenefits{grid-template-columns:1fr}.mlr-reused .heroActions{align-items:stretch}.mlr-reused .heroActions button{width:100%;min-height:48px}.mlr-reused .salesCard,.mlr-reused .purchaseCard{padding:18px}.mlr-reused .salesGrid{grid-template-columns:1fr;height:auto;gap:18px}.mlr-reused .salesStats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mlr-reused .chart{height:180px;margin:10px 0 20px 32px}.mlr-reused .salesCard{min-height:0}.mlr-reused .purchaseMetrics strong{font-size:19px}.mlr-reused .purchaseMetrics small{font-size:13px}.mlr-reused .purchaseRow span b{font-size:13px}.mlr-reused .purchaseRow small{font-size:13px}.mlr-reused .purchaseRow>strong{font-size:13px}.mlr-reused .miniHead b{font-size:13px}.mlr-reused .miniHead>svg:last-child{display:none}.mlr-reused .scopeCopy h2,.mlr-reused .sectionIntro h2,.mlr-reused .intelligenceCopy h2{font-size:30px;letter-spacing:-1.2px}.mlr-reused .articleMetrics{grid-template-columns:1fr 1fr;gap:16px}.mlr-reused .flow{grid-template-columns:1fr;gap:14px}.mlr-reused .flow>svg{display:none}.mlr-reused .flow>div{min-height:110px}.mlr-reused .visualStats{grid-template-columns:1fr;gap:12px}.mlr-reused .visualStats>div{border:0}.mlr-reused .visualStats strong{font-size:21px}.mlr-reused .visualStats small{font-size:13px}.mlr-reused .moduleCard{min-height:0}.mlr-reused .impactGrid{grid-template-columns:1fr}.mlr-reused .miniCard{min-height:205px}}

.line-view-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:5px 0 20px}.line-view-tabs button{border:1px solid #dce6f4;background:#fff;color:#60738f;border-radius:7px;padding:9px 15px;font-size:13px;font-weight:550}.line-view-tabs button[aria-selected=true]{background:#3179e5;color:#fff;border-color:#3179e5}.treemap-key{display:flex;flex-wrap:wrap;gap:8px 15px;font-size:13px;color:#60738f;margin:0 0 18px}.treemap-key>span{display:flex;gap:5px;align-items:center}.treemap-key>span:before{content:'';width:8px;height:8px;background:#df9827;border-radius:2px}.treemap-key .medium:before{background:#3179e5}.treemap-key .high:before{background:#129b7e}.line-treemap{height:270px;position:relative;background:#fff;border-radius:8px;overflow:hidden}.line-treemap>button{position:absolute;border:2px solid #fff;border-radius:5px;padding:11px;color:#fff;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;gap:3px;font-family:Inter,Arial,sans-serif;background:#129b7e;min-width:0;transition:filter .15s}.line-treemap>button:hover{filter:brightness(1.08)}.line-treemap>button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #071d3d80}.line-treemap strong{font-size:13px}.line-treemap span{font-size:13px}.line-treemap small{font-size:13px}.line-treemap .line-a{left:0;top:0;width:50%;height:60%}.line-treemap .line-b{left:50%;top:0;width:50%;height:50%;background:#3179e5}.line-treemap .line-c{left:0;top:60%;width:50%;height:40%}.line-treemap .line-d{left:50%;top:50%;width:30%;height:50%;background:#df9827}.line-treemap .line-e{left:80%;top:50%;width:20%;height:50%;padding:9px 6px}.line-treemap .line-e strong{font-size:13px}.line-treemap .line-e span,.line-treemap .line-e small{font-size:13px}.donut-layout{display:flex;align-items:center;justify-content:center;gap:25px;min-height:270px}.line-donut{width:190px;height:190px;position:relative;border-radius:50%;background:conic-gradient(#3179e5 0 30%,#11a18a 30% 55%,#e5a028 55% 75%,#8d5ddd 75% 90%,#c76b92 90% 100%);flex-shrink:0}.line-donut>div{position:absolute;inset:30px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.line-donut strong{font-size:18px;color:#34577f}.line-donut small{font-size:13px;color:#60738f}.donut-key{min-width:140px;display:flex;flex-direction:column;gap:7px}.donut-key button{display:flex;gap:8px;align-items:center;border:0;background:none;padding:5px 0;font-size:13px;color:#60738f}.donut-key i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.donut-key strong{margin-left:auto;font-size:13px;color:#34577f;padding-left:20px}.bubble-card{margin-top:18px}.line-bubbles{width:100%;height:auto;display:block;min-height:220px;max-height:370px}.line-bubbles text{font-family:Inter,Arial,sans-serif;font-size:13px;fill:#60738f}.line-bubbles g text{fill:#fff;font-size:13px;font-weight:650;pointer-events:none}.line-bubbles circle{stroke:#fff;stroke-width:2;opacity:.82}.line-bubbles .selected circle{stroke:#071d3d;stroke-width:3;opacity:1}.bubble-axis-label{text-align:center;color:#60738f;font-size:13px;margin:4px 0 0}
@media(max-width:760px){.donut-layout{gap:25px}.line-donut{width:185px;height:185px}.line-treemap{height:300px}.line-treemap small{font-size:13px}}
@media(max-width:480px){.line-treemap{height:300px}.line-treemap strong{font-size:13px}.line-treemap span{font-size:13px}.line-treemap small{display:none}.line-treemap .line-e span{font-size:13px;overflow-wrap:anywhere}.donut-layout{flex-direction:column;gap:20px;padding:5px 0}.donut-key{width:100%;max-width:240px}.treemap-key{font-size:13px}.line-bubbles{min-height:0}.bubble-axis-label{font-size:13px}.line-view-tabs button{font-size:13px;padding:8px 12px}}

.mlr-reused .visualStats span{font-size:13px}.mlr-reused .visualStats b{font-size:22px}
/* Keep the enlarged labels readable in the compact hero chart. */
.mlr-reused .chartAxis{display:flex;justify-content:space-between;gap:8px}.mlr-reused .chartAxis span:nth-child(2),.mlr-reused .chartAxis span:nth-child(4){display:none}