/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
@font-face {
    font-family: "Inter";
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url(/_hcms/googlefonts/Inter/800.woff2) format("woff2"), url(/_hcms/googlefonts/Inter/800.woff) format("woff");
}

:root {
      --c-primary: #005BC9;
      --c-primary-dark: #0a3a99;
      --c-navy: #0a1f44;
      --c-cyan: #20C6ED;
      --c-magenta: #FE219D;
      --c-gray-bg: #f3f5f7;
      --c-text: #202035;
      --c-muted: #202035;
      --c-border: #e2e8f0;
      --r-sm: 8px;
      --r-md: 14px;
      --r-lg: 22px;
      --r-pill: 999px;
      --space: clamp(16px, 4vw, 32px);
    }

    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: var(--c-text);
      line-height: 1.4;
      font-weight: normal;
      background: #fff;
      position: relative;
    }
      body p {
        line-height: 1.4;
        font-size:18px;
      }
    img { max-width: 100%; height: auto; display: block; }
    a { color: inherit; }
    h1,h2,h3,h4, li{ color: var(--c-text);}

    .mdf-wrap {max-width: 1400px; margin: auto; width: 90%; }

    /* ---------- HEADER + FORM ---------- */

    #hs_cos_wrapper_header_logo {
        margin-bottom: 50px;
    }
    .mdf-header {
      align-items: start;
      display: grid;
      gap: 40px;
      grid-template-columns: 1fr 1fr;
      max-width: 1400px;
      width: 90%;
      margin: auto;
      margin-top: 50px;
    }
    .mdf-header:before {
        content: "";
        position: absolute;
        width: 740px;
        height: 740px;
        border: 2px solid #20c6ed59;
        border-radius: 50%;
        right: -60px;
        top: -300px;
        z-index: -1;
    }
    .mdf-header__logo { max-width: 160px; margin-bottom: 25px; }
    .mdf-header h1 {
      font-size: clamp(32px, 4vw, 48px);
      line-height: 1.1;
      margin: 0 0 24px;
      letter-spacing: -0.02em;
    }
    .mdf-header h1 .accent { color: var(--c-primary); }
    .mdf-header p { color: var(--c-text); margin: 0 0 28px; max-width: 90%; line-height: 1.3; }
    .mdf-header.mdf-header--wide-left { grid-template-columns: 1.3fr 1fr; }
    .mdf-header.mdf-header--wide-left h1 {
      font-size: clamp(32px, 4vw, 48px);
      line-height: 1.1;
      margin: 0 0 40px;
      letter-spacing: -0.02em;
    }

    .mdf-stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      max-width: 90%;
    }
    .mdf-stats__title { font-weight: 700; margin: 0 0 12px; grid-column: 1 / -1; }
    .mdf-stat-card {
      border: 3px solid var(--c-primary);
      border-radius: var(--r-md);
      padding: 10px 12px;
      text-align: center;
      background: #fff;
    }
    .mdf-stat-card__num { color: var(--c-primary); font-weight: 800; font-size: 2.3rem; line-height: 1; }
    .mdf-stat-card__label { color: var(--c-primary); font-size: 13px; margin-top: 6px; line-height: normal;}

    .mdf-form-card {
      background: #202035;
      background: linear-gradient(140deg, rgba(32, 32, 53, 1) 0%, rgba(19, 33, 95, 1) 100%);
      color: #fff;
      border-radius: var(--r-lg);
      padding: 36px 36px;
      max-width: 600px;
      margin: 0 0 0 0;
    }
    .mdf-form-card h2 {
      font-size: clamp(18px, 2vw, 24px);
      margin: 0 0 10px;
      line-height: 1.25;
    }
    .mdf-form-card p {
      font-size: clamp(12px, 1.8vw, 18px);
      margin: 15px 0;
      line-height: 1.25;
    }
    .mdf-form-card .hs-form input[type=email],
    .mdf-form-card .hs-form input[type=text],
    .mdf-form-card .hs-form select,
    .mdf-form-card .hs-form textarea,
    .mdf-form-card .hs-form input[type=tel] {
      background: #fff;
      border: none;
      border-radius: var(--r-pill);
      color: var(--c-text);
      font-size: 14px;
      padding: 12px 14px;
      width: 100%;
    }
    .mdf-form-card input::placeholder {
      color: #000000;
    }
    .mdf-form-card .hs-form .hs-button {
      background: var(--c-magenta);
      border: 2px solid var(--c-magenta);
      color: #fff;
      border-radius: var(--r-pill);
      padding: 12px 28px;
      font-weight: 700;
      cursor: pointer;
      transition: all .2s;
    }
    .mdf-form-card .hs-form .hs-button:hover {
      background: var(--c-magenta);
      color: #fff;
    }
    #hs_cos_wrapper_lead_form input[type="tel"] { border-radius: 30px;}
    .mdf-form-card .submitted-message {
       background-color: transparent;
        border: 1px solid #CBE8F8;
        border-radius: 17px;
    }

    .mdf-header__right img {
        margin: auto;
    }

    #form-landing-ebook aside#mdf-form {
        max-width: 900px;
        background: none;
        margin-top: 40px;
        width: 90%;
    }

    section#form-landing-ebook {
        background: #202035;
        background: linear-gradient(140deg, #202035, #13215f);
    }
    .mdf-stats.mdf-20{
      margin-bottom: 8px;
    }
    /* ---------- HERO BANNER ---------- */
    .mdf-hero {
      align-items: center;
      background-image: url(https://8313828.fs1.hubspotusercontent-na1.net/hubfs/8313828/background-secction-landing-madefy2026.png);
      border-radius: var(--r-lg);
      color: #fff;
      display: grid;
      gap: 40px;
      grid-template-columns: 1.1fr 1fr;
      margin: 70px 0;
      overflow: hidden;
      padding: 50px 70px;
      background-position: left center;
      position: relative;
    }
    .mdf-hero-text {
        display: grid;
        gap: 20px;
    }
    .mdf-hero-text  li::marker {color:white;}
    .mdf-hero h2 {
      font-size: clamp(28px, 3.4vw, 42px);
      line-height: 1.15;
      margin: 0 0 24px;
      letter-spacing: -0.01em;
    }
    .mdf-hero h2 .accent { color: var(--c-cyan); }
    .mdf-hero p { color: rgba(255,255,255,0.9); margin: 0 0 18px; font-size: 18px; }
    
    .mdf-hero .mdf-hero__tagline { color: var(--c-cyan); font-weight: 600; font-size: 22px; line-height: normal;}
    .mdf-hero img { border-radius: var(--r-md); }
    #hs_cos_wrapper_hero_image{ position: relative;bottom: -52px;}
    .mdf-banner { position: relative;}
    .mdf-banner:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background-image: url(https://8313828.fs1.hubspotusercontent-na1.net/hubfs/8313828/banner-line.png);
      top: -10%;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }
    .mdf-hero-full.mdf-hero{
       grid-template-columns: 1fr;
    }


    /* ---------- GUIDANCE / DECISION ---------- */
    .mdf-decision {
       align-items: center;
      display: flex;
      gap: 48px;
      padding: 48px 0;
    }
    .mdf-decision-copy {
        padding-right: 7%;
    }
    .mdf-decision-copy, .mdf-container-slider {
        width: 50%;
    }
    .mdf-decision h2 {
      font-size: clamp(28px, 3vw, 38px);
      line-height: 1.15;
      margin: 0 0 20px;
    }
    .mdf-decision h2 .accent { color: var(--c-primary); display: block; }
    .mdf-decision p { color: var(--c-muted); margin: 0 0 14px; }
    .mdf-decision .hl  { color: var(--c-primary); font-weight: 700; }

    .mdf-compare-card {
      background: var(--c-gray-bg);
      border-radius: var(--r-lg);
      padding: 28px;
      text-align: center;
    }
    .mdf-compare-card__top { 
       color: #fff;
      font-size: 18px;
      padding: 0;
      font-weight: 300;
      max-width: 350px;
      margin: auto;
      min-height: 100px;
    }
    .mdf-compare-card__pill {
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
      color: var(--c-text);
      display: inline-flex;
      font-weight: 700;
      gap: 18px;
      margin: 14px 0;
      padding: 14px 22px;
      font-size: 20px;
      max-width: 267px;
      text-align: left;
      line-height: 1.2;
      justify-content: center;
      align-items: center;
    }
    .mdf-compare-card__pill img{flex: none;}
    .mdf-compare-card__bottom { padding: 12px 6px 0; font-size: 18px; color: var(--c-muted);max-width: 400px; margin: auto; }
    .mdf-compare-card__bottom strong { display: block; color: var(--c-text); margin-bottom: 6px; }
    
    .mdf-form-card form {padding: 0; background-color: transparent; border:0;}
    .mdf-form-card form fieldset{ max-width: none;}
    .mdf-form-card #hs_cos_wrapper_lead_form{background-color: transparent !important;}
    /* ---------- SLIDER (Slick) ---------- */
    .mdf-slider { 
        background: #13215F;
        background: linear-gradient(180deg, rgba(19, 33, 95, 1) 50%, rgba(243, 245, 247, 1) 50%); 
        border-radius: var(--r-lg); 
        padding: 32px 56px 28px; 
        min-height: 380px;
      }
    .mdf-slider .slick-slide { padding: 0 4px; }
    .mdf-slider .slick-slide > div { display: flex; justify-content: center;}
    .mdf-slide { text-align: center; width: 100%; }
    .mdf-slider .slick-prev,
    .mdf-slider .slick-next { width: 36px; height: 36px; z-index: 2; background: white; border-radius: 50%;}
    .mdf-slider .slick-prev { left: 12px; }
    .mdf-slider .slick-next { right: 12px; }
    .mdf-slider .slick-prev:before,
    .mdf-slider .slick-next:before { color: var(--c-primary); font-size: 28px; opacity: .9; }
    .mdf-slider .slick-dots { bottom: -28px;left: 0; }
    .mdf-slider .slick-dots li button:before { font-size: 10px; color: var(--c-primary); opacity: .25; }
    .mdf-slider .slick-dots li.slick-active button:before { color: var(--c-primary); opacity: 1; }
    .mdf-slider strong.text-white {display: block; color: white; font-size: 24px;}
    .mdf-slider strong.text-black {display: block; font-size: 24px;}
    .mdf-slider .slick-prev:before, .mdf-slider .slick-next:before{ position: relative; left: 3px; top: 2px;}

    /* ---------- DIFFERENCE ---------- */
    .mdf-difference {
      background: var(--c-gray-bg);
      padding: 64px 0;
      margin: 70px 0px 50px;
      position: relative;
    }
    .mdf-difference:before,  .mdf-difference:after {
        content: "";
        position: absolute;
        width: 600px;
        height: 600px;
        border: 2px solid #fe219d4a;
        border-radius: 50%;
        z-index: -1;
    }
     .mdf-difference:before {
        top: -120px;
        left: -120px;
    }
    .mdf-difference:after {
        bottom: -120px;
        right: 0;
    }
    .mdf-difference h2 {
        font-size: clamp(28px, 3vw, 38px);
        margin: 0 0 32px;
    }
    .mdf-difference h2 .accent { color: var(--c-primary); }

    .mdf-plays { 
        text-align: center; 
        background: var(--c-gray-bg);
        padding: 50px 0 30px 0;
        margin: 55px 0px 50px;
        position: relative;
    }
    .mdf-plays:before {
        content: "";
        position: absolute;
        width: 600px;
        height: 600px;
        border: 2px solid #fe219d4a;
        z-index: -1;
        top: -120px;
        left: -120px;
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-radius: 50%;
    }
    .mdf-plays:after {
        content: "";
        position: absolute;
        width: 500px;
        height: 400px;
        border: 2px solid #fe219d4a;
        z-index: -1;
        bottom: -70px;
        right: -50px;
        border-top: none;
        border-left: none;
        border-right: none;
        border-radius: 75%;
    }
    .mdf-plays h2 {
        font-size: clamp(28px, 3vw, 38px);
        margin: 0 0 32px;
    }
    .mdf-plays h2 .accent { color: var(--c-primary); }


    .mdf-compare-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      margin-bottom: 40px;
    }
    .mdf-compare-col__price {
      display: inline-block;
      color: #fff;
      font-weight: 800;
      padding: 8px 22px;
      border-radius: var(--r-sm);
      position: relative;
      margin-bottom: 14px;
      font-size: 22px;
      text-align: center;
    }
    .mdf-compare-col__price.is-without { background: var(--c-primary); }
    .mdf-compare-col__price.is-with { background: var(--c-magenta); }
    .mdf-compare-col__price::after {
      content: "";
      position: absolute;
      bottom: -15px;
      left: 45%;
      border: 8px solid transparent;
      border-top-color: var(--c-primary);
    }
    .mdf-compare-col__price.is-with::after {
      border-top-color: var(--c-magenta);
    }
    .mdf-compare-col h3 { margin: 0 0 6px; font-size: 24px; }
    .mdf-compare-col p { color: var(--c-muted); margin: 0 0 16px;}
    .mdf-compare-col img { border-radius: var(--r-md); }
