.public-site .building-lab{max-width:1240px;margin:auto;padding:36px}.building-lab .bl-heading{max-width:880px;margin-bottom:24px}.building-lab .bl-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--landing-muted);font-size:10px;text-decoration:none}.public-site .building-lab .bl-heading h1{letter-spacing:-.04em;margin:16px 0;font-size:clamp(30px,4vw,52px);line-height:1.07}.building-lab p{line-height:1.75}.bl-heading p{max-width:680px;font-size:16px}.bl-notice{border:1px solid var(--landing-line-strong);border-radius:8px;align-items:center;gap:12px;margin:24px 0;padding:10px 16px;display:flex}.bl-notice>span{color:var(--landing-teal);font-size:22px}.bl-notice p{margin:0;font-size:12px}.bl-experiment{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;scroll-margin-top:90px;display:grid}.bl-stage{color:#e7f1ef;--landing-ink:#e7f1ef;--landing-muted:#a5c2c9;background:#071c27;border:1px solid #29454d;border-radius:16px;overflow:hidden}.bl-visual{background:radial-gradient(at 50% 70%,#163643,#071c27 75%)}.bl-stage-caption{justify-content:space-between;gap:10px;padding:20px 22px 0;display:flex}.bl-stage-caption .bl-eyebrow{color:#a5c2c9;font-size:10px}.bl-time{font-variant-numeric:tabular-nums;color:#a5c2c9;white-space:nowrap;font-size:12px}.bl-visual svg{width:100%;height:auto;display:block;overflow:visible}.bl-common-force{text-align:center;margin:0;padding:0 18px 18px;font-size:11px}.bl-response-grid{border-top:1px solid #29454d;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.bl-response-grid article{border-right:1px solid #29454d;padding:18px 15px}.bl-response-grid article:last-child{border:0}.public-site .building-lab .bl-response-grid h2{font:600 15px var(--font-sans);align-items:center;gap:7px;margin:0 0 7px;display:flex}.bl-response-grid h2 i{background:var(--building-colour);border-radius:50%;width:7px;height:7px}.bl-response-grid article>p{margin:0 0 8px;font-size:10px}.bl-response-grid strong{color:var(--building-colour);font-variant-numeric:tabular-nums;font-size:30px;font-weight:550;line-height:1.3;display:block}.bl-response-grid strong small{font-size:13px}.bl-response-label{color:#a5c2c9;font-size:10px;line-height:1.5;display:block}.bl-response-grid .bl-base-reading{margin:10px 0 0;font-size:10px}.bl-scale-note{color:#a5c2c9;border-top:1px solid #29454d;justify-content:space-between;gap:20px;padding:12px 18px;font-size:10px;line-height:1.7;display:flex}.bl-scale-note span:first-child{white-space:nowrap}.bl-scale-note span:last-child{max-width:400px}.bl-controls{padding:18px 0}.bl-play-row{gap:8px;margin:0 0 28px;display:flex}.public-site .building-lab button{font:inherit;cursor:pointer;border:1px solid var(--landing-line-strong);border-radius:8px}.public-site .building-lab .bl-play{background:var(--landing-teal);color:#09252b;border-color:var(--landing-teal);flex:1;justify-content:center;align-items:center;gap:12px;padding:13px;font-size:14px;font-weight:650;display:flex}.public-site .building-lab .bl-reset{color:var(--landing-ink);background:0 0;padding:10px 16px;font-size:21px}.bl-range-label{justify-content:space-between;align-items:baseline;gap:10px;margin:22px 0 8px;font-size:13px;display:flex}.bl-range-label output{color:var(--landing-teal);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:600}.public-site .building-lab input[type=range]{width:100%;height:28px;box-shadow:none;accent-color:var(--landing-teal);cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block}.bl-presets{gap:6px;margin:10px 0 28px;display:flex}.public-site .building-lab .bl-presets button{color:var(--landing-muted);background:0 0;flex:1;padding:8px 4px;font-size:10px}.bl-presets button span{margin-top:3px;font-size:11px;display:block}.public-site .building-lab .bl-presets button[aria-pressed=true]{color:var(--landing-ink);background:var(--landing-panel);border-color:var(--landing-teal)}.bl-help{margin:9px 0 16px;font-size:11px}.bl-isolation{border-top:1px solid var(--landing-line);cursor:pointer;align-items:center;gap:10px;margin-top:24px;padding-top:22px;font-size:14px;display:flex}.bl-isolation input{opacity:0;width:1px;height:1px;position:absolute}.bl-isolation i{background:var(--landing-line-strong);border-radius:20px;flex-shrink:0;width:36px;height:22px;margin-left:auto;position:relative}.bl-isolation i:after{content:"";background:var(--landing-muted);border-radius:50%;width:16px;height:16px;position:absolute;top:3px;left:3px}.bl-isolation input:checked~i{background:var(--landing-teal)}.bl-isolation input:checked~i:after{background:#fff;transform:translate(14px)}.bl-start-hint{border-left:2px solid var(--landing-teal);padding-left:12px;font-size:12px}.bl-explanation{margin-top:48px}.public-site .building-lab .bl-explanation h2{margin:0 0 14px;font-size:28px}.bl-intro{max-width:850px;font-size:15px}.bl-explain-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin:32px 0;display:grid}.bl-explain-grid article{border-top:1px solid var(--landing-line-strong);padding-top:18px}.bl-explain-grid h3{margin:14px 0;font-size:19px;line-height:1.25}.bl-explain-grid p{font-size:13px}.bl-compare{border:1px solid var(--landing-line-strong);background:var(--landing-panel);border-radius:18px;margin:56px 0 40px;padding:clamp(24px,4vw,44px)}.bl-compare>header{max-width:820px}.public-site .building-lab .bl-compare>header h2{letter-spacing:-.025em;margin:14px 0;font-size:clamp(25px,3vw,38px);line-height:1.14}.bl-compare>header p{font-size:15px}.bl-compare-now{background:var(--landing-surface);border-radius:12px;grid-template-columns:.8fr 1.2fr;gap:28px 44px;margin:32px 0;padding:26px;display:grid}.bl-compare-now h3{margin:0 0 10px;font-size:20px}.bl-compare-now p{margin:0;font-size:13px}.bl-compare-now ol{counter-reset:compare-step;margin:0;padding:0;list-style:none}.bl-compare-now li{counter-increment:compare-step;padding:0 0 13px 35px;font-size:13px;line-height:1.65;position:relative}.bl-compare-now li:before{content:counter(compare-step);border:1px solid var(--landing-teal);width:23px;height:23px;color:var(--landing-teal);border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;top:1px;left:0}.bl-compare-now .bl-example{border-top:1px solid var(--landing-line);color:var(--landing-muted);grid-column:1/-1;padding-top:18px}.bl-period-tool{border-top:1px solid var(--landing-line);margin-top:20px;padding-top:18px}.bl-period-tool label{color:var(--landing-muted);margin-bottom:7px;font-size:12px;display:block}.bl-period-tool>div{align-items:center;gap:8px;display:flex}.public-site .building-lab .bl-period-tool input{border:1px solid var(--landing-line-strong);background:var(--landing-bg);width:82px;color:var(--landing-ink);font:inherit;font-variant-numeric:tabular-nums;border-radius:7px;padding:9px 10px}.bl-period-tool strong{color:var(--landing-teal);font-variant-numeric:tabular-nums;margin-left:auto;font-size:14px}.public-site .building-lab .bl-period-tool button{border-color:var(--landing-teal);width:100%;color:var(--landing-teal);background:0 0;margin:10px 0 7px;padding:10px;font-size:12px}.public-site .building-lab .bl-period-tool button:hover{background:var(--landing-bg)}.public-site .building-lab .bl-period-tool button:disabled{cursor:default;opacity:.45}.bl-period-tool small{color:var(--landing-muted);font-size:10px;line-height:1.5;display:block}.bl-compare-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0;display:grid}.bl-compare-grid article{border:1px solid var(--landing-line);border-radius:10px;padding:20px}.bl-compare-grid h3{min-height:2.5em;margin:0 0 12px;font-size:17px;line-height:1.25}.bl-compare-grid p{margin:0 0 12px;font-size:12px}.bl-compare-grid .bl-where{border-top:1px solid var(--landing-line);color:var(--landing-muted);padding-top:12px}.bl-compare-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.bl-compare-table :is(th,td){border-bottom:1px solid var(--landing-line);vertical-align:top;min-width:170px;padding:12px;line-height:1.55}.bl-compare-table th{color:var(--landing-muted);font-weight:500}.bl-data-links{flex-wrap:wrap;gap:9px;margin:24px 0;display:flex}.bl-data-links a{border:1px solid var(--landing-line-strong);color:var(--landing-teal);border-radius:7px;padding:9px 12px;font-size:12px;text-decoration:none}.bl-data-links a:hover{border-color:var(--landing-teal)}.bl-engineer{border-left:2px solid var(--landing-amber);background:var(--landing-bg);align-items:flex-start;gap:12px;margin:22px 0 0;padding:16px;font-size:13px;display:flex}.bl-engineer span{color:var(--landing-amber);font-weight:700}.bl-parameters{border-top:1px solid var(--landing-line-strong);border-bottom:1px solid var(--landing-line-strong);padding:20px 0}.bl-parameters summary{cursor:pointer;font-size:15px;font-weight:600}.bl-parameters>p{font-size:13px}.bl-table-scroll{overflow-x:auto}.bl-parameters table{text-align:left;border-collapse:collapse;width:100%;font-size:12px}.bl-parameters td,.bl-parameters th{border-bottom:1px solid var(--landing-line);white-space:nowrap;padding:10px}.bl-parameters th{font-weight:500}.bl-equation{overflow-wrap:anywhere;font-family:monospace}.bl-limitations{max-width:900px;padding:28px 0 8px}.bl-limitations h2{font-size:22px}.bl-limitations p{font-size:13px}.bl-sources a{color:var(--landing-teal);text-underline-offset:3px}.building-lab :is(button,input,summary,a):focus-visible,.bl-isolation input:focus-visible~i{outline:3px solid var(--landing-teal);outline-offset:4px}@media (width<=900px){.bl-experiment{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.bl-response-grid article{padding:14px 10px}.bl-response-grid article>p span{display:block}.bl-scale-note{flex-direction:column;gap:4px}}@media (width<=700px){.public-site .building-lab{padding:24px 18px}.public-site .building-lab .bl-heading h1{max-width:420px;font-size:32px}.bl-heading p{font-size:14px}.bl-notice{margin:18px 0;padding:8px 12px}.bl-notice p{font-size:11px}.bl-experiment{flex-direction:column;gap:0;display:flex}.bl-stage{display:contents}.bl-visual{z-index:4;--landing-muted:#a5c2c9;border:1px solid #29454d;border-radius:12px;width:100%;position:sticky;top:68px;overflow:hidden}.bl-stage-caption{padding:12px 12px 0}.bl-stage-caption .bl-eyebrow{letter-spacing:.04em;font-size:8px}.bl-common-force{padding:0 12px 10px;font-size:9px}.bl-controls{order:1;width:100%;padding:20px 0}.bl-play-row{margin-bottom:18px}.bl-range-label{margin-top:16px}.bl-presets{margin-bottom:16px}.bl-isolation{margin-top:16px;padding-top:16px}.bl-response-grid{color:#e7f1ef;--landing-muted:#a5c2c9;background:#071c27;border:1px solid #29454d;border-radius:12px 12px 0 0;order:2;width:100%}.bl-response-grid article{padding:14px 10px}.bl-response-grid strong{font-size:26px}.public-site .building-lab .bl-response-grid h2{font-size:12px}.bl-scale-note{background:#071c27;border:1px solid #29454d;border-top:0;border-radius:0 0 12px 12px;order:3}.bl-explanation{margin-top:32px}.bl-explain-grid{grid-template-columns:1fr;gap:18px}.bl-explain-grid h3{margin:8px 0}.bl-compare{margin:40px 0 28px;padding:20px 16px}.bl-compare>header p{font-size:13px}.bl-compare-now{grid-template-columns:1fr;gap:20px;margin:24px 0;padding:18px}.bl-compare-now .bl-example{grid-column:auto}.bl-compare-grid{grid-template-columns:1fr}.bl-compare-grid h3{min-height:0}.bl-data-links{flex-direction:column}.bl-data-links a{text-align:center}}.bl-stage-caption{align-items:center;padding-top:14px}.bl-stage-actions{align-items:center;gap:12px;display:flex}.bl-stage-actions .bl-play-row{margin:0}.public-site .building-lab .bl-stage-actions .bl-play{min-width:106px;padding:9px 12px;font-size:12px}.public-site .building-lab .bl-stage-actions .bl-reset{color:#e7f1ef;border-color:#355661;padding:4px 12px}@media (width<=700px){.bl-stage-caption>.bl-eyebrow{max-width:105px}.bl-stage-actions{gap:8px}.bl-stage-actions .bl-time{font-size:10px}.public-site .building-lab .bl-stage-actions .bl-play{gap:6px;min-width:78px;padding:8px;font-size:11px}.public-site .building-lab .bl-stage-actions .bl-reset{padding:3px 9px;font-size:18px}.bl-controls{padding-top:4px}}.public-site[data-theme=light] .building-lab .bl-range-label output,.public-site[data-theme=light] .building-lab .bl-sources a{color:#176d67}.public-site[data-theme=light] .building-lab input[type=range]{accent-color:#238c80}
