.jw-boiler-chooser{background:var(--paper)}
.jw-boiler-chooser .jw-bc-head h2{margin:0}
.jw-boiler-chooser .jw-bc-head .lead{margin:18px 0 0; max-width:34em}

.jw-boiler-chooser .jw-bc-qs{display:grid; gap:clamp(22px,2.4vw,32px); margin-top:clamp(28px,3vw,40px)}
.jw-boiler-chooser .jw-bc-q{min-width:0; margin:0; padding:0; border:0}
.jw-boiler-chooser .jw-bc-q legend{display:flex; align-items:baseline; gap:14px; width:100%; padding:0 0 10px; border-bottom:1px solid var(--ink);
  font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(22px,1.8vw,26px); line-height:1.2; color:var(--ink)}
.jw-boiler-chooser .jw-bc-qn{font:600 12.5px/1 Inter,sans-serif; letter-spacing:.2em; color:var(--navy)}
.jw-boiler-chooser .jw-bc-o{position:relative; display:flex; align-items:center; gap:14px; min-height:50px; padding:7px 12px 7px 0;
  border-bottom:1px solid var(--line); cursor:pointer; font-size:16px; line-height:1.4; color:var(--body);
  background:linear-gradient(90deg,var(--wash),var(--wash)) 0 0/0 100% no-repeat; transition:color .35s var(--ease), background-size .7s var(--ease), padding .6s var(--ease)}
.jw-boiler-chooser .jw-bc-o input{position:absolute; left:0; top:50%; width:1px; height:1px; margin:0; opacity:0}
.jw-boiler-chooser .jw-bc-dot{flex:none; position:relative; width:18px; height:18px; border-radius:50%; border:1px solid #ACADAF;
  transition:border-color .35s var(--ease)}
.jw-boiler-chooser .jw-bc-dot::after{content:""; position:absolute; inset:3px; border-radius:50%; background:#03B3EF; transform:scale(0);
  transition:transform .45s var(--ease)}