/*     .mdf-compare-col.align-right { text-align: right; } */
      .mdf-compare-col { text-align: center; }
      .mdf-compare-col img { margin: auto; }
    #hs_cos_wrapper_without_copy p, #hs_cos_wrapper_with_copy p { max-width: 430px; line-height: 1.4; text-align: center; margin: auto;}
 
    #hs_cos_wrapper_with_copy span, #hs_cos_wrapper_with_image span {display: inline-block; }

    .mdf-stats-row {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
    }
    .mdf-stats-row.mdf-stats-row-3 {
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: 50px;
    }
    .mdf-stat-block {
      background: #13215F;
      background: linear-gradient(140deg, rgba(19, 33, 95, 1) 0%, rgba(0, 91, 201, 1) 100%);
      color: #fff;
      border-radius: var(--r-md);
      padding: 28px;
      text-align: center;
    }
    .mdf-stat-block__num { font-size: clamp(28px, 3vw, 70px); font-weight: 800; line-height: 1; }
    .mdf-stat-block__label { font-size: 18px; opacity: .9; margin-top: 8px;line-height: normal; font-weight: 500; }

    /* ---------- CASE STUDY ---------- */
    .mdf-case {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      padding: 64px 0;
      align-items: start;
    }
    .mdf-case h2 { font-size: clamp(26px, 3vw, 36px); margin: 0 0 18px; line-height: 1.2; }
    .mdf-case h2 .accent { color: var(--c-primary); display: block; }
    .mdf-case p { color: var(--c-muted); margin: 0 0 14px; font-size: 14px; }
    .mdf-case p .hl { color: var(--c-text); font-weight: 600; }

    .mdf-quote {
      background: var(--c-gray-bg);
      border-radius: var(--r-md);
      padding: 28px;
      font-style: italic;
      color: var(--c-text);
      max-width: 460px;
      margin: auto;
    }
    .mdf-quote cite { display: block; margin-top: 14px; font-style: normal; color: var(--c-primary); font-size: 16px; text-align: right; }

    a.mdf-btn {
      background: #fff;
      border: 2px solid var(--c-magenta);
      border-radius: var(--r-pill);
      color: var(--c-magenta);
      display: inline-block;
      font-weight: 600;
      padding: 6px 28px;
      text-decoration: none;
      transition: all .2s;
      font-size: 18px;
    }
    .mdf-btn:hover { background: var(--c-magenta); color: #fff; }
    a.mdf-btn.mdf-btn-blue {
      border-color: var(--c-primary);
      color: var(--c-primary)
    }
    .mdf-btn.mdf-btn-blue:hover { background: var(--c-primary); color: #fff; }

    /* ---------- CONTACT ---------- */
    .mdf-contact {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10%;
      padding: 32px 0 64px;
      align-items: center;
    }
    .mdf-contact__img img { border-radius: var(--r-md); }
    .mdf-contact h2 { font-size: clamp(28px, 3vw, 38px); margin: 0 0 14px; }
    .mdf-contact p { color: var(--c-muted); margin: 0 0 22px; }
     
     .mdf-btn.mdf-pink-black {
        background: none;
        color: white;
    }
    .mdf-btn.mdf-pink-black:hover{
      background: white;
      color: var(--c-magenta);
    }
    .none-bottom-margin{
      margin-bottom: 0;
    }

    /* ---------- PLAYS CARDS ---------- */
    .mdf-wrap-cards {
      padding: 80px 0 0;
      max-width: 1400px; 
      margin: auto; 
      width: 90%;
    }
    .mdf-play-card {
      background: #fff;
      border-radius: var(--r-lg);
      overflow: hidden;
      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
      max-width: 1400px;
      margin: 0 auto 60px;
    }

    /* ---- Media (image + overlay headline) ---- */

    .mdf-play-card__media {
      position: relative;
      height: 280px;
      background-size: cover;
      background-position: center;
      display: flex;
      align-items: center;      
      justify-content: flex-start;  
      text-align: left;

    }
    .mdf-play-card__media::before {
      content: "";
      position: absolute;
      inset: 0;
    }
    @media (max-width: 600px) {
      .mdf-play-card__media {
        background-position: right -20px center;
      }
    }
    .mdf-play-card__media-text {
      position: relative;
      z-index: 1;
      color: #fff;
      padding-left: 40px;
    }
    .mdf-play-card__media-text h3 {
      font-family: "Jost", sans-serif;
      color: #fff;
      text-shadow:
        0 0 2px rgba(0, 0, 0),
        0 0 4px rgba(0, 0, 0),
        0 0 8px rgba(0, 0, 0),
        0 0 12px rgba(0, 0, 0),
        0 0 16px rgba(0, 0, 0),
        0 0 24px rgba(0, 0, 0),
        0 0 32px rgba(0, 0, 0),
        0 0 48px rgba(0, 0, 0);
      font-size: clamp(20px, 2.6vw, 30px);
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: -0.01em;
      margin: 0 0 6px;
      line-height: 1.15;
    }
    .mdf-play-card__media-text p {
      font-family: "Jost", sans-serif;
      color: #fff;
      text-shadow:
        0 0 2px rgba(0, 0, 0),
        0 0 4px rgba(0, 0, 0),
        0 0 8px rgba(0, 0, 0),
        0 0 12px rgba(0, 0, 0),
        0 0 16px rgba(0, 0, 0),
        0 0 24px rgba(0, 0, 0),
        0 0 32px rgba(0, 0, 0),
        0 0 48px rgba(0, 0, 0);
      font-size: clamp(16px, 2vw, 24px);
      font-weight: 500;
      margin: 0;
      opacity: 0.95;
    }

    /* ---- Body ---- */
    .mdf-play-card__body {
      padding: 32px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
      column-gap: 32px;
      grid-template-areas:
        "stat      takeaway"
        "desc      quote";
    }

    .mdf-play-card__quote {
      grid-area: quote; 
      background: #fff;
      border-radius: var(--r-md);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
      padding: 24px 28px;
      position: relative;
      z-index: 2;
      margin: 25px 0 0 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .mdf-play-card__quote p {
      text-align: center;
      font-style: italic;
      font-size: 16px;
      font-weight: 400;
      color: var(--c-text);
      margin: 0 0 8px;
      line-height: 1.4;
    }
    .mdf-play-card__quote cite {
      font-style: normal;
      font-size: 14px;
      font-weight: 500;
      color: var(--c-primary);
    }
    .mdf-play-card__desc {
      grid-area: desc;
    }
    .mdf-play-card__desc p {
      font-size: 16px;
      line-height: 1.5;
      color: var(--c-text);
      margin: 30px 0 0;
    }

    /* Button row */
    .mdf-play-card__actions {
      display: flex;
      gap: 18px;
      flex-wrap: wrap;
      margin: 20px 0 0 0;
    }

    /* Shared button base */
    .mdf-play-card__cta {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-weight: 700;
      font-size: 14px;
      padding: 12px 24px;
      border-radius: var(--r-pill);
      text-decoration: none;
      cursor: pointer;
      transition: opacity 0.2s, background 0.2s;
    }

    /* Primary — Watch Video */
    .mdf-play-card__cta--video {
      background: var(--c-magenta);
      color: #fff;
    }
    .mdf-play-card__cta.mdf-play-card__cta--video {
      color: #fff;
    }
    .mdf-play-card__cta--video:hover {
      opacity: 0.9;
    }

    /* Secondary — Download */
    .mdf-play-card__cta--download {
      background: transparent;
      color: var(--c-primary);
      border: 2px solid var(--c-primary);
      padding: 10px 22px;
    }
    .mdf-play-card__cta--download:hover {
      background: var(--c-primary);
      color: #fff;
    }

    /* Modal */
    .mdf-video-modal {
      display: none;
      position: fixed;
      inset: 0;
      z-index: 9999;
    }
    .mdf-video-modal.is-open {
      display: block;
    }
    .mdf-video-modal__backdrop {
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.75);
    }
    .mdf-video-modal__dialog {
      position: relative;
      max-width: 900px;
      width: 90%;
      margin: 10vh auto 5vh;
      background: #000;
      border-radius: var(--r-md);
      overflow: hidden;
      padding: 15px;
    }
    @media (max-width: 600px) {
      .mdf-video-modal__dialog {
        width: 95%;
        margin: 5vh auto;
      }
      .mdf-video-modal__frame-wrap {
        height: 70vh !important;        
        padding-bottom: 0;   
      }
      .mdf-video-modal__frame-wrap video {
        position: static;    
        width: 100%;
        height: 100%;
        object-fit: contain; 
      }
    }
    #mdf-video-modal .mdf-video-modal__close {
      position: absolute;
      top: 12px;
      right: 12px;
      z-index: 1;
      background: rgba(0, 0, 0, 0.6);
      color: #fff;
      border: none;
      border-radius: 50%;
      width: 36px;
      height: 36px;
      font-size: 20px;
      line-height: 1;
      cursor: pointer;
    }
    .mdf-video-modal__frame-wrap {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
    }
    .mdf-video-modal__frame-wrap video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      background: #000;
    }
    .mdf-play-card__takeaway {
      background: var(--c-primary);
      border-radius: var(--r-md);
      color: #fff;
      padding: 20px 24px;
    }
    .mdf-play-card__stat {
      grid-area: stat;
      display: flex; 
      justify-content: center; 
      align-items: center;
      padding: auto;
    }
    .mdf-play-card__stat-text {
      margin: 0;
      text-align: center; /* keeps it centered if it ever wraps to two lines */
    }
    .mdf-play-card__stat-label {
      font-size: clamp(18px, 2vw, 24px);
      font-weight: 700;
      color: var(--c-text);
    }
    .mdf-play-card__stat-number {
      font-size: clamp(18px, 2vw, 24px);
      font-weight: 800;
      line-height: 1;
      color: var(--c-primary);
    }
    .mdf-play-card__stat-desc {
      font-size: clamp(18px, 2vw, 24px);
      color: var(--c-text);
      font-weight: 500;      
    }
    .mdf-play-card__takeaway {
      grid-area: takeaway;
      flex: 2 1 320px;
    }
    .mdf-play-card__takeaway-label {
      display: block;
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 6px;
    }
    .mdf-play-card__takeaway p {
      font-size: 14px;
      line-height: 1.5;
      margin: 0;
      opacity: 0.95;
      color: #fff;
    }

    /* ---- Responsive ---- */
  



    /* ---- ACCORDEON ---- */
    .collapse {
      position: relative;
    }
    .collapse-header {
      padding: 20px 10px;
      cursor: pointer;
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      outline: none;
    }
    .collapse-item {
        border-bottom: 1px solid #ccc;
    }
    .collapse-header .collapse-title,
    .collapse-header i {
      transition: all 120ms ease;
      color: #0f1729;
    }
    .collapse-header:hover .collapse-title,
    .collapse-header:hover i {
      color: #0f1729;
    }
    .collapse-title {
      font-size: 18px;
      font-weight: 600;
    }
    .collapse-content {
      display: none;
      padding: 0px 10px 20px 10px;
    }
    .collapse-toggle {
      display: none;
      position: absolute;
      top: -999999px;
      left: -999999px;
    }
    .collapse-toggle:checked ~ .collapse-content {
      display: block;
    }
    .collapse-toggle:checked ~ .collapse-header i,
    .collapse-toggle:checked ~ .collapse-header .collapse-title {
      color: #0f1729;
    }
    .collapse-toggle:checked ~ .collapse-header i {
      transform: rotate(180deg);
    }
    .wrapper-acordeon {
      max-width: 1000px;
      margin: auto;
      padding: 10px 0 80px 0;
    }
    .wrapper-acordeon h2{
      font-size: clamp(20px, 2.2vw, 26px);
      margin: 40px 0 10px;
      line-height: 1.25;
      color: #202035;
      text-align: center;
    }



    /* ---------- SEMIFOOTER ---------- */
    .mdf-wrap-semifooter {margin: auto; padding: 40px 0; background: #202035; }

    .mdf-semifooter {
      background: #202035;      
      align-items: center;
      display: grid;
      gap: 48px;
      grid-template-columns: 1.3fr 1fr;
      max-width: 1400px;
      width: 90%;
      margin: auto;  
      background: #202035;
    }
    .mdf-semifooter h2 {
      font-size: clamp(20px, 2.2vw, 26px);
      margin: 80px 0 10px;
      line-height: 1.25;
      color: #fff;
    }
    .mdf-semifooter p { color: #fff; margin: 0 0 28px; max-width: 90%; line-height: 1.3; }

    .mdf-checklist {
      list-style: none;
      padding: 0;
      margin: 0 0 32px;
      text-align: left;
    }
    .mdf-checklist li {
      color: #ffffff;
      padding: 6px 0 6px 32px;
      position: relative;
    }
    .mdf-checklist li::before {
      content: "✓";
      position: absolute;
      left: 0;
      top: 6px;
      width: 20px;
      height: 20px;
      background: var(--c-magenta);
      color: #fff;
      border-radius: 50%;
      font-size: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .mdf-form-card-semifooter {
      background: #fff;
      max-width: 530px;
      margin: auto;
      padding: 40px 36px;
      border-radius: var(--r-lg);
    }
    .mdf-form-card-semifooter form {padding: 0; background-color: transparent; border:0;}
    .mdf-form-card-semifooter form fieldset{ max-width: none;}
    .mdf-form-card-semifooter h2 {
      font-size: clamp(20px, 2.2vw, 26px);
      margin: 0 0 10px;
      line-height: 1.25;
      color: var(--c-text);
    }
    .mdf-form-card-semifooter .hs-form input[type=email],
    .mdf-form-card-semifooter .hs-form input[type=text],
    .mdf-form-card-semifooter .hs-form select,
    .mdf-form-card-semifooter .hs-form textarea,
    .mdf-form-card-semifooter .hs-form input[type=tel] {
      background: #fff;
      border: none;
      border-radius: var(--r-pill);
      color: var(--c-text);
      font-size: 14px;
      padding: 12px 14px;
      width: 100%;
    }
    .mdf-form-card-semifooter input::placeholder {
      color: #000000;
    }
    .mdf-form-card-semifooter .hs-form .hs-button {
      background: var(--c-magenta);
      border: 2px solid var(--c-magenta);
      color: #fff;
      border-radius: var(--r-pill);
      padding: 12px 28px;
      font-weight: 700;
      cursor: pointer;
      transition: all .2s;
    }
    .mdf-form-card-semifooter .hs-form .hs-button:hover {
      background: var(--c-magenta);
      color: #fff;
    }
    #hs_cos_wrapper_lead_form input[type="tel"] { border-radius: 30px;}
    .mdf-form-card-semifooter .submitted-message {
       background-color: transparent;
        border: 1px solid #CBE8F8;
        border-radius: 17px;
    }


    .mdf-footer {
      background: var(--c-primary);
      padding: 32px 0;
      text-align: left;
    }
    .mdf-footer img { max-width: 140px; }

    /* ---------- RESPONSIVE ---------- */

    @media (max-width: 600px) {
        .mdf-play-card__quote {
          margin-top: 15px;
          max-width: 100%;
        }
        .mdf-play-card__highlights {
          flex-direction: column;
        }
        .mdf-play-card__takeaway {
           margin-top: 16px;
        }
    }

    @media (max-width: 900px) {
      .mdf-header,
      .mdf-hero,
      .mdf-decision,
      .mdf-compare-grid,
      .mdf-case,
      .mdf-contact, .mdf-header.mdf-header--wide-left, .mdf-semifooter { grid-template-columns: 1fr; !important }
      .mdf-stats-row { grid-template-columns: repeat(2, 1fr); }
/*       .mdf-compare-col.align-right { text-align: left; } */
      .mdf-decision {  padding: 0; flex-flow: wrap;}
      .mdf-container-slider, .mdf-decision-copy { width: 100%;}
      .mdf-hero { gap: 0px}
      .mdf-case { padding: 0;}
      .mdf-play-card__body{display: block;}
    }
    @media (max-width: 480px) {
      .mdf-stats { grid-template-columns: 1fr; max-width: none; }
      .mdf-stats-row { grid-template-columns: 1fr; }
      .mdf-form-card, .mdf-hero { padding: 28px 22px; }
      .mdf-difference { padding: 40px 0px; }
    }

    @media (min-width:1024px){
    .mdf-hero-absolute #hs_cos_wrapper_hero_image {
        bottom: 0;
        position: absolute;
        margin: 0;
        right: 0;
        max-width: 590px;
    }
    }