.demo-hero-link{margin-top:28px}.value-demo{background:#eef5f0;scroll-margin-top:100px}.demo-heading{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:60px;margin-bottom:30px}.demo-heading h2{margin:18px 0 0}.demo-heading>p{max-width:420px;color:#60776a;line-height:1.9;font-size:15px}.demo-disclosure{padding:18px 22px;background:#e0eee5;border:1px solid #c7dfd0;border-radius:10px;margin-bottom:25px;display:flex;align-items:center;gap:25px}.demo-disclosure>span{font-size:9px;font-weight:700;letter-spacing:1.2px;white-space:nowrap;color:#216b4e}.demo-disclosure>p{font-size:12px;line-height:1.7;color:#496655}.demo-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.demo-controls,.demo-result{min-width:0;border:1px solid #d4e3d9;background:#fff;border-radius:16px;padding:32px}.demo-control{margin-bottom:30px}.demo-control>label,.demo-reproduction legend{display:block;font-size:13px;font-weight:600;color:#224635;margin-bottom:15px}.demo-control output{display:block;color:#148b68;font-size:21px;font-weight:500;margin-top:12px;letter-spacing:-.4px}.demo-control input[type=range]{width:100%;accent-color:#148b68;cursor:pointer;height:30px;margin:0}.range-ends{display:flex;justify-content:space-between;font-size:10px;color:#718476;margin-top:2px}.demo-reproduction{border:0;padding:0;margin:0 0 28px;min-width:0}.demo-reproduction legend{padding:0}.demo-status-options{display:flex;flex-wrap:wrap;gap:8px}.demo-status-options label{position:relative;cursor:pointer}.demo-status-options input{position:absolute;opacity:0;width:1px;height:1px}.demo-status-options span{display:block;font-size:11px;color:#4c6a59;border:1px solid #cddfd2;border-radius:7px;padding:12px 14px;transition:background .15s,border-color .15s}.demo-status-options input:checked+span{background:#e0f3e8;border-color:#20966b;color:#12643f}.demo-status-options input:focus-visible+span{outline:3px solid #257c62;outline-offset:3px}.demo-control select{width:100%;padding:12px 15px;border:1px solid #cddfd2;border-radius:7px;background:#f8fbf9;font:inherit;font-size:13px;color:#224635}.demo-reset{border:0;background:transparent;padding:5px 0;font:inherit;color:#247755;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:5px}.demo-reset span{display:inline-block;margin-left:10px}.demo-result{background:linear-gradient(145deg,#fff,#f6faf7);display:flex;flex-direction:column}.demo-result-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#537261;font-size:9px;letter-spacing:1px}.demo-result-top>span:first-child{font-weight:700}.demo-result-summary{padding:28px 0}.demo-result-summary>strong{display:block;font-size:clamp(48px,5vw,72px);font-weight:500;line-height:1;letter-spacing:-3px;color:#147b58;font-variant-numeric:tabular-nums}.demo-result-summary>p{font-size:12px;color:#5f7869;line-height:1.7;margin-top:14px}.demo-chart-heading{border-top:1px solid #dce8df;padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:10px;line-height:1.7;color:#577461}.demo-chart-heading i{display:inline-block;width:7px;height:7px;background:#148b68;border-radius:50%;margin-right:5px}.demo-result svg{display:block;width:100%;height:auto;margin-top:15px;overflow:visible}.demo-context{color:#365f46;font-size:12px;line-height:1.8;margin-top:18px}.demo-result-note{font-size:10px;line-height:1.8;color:#6a8071;margin-top:16px;border-top:1px solid #dce8df;padding-top:16px}.demo-presets{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.demo-presets>span{font-size:9px;letter-spacing:1.3px;color:#65806d;margin-right:8px}.demo-presets button{font:inherit;font-size:11px;line-height:1.6;cursor:pointer;padding:11px 15px;background:#fff;color:#3b6850;border:1px solid #cddfd2;border-radius:25px}.demo-presets button:hover{border-color:#148b68;background:#e1f0e5}.demo-controls :focus-visible,.demo-presets button:focus-visible{outline:3px solid #257c62;outline-offset:3px}@media(max-width:900px){.demo-layout{grid-template-columns:1fr 1.15fr;gap:18px}.demo-controls,.demo-result{padding:23px}.demo-heading{gap:30px}.demo-disclosure{display:block}.demo-disclosure>p{margin-top:8px}.demo-result-top{font-size:8px;letter-spacing:.6px}}@media(max-width:700px){.demo-heading,.demo-layout{grid-template-columns:1fr}.demo-heading{gap:20px}.demo-heading>p{font-size:14px}.demo-controls,.demo-result{padding:25px}.demo-result-summary>strong{font-size:62px}.demo-result svg{max-height:340px}.demo-presets{gap:10px}.demo-presets>span{width:100%;margin-bottom:2px}}@media(max-width:380px){.demo-controls,.demo-result{padding:19px}.demo-disclosure{padding:16px}.demo-status-options span{font-size:10px;padding:11px 12px}.demo-result-summary>strong{font-size:53px}}

.demo-mobile-result{display:none}@media(max-width:700px){.demo-mobile-result{display:flex;position:sticky;top:82px;z-index:5;justify-content:space-between;align-items:center;gap:15px;padding:14px 20px;margin-bottom:18px;background:#e5f3e9;border:1px solid #b9d9c5;border-radius:10px;box-shadow:0 5px 18px #113d2312}.demo-mobile-result>span{font-size:10px;color:#476a54}.demo-mobile-result>strong{font-size:26px;font-weight:500;color:#147b58;letter-spacing:-1px;font-variant-numeric:tabular-nums}}

.demo-pregnancy-control[hidden]{display:none}.demo-pregnancy-control{padding:20px;border:1px solid #c7dfd0;border-radius:12px;background:#f0f8f2}.demo-control-help{font-size:10px;line-height:1.7;color:#627c6b;margin-top:12px}.demo-result-summary>strong.is-negative,.demo-mobile-result>strong.is-negative{color:#b42332}.demo-mobile-result.has-negative-value{background:#fff0f0;border-color:#edbec3}
@media(max-width:700px){.value-demo{padding-top:40px;padding-bottom:45px;scroll-margin-top:80px}.demo-heading{gap:14px;margin-bottom:20px}.demo-heading h2{font-size:32px}.demo-heading>p{font-size:13px}.demo-disclosure{padding:14px 16px;margin-bottom:16px}.demo-disclosure>p{font-size:11px}.demo-layout{gap:18px}.demo-controls,.demo-result{padding:20px;border-radius:12px}.demo-control{margin-bottom:22px}.demo-control>label,.demo-reproduction legend{font-size:14px;margin-bottom:10px}.demo-control output{display:inline;float:right;font-size:18px;margin-top:0}.demo-control label:after{content:'';display:table;clear:both}.demo-control input[type=range]{height:44px;touch-action:pan-y;min-width:0}.demo-control input[type=range]::-webkit-slider-thumb{min-width:25px;min-height:25px}.demo-control input[type=range]::-moz-range-thumb{width:25px;height:25px}.demo-status-options{display:grid;grid-template-columns:1fr 1fr}.demo-status-options label:last-child{grid-column:1/-1}.demo-status-options span{text-align:center;min-height:46px;display:flex;align-items:center;justify-content:center;font-size:13px;padding:12px}.demo-reproduction{margin-bottom:22px}.demo-control select{font-size:16px;min-height:48px}.demo-reset{min-height:44px;font-size:13px}.demo-pregnancy-control{padding:16px}.demo-pregnancy-control label{font-size:13px}.demo-pregnancy-control output{font-size:17px}.demo-mobile-result{top:80px;padding:12px 18px;min-height:62px;gap:10px}.demo-mobile-result>span{font-size:11px;line-height:1.5;max-width:130px}.demo-mobile-result>strong{font-size:30px}.demo-result-summary{padding:22px 0}.demo-result-summary>strong{font-size:54px}.demo-chart-heading{font-size:11px}.demo-result-top{font-size:9px}.demo-result svg{margin-top:10px}.demo-context{font-size:12px}.demo-result-note{font-size:11px}.demo-presets{display:grid;grid-template-columns:1fr;gap:10px}.demo-presets button{min-height:46px;font-size:13px;text-align:left;padding:12px 17px}.demo-presets>span{margin:0 0 2px}.range-ends{font-size:11px}.demo-result .demo-context,.demo-result-note{overflow-wrap:anywhere}}
@media(max-width:350px){.demo-controls,.demo-result{padding:16px}.demo-control output{font-size:16px}.demo-pregnancy-control{padding:12px}.demo-pregnancy-control output{font-size:15px}.demo-mobile-result{padding:10px 14px}.demo-mobile-result>strong{font-size:27px}}

@media(max-width:700px){#demo-chart-drawing text{font-size:16px}.demo-control,.demo-reproduction,.demo-reset{scroll-margin-top:160px}}