/* Optional surface treatment. Remove data-liquid-glass="subtle" from to return to the original appearance while retaining later content edits. */ body[data-liquid-glass="subtle"] .calculator{ background:#f9fcfd; border:1px solid rgba(255,255,255,.72); border-radius:16px; box-shadow:0 22px 58px rgba(6,26,39,.24),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.32); } body[data-liquid-glass="subtle"] .calc-result{ background:rgba(238,245,246,.88); border-top-color:rgba(179,199,209,.54); } body[data-liquid-glass="subtle"] .hero-actions .btn-primary{ background-image:linear-gradient(165deg,rgba(255,255,255,.17),rgba(255,255,255,0) 62%); border-color:rgba(255,255,255,.32); border-radius:7px; box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 7px 20px rgba(5,23,35,.12); } body[data-liquid-glass="subtle"] .hero-textlink{ display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 14px; color:#fff; background:rgba(255,255,255,.065); border:1px solid rgba(255,255,255,.23); border-radius:7px; box-shadow:inset 0 1px 0 rgba(255,255,255,.1); transition:background-color .18s,border-color .18s; } body[data-liquid-glass="subtle"] .hero-textlink:hover{ background-color:rgba(255,255,255,.12); border-color:rgba(255,255,255,.4); } @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ body[data-liquid-glass="subtle"] .calculator{ background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(248,252,254,.85) 52%,rgba(235,245,250,.82)); -webkit-backdrop-filter:blur(20px) saturate(115%); backdrop-filter:blur(20px) saturate(115%); } body[data-liquid-glass="subtle"] .hero-textlink{ -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); } @media(max-width:900px){ body[data-liquid-glass="subtle"] .mobile-bar{ background:rgba(255,255,255,.86); border-top-color:rgba(255,255,255,.72); box-shadow:0 -4px 22px rgba(10,38,57,.07),inset 0 1px 0 rgba(255,255,255,.76); -webkit-backdrop-filter:blur(18px) saturate(115%); backdrop-filter:blur(18px) saturate(115%); } } } @media(max-width:580px){ body[data-liquid-glass="subtle"] .hero-textlink{min-height:46px;padding:11px 10px} } @media(prefers-reduced-transparency:reduce){ body[data-liquid-glass="subtle"] .calculator, body[data-liquid-glass="subtle"] .mobile-bar{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none} body[data-liquid-glass="subtle"] .calc-result{background:#f0f5f5} body[data-liquid-glass="subtle"] .hero-textlink{background:#244459;-webkit-backdrop-filter:none;backdrop-filter:none} } @media(forced-colors:active){ body[data-liquid-glass="subtle"] .calculator, body[data-liquid-glass="subtle"] .hero-textlink, body[data-liquid-glass="subtle"] .mobile-bar{background:Canvas;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none} } @media print{ body[data-liquid-glass="subtle"] .calculator{background:#fff;border:0;border-radius:10px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none} body[data-liquid-glass="subtle"] .calc-result{background:#f0f5f5} }