.savings-head{max-width:760px;margin:64px auto 26px;text-align:center;scroll-margin-top:110px}.savings-head h3{font-size:clamp(29px,3.5vw,40px);letter-spacing:-1.3px;margin:0 0 12px}.savings-head p{font-size:15px;margin:0;color:#77707d}.savings-compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.savings-compact article{padding:0!important;overflow:hidden;border:1px solid #e9e2e8;border-radius:18px;background:#fff;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.savings-compact article:hover{transform:translateY(-3px);box-shadow:0 12px 28px #3c254b0a}.compact-pain{display:flex;align-items:center;gap:10px;padding:18px;background:#fbf3f2;border-bottom:1px solid #efe4e3;min-height:84px}.compact-pain>span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:9px;background:#f4dfdd;color:#b16870;font-size:20px;animation:savings-breathe 4s ease-in-out infinite}.compact-pain h4{font-size:14px;line-height:1.4;font-weight:600;color:#87545e;margin:0}.compact-relief{display:block;padding:18px;text-decoration:none;flex:1;color:inherit}.compact-check{color:#548364;font-size:15px}.compact-relief h5{font-size:16px;line-height:1.4;color:#344e3c;margin:9px 0 8px;letter-spacing:-.3px}.savings-compact .compact-relief p{font-size:12px;line-height:1.65;color:#77727b;margin:0 0 16px}.compact-more{font-size:11px;font-weight:600;color:#715c8a}.compact-relief:focus-visible{outline:3px solid #a98bd0;outline-offset:-3px}.savings-cost{margin-top:18px}@keyframes savings-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(max-width:950px){.savings-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.savings-head{margin-top:44px}.savings-compact{grid-template-columns:1fr;gap:12px}.savings-compact article{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.compact-pain{padding:15px;flex-direction:column;align-items:flex-start;justify-content:center;border-bottom:0;border-right:1px solid #efe4e3;gap:9px}.compact-pain h4{font-size:13px}.compact-relief{padding:15px}.compact-relief h5{font-size:14px;margin-top:5px}.savings-compact .compact-relief p{font-size:11px;margin-bottom:9px}.compact-check{font-size:12px}}@media(prefers-reduced-motion:reduce){.compact-pain>span{animation:none}.savings-compact article:hover{transform:none}}

/* Illustrated routine-to-result flows */
.savings-scene{padding:17px 16px 13px;background:linear-gradient(130deg,#fff8f7,#f4f0ff 55%,#edf7f0);position:relative;overflow:hidden}.scene-labels{display:flex;justify-content:space-between;gap:8px;font-size:9px;font-weight:600;color:#a3717a}.scene-labels span:last-child{color:#548364}.scene-flow{height:89px;display:flex;align-items:center;position:relative}.scene-sources{width:51px;height:72px;position:relative;flex-shrink:0}.scene-sources>span{position:absolute;display:grid;place-items:center;width:29px;height:27px;background:white;border:1px solid #edd9df;box-shadow:0 3px 8px #9f698b10;border-radius:7px;color:#ad7782;font-size:16px;left:calc(var(--n)*8px);top:calc(var(--n)*21px);animation:saving-sort 4.8s ease-in-out infinite;animation-delay:calc(var(--n)*.2s)}.scene-track{height:1px;background:#cabce3;flex:1;margin:0 5px;position:relative}.scene-track i{position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#9165d0;box-shadow:0 0 8px #9e71d9;animation:saving-travel 2.4s ease-in-out infinite}.scene-track i:nth-child(2){animation-delay:.6s}.scene-track i:nth-child(3){animation-delay:1.2s}.scene-result{display:flex;align-items:center;justify-content:center;gap:7px;min-width:74px;height:49px;padding:10px;border:1px solid #d5c9e9;border-radius:11px;background:#fff;box-shadow:0 5px 18px #71508e12;animation:saving-result 4.8s ease-in-out infinite}.scene-result b{font-size:22px;font-weight:500;color:#8860b9}.scene-result strong{font-size:11px;color:#644a82}.scene-result em{font-style:normal;color:#57996c;font-size:19px;animation:saving-check 4.8s ease-in-out infinite}.scene-lines{display:grid;gap:5px}.scene-lines i{width:20px;height:4px;background:#d9cce9;border-radius:4px}.scene-lines i:last-child{width:14px;background:#bdd7c2}.scene-score{display:flex;gap:3px;align-items:end;height:20px}.scene-score i{width:5px;height:8px;background:#b6cbb6;border-radius:3px;animation:saving-bar 3s ease-in-out infinite;transform-origin:bottom}.scene-score i:nth-child(2){height:14px;animation-delay:.3s}.scene-score i:nth-child(3){height:20px;background:#7baf87;animation-delay:.6s}.scene-progress{height:3px;background:#e6deee;border-radius:4px;overflow:hidden}.scene-progress i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#dca5a9,#ac8ad0,#83b992);transform-origin:left;animation:saving-progress 4.8s ease-in-out infinite}.scene-1 .scene-track i{animation-delay:.4s}.scene-2 .scene-track i{animation-delay:.8s}.scene-3 .scene-track i{animation-delay:1.2s}.savings-compact article:hover .scene-result{border-color:#ae8cdb;box-shadow:0 5px 24px #986cc72b}
@keyframes saving-sort{0%,100%{transform:translateX(0) rotate(-6deg)}40%,70%{transform:translateX(5px) rotate(0deg)}}@keyframes saving-travel{0%{left:0;opacity:0}20%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}@keyframes saving-result{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes saving-check{0%,20%{opacity:.25;transform:scale(.7)}40%,100%{opacity:1;transform:scale(1)}}@keyframes saving-bar{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes saving-progress{0%{transform:scaleX(.08);opacity:.4}75%,90%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@media(max-width:520px){.savings-compact article{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.compact-pain{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start;min-height:0;padding:12px 15px;border-right:0;border-bottom:1px solid #efe4e3}.compact-pain>span{width:25px;height:25px;font-size:16px}.savings-scene{align-self:stretch;padding:16px 10px;display:flex;flex-direction:column;justify-content:center}.scene-labels{font-size:8px}.scene-flow{height:94px}.scene-sources{width:36px}.scene-sources>span{width:24px;height:25px;left:calc(var(--n)*4px)}.scene-result{min-width:50px;padding:7px;gap:4px}.scene-result strong{font-size:8px}.scene-result b{font-size:18px}.scene-lines i{width:12px}.scene-lines i:last-child{width:9px}.scene-track{margin:0 3px}.scene-3 .scene-result{flex-direction:column;gap:0}}
@media(prefers-reduced-motion:reduce){.savings-scene *{animation:none!important}.scene-track i{left:50%}.scene-track i:not(:first-child){display:none}}

/* Explicit before-and-after comparisons */
.savings-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.savings-compact article.comparison-card{display:grid;grid-template-columns:1fr 1fr;min-height:270px;border-color:#e8e1eb}.comparison-before,.comparison-after{padding:22px;position:relative}.comparison-before{background:linear-gradient(140deg,#fcf3f2,#fbf8f7);border-right:1px solid #e9e2e9}.comparison-after{background:linear-gradient(140deg,#f4effc,#f0f8f2);text-decoration:none;color:inherit}.comparison-label{font-size:10px;letter-spacing:1px;font-weight:700;color:#a16c75;display:block}.comparison-after .comparison-label{color:#608169}.comparison-card h4,.comparison-card h5{font-size:16px;line-height:1.35;margin:8px 0;letter-spacing:-.3px}.comparison-card h4{color:#97616b}.comparison-card h5{color:#35583f}.savings-compact .comparison-card p{font-size:12px;line-height:1.6;color:#84767f;margin:0 0 12px}.comparison-chaos,.comparison-organised{height:96px;position:relative;display:flex;justify-content:center;align-items:center}.comparison-chaos>span{position:absolute;left:calc(18% + var(--n)*23%);top:calc(19px + var(--n)*6px);height:40px;width:40px;border:1px solid #e5c8ce;border-radius:9px;background:#fff9f9;display:grid;place-items:center;color:#be7c89;font-size:22px;transform:rotate(calc(var(--n)*15deg - 13deg));animation:comparison-scatter 5s ease-in-out infinite;animation-delay:calc(var(--n)*-.7s);box-shadow:0 5px 12px #aa617710}.comparison-chaos>i{position:absolute;right:15%;top:14px;background:#d38e98;color:white;width:18px;height:18px;border-radius:50%;font-style:normal;display:grid;place-items:center;font-size:11px}.comparison-result{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;background:white;border:1px solid #d3dfd3;border-radius:12px;padding:13px 16px;box-shadow:0 7px 18px #788a7b15;animation:comparison-glow 4s ease-in-out infinite}.comparison-result>b{color:#8b68b8;font-size:24px;font-weight:500}.comparison-result>span{font-size:12px;color:#659772;font-weight:600}.comparison-organised>i{position:absolute;z-index:2;top:19px;right:19%;border-radius:50%;width:19px;height:19px;background:#7da88a;border:3px solid #f3f7ef;color:white;font-style:normal;font-size:9px;display:grid;place-items:center}.comparison-orbit{position:absolute;width:144px;height:67px;border:1px dashed #c9d9c6;border-radius:50%}.comparison-orbit:after{content:'';position:absolute;width:6px;height:6px;background:#a08ac4;border-radius:50%;top:8px;left:15px;box-shadow:0 0 10px #a08ac4;animation:comparison-glow 3s infinite}.comparison-after:focus-visible{outline:3px solid #a98bd0;outline-offset:-4px}.comparison-after:hover .comparison-result{transform:translateY(-3px)}@keyframes comparison-scatter{0%,100%{translate:0 0}50%{translate:3px -5px}}@keyframes comparison-glow{0%,100%{box-shadow:0 5px 15px #788a7b15}50%{box-shadow:0 5px 24px #9a80bf36}}@media(max-width:700px){.savings-compact{grid-template-columns:1fr}.comparison-before,.comparison-after{padding:18px}.savings-compact article.comparison-card{grid-template-columns:1fr 1fr;min-height:250px}.comparison-card h4,.comparison-card h5{font-size:14px}.comparison-chaos>span{width:31px;height:34px;font-size:18px}.comparison-label{font-size:9px}.comparison-result{padding:12px;gap:8px}.comparison-orbit{width:120px}.comparison-organised>i{right:9%}}@media(prefers-reduced-motion:reduce){.comparison-card *,.comparison-card *:after{animation:none!important}}

.comparison-before{background:linear-gradient(135deg,#fce9e9,#fff2f0);border-right-color:#eadbd8}.comparison-after{background:linear-gradient(135deg,#eaf5ec,#f2faf0)}

/* Clearer without / with visual hierarchy */
.comparison-label{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.65px;border-radius:7px;padding:7px 10px;background:#f3d7dc;color:#954853;border:1px solid #eac1c8}.comparison-before .comparison-label:before{content:'×';font-size:16px;line-height:1}.comparison-after .comparison-label{background:#d8ecdc;color:#356345;border-color:#bcdcc5}.comparison-after .comparison-label:before{content:'✓';font-size:12px}.comparison-before{background:linear-gradient(130deg,#fbe2e5,#fff1ef);border-right:1px solid #dfd5d5}.comparison-after{background:linear-gradient(130deg,#dff0e3,#f1f8ee)}.comparison-after:before{content:'→';position:absolute;left:-14px;top:50%;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #d4dfd2;color:#578165;box-shadow:0 3px 9px #34543b12;z-index:3;font-size:15px}.comparison-before h4{color:#934e59}.comparison-after h5{color:#285a3b;font-weight:700}.comparison-before .comparison-chaos{opacity:.85}.comparison-after .comparison-result{border-color:#b8d6bf}.savings-head p{max-width:660px;margin:0 auto;line-height:1.8}.comparison-card .comparison-after p{color:#5b7060}.comparison-card .comparison-before p{color:#956e75}@media(max-width:700px){.comparison-label{font-size:9px;padding:6px 7px}.comparison-after:before{width:23px;height:23px;left:-12px}.comparison-before,.comparison-after{padding:17px 15px}}
/* Compact comparison visuals with more breathing room between cards */
.savings-compact{gap:26px}.savings-compact article.comparison-card{min-height:0}.comparison-before,.comparison-after{padding:19px 21px}.comparison-chaos,.comparison-organised{height:74px}.comparison-chaos>span{width:32px;height:32px;font-size:18px;top:calc(13px + var(--n)*4px)}.comparison-chaos>i{width:15px;height:15px;font-size:9px;top:9px}.comparison-result{padding:9px 13px;gap:9px;border-radius:10px}.comparison-result>b{font-size:20px}.comparison-result>span{font-size:10px}.comparison-orbit{width:120px;height:51px}.comparison-organised>i{top:12px;width:17px;height:17px;font-size:8px}.comparison-card h4,.comparison-card h5{margin:6px 0}.savings-compact .comparison-card p{margin-bottom:9px}@media(max-width:700px){.savings-compact{gap:20px}.comparison-before,.comparison-after{padding:16px 15px}.comparison-chaos,.comparison-organised{height:66px}.comparison-chaos>span{width:27px;height:29px;font-size:16px}.comparison-result{padding:8px 10px;gap:6px}.comparison-orbit{width:104px;height:45px}.comparison-result>b{font-size:18px}.comparison-organised>i{top:10px}}
/* Denser comparison section */
.savings-head{margin-top:48px;margin-bottom:20px}.savings-head h3{font-size:clamp(26px,3vw,34px);margin-bottom:9px}.savings-head p{font-size:13px;line-height:1.6}.savings-compact{gap:21px}.comparison-before,.comparison-after{padding:14px 17px}.comparison-label{font-size:9px;padding:5px 8px}.comparison-chaos,.comparison-organised{height:53px}.comparison-chaos>span{width:26px;height:26px;font-size:15px;top:calc(7px + var(--n)*3px)}.comparison-chaos>i{width:12px;height:12px;font-size:8px;top:5px}.comparison-result{padding:6px 10px;gap:7px;border-radius:8px}.comparison-result>b{font-size:17px}.comparison-result>span{font-size:9px}.comparison-orbit{width:100px;height:39px}.comparison-organised>i{top:7px;width:14px;height:14px;border-width:2px;font-size:7px}.comparison-card h4,.comparison-card h5{font-size:14px;line-height:1.3;margin:5px 0}.savings-compact .comparison-card p{font-size:11px;line-height:1.5;margin-bottom:6px}.comparison-card .compact-more{font-size:10px}.savings-cost{margin-top:14px}@media(max-width:700px){.savings-head{margin-top:36px;margin-bottom:17px}.savings-compact{gap:16px}.comparison-before,.comparison-after{padding:12px}.comparison-label{font-size:8px;padding:5px 6px}.comparison-chaos,.comparison-organised{height:50px}.comparison-card h4,.comparison-card h5{font-size:13px}.comparison-chaos>span{width:23px;height:24px;font-size:14px}.comparison-result{padding:6px 8px}.comparison-orbit{width:88px}.comparison-organised>i{top:6px}}