/* Clearer edges and a more deliberate visual hierarchy. */
.hero h1{font-weight:700;color:#f2f2ff;letter-spacing:-1.15px}.hero h1 .heading-accent{color:#c0afff}.brand{font-weight:700}.hero-description{color:#aeb4cc}.panel{border:2px solid #424b66;background:#192032}.step-label{font-weight:600;color:#e3ddff}.step-number{border:1px solid #9484d1;background:#363052;color:#e2d3ff;font-weight:700}.appliance{border:1.5px solid #45506b;color:#bfc7df;font-weight:600}.appliance.active{border:2px solid #b5a0f1;background:#373259;box-shadow:none;color:#f0e6ff;padding:12.5px 3.5px 10.5px}.appliance:hover{border-color:#9a8cc5}.appliance.active:after{color:#ead7ff;font-weight:700}.appliance.active svg{color:#d5bfff}.divider{border-color:#414960}.field label{font-weight:600;color:#d7ccec}.input-box input,.field select{border:1.5px solid #52607d;background:#121b2e;color:#e5e8f6;font-weight:500}.input-box input:focus,.field select:focus{border-color:#c4aefa}.input-box .unit{color:#b4a5ce}.mode-switch{border:1.5px solid #4e5672}.mode-switch button{font-weight:500;color:#b2bad2}.mode-switch button.active{background:#4a426c;color:#f2e9ff;font-weight:600}.result{border:2px solid #8c7bb5;background:linear-gradient(145deg,#292b46,#1c253a 75%)}.result .eyebrow{font-weight:700;color:#d7bbff;letter-spacing:1.35px}.big-cost{font-weight:600;color:#ffc09f}.result-caption{color:#c1c5dc}.period-tabs{border:1.5px solid #64617e}.period-tabs button{font-weight:500;color:#b4bbd4}.period-tabs button.active{background:#635185;color:#f6eaff;font-weight:700}.energy-details{border-color:#55516d}.energy-details>summary{font-weight:600;color:#cdb9f2}.energy-display-head{color:#c5b6dc;font-weight:600}.energy-display-head strong{font-weight:500;color:#e0c9ee}.result-stats strong{font-weight:500;color:#d9ccff}.result-stats small{font-weight:600;color:#b4a6ca}.cost-breakdown strong{color:#e5d1f3;font-weight:500}.result-actions button{border:1.5px solid #74718e;font-weight:600;color:#d3cee8}.result-actions:last-child button{border:1.5px solid #c1b0fb;background:#b8a7ef;color:#211c37;font-weight:700}.result-actions:last-child button:hover:enabled{background:#cfbaff;border-color:#cfbaff}.saving{border:1.5px solid #5b9288;background:#1b3438}.saving-heading{color:#bfe8d9;font-weight:600}.saving-total{border-color:#51746e}.saving-total strong{color:#a9efd1;font-weight:600}.saving-controls output{color:#c4ebd8;font-weight:600}.nav-cta{border:1.5px solid #8673b1;color:#e1c9ff;background:#302b49;font-weight:600}.nav-cta:hover{background:#403453}.section h2,.article h2{font-weight:600;color:#d8c8f6}.guide-card{border:1.5px solid #4c516e}.guide-card:hover{border-color:#aa95d2}.guide-text h3{font-weight:600;color:#e1d3fc}.guide-text h3 span{color:#f0bc9d}.guide-text .tag{color:#b8a3d4;font-weight:600}.guide-text p{color:#a7b3cd}.guide-card:nth-child(1) .guide-text h3{color:#e9c2af}.guide-card:nth-child(3) .guide-text h3{color:#b1ddd0}.household-value strong,.household-total{font-weight:600;color:#ffc5a9}.household-appliance strong{font-weight:600;color:#d9ceee}.share-track i{background:#b29be3}.plain-button,.household-row button{border:1.5px solid #5c5e7c;color:#cbb9eb;font-weight:600}.formula{border:1.5px solid #75638e}.formula code{color:#ddc2f4;font-weight:500}.faq summary{font-weight:500;color:#d1c8e8}.faq summary:after{font-weight:600;color:#d6b9f6}.compact-trust a,.body-copy a{color:#c2a6ef}.rate-details summary{color:#c3a7ed;font-weight:500}.helper a{color:#d2b6fc}.advanced summary,.input-assumptions summary{color:#bfaed8;font-weight:500}.article h1{font-weight:600;color:#e5d8ff}.article .primary-link{font-weight:600;border-width:1.5px}footer .brand{font-weight:600}footer .footer-links{color:#bda9dc}
@media(max-width:760px){.hero h1{font-size:25px}.panel{padding:18px}.result{padding:22px}.appliance.active{padding:11.5px 2.5px 9.5px}.step-label{font-weight:600}.field label{font-weight:600}.big-cost{font-size:49px}.saving-heading{font-weight:600}}@media(max-width:360px){.hero h1{font-size:22px}.panel{padding:15px}.result{padding:19px}.big-cost{font-size:44px}}