:root{--ink:#263f5a;--green:#276ed2;--muted:#61758c;--line:#dce7f0;--paper:#f5faff;--lime:#ffdc71;--orange:#ef977e}body{background:#f5faff;color:#263f5a;letter-spacing:-.025em}.header{max-width:1120px;height:86px;border:0;gap:40px}.brand-icon{background:#fff0bb;color:#263f5a;border:2px solid #263f5a}.header nav{margin-left:auto;gap:24px;color:#526b83;font-weight:650}.header-note{display:none}.beta{color:#7a6844;background:#fff5d7;border:0}.hero{background:#fff9e9;border:1px solid #f4e6c3;border-radius:30px;padding:34px 40px;margin:18px 0 28px;gap:20px}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero h1 em{color:#2872cf}.hero p{color:#586f82}.hero-art{display:none}.hero:has(.hero-art){grid-template-columns:1fr}.hero-pills{gap:8px}.hero-pills span{background:#fff;color:#526b83;border:1px solid #f0e3c4;padding:7px 11px;border-radius:30px}.welcome{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:20px;background:#fff7df;border:1px solid #f3e5be;border-radius:32px;padding:28px 42px;margin:20px 0 24px;overflow:hidden}.welcome h1{font-size:46px;line-height:1.3;letter-spacing:-2px;margin:12px 0 15px}.welcome h1 em{font-style:normal;color:#2872cf}.welcome p{font-size:16px;line-height:1.8;color:#617287;margin:0}.welcome img{width:100%;max-width:340px;justify-self:center;transition:transform .2s}.welcome img:hover{transform:rotate(-3deg)}.welcome-tag{display:inline-block;background:white;border-radius:30px;padding:6px 12px;font-weight:700;font-size:12px;color:#65778b}.choose{margin:28px 0 48px}.choose-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.choose-heading h2{font-size:23px;margin:0;letter-spacing:-.8px}.choose-heading span{color:#72869a;font-size:12px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.choice{position:relative;display:flex;flex-direction:column;border:2px solid #dbe8f4;border-radius:23px;padding:24px;background:#fff;min-height:245px;transition:transform .18s,box-shadow .18s,border-color .18s}.choice:hover{transform:translateY(-5px);box-shadow:0 12px 25px #3e78b016;border-color:#73a8ec}.choice:focus-visible{outline:3px solid #276ed2;outline-offset:4px}.choice svg{width:70px;height:70px;margin-bottom:14px}.choice h3{font-size:21px;margin:0 0 8px;letter-spacing:-.8px}.choice p{color:#657a90;font-size:13px;line-height:1.7;margin:0 0 18px}.choice b{font-size:13px;margin-top:auto}.choice:first-child{background:#fff8e6;border-color:#edd891}.choice:nth-child(2){background:#edf7ff}.choice:nth-child(3){background:#fff0eb}.choice .recommended{position:absolute;top:19px;right:18px;background:white;border:1px solid #ead99b;color:#826a27;padding:4px 9px;border-radius:20px;font-size:10px;font-weight:700}.workspace{background:#fff;border:1px solid #e0eaf4;border-radius:28px;padding:28px;margin:0 0 32px}.section-heading h2{color:#263f5a}.step-label{color:#527aa6;font-size:11px}.save-state{color:#70849a}.input-panel,.white-card{border:1px solid #dce7f0;border-radius:20px;box-shadow:none;background:#fff}.easy-start{background:#f0f8ff;border-color:#d9e9fa}.scenario-buttons button{background:#fff;border-color:#d9e6f3;color:#3b607e}.scenario-buttons button[aria-pressed=true]{background:#e1efff;border-color:#6e9fdc}.fuel-switch input:checked+span{background:#e1efff;color:#205bab;box-shadow:inset 0 0 0 1px #b3d1f5}.fuel-switch{background:#f2f6fc}.fuel-switch span{color:#687f94}.number{background:#fff0b5;color:#6e5d2e}.primary{background:#3479d8;color:#fff;min-height:52px;border:0;border-radius:13px;box-shadow:0 4px 0 #215baa;font-size:15px}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #215baa}.primary>span{color:white}.result-tabs{background:#edf4fc}.result-tabs button[aria-selected=true]{background:#fff;color:#2867b7;box-shadow:0 2px 7px #245e9810}.total-card{background:#fff2c5;border:1px solid #efda8a;color:#263f5a;border-radius:22px}.total-card .card-top,.total-card p,.total-card .big-amount>span,.trip-grid .total-card p{color:#5f6e76}.total-card .big-amount strong{color:#263f5a}.example-badge{background:#fff9e7;color:#846d33;border:1px solid #eadcae}.total-caption{color:#7a715b}.stacked-bar{background:#fff8e1}.card-top{color:#5f6e76}.card-heading>span,.estimate-note,.omission,.field-help,.price-note{color:#6c7e90}.field>span{color:#46627e}.input-wrap{background:#fff;border-color:#d7e3ef}.input-wrap input{color:#263f5a}.input-wrap>span{color:#788b9f}.input-help{background:#f7fbff;border-color:#dce8f4}.insight{background:#edf7ff;color:#3d6c98;border:1px solid #d7e9fa}.insight p{color:#688198}.quick-section{border:0}.quick-card{background:#fff;border:1px solid #dce7f0;border-radius:20px}.quick-icon{background:#fff1c0;color:#6d603b}.quick-card p{color:#6f8295}.topic-links{background:#edf6ff;border-color:#dce9f8}.topic-links a{background:#fff}.faq{background:#fff;border-radius:24px;border:1px solid #dce7f0;padding:32px;gap:35px}.faq details{border-color:#e0eaf3}.faq p,.faq details p{color:#6b8095}.breadcrumbs{color:#6e8397}.guide-content{color:#4d657b}.guide-content h2,.guide-content h3{color:#263f5a}.formula{background:#edf6ff;color:#37638b;border-color:#dce9f8}.copy-result{color:#376ba5;border-color:#b7cfe8;background:#f8fbff}.mobile-dock{background:#fff;border-color:#dce7f0;color:#263f5a}.mobile-dock button{background:#3479d8;color:white}.mobile-dock small{color:#2867b7}.next-link{background:#3479d8;color:#fff;border-radius:13px}.commute-route{border-color:#ddc984}.commute-route>span{background:#fff9e6;color:#826f3c}.commute-route>div{color:#7a704f;border-color:#ddc984}.save-math{color:#6e694e;border-color:#e8d58e}.saving-card{background:#eaf6ff;border-color:#cce3f6}.toast{background:#263f5a}.trip-main{padding-top:28px}.trip-heading{position:relative;background:#fff7df;border:1px solid #f0e2b9;border-radius:26px;padding:26px 210px 26px 28px;min-height:170px}.trip-heading h1{font-size:34px}.trip-heading:after{content:"";position:absolute;right:12px;top:6px;width:185px;height:160px;background:url('/car-friend.svg') center/contain no-repeat}.trip-grid #tripPending{background:#fff2d7;color:#795f2e}.trip-grid .white-card h3{color:#365d84}.trip-grid .total-card{padding:28px}.trip-grid section .white-card{background:#f0f8ff;border-color:#d8e9fa}.trip-grid .trip-direction{background:#f1f7ff;padding:14px;border-radius:12px}.trip-grid .trip-direction legend{padding-top:12px}footer{padding:30px 16px;color:#6e8397}footer>span,footer small{color:#718499}.trip-steps{display:flex;gap:12px;margin:18px 0 0;font-size:12px;color:#5f7c96}.trip-steps span{padding:7px 12px;background:#fff;border:1px solid #e0eaf4;border-radius:30px}.trip-steps span:first-child{background:#e7f1ff;border-color:#bcd5f6;color:#2967b5}.total-card h2{color:#263f5a}@media(max-width:760px){.header{height:auto;min-height:76px;margin:0 18px;gap:15px;flex-wrap:wrap;padding:16px 0}.header nav{gap:16px;font-size:12px}.header .brand{font-size:21px}.welcome{margin:12px 16px 20px;padding:26px 22px;grid-template-columns:1fr 130px;gap:0;border-radius:24px}.welcome h1{font-size:30px;letter-spacing:-1.4px}.welcome p{font-size:13px}.welcome img{width:160px;margin-left:-20px}.welcome-tag{font-size:10px;padding:5px 9px}.choose{margin:24px 16px 28px}.choose-heading h2{font-size:20px}.choose-heading>span{display:none}.choice-grid{grid-template-columns:1fr;gap:12px}.choice{display:grid;grid-template-columns:64px 1fr;column-gap:16px;padding:20px;min-height:0;border-radius:20px}.choice svg{grid-column:1;grid-row:1/4;width:64px;height:64px;margin:auto}.choice h3{font-size:20px;margin:0 0 5px;grid-column:2}.choice p{font-size:12px;margin:0 0 8px;grid-column:2}.choice b{grid-column:2;font-size:12px}.choice .recommended{font-size:9px;top:14px;right:14px}.choice:first-child h3{padding-right:48px}.workspace{margin:0 12px 28px;padding:20px 12px;border-radius:23px}.workspace>.section-heading{padding:0 5px}.workspace .calculator-grid{gap:18px}.workspace .input-panel{padding:20px 16px}.hero{margin:12px 16px 20px;padding:25px 22px}.hero h1{font-size:30px}.hero-pills{flex-wrap:wrap}.hero-pills span{font-size:10px}.faq{margin:20px 16px;padding:23px;gap:18px}.quick-section{margin:20px 16px}.topic-links{margin:20px 16px}.trip-heading{padding:23px 100px 23px 20px;min-height:160px}.trip-heading h1{font-size:28px;line-height:1.4}.trip-heading p{font-size:12px}.trip-heading:after{width:130px;height:120px;right:-8px;top:42px}.trip-steps{gap:6px;font-size:10px;flex-wrap:wrap}.trip-steps span{padding:6px 9px}.guide-content{margin:26px 18px}.trip-main .guide-content{margin:25px 0}.total-card .big-amount strong{font-size:46px}.header .beta{display:none}}@media(max-width:400px){.header nav{gap:12px}.welcome{grid-template-columns:1fr 100px}.welcome img{width:140px;margin-left:-25px}.welcome h1{font-size:28px}.welcome p{font-size:12px}.header{gap:8px}.header nav a:first-child[href="/#calculator"]{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){body[data-page="home"] main{margin:0}body[data-page="home"] .mobile-dock{display:none}.welcome{display:block;position:relative;min-height:245px;padding:24px}.welcome h1{font-size:30px;max-width:280px}.welcome p{max-width:205px;font-size:13px}.welcome img{position:absolute;width:125px;right:7px;bottom:10px;margin:0}.choice{grid-template-columns:56px 1fr;gap:0 14px;padding:18px;min-height:118px}.choice svg{width:56px;height:56px}.choice h3,.choice:first-child h3{font-size:19px;padding:0}.choice .recommended{display:none}.choice p{font-size:12px}.trip-heading{padding-right:90px}.trip-heading h1{font-size:27px}.trip-heading:after{width:110px;right:-6px;top:50px}}
.total-card b,.total-card p b{color:#314d67}.header nav a[aria-current="page"]{color:#2165bb}.total-card .card-top>span{color:#526b80}