body.widget-snippet { padding: 0; margin: 0; }
.widget-snippet * { box-sizing: border-box; }
div[section="body"], div[section="body"] > .widget-container, div[section="body"] > .widget-container > .page-content { overflow: visible !important; padding: 0 !important; }
.widget-snippet .wcs_section_0ed7b0d9 a { background: initial; background-color: initial; border: initial; border-bottom: initial; border-color: initial; border-radius: initial; border-top: initial; box-shadow: initial; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: initial; margin-bottom: initial; margin-left: initial; margin-right: initial; margin-top: initial; padding: initial; padding-left: initial; padding-right: initial; text-align: inherit; text-decoration: inherit; text-transform: inherit; vertical-align: initial; }
.widget-snippet .wcs_section_0ed7b0d9 blockquote { border-left: none; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0; padding-left: 0; text-transform: inherit; }
.widget-snippet .wcs_section_0ed7b0d9 button { background: initial; background-color: revert; border: revert; border-color: initial; border-radius: initial; border-style: initial; border-width: initial; box-shadow: initial; color: revert; font-family: revert; font-size: revert; font-style: inherit; font-weight: revert; line-height: normal; margin: 0; margin-left: initial; margin-right: initial; margin-top: initial; padding: var(--bk-btn-secondary-pad, 0); text-align: revert; text-decoration: inherit; text-transform: revert; }
.widget-snippet .wcs_section_0ed7b0d9 code { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
.widget-snippet .wcs_section_0ed7b0d9 fieldset { border: none; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0; padding: 0; }
.widget-snippet .wcs_section_0ed7b0d9 figure { margin: 0; margin-left: initial; margin-right: initial; padding: initial; }
.widget-snippet .wcs_section_0ed7b0d9 h1 { background-color: initial; color: inherit; font-family: inherit; font-size: revert; font-style: inherit; font-weight: revert; line-height: inherit; margin: 0; margin-bottom: initial; margin-top: initial; padding: initial; padding-bottom: initial; text-align: inherit; text-transform: inherit; }
.widget-snippet .wcs_section_0ed7b0d9 h2 { color: inherit; font-family: inherit; font-size: revert; font-style: inherit; font-weight: revert; line-height: inherit; margin: 0; margin-bottom: initial; margin-top: initial; padding: initial; padding-bottom: initial; padding-left: initial; text-align: inherit; text-transform: inherit; }
.widget-snippet .wcs_section_0ed7b0d9 h3 { color: inherit; font-family: inherit; font-size: revert; font-style: inherit; font-weight: revert; line-height: inherit; margin: 0; margin-bottom: initial; margin-top: initial; padding: initial; padding-bottom: initial; text-align: inherit; text-transform: inherit; }
.widget-snippet .wcs_section_0ed7b0d9 h4 { border-bottom: initial; color: inherit; font-family: inherit; font-size: revert; font-style: inherit; font-weight: revert; line-height: inherit; margin: 0; margin-bottom: initial; margin-top: initial; padding-bottom: initial; text-align: inherit; text-transform: inherit; }
.widget-snippet .wcs_section_0ed7b0d9 h5 { border-bottom: initial; color: inherit; font-family: inherit; font-size: revert; font-style: inherit; font-weight: revert; line-height: inherit; margin: 0; margin-bottom: initial; margin-top: initial; padding: initial; text-transform: inherit; }
.widget-snippet .wcs_section_0ed7b0d9 h6 { color: inherit; font-family: inherit; font-size: revert; font-style: inherit; font-weight: revert; line-height: inherit; margin: 0; margin-bottom: initial; margin-top: initial; padding: initial; text-transform: inherit; }
.widget-snippet .wcs_section_0ed7b0d9 hr { border: none; border-top: 1px solid currentColor; margin-bottom: initial; margin-top: initial; }
.widget-snippet .wcs_section_0ed7b0d9 img { background: initial; border: none; border-radius: initial; margin: initial; margin-bottom: initial; padding: initial; vertical-align: middle; }
.widget-snippet .wcs_section_0ed7b0d9 input { background: initial; background-color: initial; border: initial; border-radius: initial; border-right: initial; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: var(--bk-p-line-height, normal); margin: 0; margin-right: initial; margin-top: initial; outline: initial; padding: initial; padding-left: initial; text-align: start; vertical-align: initial; }
.widget-snippet .wcs_section_0ed7b0d9 li { border: initial; border-radius: initial; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; list-style: inherit; margin: 0; margin-bottom: initial; margin-right: initial; padding: 0; padding-bottom: initial; text-align: inherit; }
.widget-snippet .wcs_section_0ed7b0d9 ol { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0; padding-left: initial; }
.widget-snippet .wcs_section_0ed7b0d9 p { background: initial; border-bottom: initial; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0; margin-bottom: initial; margin-top: initial; padding: initial; padding-bottom: initial; padding-top: initial; text-align: inherit; text-transform: inherit; }
.widget-snippet .wcs_section_0ed7b0d9 pre { background: transparent; border-radius: 0; border-width: initial; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; padding: 0; }
.widget-snippet .wcs_section_0ed7b0d9 select { background: initial; background-color: initial; border: initial; border-color: initial; border-radius: initial; border-width: initial; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0; margin-right: initial; padding: initial; text-transform: none; }
.widget-snippet .wcs_section_0ed7b0d9 table { background: initial; border: initial; border-bottom: initial; border-radius: initial; box-shadow: initial; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; margin: initial; margin-bottom: initial; padding: initial; }
.widget-snippet .wcs_section_0ed7b0d9 textarea { background: initial; background-color: initial; border: initial; border-bottom: initial; border-color: initial; border-radius: initial; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0; padding: initial; text-align: start; }
.widget-snippet .wcs_section_0ed7b0d9 ul { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; list-style: none; margin: 0; margin-top: initial; padding: 0; padding-left: initial; }
/* wcs:scoped-begin */
.widget-snippet .wcs_section_0ed7b0d9 :where(h1, h2, h3, h4, h5, h6, p, blockquote, figure, figcaption, dd, dl) { margin: 0; padding: 0; }
  .widget-snippet .wcs_section_0ed7b0d9, .widget-snippet .wcs_section_0ed7b0d9 *, .widget-snippet .wcs_section_0ed7b0d9 *::before, .widget-snippet .wcs_section_0ed7b0d9 *::after { box-sizing: border-box; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q {
    position: relative;
    padding: 140px 0;
    background: linear-gradient(180deg, var(--bk-color-background, #ffffff) 0%, var(--bk-color-surface, #f3f2f1) 100%);
    border-bottom: 1px solid var(--bk-color-surface, #e4e1db);
    font-family: var(--bk-p-family, var(--bk-font-base, "Montserrat", sans-serif));
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-head {
    display: flow-root;            
    max-width: 1260px;
    margin: 0 auto 65px;
    padding: 0 30px;
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-title {
    font-family: var(--bk-h2-family, "Montserrat", sans-serif);
    font-size: var(--bk-h2-size, 64px);
    font-weight: var(--bk-h2-weight, 500);
    line-height: var(--bk-h2-line-height, 61px);
    letter-spacing: var(--bk-h2-letter-spacing, 0);
    color: var(--bk-h2-color, #29234a);
    margin: 10px 0 30px;
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-title .gh-q-accent { color: var(--bk-color-secondary, #b3bbe9); font-weight: var(--bk-h2-weight, 500); }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-intro {
    font-family: var(--bk-p-family, "Montserrat", sans-serif);
    font-size: var(--bk-p-size, 17px);
    font-weight: var(--bk-p-weight, 400);
    line-height: var(--bk-p-line-height, 1.55);
    color: var(--bk-p-color, #534b7e);
    max-width: 62ch;
    margin: 0 0 15px;
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q .gh-q-head .gh-q-intro a {
    font-size: var(--bk-link-font-size, 15px);
    color: var(--bk-link-color, var(--bk-color-accent, #0066cc));
    text-decoration: none;
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q .gh-q-head .gh-q-intro a:hover { text-decoration: underline; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-body {
    --gap: 130px;
    --side: 0.45;                 
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 30px;
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-tabs-col { width: calc((100% - var(--gap)) * (1 - var(--side))); }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-tabs { --tilt: 0deg; --stage-scale: 1; --stage-opacity: 1; --stage-left: calc(100% + var(--gap)); --stage-width: calc((100% / (1 - var(--side))) * var(--side)); }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-tabs { position: relative; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-panel {
    position: absolute;
    left: var(--stage-left);
    top: calc(50% + 52.5px);      
    width: var(--stage-width);
    aspect-ratio: 1 / 1;
    min-height: 478px;
    transform: translateY(-50%) rotate(var(--tilt)) scale(var(--stage-scale));
    opacity: var(--stage-opacity);
    background: linear-gradient(160deg, color-mix(in srgb, var(--bk-color-background, #ffffff) 60%, transparent), color-mix(in srgb, var(--bk-color-surface, #f3f2f1) 40%, transparent));
    -webkit-backdrop-filter: blur(20px) saturate(1.2);
    backdrop-filter: blur(20px) saturate(1.2);
    border: 1px solid color-mix(in srgb, var(--bk-color-background, #ffffff) 70%, transparent);
    box-shadow: 0 30px 80px -30px color-mix(in srgb, var(--bk-color-primary, #29234a) 20%, transparent);
    pointer-events: none;
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-item { cursor: pointer; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-row {
    position: relative;
    padding: 25px 0 11px;
    border-top: 1px solid var(--bk-color-surface, #e4e1db);
    border-bottom: 1px solid var(--bk-color-surface, #e4e1db);
    transition: padding 0.2s ease-in-out;
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-item.is-active .gh-q-row { padding: 31px 0 18px; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-heading {
    position: relative;
    margin: 0 0 10px;
    font-family: var(--bk-h3-family, "Montserrat", sans-serif);
    font-size: var(--bk-h3-size, 24px);
    font-weight: var(--bk-h3-weight, 500);
    line-height: var(--bk-h3-line-height, 33px);
    color: var(--bk-h3-color, #000000);
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-item.is-active .gh-q-heading { font-weight: var(--bk-h3-weight, 600); }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-num {
    display: inline-block;
    min-width: 160px;
    font-size: var(--bk-h3-size, 48px);
    font-weight: var(--bk-h3-weight, 300);
    line-height: var(--bk-h3-line-height, 1);
    letter-spacing: var(--bk-h3-letter-spacing, -0.025em);
    color: var(--bk-h3-color, var(--bk-color-ink, #29234a));
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-label {
    font-size: var(--bk-h3-size, 15px);
    font-weight: var(--bk-h3-weight, 500);
    letter-spacing: var(--bk-h3-letter-spacing, -0.005em);
    color: var(--bk-h3-color, var(--bk-color-ink, #534b7e));
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-chev {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid var(--bk-color-surface, #e4e1db);
    transition: background-color 0.2s, border-color 0.2s, transform 0.3s;
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-chev::before, .widget-snippet .wcs_section_0ed7b0d9 .gh-q-chev::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--bk-color-primary, #29234a);
    transition: opacity 0.2s;
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-chev::before { width: 10px; height: 1.4px; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-chev::after { width: 1.4px; height: 10px; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-item.is-active .gh-q-chev { background: var(--bk-color-secondary, #b3bbe9); transform: rotate(180deg); }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-item.is-active .gh-q-chev::before { background: var(--bk-color-background, #ffffff); }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-item.is-active .gh-q-chev::after { opacity: 0; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-text {
    display: none;
    font-family: var(--bk-p-family, "Montserrat", sans-serif);
    font-size: var(--bk-p-size, 15px);
    font-weight: var(--bk-p-weight, 400);
    line-height: var(--bk-p-line-height, 27px);
    color: var(--bk-p-color, #534b7e);
    margin: 0 0 15px;
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-item.is-active .gh-q-text { display: block; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-media {
    position: absolute;
    z-index: 1;
    left: calc(var(--stage-left) + 1px);           
    top: calc(50% + 52.5px);
    width: calc(var(--stage-width) - 2px);
    min-height: 476px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%) rotate(var(--tilt)) scale(var(--stage-scale));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-item.is-active .gh-q-media {
    opacity: var(--stage-opacity);
    visibility: visible;
    transition: opacity 0.5s ease;
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q .gh-q-media .gh-q-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 17px;
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q .gh-q-media .gh-q-image[src^="data:"] { display: none; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-cta-wrap { margin-top: 28px; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q .gh-q-cta-wrap .gh-q-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
    padding: 15px 28px;
    border-radius: var(--bk-btn-radius, 999px);
    background: var(--bk-btn-fill, #b3bbe9);
    color: var(--bk-btn-text, #1e193a);
    font-family: var(--bk-link-font-family, var(--bk-font-base, "Montserrat", sans-serif));
    font-size: var(--bk-link-font-size, 14px);
    font-weight: var(--bk-link-font-weight, 500);
    line-height: 22.4px;
    letter-spacing: var(--bk-link-font-letter-spacing, -0.003em);
    text-decoration: none;
    transition: background-color 0.2s, transform 0.2s, box-shadow 0.2s;
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q .gh-q-cta-wrap .gh-q-cta::after {
    content: "";
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 7h9m0 0L7.5 3.5M11 7l-3.5 3.5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 14px 14px;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 7h9m0 0L7.5 3.5M11 7l-3.5 3.5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 14px 14px;
  }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q .gh-q-cta-wrap .gh-q-cta:hover { background: var(--bk-color-secondary, #909bd9); color: var(--bk-link-hover, var(--bk-color-ink, #1e193a)); transform: translateY(-2px); box-shadow: 0 8px 24px color-mix(in srgb, var(--bk-color-ink, #000000) 12%, transparent); }
@media (max-width: 991px) {
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q { padding: 80px 0; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-head { margin: 0 auto 48px; padding: 0 20px; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-title { font-size: var(--bk-h2-size, 48px); line-height: var(--bk-h2-line-height, 52px); }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-body { --gap: 40px; padding: 0 20px; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-num { font-size: var(--bk-h3-size, 26px); min-width: 100px; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-panel { min-height: 300px; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-media { min-height: 298px; }
}
@media (max-width: 767px) {
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q { padding: 60px 0; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-head { margin: 0 auto 15px; padding: 0 15px; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-title { font-size: var(--bk-h2-size, 32px); line-height: var(--bk-h2-line-height, 40px); }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-body { padding: 0 15px; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-tabs-col { width: 100%; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-panel { display: none; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-media {
      position: static;
      width: 100%;
      min-height: 0;
      transform: none;
      display: none;
      margin: 5px 0 20px;
    }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-item.is-active .gh-q-media { display: flex; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-heading { font-size: var(--bk-h3-size, 20px); padding-right: 40px; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q .gh-q-cta-wrap .gh-q-cta { margin-top: 0; }
}

/* editor only: editor-iframe-inner.css makes every [data-style-type="container"] position:relative, so each
   absolutely positioned .gh-q-media resolved against its own .gh-q-item instead of .gh-q-tabs and sat away from
   the .gh-q-panel shadow box. Restore the front-end containing block (items are static there). */
body.fee .widget-snippet .wcs_section_0ed7b0d9 .gh-q-item{position:static}

/* multi-paragraph field: one <div> per paragraph (see snippet.js) */
.widget-snippet .wcs_section_0ed7b0d9 .gh-q-text > div + div{margin-top:.6em}


/* Quality rows: number | label (vertically centred on the number) | chevron (centred too);
   the details open under the LABEL, capped to a readable column instead of the full row. */
.widget-snippet .wcs_section_0ed7b0d9 .gh-q-heading { display: flex; align-items: center; gap: 16px; min-height: 48px; padding-right: 44px; }
.widget-snippet .wcs_section_0ed7b0d9 .gh-q-num { flex: 0 0 auto; }
.widget-snippet .wcs_section_0ed7b0d9 .gh-q-label { flex: 1 1 auto; min-width: 0; line-height: var(--bk-h3-line-height, 1.4); }
.widget-snippet .wcs_section_0ed7b0d9 .gh-q-chev { top: 50%; margin-top: -14px; }
.widget-snippet .wcs_section_0ed7b0d9 .gh-q-text { margin-left: 176px; max-width: 350px; }
@media (max-width: 991px) {
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-heading { min-height: 28px; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-text { margin-left: 116px; }
}
@media (max-width: 575px) {
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-text { margin-left: 0; max-width: none; }
}

/* Image + shadow panel: one clean rounded card, no rim.
   - The images (1st.svg ... 6.svg) draw their own card with a ~4.6% corner radius; 1st.svg has WHITE
     corners outside it, which showed through the old 17px clip. Clip at 4.8% (scales with the image).
   - The panel's 1px white border showed as a ring because the image sat 1px inside it: no border, and
     the image overhangs the panel by 1px so no panel edge can show. The panel still casts the shadow. */
.widget-snippet .wcs_section_0ed7b0d9 .gh-q .gh-q-media .gh-q-image { border-radius: 4.8%; }
.widget-snippet .wcs_section_0ed7b0d9 .gh-q-panel { border-radius: 4.8%; }
@media (min-width: 768px) {
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-panel { border: 0; }
  .widget-snippet .wcs_section_0ed7b0d9 .gh-q-media { left: calc(var(--stage-left) - 1px); width: calc(var(--stage-width) + 2px); }
}