.pw-demo{margin-block:55px 70px;padding:38px;border-radius:26px;background:#f0f3ea;color:#18382b;border:1px solid #b9cbb1;scroll-margin-top:110px}
.pw-demo>.eyebrow{color:#436b50;margin-bottom:16px}.pw-demo h2{font-size:clamp(1.9rem,3.3vw,2.8rem);line-height:1.15;letter-spacing:-.04em;margin-bottom:18px}
.pw-demo-intro{font-size:.95rem;line-height:1.8;max-width:790px}.pw-demo-notice{margin:22px 0 28px;padding:14px 18px;border-radius:12px;background:#e0e8d9;border-left:3px solid #55794a;font-size:.79rem;line-height:1.7;font-weight:600}
.pw-demo-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px}.pw-demo-controls label{display:flex;justify-content:space-between;gap:12px;font-weight:650;font-size:.88rem;margin:0 0 10px}.pw-demo-controls label span{font-size:.75rem;color:#536f5a;white-space:nowrap}
.pw-demo-controls input{width:100%;font:inherit;font-size:1.35rem;font-weight:600;line-height:1.4;padding:13px 16px;border:1px solid #7e9980;border-radius:10px;background:#fff;color:#173a2c;box-sizing:border-box}.pw-demo-controls input:focus-visible{outline:3px solid #386748;outline-offset:3px}.pw-demo-controls input[aria-invalid=true]{border-color:#96662b}
.pw-demo-controls p{font-size:.73rem;line-height:1.65;color:#4c6655;margin:9px 0 25px}.pw-demo-controls .pw-demo-fixed{padding-top:15px;border-top:1px solid #bccdb6;font-size:.77rem;margin-bottom:21px}
.pw-demo-controls button{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #315e40;border-radius:30px;background:#234e36;color:#fff;padding:13px 19px;font:inherit;font-size:.76rem;font-weight:600;cursor:pointer;line-height:1.5}.pw-demo-controls button:hover{background:#346344}.pw-demo-controls button:focus-visible,.pw-demo-model summary:focus-visible{outline:3px solid #557d38;outline-offset:4px}.pw-demo-controls :disabled{opacity:.6;cursor:default}
.pw-demo-results[hidden]{display:none}.pw-demo-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pw-demo-metrics>div{padding:19px 17px;border:1px solid #c0cfb9;border-radius:14px;background:#fff}.pw-demo-metrics span{display:block;font-size:.72rem;line-height:1.6;color:#55705b}.pw-demo-metrics strong{display:block;font-size:clamp(1.3rem,2.1vw,1.8rem);line-height:1.3;margin-top:10px;letter-spacing:-.03em}
.pw-demo-chart{margin:25px 0 0}.pw-demo-chart figcaption{font-size:.92rem;font-weight:700}.pw-demo-chart>p{font-size:.7rem;color:#566d59;margin-top:8px}.pw-demo-bar-row{margin-top:22px}.pw-demo-bar-row>div:first-child{display:flex;justify-content:space-between;gap:18px;font-size:.78rem;line-height:1.7;margin-bottom:8px}.pw-demo-track{background:#d7e0cf;border:1px solid #c2ceb8;border-radius:8px;height:19px;overflow:hidden}.pw-demo-track>span{display:block;height:100%;border-radius:7px;max-width:100%}.pw-demo-bar-base{background:#597c5b}.pw-demo-bar-current{background:#ac8145}.pw-demo-chart .pw-demo-base{margin-top:19px;font-size:.7rem;line-height:1.7}.pw-demo-formula{font-size:.74rem;line-height:1.8;margin-top:23px;padding-top:15px;border-top:1px solid #bfccb7}
.pw-demo-status{margin-top:25px;padding:16px 19px;background:#e1e9da;border-radius:12px;font-size:.83rem;line-height:1.75;color:#234830}.pw-demo-status[data-state=lower],.pw-demo-status[data-state=invalid]{background:#f0e5d0;color:#6a491d}
.pw-demo-model{margin-top:24px;border-top:1px solid #bdcbb5;padding-top:19px}.pw-demo-model summary{cursor:pointer;font-size:.84rem;font-weight:650}.pw-demo-model p{font-size:.77rem;line-height:1.85;margin-top:15px;max-width:960px}
.pw-demo .pw-demo-intro,.pw-demo .pw-demo-notice,.pw-demo .pw-demo-formula,.pw-demo .pw-demo-model p,.pw-demo noscript p{color:#294633}
@media(max-width:850px){.pw-demo-layout{grid-template-columns:1fr;gap:30px}.pw-demo{padding:28px}.pw-demo-controls button{width:100%}}
@media(max-width:600px){.pw-demo{padding:23px 19px;margin-block:30px 45px;border-radius:21px}.pw-demo h2{font-size:1.85rem}.pw-demo-intro{font-size:.86rem}.pw-demo-notice{font-size:.72rem;padding:13px 14px}.pw-demo-metrics{grid-template-columns:1fr}.pw-demo-metrics>div{padding:15px}.pw-demo-metrics strong{font-size:1.65rem}.pw-demo-controls label{font-size:.79rem}.pw-demo-controls input{font-size:1.2rem}.pw-demo-bar-row>div:first-child{font-size:.74rem}.pw-demo-status{font-size:.77rem}.pw-demo-model p{font-size:.74rem}}