.jw-boiler-chooser .jw-bc-o:hover{color:var(--ink)}
.jw-boiler-chooser .jw-bc-o:hover .jw-bc-dot{border-color:var(--ink)}
.jw-boiler-chooser .jw-bc-o:has(input:checked){background-size:100% 100%; padding-left:12px; color:var(--ink)}
.jw-boiler-chooser .jw-bc-o input:checked ~ .jw-bc-dot{border-color:var(--navy)}
.jw-boiler-chooser .jw-bc-o input:checked ~ .jw-bc-dot::after{transform:none}
.jw-boiler-chooser .jw-bc-o input:checked ~ .jw-bc-ot{color:var(--ink); font-weight:500}
.jw-boiler-chooser .jw-bc-o input:focus-visible ~ .jw-bc-dot{outline:2px solid #03B3EF; outline-offset:3px}
.jw-boiler-chooser .jw-bc-out{margin:clamp(22px,2.4vw,30px) 0 0; min-height:30px; font-family:"Cormorant Garamond",Georgia,serif;
  font-style:italic; font-size:clamp(20px,1.6vw,23px); color:var(--body)}
.jw-boiler-chooser .jw-bc-out a{display:inline-flex; align-items:center; min-height:44px; font-style:normal; font-weight:500; color:var(--navy);
  text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px}
.jw-boiler-chooser .jw-bc-out [hidden]{display:none}
html:not(.js) .jw-boiler-chooser .jw-bc-qs,html:not(.js) .jw-boiler-chooser .jw-bc-out{display:none}

.jw-boiler-chooser .jw-bc-why{margin-top:clamp(28px,3vw,40px)}
.jw-boiler-chooser .jw-bc-w + .jw-bc-w{margin-top:28px}
.jw-boiler-chooser .jw-bc-wh{margin:0 0 12px; font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(24px,2vw,28px); line-height:1.15; color:var(--ink)}
.jw-boiler-chooser .jw-bc-w ul{list-style:none; margin:0; padding:0}
.jw-boiler-chooser .jw-bc-w li{position:relative; padding:12px 0 12px 22px; border-top:1px solid var(--line); font-size:16px; line-height:1.65; color:var(--body)}
.jw-boiler-chooser .jw-bc-w li::before{content:""; position:absolute; left:2px; top:calc(12px + .68em); width:6px; height:6px; border-radius:50%; background:#03B3EF}
.js .jw-boiler-chooser .jw-bc-why{display:grid}
.js .jw-boiler-chooser .jw-bc-w{grid-area:1 / 1; margin:0; opacity:0; visibility:hidden; transform:translate3d(0,10px,0);
  transition:opacity .5s var(--ease), transform .7s var(--ease), visibility 0s linear .5s}
.js .jw-boiler-chooser .jw-bc-w.on{opacity:1; visibility:visible; transform:none; transition:opacity .8s var(--ease) .1s, transform .9s var(--ease) .1s, visibility 0s}
.js .jw-boiler-chooser .jw-bc-tight{display:none}
.js .jw-boiler-chooser.is-tight .jw-bc-tight{display:block}

.jw-boiler-chooser .jw-bc-card{display:grid; grid-template-columns:minmax(0,1fr); background:var(--paper); border:1px solid var(--line);
  border-radius:var(--r-sm); overflow:hidden; box-shadow:none}
.jw-boiler-chooser .jw-bc-stage{position:relative; aspect-ratio:4 / 3; overflow:hidden; background:var(--ink); contain:paint}
.jw-boiler-chooser .jw-bc-ph{position:absolute; top:0; bottom:0; left:0; width:33.334%; margin:0; overflow:hidden; background:var(--ink);
  box-sizing:border-box; transition:left .95s var(--ease), width .95s var(--ease), border-color .95s var(--ease)}
.jw-boiler-chooser .jw-bc-ph[data-type="system"]{left:33.333%; border-left:1px solid rgba(255,255,255,.9)}
.jw-boiler-chooser .jw-bc-ph[data-type="conventional"]{left:66.666%; border-left:1px solid rgba(255,255,255,.9)}
.jw-boiler-chooser .jw-bc-ph img{display:block; width:100%; height:100%; object-fit:cover; object-position:50% 50%;
  transform:scale(1.04); transition:transform 1.3s var(--ease)}
.jw-boiler-chooser .jw-bc-ph[data-type="conventional"] img{object-position:50% 62%}
.jw-boiler-chooser .jw-bc-tabs{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid var(--line)}
.jw-boiler-chooser .jw-bc-tabs[hidden]{display:none}
.jw-boiler-chooser .jw-bc-tab{position:relative; display:flex; align-items:center; gap:10px; min-height:52px; padding:0 14px; border:0; background:none;
  font:500 16px/1.2 Inter,sans-serif; color:var(--body); text-align:left; cursor:pointer; transition:color .35s var(--ease), background-color .35s var(--ease)}
.jw-boiler-chooser .jw-bc-tab + .jw-bc-tab{border-left:1px solid var(--line)}
.jw-boiler-chooser .jw-bc-tab::after{content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:#03B3EF; transform:scaleX(0);
  transform-origin:left; transition:transform .7s var(--ease)}
.jw-boiler-chooser .jw-bc-tn{font:600 12.5px/1 Inter,sans-serif; letter-spacing:.16em; color:var(--navy)}
.jw-boiler-chooser .jw-bc-tab:hover{color:var(--ink); background:var(--wash)}
.jw-boiler-chooser .jw-bc-tab[aria-pressed="true"]{color:var(--ink)}
.jw-boiler-chooser .jw-bc-tab[aria-pressed="true"]::after{transform:none}
.jw-boiler-chooser .jw-bc-tab:focus-visible{outline:2px solid #03B3EF; outline-offset:-2px; border-radius:0}
.jw-boiler-chooser .jw-bc-ps{padding:clamp(20px,2vw,28px)}
.jw-boiler-chooser .jw-bc-p + .jw-bc-p{margin-top:28px; padding-top:24px; border-top:1px solid var(--line)}
.jw-boiler-chooser .jw-bc-top{display:flex; align-items:center; gap:14px; margin:0; min-height:20px}
.jw-boiler-chooser .jw-bc-num{font:600 12.5px/1 Inter,sans-serif; letter-spacing:.2em; color:var(--navy)}
.jw-boiler-chooser .jw-bc-fit{display:inline-flex; align-items:center; gap:8px; font:600 12.5px/1.4 Inter,sans-serif; letter-spacing:.16em;
  text-transform:uppercase; color:var(--navy)}
.jw-boiler-chooser .jw-bc-fit::before{content:""; width:7px; height:7px; border-radius:50%; background:#03B3EF}
.jw-boiler-chooser .jw-bc-p h3{margin:10px 0 0; font-size:clamp(28px,2.5vw,36px); font-weight:400; line-height:1.08; color:var(--ink)}
.jw-boiler-chooser .jw-bc-tag{margin:10px 0 0; font:600 12.5px/1.55 Inter,sans-serif; letter-spacing:.12em; text-transform:uppercase; color:var(--navy)}
.jw-boiler-chooser .jw-bc-line{margin:0 0 14px; font-size:clamp(17px,1.28vw,19px); line-height:1.62; color:var(--ink)}
.jw-boiler-chooser .jw-bc-ask{display:inline-flex; align-items:center; gap:10px; min-height:44px; margin-top:10px;
  font-weight:600; font-size:16px; color:var(--navy); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px;
  text-decoration-color:rgba(104,105,106,.35); transition:text-decoration-color .4s var(--ease)}
.jw-boiler-chooser .jw-bc-ask:hover{text-decoration-color:currentColor}
.jw-boiler-chooser .jw-bc-ask svg{fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;
  transition:transform .5s var(--ease)}
.jw-boiler-chooser .jw-bc-ask:hover svg,.jw-boiler-chooser .jw-bc-ask:focus-visible svg{transform:translateX(5px)}
.jw-boiler-chooser .jw-bc-ask:focus-visible{outline:2px solid #03B3EF; outline-offset:3px; border-radius:var(--r-sm)}
.jw-boiler-chooser .jw-bc-p0{display:none}
.js .jw-boiler-chooser .jw-bc-p.jw-bc-p0{flex-direction:column-reverse}
.js .jw-boiler-chooser .jw-bc-p{display:flex; flex-direction:column; justify-content:flex-end}
.js .jw-boiler-chooser .jw-bc-p.jw-bc-p0{justify-content:space-between; gap:24px}
.jw-boiler-chooser .jw-bc-steps{display:flex; gap:12px; margin:0}
.jw-boiler-chooser .jw-bc-st{flex:1; display:flex; flex-direction:column; gap:10px; font:600 12.5px/1 Inter,sans-serif; letter-spacing:.2em; color:#7E9196;
  transition:color .5s var(--ease)}
.jw-boiler-chooser .jw-bc-st i{position:relative; display:block; height:2px; background:var(--line); overflow:hidden}
.jw-boiler-chooser .jw-bc-st i::after{content:""; position:absolute; inset:0; background:#03B3EF; transform:scaleX(0); transform-origin:left; transition:transform .8s var(--ease)}
.jw-boiler-chooser .jw-bc-st.on{color:var(--navy)}
.jw-boiler-chooser .jw-bc-st.on i::after{transform:none}
.jw-boiler-chooser .jw-bc-ask0{margin:0; font-family:"Cormorant Garamond",Georgia,serif; font-style:italic; font-size:clamp(24px,2.1vw,30px);
  line-height:1.25; color:var(--ink)}

.js .jw-boiler-chooser .jw-bc-ps{display:grid; grid-template-rows:minmax(0,1fr)}
.js .jw-boiler-chooser .jw-bc-p{grid-area:1 / 1; margin:0; padding:0; border:0; opacity:0; visibility:hidden; transform:translate3d(0,8px,0);
  transition:opacity .45s var(--ease), transform .6s var(--ease), visibility 0s linear .45s}
.js .jw-boiler-chooser .jw-bc-p.on{opacity:1; visibility:visible; transform:none; transition:opacity .8s var(--ease) .15s, transform .9s var(--ease) .15s, visibility 0s}
.js .jw-boiler-chooser .jw-bc-fit{opacity:0; transition:opacity .6s var(--ease)}
.js .jw-boiler-chooser .jw-bc-p.is-fit .jw-bc-fit{opacity:1}
.jw-boiler-chooser .jw-bc-ph.is-open{left:0; width:100%; border-left-color:transparent; z-index:3}
.jw-boiler-chooser .jw-bc-ph.is-open img{transform:none}
.jw-boiler-chooser .jw-bc-ph.was{z-index:2; left:0; width:100%; border-left-color:transparent; transition:none}
.jw-boiler-chooser .jw-bc-card:not([data-show=""]) .jw-bc-ph:not(.is-open):not(.was){transition:none}

@media (min-width:900px){
  .jw-boiler-chooser{padding-top:clamp(48px,5vw,96px)}
  .jw-boiler-chooser .jw-bc-grid{display:grid; grid-template-columns:minmax(0,.74fr) minmax(0,1fr); gap:clamp(40px,4.4vw,80px); align-items:start}
  .jw-boiler-chooser .jw-bc-head h2{font-size:clamp(40px,4vw,60px)}
  .jw-boiler-chooser .jw-bc-out{display:none}
  .jw-boiler-chooser .jw-bc-side{position:sticky; top:calc(var(--hdr-solid,92px) + 20px)}
  .jw-boiler-chooser .jw-bc-card{grid-template-columns:minmax(0,.86fr) minmax(0,1fr); grid-template-rows:auto 1fr;
    min-height:min(560px, calc(100vh - var(--hdr-solid,92px) - 64px))}
  .jw-boiler-chooser .jw-bc-stage{grid-row:1 / span 2; aspect-ratio:auto; min-height:100%}
  .jw-boiler-chooser .jw-bc-tabs{grid-template-columns:minmax(0,1fr)}
  .jw-boiler-chooser .jw-bc-tab{min-height:48px; padding:0 22px}
  .jw-boiler-chooser .jw-bc-tab + .jw-bc-tab{border-left:0; border-top:1px solid var(--line)}
  .jw-boiler-chooser .jw-bc-tab::after{left:0; right:auto; top:0; bottom:0; width:2px; height:auto; transform:scaleY(0); transform-origin:top}
  .jw-boiler-chooser .jw-bc-tab[aria-pressed="true"]::after{transform:none}
  .jw-boiler-chooser .jw-bc-ps{padding:22px 24px 18px}
  .jw-boiler-chooser .jw-bc-ph[data-type="combi"] img{object-position:46% 50%}
}

@media (min-width:900px) and (max-height:760px){
  .jw-boiler-chooser .jw-bc-head h2{font-size:clamp(38px,3.6vw,52px)}
  .jw-boiler-chooser .jw-bc-head .lead{margin-top:12px; font-size:17px}
  .jw-boiler-chooser .jw-bc-qs{margin-top:24px; gap:20px}
  .jw-boiler-chooser .jw-bc-o{min-height:46px}
  .jw-boiler-chooser .jw-bc-card{min-height:0}
  .jw-boiler-chooser .jw-bc-tab{min-height:44px}
  .jw-boiler-chooser .jw-bc-ps{padding:18px 22px 12px}
  .jw-boiler-chooser .jw-bc-p h3{font-size:30px}
  .jw-boiler-chooser .jw-bc-ask{margin-top:6px}
}
@media (max-width:899px){
  .jw-boiler-chooser .jw-bc-side{margin-top:clamp(28px,5vw,40px); max-width:620px}
  .jw-boiler-chooser .jw-bc-why{margin-top:28px}
  .jw-boiler-chooser .jw-bc-main{display:flex; flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  .jw-boiler-chooser .jw-bc-ph,.jw-boiler-chooser .jw-bc-ph img,.jw-boiler-chooser .jw-bc-p,.jw-boiler-chooser .jw-bc-w,.jw-boiler-chooser .jw-bc-fit,
  .jw-boiler-chooser .jw-bc-dot,.jw-boiler-chooser .jw-bc-dot::after,.jw-boiler-chooser .jw-bc-o,.jw-boiler-chooser .jw-bc-tab::after,
  .jw-boiler-chooser .jw-bc-st i::after{transition:none !important}
}

@media (min-width:900px){ .jw-boiler-chooser .jw-bc-p h3{white-space:nowrap; font-size:clamp(24px,2.3vw,34px)} }

@media (max-width:640px){
  .jw-boiler-chooser .jw-bc-tab:not(#_){white-space:normal; letter-spacing:.06em; padding-left:6px; padding-right:6px; overflow:visible; text-overflow:clip}
  .jw-boiler-chooser .jw-bc-tn:not(#_){display:block; margin-bottom:4px}
}
@media (max-width:640px){ .jw-boiler-chooser .jw-bc-tt:not(#_){display:block; font-size:16px; letter-spacing:0; overflow-wrap:anywhere} .jw-boiler-chooser .jw-bc-tab:not(#_){flex-direction:column; align-items:flex-start} }