#building-system-comparison{--bts-bg:var(--xgz-surface,#fff);--bts-ink:var(--xgz-ink,#1E1E1E);--bts-muted:var(--xgz-ink-3,#5F6B7A);--bts-line:var(--xgz-line,#E5E7EB);--bts-tint:var(--xgz-surface-2,#F7F8FA);--bts-accent:var(--xgz-brand-text,#E60045);--bts-accent-ink:var(--xgz-on-deep,#fff);--bts-accent-soft:var(--xgz-brand-tint,#FDEBF0);--bts-font:var(--xgz-font,inherit);--bts-font-display:var(--xgz-font,inherit);margin:var(--xgz-s8,40px) 0;scroll-margin-top:calc(var(--xgz-header-h,0px) + 24px)}
#building-system-comparison h2,#building-system-comparison h3,#building-system-comparison h4{position:static;border:0;padding:0;letter-spacing:normal;max-width:none;font-stretch:100%;text-transform:none}
#building-system-comparison h2::after,#building-system-comparison h3::after,#building-system-comparison h4::after{content:none;display:none}
#building-system-comparison th,#building-system-comparison td{background:transparent;color:inherit;white-space:normal;font-size:inherit;text-transform:none;letter-spacing:normal;font-family:inherit}
#building-system-comparison tbody tr:nth-child(even) td{background:transparent}
#building-system-comparison a{text-decoration:none}
#building-system-comparison svg{max-width:none}
#building-system-comparison{
  --_bg:var(--bts-bg,#ffffff);
  --_ink:var(--bts-ink,#16202a);
  --_muted:var(--bts-muted,#56626e);
  --_line:var(--bts-line,#cbd3db);
  --_tint:var(--bts-tint,#f2f5f8);
  --_accent:var(--bts-accent,#1d5799);
  --_accent-ink:var(--bts-accent-ink,#ffffff);
  --_accent-soft:var(--bts-accent-soft,#dde8f5);
  --_good:var(--bts-good,#2c7449);
  --_warn:var(--bts-warn,#a4541a);
  --_font:var(--bts-font,inherit);
  --_display:var(--bts-font-display,inherit);
  --_mono:var(--bts-font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);
  box-sizing:border-box;background:var(--_bg);color:var(--_ink);font-family:var(--_font);font-size:1rem;line-height:1.5;
  border:1px solid var(--_line);border-radius:6px;padding:clamp(1.25rem,3.5vw,2.25rem);display:grid;gap:1.75rem;max-width:100%;
}
#building-system-comparison *,#building-system-comparison *::before,#building-system-comparison *::after{box-sizing:inherit}
#building-system-comparison h2,#building-system-comparison h3,#building-system-comparison h4,#building-system-comparison p,#building-system-comparison ul,#building-system-comparison fieldset,#building-system-comparison legend,#building-system-comparison table{margin:0;padding:0}
#building-system-comparison ul{list-style:none}
#building-system-comparison .bsc-head{display:grid;gap:.5rem;max-width:46rem}
#building-system-comparison .bsc-eyebrow{font-family:var(--_mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--_muted)}
#building-system-comparison .bsc-title{font-family:var(--_display);font-weight:700;font-size:clamp(1.5rem,3.2vw,2rem);line-height:1.15;text-wrap:balance}
#building-system-comparison .bsc-lede{color:var(--_muted);max-width:42rem}
#building-system-comparison .bsc-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16.5rem),1fr));gap:1.1rem 1.25rem;padding:1.25rem;background:var(--_tint);border-radius:4px}
#building-system-comparison .bsc-f{border:0;display:grid;gap:.45rem;min-width:0;align-content:start}
#building-system-comparison .bsc-f legend{font-weight:600;font-size:.95rem;line-height:1.3;margin-bottom:.45rem}
#building-system-comparison .bsc-seg{display:flex;flex-wrap:wrap;gap:.35rem}
#building-system-comparison .bsc-pill{position:relative;display:inline-grid;padding:.4rem .7rem;border:1px solid var(--_line);border-radius:4px;background:var(--_bg);cursor:pointer;line-height:1.25;font-size:.9rem}
#building-system-comparison .bsc-pill input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
#building-system-comparison .bsc-pill small{font-size:.75rem;color:var(--_muted)}
#building-system-comparison .bsc-pill:hover{border-color:var(--_accent)}
#building-system-comparison .bsc-pill.is-on{background:var(--_accent);border-color:var(--_accent);color:var(--_accent-ink)}
#building-system-comparison .bsc-pill.is-on small{color:inherit;opacity:.85}
#building-system-comparison .bsc-pill:has(input:focus-visible){outline:3px solid var(--_accent);outline-offset:2px}
#building-system-comparison .bsc-out{display:grid;gap:1.25rem}
#building-system-comparison .bsc-sum{display:grid;gap:.4rem;max-width:48rem}
#building-system-comparison .bsc-sum h3{font-family:var(--_display);font-weight:700;font-size:clamp(1.4rem,2.8vw,1.85rem);line-height:1.15;text-wrap:balance}
#building-system-comparison .bsc-sum p{color:var(--_ink)}
#building-system-comparison .bsc-sum .bsc-hybrid{color:var(--_muted);font-size:.95rem}
#building-system-comparison .bsc-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.75rem}
#building-system-comparison .bsc-tile{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.4rem .85rem;align-items:start;padding:.85rem;border:1px solid var(--_line);border-radius:4px;background:var(--_bg)}
#building-system-comparison .bsc-tile.is-best{border-color:var(--_accent);box-shadow:inset 0 0 0 1px var(--_accent)}
#building-system-comparison .bsc-ico{width:72px;height:48px;color:var(--_accent);display:block;grid-row:span 3}
#building-system-comparison .bsc-ico svg{width:100%;height:100%;display:block}
#building-system-comparison .bsc-ico svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
#building-system-comparison .bsc-tname{font-weight:600;line-height:1.25}
#building-system-comparison .bsc-rank{font-family:var(--_mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--_muted)}
#building-system-comparison .bsc-tile.is-best .bsc-rank{color:var(--_accent)}
#building-system-comparison .bsc-strip{display:flex;gap:3px;align-items:center;flex-wrap:wrap}
#building-system-comparison .bsc-strip i{display:block;width:14px;height:8px;border-radius:2px;background:var(--_line)}
#building-system-comparison .bsc-strip i.is-S{background:var(--_good)}
#building-system-comparison .bsc-strip i.is-W{background:transparent;box-shadow:inset 0 0 0 1.5px var(--_muted)}
#building-system-comparison .bsc-strip i.is-L{background:var(--_warn)}
#building-system-comparison .bsc-strip i.is-n{background:var(--_line);height:3px}
#building-system-comparison .bsc-count{font-size:.8rem;color:var(--_muted);grid-column:2}
#building-system-comparison .bsc-tablewrap{overflow-x:auto;border:1px solid var(--_line);border-radius:4px}
#building-system-comparison .bsc-table{border-collapse:collapse;width:100%;min-width:40rem;font-size:.9rem}
#building-system-comparison .bsc-table th,#building-system-comparison .bsc-table td{text-align:left;vertical-align:top;padding:.65rem .75rem;border-bottom:1px solid var(--_line)}
#building-system-comparison .bsc-table thead th{font-family:var(--_mono);font-weight:500;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--_muted);background:var(--_tint)}
#building-system-comparison .bsc-table tbody th{font-weight:600;width:22%}
#building-system-comparison .bsc-table tbody th small{display:block;font-weight:400;color:var(--_muted);font-size:.8rem;margin-top:.15rem}
#building-system-comparison .bsc-table tr:last-child>*{border-bottom:0}
#building-system-comparison .bsc-table .is-best{background:color-mix(in srgb,var(--_accent-soft) 55%,transparent)}
#building-system-comparison .bsc-table .bsc-desc td{color:var(--_muted);font-size:.85rem}
#building-system-comparison .bsc-lvl{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;margin-bottom:.2rem;white-space:nowrap}
#building-system-comparison .bsc-lvl::before{content:"";width:.7rem;height:.7rem;border-radius:50%;flex:none}
#building-system-comparison .bsc-lvl.is-S{color:var(--_good)}
#building-system-comparison .bsc-lvl.is-S::before{background:var(--_good)}
#building-system-comparison .bsc-lvl.is-W{color:var(--_ink)}
#building-system-comparison .bsc-lvl.is-W::before{box-shadow:inset 0 0 0 2px var(--_muted);background:linear-gradient(90deg,var(--_muted) 50%,transparent 50%)}
#building-system-comparison .bsc-lvl.is-L{color:var(--_warn)}
#building-system-comparison .bsc-lvl.is-L::before{box-shadow:inset 0 0 0 2px var(--_warn)}
#building-system-comparison .bsc-lvl.is-n{color:var(--_muted);font-weight:500}
#building-system-comparison .bsc-lvl.is-n::before{width:.7rem;height:2px;border-radius:0;background:var(--_muted)}
#building-system-comparison .bsc-why{display:block;line-height:1.4}
#building-system-comparison .bsc-legend{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.8rem;color:var(--_muted)}
#building-system-comparison .bsc-legend .bsc-lvl{margin:0;font-weight:500}
#building-system-comparison .bsc-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
#building-system-comparison .bsc-btn{font:inherit;font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;padding:.7rem 1.15rem;border-radius:4px;border:1px solid var(--_line);background:var(--_bg);color:var(--_ink);text-decoration:none;line-height:1.2;text-align:center}
#building-system-comparison .bsc-btn:hover{border-color:var(--_accent);color:var(--_accent)}
#building-system-comparison .bsc-btn-primary{background:var(--_accent);border-color:var(--_accent);color:var(--_accent-ink)}
#building-system-comparison .bsc-btn-primary:hover{color:var(--_accent-ink);filter:brightness(1.08)}
#building-system-comparison .bsc-btn:focus-visible{outline:3px solid var(--_accent);outline-offset:2px}
#building-system-comparison .bsc-note{font-size:.85rem;color:var(--_muted);border-left:2px solid var(--_line);padding-left:.75rem;max-width:46rem}
#building-system-comparison .bsc-toast{font-family:var(--_mono);font-size:.8rem;background:var(--_ink);color:var(--_bg);padding:.6rem .8rem;border-radius:4px;overflow-wrap:anywhere}
@media (max-width:40rem){#building-system-comparison .bsc-table{min-width:0}
#building-system-comparison .bsc-table thead{display:none}
#building-system-comparison .bsc-table,#building-system-comparison .bsc-table tbody,#building-system-comparison .bsc-table tr,#building-system-comparison .bsc-table th,#building-system-comparison .bsc-table td{display:block;width:100%}
#building-system-comparison .bsc-table tr{border-bottom:1px solid var(--_line);padding:.35rem 0}
#building-system-comparison .bsc-table tr:last-child{border-bottom:0}
#building-system-comparison .bsc-table th,#building-system-comparison .bsc-table td{border-bottom:0;padding:.35rem .75rem}
#building-system-comparison .bsc-table tbody th{width:100%}
#building-system-comparison .bsc-table td::before{content:attr(data-sys);display:block;font-family:var(--_mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--_muted)}
#building-system-comparison .bsc-actions .bsc-btn{flex:1 1 100%;justify-content:center}
}