.website-demo-section{padding-top:28px;scroll-margin-top:22px}.website-demo{border:1px solid #dce4d7;background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 8px 24px #28443305}.website-demo>summary{display:flex;align-items:center;gap:16px;padding:24px 28px;cursor:pointer;list-style:none}.website-demo>summary::-webkit-details-marker{display:none}.website-demo-play{display:grid;place-items:center;background:#e9f0de;color:#31583e;width:43px;height:43px;border-radius:50%;font-size:13px;flex:none}.website-demo>summary b{display:block;font-size:17px;line-height:1.5;letter-spacing:-.02em}.website-demo>summary small{display:block;font-size:12px;line-height:1.6;color:#65765f;margin-top:3px}.website-demo-open-label{margin-left:auto;white-space:nowrap;font-size:12px;font-weight:600;color:#355c40}.website-demo-body{border-top:1px solid #e4eadf;padding:25px 28px}.website-demo-label{font-size:10px;line-height:1.8;letter-spacing:.04em;color:#66755d;padding:11px 14px;background:#f2f5ec;border-radius:8px;margin:0 0 22px}.website-demo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:30px}.website-demo-tabs button{display:flex;gap:11px;align-items:center;border:1px solid #dfe7d8;border-radius:9px;padding:13px 15px;font-size:11px;background:#fafcf7;color:#64775a;line-height:1.5}.website-demo-tabs button span{font-size:14px;font-weight:600}.website-demo-tabs button[aria-selected=true]{background:#24574d;color:#fff;border-color:#24574d}.website-demo-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.website-demo-heading .eyebrow{font-size:9px;margin-bottom:10px}.website-demo-heading h2{font-size:29px;line-height:1.2;margin:0 0 13px}.website-demo-heading p{font-size:14px;line-height:1.7;color:#61735d}.website-demo-heading>.website-feature-icon{flex:none}.website-demo-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.website-demo-offers article{padding:24px;border:1px solid #dfe6d8;border-radius:13px;background:#f8faf4}.website-demo-offers article>span{font-size:10px;letter-spacing:.1em;color:#6a7e5b}.website-demo-offers h3{font-size:33px;line-height:1.2;margin:14px 0 9px}.website-demo-offers p{font-size:13px;color:#6a7b5f;margin-bottom:20px}.website-demo-offers .btn{width:100%;justify-content:center;font-size:13px}.public-site .website-demo .btn-outline{background:#fff;color:#31583e;border:1px solid #cddbc1}.website-demo-offers [aria-pressed=true]{box-shadow:inset 0 0 0 2px #5a7e43;background:#edf3e4!important}.website-demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:27px}.website-demo-bottom>p{font-size:12px;line-height:1.7;max-width:430px;color:#687b5e}.website-demo-bottom>.btn{font-size:13px;flex:none}.website-demo-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e2ead9;padding-top:21px;margin-top:27px;font-size:11px;color:#6a7c60;line-height:1.7}.website-demo-footer button{background:none;color:#3f633c;font-size:12px;padding:8px 0;white-space:nowrap;font-weight:600}.website-demo-basket{border:1px solid #dde6d5;border-radius:12px;overflow:hidden}.website-demo-basket>div{display:flex;align-items:center;gap:25px;padding:21px;border-bottom:1px solid #e5ebdf}.website-demo-basket>div:last-child{border:0}.website-demo-basket b{font-size:15px}.website-demo-basket p{font-size:12px;line-height:1.6;margin-top:6px;color:#6a7a61}.website-demo-basket label{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:12px;color:#5d7554}.website-demo-basket input{width:70px;min-width:0;text-align:center;padding:10px}.website-demo-basket strong{font-size:18px;letter-spacing:-.02em;margin-left:auto;white-space:nowrap;color:#2e5037}.website-demo-basket label+strong{margin-left:0}.website-demo-total{background:#f0f5e8;font-size:13px}.website-demo-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:27px 0}.website-demo-progress span{border-top:3px solid #dde5d5;padding-top:14px;font-size:12px;color:#718563;text-align:center;overflow-wrap:anywhere}.website-demo-progress span.active{border-color:#5c8643;color:#315c3d;font-weight:600}.website-demo-update{display:flex;align-items:center;gap:17px;padding:25px;background:#f2f6eb;border:1px solid #e1e8d7;border-radius:12px}.website-demo-update b{font-size:17px}.website-demo-update p{font-size:13px;line-height:1.8;margin-top:7px;color:#62765a}.website-demo [hidden]{display:none!important}.website-demo-invite{display:inline-flex;gap:9px;align-items:center;margin-top:22px;font-size:12px;font-weight:600;color:#44653b}.website-demo button:focus-visible,.website-demo summary:focus-visible{outline:3px solid #7b985b;outline-offset:3px}.website-demo[open]>summary{background:#f7faf2}
@media(max-width:700px){.website-demo-section{padding-top:20px}.website-demo>summary{padding:21px;gap:12px;flex-wrap:wrap}.website-demo>summary>span:nth-child(2){flex:1;min-width:0}.website-demo-open-label{margin-left:55px}.website-demo>summary b{font-size:16px}.website-demo-body{padding:22px}.website-demo-tabs{gap:7px;margin-bottom:24px}.website-demo-tabs button{padding:11px 9px;gap:5px;flex-direction:column;align-items:flex-start;font-size:10px}.website-demo-tabs button span{font-size:12px}.website-demo-heading h2{font-size:26px}.website-demo-heading>.website-feature-icon{display:none}.website-demo-offers{gap:12px}.website-demo-offers article{padding:19px}.website-demo-offers h3{font-size:27px}.website-demo-offers .btn{font-size:12px;padding:13px 12px}.website-demo-bottom{align-items:stretch;flex-direction:column;gap:15px}.website-demo-bottom>.btn{justify-content:center}.website-demo-footer{align-items:flex-start;gap:16px}.website-demo-basket>div{padding:18px;flex-wrap:wrap;gap:15px}.website-demo-basket>div>div{width:100%}.website-demo-basket label{margin-left:0}.website-demo-basket strong{font-size:17px}.website-demo-basket label+strong{margin-left:auto}.website-demo-progress{gap:6px}.website-demo-progress span{font-size:10px;padding-top:11px}.website-demo-update{padding:20px;align-items:flex-start}.website-demo-update .website-feature-icon{width:34px;height:34px;flex:none}.website-demo-update b{font-size:15px}.website-demo-update p{font-size:12px}}
@media(max-width:400px){.website-demo-offers{grid-template-columns:minmax(0,1fr)}.website-demo-body{padding:18px}.website-demo>summary{padding:18px}.website-demo-footer{flex-direction:column;gap:5px}.website-demo-heading h2{font-size:24px}.website-demo-tabs button span{font-size:11px}.website-demo-progress span{font-size:9px}}
.website-demo button:disabled{cursor:default}

/* Keep selected and inactive demo steps legible under shared public button styles. */
.public-site .website-demo-tabs button{color:#29483e;background:#f1f5f2;border-color:#b5c7be;font-size:13px;font-weight:600;min-height:52px;cursor:pointer}
.public-site .website-demo-tabs button[aria-selected=true]{color:#fff;background:#24574d;border-color:#24574d;box-shadow:inset 0 -3px 0 #bcdb87}
.public-site .website-demo-tabs button:hover{background:#e1ece5;color:#203e34}
.public-site .website-demo-tabs button[aria-selected=true]:hover{background:#1b463d;color:#fff}
@media(max-width:700px){.public-site .website-demo-tabs{grid-template-columns:minmax(0,1fr)}.public-site .website-demo-tabs button{flex-direction:row;align-items:center;gap:12px;font-size:13px;text-align:left;padding:12px 15px}}