:root{
    --champion:var(--bk-color-secondary, #a4ace5);
    --sage:var(--bk-color-secondary, #b6bbed);
    --royal:var(--bk-color-primary, #1e193a);
    --royal-2:#201b3b;
    --white:var(--bk-color-background, #ffffff);
    --bow:var(--bk-color-primary, #534b7e);
    --nude:var(--bk-color-surface, #f3f2f1);
    --ink:var(--royal);
    --ink-2:var(--bow);
    --mute:var(--bk-color-secondary, #8a86a3);
    --rule:var(--bk-color-surface, #e4e1db);
    --radius:16px;
    --font-sans:'Montserrat',ui-sans-serif,system-ui,sans-serif;
    --font-mono:'Montserrat',ui-sans-serif,system-ui,sans-serif;
    --wrap:1180px;
  }
 
  .widget-snippet .wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}

  .widget-snippet .ben{padding:120px 0}
  .widget-snippet .benx-tab{ margin:0;}
 .widget-snippet .ben .display-md {
    margin-top: 0;
  } 
  .widget-snippet .sec-head{margin-bottom:64px;max-width:895px}
  .widget-snippet .sec-label{
    font-size:var(--bk-overline-size, 11px);letter-spacing:var(--bk-overline-letter-spacing, .24em);text-transform:var(--bk-overline-transform, uppercase);color:var(--bk-color-secondary, var(--mute));
    margin-bottom:20px;display:inline-flex;align-items:center;gap:10px;
  }
  .widget-snippet .sec-label::before{content:"";width:18px;height:1px;background:var(--bk-color-secondary, var(--champion));display:inline-block}
  .widget-snippet .display{font-weight:var(--bk-h2-weight, 300);letter-spacing:var(--bk-h2-letter-spacing, -.025em);line-height:var(--bk-h2-line-height, 1);color:var(--bk-h2-color, var(--bk-color-ink, var(--royal)))}
  .widget-snippet .display em{font-style:var(--bk-h2-style, normal);color:var(--bk-color-secondary, var(--champion));font-weight:var(--bk-h2-weight, 500)}
  .widget-snippet .display-md{font-size:var(--bk-h2-size, clamp(32px,4vw,52px))}
  .widget-snippet .sec-sub{margin-top:20px;font-size:var(--bk-p-size, 17px);color:var(--bk-p-color, var(--bk-color-ink, var(--ink-2)));max-width:62ch;line-height:var(--bk-p-line-height, 1.55);font-weight:var(--bk-p-weight, 400)}

  /* Benefits tab / panel grid */
  .widget-snippet .benx-grid{display:grid;grid-template-columns:382px 1fr;gap:30px;align-items:stretch}

  .widget-snippet .benx-tabs{display:flex;flex-direction:column;border-top:1px solid var(--bk-color-surface, var(--rule))}
  .widget-snippet .benx-tab{
    display:flex;gap:20px;align-items:center;text-align:left;padding:var(--bk-btn-secondary-pad, 23px 20px);
    border-bottom:1px solid var(--bk-btn-secondary-border-color, var(--bk-color-surface, var(--rule)));cursor:pointer;transition:background .2s;
    position:relative;overflow:hidden;background:none;border-left:none;border-right:none;
    width:100%;font-family:var(--bk-btn-secondary-font-family, var(--bk-font-base, var(--font-sans)));
    border-radius:var(--bk-btn-secondary-radius, 0) !important;
  }
  .widget-snippet .benx-tab::before{
    content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--bk-btn-secondary-fill, var(--bk-color-secondary, var(--champion)));
    transform:scaleY(0);transform-origin:top;transition:transform .28s;
  }
  .widget-snippet .benx-tab:hover{background:var(--bk-btn-secondary-hover-bg, var(--bk-color-background, var(--white)))}
  .widget-snippet .benx-tab.is-on{background:var(--bk-btn-secondary-fill, var(--bk-color-background, var(--white)))}
  .widget-snippet .benx-tab.is-on::before{transform:scaleY(1)}
  .widget-snippet .benx-tab-n{
    font-family:var(--bk-p-family, var(--bk-font-base, var(--font-mono)));font-size:var(--bk-p-size, 12px);font-weight:var(--bk-p-weight, 500);letter-spacing:var(--bk-p-letter-spacing, .1em);
    color:var(--bk-color-secondary, var(--mute));transition:color .2s;
  }
  .widget-snippet .benx-tab.is-on .benx-tab-n{color:var(--bk-color-secondary, var(--champion))}
  .widget-snippet .benx-tab-t{
    font-size:var(--bk-p-size, 16px);font-weight:var(--bk-p-weight, 500);color:var(--bk-p-color, var(--bk-color-ink, var(--royal)));letter-spacing:var(--bk-p-letter-spacing, -.01em);line-height:var(--bk-p-line-height, 1.25);
    transition:transform .25s;
  }
  .widget-snippet .benx-tab.is-on .benx-tab-t{transform:translateX(3px)}
  .widget-snippet .benx-prog{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--bk-color-secondary, var(--champion));border-radius:2px}

  /* Panels: all panels live in the HTML; only the active one is shown */
  .widget-snippet .benx-panels{position:relative}
  .widget-snippet .benx-panel{
    background:var(--bk-color-primary, var(--royal));color:var(--bk-color-background, #fff);border-radius:var(--radius);padding:50px 50px;
    min-height:440px;position:relative;overflow:hidden;
    flex-direction:column;
    display:none;
  }
  .widget-snippet .benx-panel.is-active{display:flex}
  .widget-snippet .benx-panel::after{
    content:"";position:absolute;right:-110px;top:-130px;width:400px;height:400px;border-radius:50%;
    background:radial-gradient(circle,color-mix(in srgb, var(--bk-color-secondary, #a4ace5) 42%, transparent),transparent 70%);pointer-events:none;
    animation:benxFloat 9s ease-in-out infinite;
  }
  @keyframes benxFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(-28px,24px)}}

  .widget-snippet .benx-watermark{
    position:absolute;right:40px;bottom:-6px;font-family:var(--bk-p-family, var(--bk-font-base, var(--font-mono)));font-size:var(--bk-p-size, 180px);
    font-weight:var(--bk-p-weight, 300);line-height:var(--bk-p-line-height, 1);color:color-mix(in srgb, var(--bk-color-background, #ffffff) 5%, transparent);pointer-events:none;
  }
  .widget-snippet .benx-tag{
    align-self:flex-start;font-family:var(--bk-overline-family, var(--bk-font-base, var(--font-mono)));font-size:var(--bk-overline-size, 10px);letter-spacing:var(--bk-overline-letter-spacing, .22em);
    text-transform:var(--bk-overline-transform, uppercase);color:var(--bk-color-secondary, var(--sage));border:1px solid color-mix(in srgb, var(--bk-color-background, #ffffff) 20%, transparent);
    padding:6px 13px;border-radius:999px;position:relative;z-index:1;
  }
  .widget-snippet .benx-panel h3{
    margin-top:26px;font-size:var(--bk-h3-size, clamp(28px,3vw,40px));font-weight:var(--bk-h3-weight, 400);letter-spacing:var(--bk-h3-letter-spacing, -.02em);
    line-height:var(--bk-h3-line-height, 1.06);color:var(--bk-color-background, #fff);max-width:100%;position:relative;z-index:1;
  }
  .widget-snippet .benx-panel p{
    margin-top:18px;font-size:var(--bk-p-size, 16px);line-height:var(--bk-p-line-height, 1.62);color:color-mix(in srgb, var(--bk-color-background, #ffffff) 80%, transparent);
    max-width:52ch;position:relative;z-index:1;
  }
  .widget-snippet .benx-points{
    list-style:none;margin:0;margin-top:auto;padding:0;padding-top:34px;
    display:flex;flex-direction:column;gap:13px;position:relative;z-index:1;
  }
  .widget-snippet .benx-points li{display:flex;gap:12px;align-items:center;font-size:var(--bk-p-size, 14px);color:color-mix(in srgb, var(--bk-color-background, #ffffff) 90%, transparent);line-height:var(--bk-p-line-height, 1.4)}
  .widget-snippet .benx-points .tick{color:var(--bk-color-secondary, var(--champion));font-weight:var(--bk-p-weight, 600)}

  @media (max-width:860px){
    .widget-snippet .benx-grid{grid-template-columns:1fr}
    .widget-snippet .benx-panel{min-height:0;padding:38px 32px}
    .ben{padding:70px 0}
  }