:root{--ink:#10291f;--muted:#60766c;--cream:#edf6e8;--paper:#fbfff8;--line:#cfdfd2}.hero{position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;width:210px;height:100px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#d8f36a88,#74b96a55);transform:rotate(-28deg);pointer-events:none}.hero:before{left:-75px;top:80px}.hero:after{right:-85px;bottom:35px;transform:rotate(145deg)}.intro,.calculator{position:relative;z-index:1}.vehicle,.custom-vehicle{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.custom-vehicle{margin-top:14px}.distance-row{display:grid;grid-template-columns:180px 1fr;align-items:end;gap:16px;margin-top:14px;padding:14px;border:1px solid #bad3bd;border-radius:10px;background:#f0f8ec}.distance-row p{margin:0 0 8px;color:var(--muted);font-size:12px;line-height:1.5}.how{position:relative;overflow:hidden}.how:after{content:"";position:absolute;right:-70px;top:40px;width:260px;height:130px;border:2px solid #d8f36a55;border-radius:100% 0 100% 0;transform:rotate(-25deg)}@media(max-width:600px){.custom-vehicle,.distance-row{grid-template-columns:1fr}}