.membership-cost{margin:0 0 28px;padding:34px;border:1px solid #d8e5f0;border-radius:24px;background:linear-gradient(135deg,#f5f9ff,#fff 65%);color:#20334e;scroll-margin-top:24px}.cost-eyebrow{display:inline-block;color:#2563eb;font-weight:700;font-size:14px;letter-spacing:1px;margin-bottom:12px}.cost-intro h2{font-weight:800;font-size:clamp(25px,3vw,38px);line-height:1.28;letter-spacing:-.8px;margin-bottom:12px}.cost-intro p{color:#53657d;margin-bottom:10px}.cost-example{display:inline-block;background:#fff1d8;color:#8c5e14;border-radius:8px;padding:6px 10px;font-size:12px}.cost-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.cost-roles article{padding:22px 18px;background:#fff;border:1px solid #e2eaf3;border-radius:16px}.cost-roles article>i{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:#2563eb;background:#eaf1ff;font-size:24px;margin-bottom:16px}.cost-roles article:last-child>i{color:#b27516;background:#fff3dc}.cost-roles h3{font-size:17px;font-weight:700}.cost-roles p{font-size:13px;line-height:1.65;color:#607187;min-height:44px}.cost-hours{display:flex;flex-direction:column;gap:7px;font-size:13px}.cost-hours b{font-size:19px}.cost-hours>span:last-child{color:#157e68}.cost-settings{border:1px solid #dce5ef;border-radius:12px;background:#fff;margin-bottom:20px;padding:14px 18px}.cost-settings summary{cursor:pointer;font-weight:600;font-size:14px}.cost-settings summary span{font-size:12px;color:#697b91;margin-left:12px;font-weight:400}.cost-help{font-size:12px;line-height:1.7;color:#627087;margin:15px 0 0}.cost-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:18px}.cost-input-grid legend{font-size:14px;font-weight:700}.cost-input-grid label{display:block;font-size:12px;color:#4b5d73;margin:10px 0}.cost-input-grid input{display:block;width:100%;border:1px solid #bdccdc;border-radius:8px;padding:9px 11px;margin-top:5px;font-size:15px;color:#20334e}.cost-input-grid input:focus,.cost-plan select:focus{outline:3px solid #bed4ff;outline-offset:1px}.cost-input-grid input:invalid{border-color:#b73c3c}.cost-plan{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px;font-size:13px}.cost-plan label{font-weight:700}.cost-plan select{max-width:100%;border:1px solid #b9ccdf;border-radius:8px;background:#fff;padding:10px;font-size:14px}.cost-plan>span{flex-basis:100%;color:#5b6c83;font-size:12px}.cost-results{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;padding:24px;background:#fff;border:1px solid #dce7f2;border-radius:16px}.cost-bars>div+div{margin-top:20px}.cost-bars strong{float:right;font-size:21px}.cost-bars small{display:block;font-size:11px;color:#63738a;margin-top:7px}.cost-bar{display:block;background:#eef2f7;height:14px;border-radius:10px;margin-top:9px;overflow:hidden}.cost-bar i{display:block;height:100%;background:#a5b3c6;border-radius:10px;transition:width .15s}.cost-bar-software i{background:linear-gradient(90deg,#3685ef,#26a58d)}.cost-saving{padding:20px;border-radius:14px;background:#eaf7f1;display:flex;flex-direction:column;justify-content:center;gap:7px;color:#17634d}.cost-saving>span{font-size:13px}.cost-saving>strong{font-size:clamp(30px,4vw,42px);line-height:1.2;overflow-wrap:anywhere}.cost-saving small{font-size:11px}.cost-negative{background:#fff3df;color:#83581a}.cost-values{display:flex;gap:16px;flex-wrap:wrap;margin:22px 0 13px;font-size:13px;color:#346b7d}.cost-values i{margin-right:5px}.cost-footnote{font-size:11px;color:#69798f;line-height:1.8}.membership-cost>.btn{margin-top:8px;padding:11px 20px;border-radius:10px}@media(max-width:767px){.membership-cost{padding:22px 16px;border-radius:18px}.cost-roles{grid-template-columns:1fr;gap:10px;margin-top:20px}.cost-roles article{padding:16px;display:grid;grid-template-columns:42px 1fr;column-gap:12px}.cost-roles article>i{grid-row:1/4;width:38px;height:38px;font-size:21px;margin:0}.cost-roles h3{font-size:16px}.cost-roles p{min-height:0;margin-bottom:8px}.cost-hours{flex-direction:row;flex-wrap:wrap;gap:12px}.cost-hours b{font-size:16px}.cost-settings{padding:13px}.cost-settings summary span{display:block;margin:5px 0 0 16px}.cost-input-grid{grid-template-columns:1fr;gap:12px}.cost-results{grid-template-columns:1fr;padding:18px;gap:20px}.cost-bars strong{font-size:19px}.cost-plan{gap:8px}.cost-plan select{width:100%}.cost-values{gap:8px;flex-direction:column}.membership-cost>.btn{width:100%;font-size:14px}}

.cost-speed{display:flex;align-items:center;gap:16px;background:#eaf7f1;border:1px solid #c7e7db;border-radius:16px;padding:18px 22px;margin-top:22px;color:#17634d}.cost-speed>i{font-size:32px}.cost-speed>div{flex:1}.cost-speed strong{font-size:17px}.cost-speed p{margin:5px 0 0;font-size:12px;color:#497867}.cost-speed>span{white-space:nowrap;font-size:15px}.cost-speed b{font-size:46px;line-height:1;font-weight:800;vertical-align:baseline;margin:0 5px}@media(max-width:767px){.cost-speed{gap:10px;padding:16px;flex-wrap:wrap}.cost-speed>i{font-size:26px}.cost-speed>div{flex-basis:calc(100% - 40px)}.cost-speed strong{font-size:15px}.cost-speed>span{margin-left:36px}.cost-speed b{font-size:40px}}