/* Scoped to the illustrated hero; no composer or global element rules. */
.s-hero-slides,.hs-carousel{--hs-ink:#143e34;--hs-muted:#4e6b60;--hs-jade:#1d6953;position:relative;width:100%;max-width:600px;margin-inline:auto;color:var(--hs-ink);isolation:isolate}
.hs-panel{min-width:0}.hs-frame{position:relative;display:flow-root;min-height:600px;border-radius:36px;overflow:hidden;border:1px solid #ffffffdd;background:radial-gradient(ellipse at 27% 66%,#d6e6d6 0,transparent 55%),radial-gradient(ellipse at 78% 27%,#f2ecd7 0,transparent 56%),#edf3e8;box-shadow:0 22px 70px #19453513,inset 0 1px 1px #fff}
.hs-art{position:absolute;inset:0 0 auto;aspect-ratio:1;pointer-events:none}.hs-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.hs-frame[data-image-ready="false"] .hs-art:after{content:"";position:absolute;inset:23% 14%;border:1px solid #85a79466;border-radius:50%;box-shadow:0 0 0 28px #ffffff25,0 0 0 56px #ffffff18}
.hs-frame .hs-question{position:absolute;inset:5% 6% auto;margin:0;padding:14px 18px;border:1px solid #ffffffb3;border-radius:22px;background:#f6faf0d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font:500 clamp(21px,2.3vw,31px)/1.2 var(--serif,Georgia,serif);letter-spacing:-.035em;text-align:center;text-wrap:balance;overflow-wrap:anywhere;color:var(--hs-ink)}
.hs-choices{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:72% 5% 5%}.hs-option{position:relative;min-width:0;padding:15px;border-radius:20px;background:#f7fbf0ed;border:1px solid #ffffffeb;box-shadow:0 9px 26px #143f3212;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hs-option-heading{display:flex;align-items:center;gap:9px;margin-bottom:11px}.hs-letter{display:inline-grid;place-items:center;flex-shrink:0;width:25px;height:25px;border:1px solid #1b654a26;border-radius:50%;font:600 11px/1 var(--sans,system-ui,sans-serif);color:var(--hs-jade);background:#dcebe1}.hs-option-label{font:600 clamp(13px,1.25vw,16px)/1.3 var(--sans,system-ui,sans-serif);overflow-wrap:anywhere}
.hs-tradeoffs{display:grid;gap:8px;list-style:none!important;margin:0!important;padding:0!important}.hs-tradeoffs>li{display:flex;align-items:flex-start;gap:7px;margin:0;padding:0;font:400 13px/1.45 var(--sans,system-ui,sans-serif);color:var(--hs-ink);overflow-wrap:anywhere}.hs-tradeoff-sign{flex:none;width:16px;text-align:center;font-weight:700;color:var(--hs-jade)}.hs-tradeoffs>.hs-drawback{padding-top:8px;border-top:1px solid #254f3820;color:#765244}.hs-drawback .hs-tradeoff-sign{color:#886044}.hs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hs-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;margin-top:14px}.hs-carousel .hs-control,.hs-carousel .hs-dot{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:1px solid #b6cdb955;border-radius:50%;color:var(--hs-ink);background:#f8fcf1cc;cursor:pointer;font:500 20px/1 var(--sans,system-ui,sans-serif);transition:background .18s ease,box-shadow .18s ease}
.hs-carousel .hs-control:hover{background:#e4eee0;box-shadow:0 3px 12px #234e3010}.hs-dots{display:flex;gap:0;margin-inline:4px}.hs-carousel .hs-dot{position:relative;min-width:44px;min-height:44px;border:0;background:transparent}.hs-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:#a7baac;transition:width .18s ease,background .18s ease}.hs-dot[aria-current="true"]:after{width:20px;border-radius:5px;background:var(--hs-jade)}
.hs-count{font:400 11px/1.3 var(--sans,system-ui,sans-serif);color:var(--hs-muted);text-align:center;flex-basis:100%;margin-top:3px}.hs-carousel .hs-choose{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;margin-top:14px;padding:12px 20px;border:1px solid #256b56;border-radius:999px;background:linear-gradient(145deg,#2a7b64,#145443);color:#fff;font:600 14px/1.4 var(--sans,system-ui,sans-serif);cursor:pointer;box-shadow:inset 0 1px 1px #b4e2cb45,0 6px 16px #19553a12;transition:background .18s ease}.hs-carousel .hs-choose:hover{background:#174f40}.hs-carousel button:focus-visible{outline:3px solid #287a60;outline-offset:3px}.hs-carousel button:disabled{cursor:default}
.hs-carousel[data-reduced-motion="true"] *{transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.hs-carousel *{transition:none!important;animation:none!important}}
@media(max-width:600px){.hs-frame{min-height:0;border-radius:28px}.hs-frame .hs-question{padding:11px 14px;font-size:clamp(20px,5vw,28px)}.hs-choices{gap:9px;margin:78% 4% 4%}.hs-option{padding:11px;border-radius:16px}.hs-option-heading{gap:6px;margin-bottom:9px}.hs-option-label{font-size:13px}.hs-tradeoffs>li{font-size:12px;gap:5px}.hs-tradeoffs{gap:7px}.hs-controls{gap:2px}.hs-dots{order:2;flex-basis:100%;justify-content:center;margin:0}.hs-count{order:3}.hs-carousel .hs-dot{min-width:44px}.hs-carousel .hs-choose{margin-top:11px}}
/* SSR uses the identical hs-frame/art/question/choices structure. */
.hs-option:before{content:"";position:absolute;bottom:100%;left:50%;width:1px;height:25px;background:linear-gradient(0deg,#608c76aa,#608c761a);pointer-events:none}.hs-scenario-note{position:relative;margin:-10px 6% 18px!important;padding:0!important;text-align:center;font:400 11px/1.45 var(--sans,system-ui,sans-serif)!important;color:#62776b;overflow-wrap:anywhere}
@media(max-width:600px){.hs-scenario-note{margin:0 5% 14px!important;font-size:10px!important}.hs-option:before{height:18px}}
/* The same deterministic example inputs render in SSR and the active scene. */
.hs-option-heading{flex-wrap:wrap}.hs-option-label{flex:1;min-width:0}.hs-option-total{display:flex;align-items:baseline;gap:2px;flex-basis:100%;padding-left:34px;font-variant-numeric:tabular-nums;color:var(--hs-jade)}.hs-option-total[hidden]{display:none}.hs-option-total b,.hs-option-total>strong{font:650 30px/1.1 var(--sans,system-ui,sans-serif);letter-spacing:-.04em}.hs-option-total small{font:500 12px/1.4 var(--sans,system-ui,sans-serif);color:var(--hs-muted)}
.hs-quantities{position:relative;margin:0 5% 18px;min-width:0}.hq-block{padding:17px 18px 14px;border:1px solid #ffffffda;border-radius:20px;background:#f8fbf2ec;color:var(--hs-ink);font:400 14px/1.5 var(--sans,system-ui,sans-serif);overflow-wrap:anywhere}.hq-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.hq-heading strong{font-size:15px;font-weight:650}.hq-heading>span{font-size:12px;color:var(--hs-muted);flex-shrink:0}.hq-example{margin:4px 0 12px!important;font-size:12px;line-height:1.5;color:var(--hs-muted)}.hq-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.hq-table th,.hq-table td{padding:8px 0;border-bottom:1px solid #365d4217;text-align:right;vertical-align:middle}.hq-table th:first-child{width:60%;text-align:left;padding-right:10px;font-weight:500}.hq-table thead th{font-size:12px;font-weight:600;color:var(--hs-muted)}.hq-table tbody th{line-height:1.35}.hq-weight{display:inline-block;margin-inline-start:7px;white-space:nowrap;font-size:12px;font-weight:600;color:var(--hs-jade)}.hq-weight-label{font-weight:400}.hq-table td{font-weight:600;white-space:nowrap}.hq-table small{font-size:10px;font-weight:400;color:var(--hs-muted)}.hq-table tfoot th,.hq-table tfoot td{padding-top:11px;border-bottom:0;font-weight:650;color:var(--hs-jade)}.hq-table tfoot td{font-size:19px;letter-spacing:-.03em}.hq-formula,.hq-direction{font-size:11px!important;line-height:1.5!important;color:var(--hs-muted);margin:9px 0 0!important}.hq-direction{margin-top:3px!important}
@media(max-width:600px){.hs-option-total{padding-left:0}.hs-option-total b,.hs-option-total>strong{font-size:29px}.hs-quantities{margin:0 4% 16px}.hq-block{padding:14px 12px;border-radius:16px}.hq-table th:first-child{width:56%;padding-right:5px}.hq-table tfoot td{font-size:17px}.hq-table tfoot small{display:block;line-height:1.1}.hq-weight-label{display:none}.hq-example{font-size:12px}.hq-heading{gap:6px}.hq-heading strong{font-size:14px}}