body.saving-tips-body{color:#071d40;background:#f7faff}.saving-tips-page{min-height:100vh;overflow:hidden;background:#f7faff}.saving-tips-shell{width:min(1420px,calc(100% - clamp(36px,7vw,120px)));margin-inline:auto}.saving-tips-hero{min-height:590px;padding:158px 0 82px;border-bottom:1px solid rgba(12,57,106,.09);background:linear-gradient(90deg,#fafdfffa,#fafdffe6 52%,#fafdff57),url(/annual-reports-background.png) center 68% / cover no-repeat}.saving-tips-hero__inner{display:flex;align-items:center;justify-content:space-between;gap:clamp(45px,7vw,115px)}.saving-tips-hero__copy{max-width:860px}.saving-tips-kicker{display:inline-flex;align-items:center;gap:10px;color:#238424;font-size:13px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.saving-tips-kicker:before{content:"";width:27px;height:2px;border-radius:99px;background:#5fcf35}.saving-tips-hero h1{margin-top:18px;color:#061b3f;font-size:clamp(50px,5.2vw,82px);font-weight:880;line-height:.98;letter-spacing:-.055em}.saving-tips-title-line{display:block;width:60px;height:4px;margin:26px 0 22px;border-radius:99px;background:linear-gradient(90deg,#5fcf35,#0789ee)}.saving-tips-hero__copy>p{max-width:800px;color:#526883;font-size:clamp(18px,1.3vw,22px);line-height:1.65}.saving-tips-hero__actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:29px}.saving-tips-hero__actions a{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:15px;padding:0 23px;border:1px solid #0a82ec;border-radius:10px;color:#fff;font-size:14px;font-weight:800;text-decoration:none;background:linear-gradient(135deg,#076ae1,#089af2);box-shadow:0 13px 30px #0770e033;transition:transform .2s ease,box-shadow .2s ease}.saving-tips-hero__actions a.is-secondary{color:#174a79;border-color:#15589a2e;background:#ffffffe6;box-shadow:none}.saving-tips-hero__actions a:hover{transform:translateY(-2px)}.saving-tips-hero__card{display:flex;flex:0 0 370px;align-items:center;gap:20px;padding:29px;border:1px solid rgba(24,91,159,.13);border-radius:20px;background:#ffffffd9;box-shadow:0 20px 50px #1744741f;backdrop-filter:blur(14px)}.saving-tips-hero__card>span{display:grid;flex:0 0 70px;width:70px;height:70px;place-items:center;border-radius:50% 50% 55% 45%/60% 55% 45% 40%;color:#fff;font-size:27px;font-weight:900;background:linear-gradient(145deg,#087ce8,#0759cc);box-shadow:0 13px 27px #0063d53b}.saving-tips-hero__card small{color:#27872b;font-size:11px;font-weight:850;letter-spacing:.13em}.saving-tips-hero__card b{display:block;margin-top:6px;color:#082650;font-size:21px}.saving-tips-hero__card p{margin-top:7px;color:#657b96;font-size:13px}.saving-tips-content{padding:clamp(78px,8vw,118px) 0 clamp(82px,9vw,130px);background:radial-gradient(circle at 96% 4%,rgba(36,147,238,.1),transparent 28%),linear-gradient(180deg,#fff,#f7faff)}.saving-tips-group+.saving-tips-group{margin-top:clamp(72px,7vw,105px)}.saving-tips-group>header{margin-bottom:30px}.saving-tips-group h2,.water-calculator-head h2{margin-top:14px;color:#071d40;font-size:clamp(36px,3.7vw,60px);font-weight:860;line-height:1.03;letter-spacing:-.044em}.saving-tips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.saving-tip-card{display:grid;min-height:155px;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:20px;padding:28px;border:1px solid rgba(21,88,154,.14);border-radius:18px;background:#fffffff0;box-shadow:0 11px 32px #113e6c0e;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.saving-tip-card:hover{transform:translateY(-3px);border-color:#42b13557;box-shadow:0 18px 42px #11497e1a}.saving-tip-card>span{display:grid;width:52px;height:52px;place-items:center;border-radius:14px;color:#fff;font-size:14px;font-weight:850;background:linear-gradient(145deg,#59ca38,#289c2e)}.saving-tip-card h3{color:#0a2a54;font-size:clamp(17px,1.3vw,21px);font-weight:800;line-height:1.35}.saving-tip-card p{margin-top:8px;color:#61768f;font-size:15px;line-height:1.65}.saving-tips-message{display:flex;align-items:center;gap:20px;margin-top:30px;padding:26px 30px;border:1px solid rgba(71,177,53,.25);border-radius:17px;background:linear-gradient(90deg,#effaebfa,#f6fcfff2)}.saving-tips-message>span{color:#54c137;font-size:34px}.saving-tips-message p{color:#365370;font-size:17px;line-height:1.65}.water-calculator-section{padding:clamp(82px,9vw,130px) 0;background:#eef6fc}.water-calculator-head{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:34px}.water-calculator-head>p{max-width:500px;color:#60768f;font-size:17px;line-height:1.65}.water-calculator{padding:clamp(28px,4vw,48px);border:1px solid rgba(20,87,153,.15);border-radius:24px;background:#fff;box-shadow:0 24px 60px #103e6c17}.water-calculator__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}.water-calculator-field>span{display:block;margin-bottom:8px;color:#193b63;font-size:13px;font-weight:750}.water-calculator-field>div{position:relative}.water-calculator-field input{width:100%;height:54px;padding:0 90px 0 16px;border:1px solid #cfdeec;border-radius:10px;outline:none;color:#0b2e58;font:inherit;font-size:16px;background:#fbfdff;transition:border-color .2s ease,box-shadow .2s ease}.water-calculator-field input:focus{border-color:#1687ed;box-shadow:0 0 0 4px #1687ed1a}.water-calculator-field small{position:absolute;top:50%;right:15px;color:#6c829a;font-size:12px;transform:translateY(-50%)}.water-calculator__footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:32px;padding-top:28px;border-top:1px solid #e0eaf3}.water-calculator__footer p{color:#73869c;font-size:13px}.water-calculator__footer button{min-height:52px;padding:0 24px;border:0;border-radius:10px;color:#fff;font-weight:800;background:linear-gradient(135deg,#076ae1,#089af2);box-shadow:0 13px 30px #0770e033;cursor:pointer}.water-result{display:flex;align-items:center;gap:28px;margin-top:20px;padding:30px;border:1px solid rgba(73,178,53,.28);border-radius:20px;background:#fff;box-shadow:0 18px 45px #0f3d6c14}.water-result[hidden]{display:none}.water-result__value{display:grid;flex:0 0 115px;min-height:100px;place-items:center;padding:12px;border-radius:18px;color:#fff;font-size:38px;font-weight:900;background:linear-gradient(145deg,#087ce8,#0759cc)}.water-result small{color:#2d942e;font-size:11px;font-weight:850;letter-spacing:.13em}.water-result h3{margin-top:6px;color:#092a54;font-size:27px}.water-result p{margin-top:7px;color:#61768f;line-height:1.6}.saving-tips-loading,.saving-tips-error{min-height:720px;padding:170px 0 90px;text-align:center;background:#f7faff}.saving-tips-loading .saving-tips-shell{display:grid;gap:18px}.saving-tips-loading .saving-tips-shell div{height:150px;border-radius:18px;background:linear-gradient(90deg,#edf3f9 25%,#f8fbfe,#edf3f9 75%);background-size:200% 100%;animation:saving-tips-loading 1.25s linear infinite}.saving-tips-loading .saving-tips-shell div:first-child{height:280px}.saving-tips-error>.saving-tips-shell>span{display:grid;width:58px;height:58px;margin:0 auto 18px;place-items:center;border-radius:50%;color:#fff;font-size:26px;font-weight:900;background:#0878df}.saving-tips-error h1{color:#082650;font-size:42px}.saving-tips-error p{margin-top:12px;color:#637993}.saving-tips-error button{min-height:45px;margin-top:20px;padding:0 19px;border:0;border-radius:9px;color:#fff;font-weight:800;background:#0878df;cursor:pointer}@keyframes saving-tips-loading{to{background-position:-200% 0}}@media(max-width:950px){.saving-tips-hero__inner,.water-calculator-head{align-items:flex-start;flex-direction:column}.saving-tips-hero__card{flex:none;width:min(100%,470px)}}@media(max-width:760px){.saving-tips-hero{min-height:auto;padding-top:130px}.saving-tips-grid,.water-calculator__fields{grid-template-columns:1fr}.water-calculator__footer{align-items:stretch;flex-direction:column}.water-calculator__footer button{align-self:flex-start}}@media(max-width:560px){.saving-tips-shell{width:calc(100% - 34px)}.saving-tips-hero{padding:115px 0 58px}.saving-tips-hero h1{font-size:clamp(43px,13vw,60px)}.saving-tips-group h2,.water-calculator-head h2{font-size:38px}.saving-tip-card{grid-template-columns:44px minmax(0,1fr);gap:14px;padding:20px 17px}.saving-tip-card>span{width:44px;height:44px}.water-result{align-items:flex-start;flex-direction:column}.water-result__value{width:100%}}@media(prefers-reduced-motion:reduce){.saving-tip-card,.saving-tips-hero__actions a{transition:none}.saving-tips-loading .saving-tips-shell div{animation:none}}