.elementor-99537 .elementor-element.elementor-element-b0a7b0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-99537 .elementor-element.elementor-element-b0a7b0a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-99537 .elementor-element.elementor-element-da2cfe5{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;}.elementor-99537 .elementor-element.elementor-element-da2cfe5.e-con{--align-self:flex-start;}:root{--page-title-display:none;}@media(max-width:1320px){.elementor-99537 .elementor-element.elementor-element-da2cfe5{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:1320px) and (min-width:801px){.elementor-99537 .elementor-element.elementor-element-b0a7b0a{--width:1016px;}}/* Start custom CSS for html, class: .elementor-element-4ff0136 */dvs-instrument-finder{display:block;width:100%}
  .app, .app *, .app *::before, .app *::after{box-sizing:border-box;margin:0;padding:0}
    .app{
      --navy:#0D2E5A; --navy-mid:#1A4073; --navy-lite:#EEF3FA;
      --teal:#009FA8; --teal-dk:#007B83; --teal-lt:#E0F5F6; --teal-md:#B0E5E8;
      --off:#F4F8FB; --border:#D8E3EE; --muted:#96AFC6; --text2:#4A6580;
      --r:1rem; --rsm:.625rem; --rxs:.375rem; --pill:9999px;
      --shadow:0 24px 72px rgba(13,46,90,.22); --t:180ms ease;
      --font:'Inter',system-ui,sans-serif;
      -webkit-tap-highlight-color:transparent;
      font-family:var(--font);
    }
    .app{width:100%;max-width:940px;margin-inline:auto;background:#fff;border-radius:1.5rem;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;container-type:inline-size;container-name:dvsapp}
    /* HEADER */
    .hd{background:linear-gradient(135deg,#2f3135,var(--navy-mid));padding:1.25rem 1.75rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
    .hd-brand{display:flex;align-items:center;gap:.75rem;min-width:0}
    .hd-logo{width:42px;height:42px;background:var(--off);border-radius:10px;display:grid;place-items:center;flex-shrink:0}
    .hd-logo svg{width:26px;height:26px}
    .hd-brand>div{min-width:0}
    .hd-sup{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);overflow-wrap:anywhere}
    .hd-name{font-size:1.05rem;font-weight:800;color:#fff;overflow-wrap:anywhere}
    .lang-sel{appearance:none;background:rgba(255,255,255,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%23fff' d='M5 6L0 0h10z'/%3E%3C/svg%3E") no-repeat right .55rem center/8px;border:1px solid rgba(255,255,255,.22);color:#fff;padding:.38rem 1.8rem .38rem .7rem;border-radius:var(--pill);font:inherit;font-size:.78rem;font-weight:600;margin-left:auto;cursor:pointer}
    .lang-sel option{background:#0D2E5A}
    /* PROGRESS */
    .pg{background:var(--off);padding:1rem 1.75rem 0;display:none}
    .pg.on{display:block}
    .pg-steps{display:flex;align-items:flex-start;gap:0;margin-bottom:.875rem}
    .pg-step{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.3rem;position:relative}
    .pg-step+.pg-step::before{content:'';position:absolute;left:-50%;right:50%;top:.8rem;height:2px;background:var(--border);z-index:0}
    .pg-dot{width:26px;height:26px;border-radius:50%;background:var(--border);color:var(--muted);display:grid;place-items:center;font-size:.65rem;font-weight:800;position:relative;z-index:1;transition:all var(--t);flex-shrink:0}
    .pg-step.done .pg-dot{background:var(--teal);color:#fff}
    .pg-step.active .pg-dot{background:var(--navy);color:#fff;box-shadow:0 0 0 4px rgba(13,46,90,.15)}
    .pg-lbl{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
    .pg-step.done .pg-lbl{color:var(--teal-dk)}
    .pg-step.active .pg-lbl{color:var(--navy)}
    .pg-track{height:3px;background:var(--border);border-radius:2px;overflow:hidden}
    .pg-fill{height:100%;background:linear-gradient(90deg,var(--navy),var(--teal));border-radius:2px;transition:width .4s ease}
    /* CONTENT */
    .ct{padding:1.75rem 1.75rem 1.25rem;flex:1}
    /* INTRO */
    .intro{text-align:center;padding:.5rem 0 1rem}
    .intro-ic{width:72px;height:72px;background:linear-gradient(135deg,var(--teal),#0D2E5A);border-radius:18px;margin:0 auto 1.25rem;display:grid;place-items:center}
    .intro-ic svg{width:42px;height:42px;color:#fff}
    .intro-h{font-size:clamp(1.3rem,1rem + 1.5vw,1.9rem);font-weight:800;color:var(--navy);margin-bottom:.5rem;line-height:1.2}
    .intro-p{font-size:.92rem;color:var(--text2);max-width:44ch;margin:0 auto .35rem;line-height:1.65}
    .intro-t{font-size:.78rem;color:var(--muted);font-style:italic;margin-bottom:1.5rem;overflow-wrap:anywhere}
    .intro-fs{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem;margin-bottom:1.75rem}
    .intro-f{background:var(--off);border:1px solid var(--border);border-radius:var(--rsm);padding:.875rem .625rem;text-align:center}
    .intro-fi{font-size:1.4rem;margin-bottom:.3rem}
    .intro-fl{font-size:.74rem;font-weight:600;color:var(--text2)}
    /* QUESTION */
    .q-ey{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--teal-dk);margin-bottom:.3rem}
    .q-h{font-size:clamp(1.1rem,.9rem + 1vw,1.4rem);font-weight:800;color:var(--navy);line-height:1.25;margin-bottom:.4rem}
    .q-p{font-size:.85rem;color:var(--text2);margin-bottom:1.25rem;max-width:56ch;line-height:1.6;overflow-wrap:anywhere}
    .opts{display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr)}
    .opts.c2{grid-template-columns:repeat(2,1fr)}
    .opt{display:flex;align-items:center;gap:.875rem;padding:.8rem 1rem;border:2px solid var(--border);border-radius:var(--rsm);cursor:pointer;background:#fff;text-align:left;width:100%;max-width:100%;min-width:0;font:inherit;white-space:normal;transition:border-color var(--t),background var(--t)}
    .opt:hover{border-color:var(--teal);background:var(--teal-lt)}
    .opt.sel{border-color:var(--navy);background:var(--navy-lite)}
    .opt-ic{font-size:1.6rem;line-height:1;width:2rem;text-align:center;flex-shrink:0}
    .opt-tx{flex:1;min-width:0}
    .opt-lbl{font-size:.88rem;font-weight:700;color:var(--navy);line-height:1.3}
    .opt-ht{font-size:.75rem;color:var(--text2);margin-top:.1rem}
    .opt-ck{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;display:grid;place-items:center;transition:all var(--t)}
    .opt.sel .opt-ck{background:var(--navy);border-color:var(--navy)}
    .opt-cki{width:7px;height:7px;border-radius:50%;background:#fff;opacity:0;transition:opacity var(--t)}
    .opt.sel .opt-cki{opacity:1}
    /* RESULT */
    .res-hdr{padding:2rem 1.75rem 1.5rem;text-align:center;color:#fff}
    .res-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .8rem;border-radius:var(--pill);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;background:rgba(255,255,255,.2)}
    .res-n{font-size:clamp(1.7rem,1.2rem + 2vw,2.5rem);font-weight:800;line-height:1.05;margin-bottom:.35rem}
    .res-tl{font-size:.95rem;opacity:.78;margin-bottom:1.25rem}
    .res-svg{max-width:380px;margin:0 auto}
    .res-bd{padding:0 1.75rem 1.75rem}
    .rat{background:var(--teal-lt);border:1px solid var(--teal-md);border-radius:var(--rsm);padding:.875rem 1.125rem;margin-bottom:1.25rem;margin-top:1.25rem}
    .rat-ey{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--teal-dk);margin-bottom:.3rem}
    .rat-tx{font-size:.88rem;color:var(--navy);line-height:1.65}
    .sec-t{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);margin-bottom:.625rem}
    .specs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.25rem}
    .sp{background:var(--off);border-radius:var(--rxs);padding:.65rem .875rem}
    .sp-l{font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text2)}
    .sp-v{font-size:.85rem;font-weight:700;color:var(--navy);margin-top:.15rem}
    .tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1.5rem}
    .tag{padding:.28rem .7rem;border-radius:var(--pill);font-size:.7rem;font-weight:700;color:#fff}
    /* answer summary */
    .ans-sum{background:var(--off);border:1px solid var(--border);border-radius:var(--rsm);margin-bottom:1.25rem;overflow:hidden}
    .ans-sum-hd{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;user-select:none}
    .ans-sum-hd-txt{font-size:.78rem;font-weight:700;color:var(--text2)}
    .ans-chev{font-size:.75rem;color:var(--muted);transition:transform var(--t)}
    .ans-sum.open .ans-chev{transform:rotate(180deg)}
    .ans-rows{display:none;padding:.25rem 1rem .75rem}
    .ans-sum.open .ans-rows{display:grid;gap:.35rem}
    .ans-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;padding:.35rem 0;border-bottom:1px solid var(--border)}
    .ans-row:last-child{border-bottom:none}
    .ans-q{color:var(--text2)}
    .ans-a{font-weight:700;color:var(--navy);text-align:right;max-width:55%;overflow-wrap:anywhere}
    /* CTAs */
    .ctas{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;margin-bottom:.75rem}
    .cta{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:50px;border:none;border-radius:var(--rsm);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;text-decoration:none;transition:filter var(--t)}
    .cta:hover{filter:brightness(1.08)}
    .cta-p{color:#fff}
    .cta-o{background:#fff !important;border-width:2px;border-style:solid}
    .disc{font-size:.72rem;color:var(--muted);text-align:center;line-height:1.5;margin-top:.5rem}
    /* NAV */
    .nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.75rem 1.25rem;border-top:1px solid var(--border);background:var(--off);gap:1rem}
    .nav.hide{display:none}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:42px;padding:0 1.25rem;border-radius:var(--pill);border:none;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--t)}
    .btn-g{background:transparent;border:1.5px solid var(--border);color:var(--text2)}
    .btn-g:hover{border-color:var(--muted);color:var(--navy)}
    .btn-p{background:var(--navy);color:#fff}
    .btn-p:hover{background:var(--navy-mid)}
    .btn-p:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}
    /* ANIMATIONS */
    @keyframes fi{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
    @keyframes fb{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}
    .ai{animation:fi .28s ease both}
    .ab{animation:fb .28s ease both}
    /* MULTI-SELECT (square checkbox style) */
    .opt.multi .opt-ck{border-radius:5px}
    .opt.multi.sel .opt-ck{border-radius:5px}
    /* ACCESSORIES RESULT GRID */
    .acc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.25rem}
    .weigh-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.25rem}
    .acc-card{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border:2px solid var(--border);border-radius:var(--rsm);cursor:pointer;background:#fff;text-align:left;width:100%;max-width:100%;min-width:0;font:inherit;white-space:normal;transition:border-color var(--t),background var(--t)}
    .acc-card:hover:not([disabled]){border-color:var(--teal);background:var(--teal-lt)}
    .acc-card.sel{border-color:var(--navy);background:var(--navy-lite)}
    .acc-card[disabled]{opacity:.5;cursor:not-allowed;background:var(--off)}
    .acc-ic{font-size:1.4rem;width:1.9rem;flex-shrink:0;line-height:1.2}
    .acc-tx{flex:1;min-width:0}
    .acc-lbl{font-size:.82rem;font-weight:700;color:var(--navy);line-height:1.3;display:block;white-space:normal;overflow-wrap:anywhere}
    .acc-ht{font-size:.72rem;color:var(--text2);margin-top:.1rem;display:block;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
    .acc-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.18rem .5rem;border-radius:var(--pill);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:.35rem}
    .acc-badge.ok{background:color-mix(in srgb,#2e7d56 14%,white);color:#2e7d56}
    .acc-badge.no{background:color-mix(in srgb,#b71c1c 10%,white);color:#b71c1c}
    .acc-ck{width:20px;height:20px;border-radius:5px;border:2px solid var(--border);flex-shrink:0;display:grid;place-items:center;transition:all var(--t);margin-top:.1rem}
    .acc-card.sel .acc-ck{background:var(--navy);border-color:var(--navy)}
    .acc-cki{width:10px;height:6px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-46deg) translateY(-1px);opacity:0;transition:opacity var(--t)}
    .acc-card.sel .acc-cki{opacity:1}
    .weigh-card{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border:2px solid var(--border);border-radius:var(--rsm);cursor:pointer;background:#fff;text-align:left;width:100%;max-width:100%;min-width:0;font:inherit;white-space:normal;transition:border-color var(--t),background var(--t)}
    .weigh-card:hover{border-color:var(--teal);background:var(--teal-lt)}
    .weigh-card.sel{border-color:var(--navy);background:var(--navy-lite)}
    .weigh-ic{font-size:1.4rem;width:1.9rem;flex-shrink:0;line-height:1.2}
    .weigh-tx{flex:1;min-width:0}
    .weigh-lbl{font-size:.82rem;font-weight:700;color:var(--navy);line-height:1.3;display:block;white-space:normal;overflow-wrap:anywhere}
    .weigh-ht{font-size:.72rem;color:var(--text2);margin-top:.1rem;display:block;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
    .weigh-specs{font-size:.72rem;color:var(--text2);margin-top:.1rem;display:block;line-height:1.4;font-weight:600;color:var(--navy);white-space:normal;overflow-wrap:anywhere}
    .weigh-ck{width:20px;height:20px;border-radius:5px;border:2px solid var(--border);flex-shrink:0;display:grid;place-items:center;transition:all var(--t);margin-top:.1rem}
    .weigh-card.sel .weigh-ck{background:var(--navy);border-color:var(--navy)}
    .weigh-cki{width:10px;height:6px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-46deg) translateY(-1px);opacity:0;transition:opacity var(--t)}
    .weigh-card.sel .weigh-cki{opacity:1}
    .learn-more{margin:1.5rem 0;padding:1rem;background:var(--teal-lt);border-left:4px solid var(--teal);border-radius:var(--rsm)}
    .learn-more a{color:var(--teal);font-weight:600;text-decoration:none;transition:color var(--t)}
    .learn-more a:hover{color:var(--navy)}
    /* RESPONSIVE (kept last so these overrides win the cascade) */
    @media(max-width:560px){
      .app{border-radius:0}
      .hd,.ct,.res-bd{padding-left:1.25rem;padding-right:1.25rem}
      .hd{padding-top:1rem;padding-bottom:1rem}
      .ct{padding-top:1.5rem;padding-bottom:1rem}
      .res-hdr{padding:1.5rem 1.25rem 1.25rem}
      .nav{padding:.875rem 1.25rem 1rem}
      .pg{padding:.875rem 1.25rem 0}
      .opts.c2{grid-template-columns:1fr}
      .specs{grid-template-columns:repeat(2,1fr)}
      .ctas{grid-template-columns:1fr}
      .intro-fs{grid-template-columns:1fr}
      .acc-grid{grid-template-columns:1fr}
      .weigh-grid{grid-template-columns:1fr}
      .pg-lbl{font-size:.55rem}
      .pg-dot{width:22px;height:22px;font-size:.6rem}
    }
    /* CONTAINER-QUERY RESPONSIVENESS (adapts to the widget's own rendered
       width rather than the page viewport, so it also works correctly when
       embedded in a narrow container on a wide-viewport page) */
    @supports (container-type: inline-size){
      @container dvsapp (max-width:560px){
        .hd,.ct,.res-bd{padding-left:1.25rem;padding-right:1.25rem}
        .hd{padding-top:1rem;padding-bottom:1rem}
        .ct{padding-top:1.5rem;padding-bottom:1rem}
        .res-hdr{padding:1.5rem 1.25rem 1.25rem}
        .nav{padding:.875rem 1.25rem 1rem}
        .pg{padding:.875rem 1.25rem 0}
        .opts.c2{grid-template-columns:1fr}
        .specs{grid-template-columns:repeat(2,1fr)}
        .ctas{grid-template-columns:1fr}
        .intro-fs{grid-template-columns:1fr}
        .acc-grid{grid-template-columns:1fr}
        .weigh-grid{grid-template-columns:1fr}
        .pg-lbl{font-size:.55rem}
        .pg-dot{width:22px;height:22px;font-size:.6rem}
      }
      @container dvsapp (max-width:360px){
        .specs{grid-template-columns:1fr}
      }
    }/* End custom CSS */