.mileage-hero{min-height:900px}.mileage-hero .marketing-hero__action{margin-top:0}.mileage-workflow{background:var(--odo-surface-alt);min-height:1020px;padding:76px 0 103px}.mileage-workflow__inner{width:min(calc(100% - 40px), var(--odo-content));margin:0 auto}.mileage-workflow__header{max-width:820px}.mileage-workflow__content{grid-template-columns:520px 528px;gap:72px;margin-top:34px;display:grid}.mileage-steps{flex-direction:column;justify-content:center;gap:22px;height:520px;list-style:none;display:flex}.mileage-steps li{grid-template-columns:40px minmax(0,1fr);gap:16px;display:grid}.mileage-steps li>span{width:40px;height:40px;color:var(--odo-white);background:var(--odo-blue-action);border-radius:999px;place-items:center;font-size:15px;font-weight:800;display:grid}.mileage-steps h3{font-size:19px;font-weight:700;line-height:1.2}.mileage-steps p{color:var(--odo-slate);margin-top:7px;font-size:15px;line-height:1.45}.mileage-app-visual{background:var(--odo-surface-band);border-radius:20px;height:540px;position:relative;overflow:hidden}.mileage-open-note{align-items:center;min-height:62px;margin-top:34px;padding:12px 18px}.mileage-claim{background:var(--odo-white);min-height:900px}.mileage-claim__inner{width:min(calc(100% - 40px), var(--odo-content));grid-template-rows:auto auto auto;grid-template-columns:540px 500px;column-gap:80px;min-height:900px;margin:0 auto;padding:80px 0;display:grid;position:relative}.mileage-report-stage{background:var(--odo-surface-blue);border:1px solid var(--odo-border);border-radius:16px;grid-row:1/4;height:740px;position:relative;overflow:hidden}.mileage-report-stage>p{z-index:1;color:var(--odo-blue-dark);letter-spacing:1px;text-transform:uppercase;padding:24px 28px 0;font-size:11px;font-weight:800;position:relative}.mileage-report-stage img{object-fit:contain;width:444px;height:628px;position:absolute;top:66px;left:48px}.mileage-report-stage__paid{z-index:1;position:absolute;top:706px;left:48px}.mileage-claim__header{align-self:end}.mileage-claim__details{margin-top:18px}.mileage-claim__note{align-self:start;min-height:64px;margin-top:18px}.mileage-verification{background:var(--odo-surface-blue);min-height:720px}.mileage-verification__inner{width:min(calc(100% - 40px), var(--odo-content));grid-template-rows:auto auto;grid-template-columns:460px 580px;column-gap:80px;min-height:720px;margin:0 auto;padding:86px 0;display:grid;position:relative}.mileage-verification__header{align-self:end}.mileage-verification__limit{align-self:start;margin-top:20px}.mileage-verification__browser{grid-area:1/2/3;height:548px}.mileage-verification__browser .browser-mockup__body{height:508px}.mileage-verification__browser img{width:234px;height:468px;margin-top:20px}@media (width<=767px){.mileage-hero{min-height:880px}.mileage-hero .marketing-hero__inner{padding-bottom:78px}.mileage-hero .marketing-hero__headline{margin-bottom:0}.mileage-workflow{min-height:1220px;padding:48px 0}.mileage-workflow__inner{width:calc(100% - 40px)}.mileage-workflow__header{max-width:none}.mileage-workflow__content{flex-direction:column;gap:22px;margin-top:22px;display:flex}.mileage-steps{justify-content:flex-start;gap:18px;height:auto}.mileage-steps li{grid-template-columns:34px minmax(0,1fr);gap:14px}.mileage-steps li>span{width:34px;height:34px;font-size:14px}.mileage-steps h3{font-size:19px;line-height:1.25}.mileage-steps p{margin-top:5px;font-size:14px;line-height:1.42}.mileage-app-visual{height:400px}.mileage-open-note{align-items:start;min-height:88px;margin-top:22px;padding:14px}.mileage-claim{min-height:1220px}.mileage-claim__inner{flex-direction:column;width:calc(100% - 40px);min-height:1220px;padding:48px 0;display:flex}.mileage-claim__header{order:1}.mileage-report-stage{order:2;width:100%;height:438px;margin-top:22px}.mileage-report-stage>p{letter-spacing:.8px;padding:16px 18px 0;font-size:10px}.mileage-report-stage img{width:242px;height:343px;top:48px;left:54px}.mileage-report-stage__paid{top:402px;left:54px}.mileage-claim__details{order:3;gap:14px;margin-top:22px}.mileage-claim__details .detail-list__item{min-height:41px}.mileage-claim__details .detail-list__icon{width:34px;height:34px}.mileage-claim__details h3{font-size:15px}.mileage-claim__note{order:4;min-height:88px;margin-top:22px;padding:14px}.mileage-verification{min-height:1020px}.mileage-verification__inner{flex-direction:column;width:calc(100% - 40px);min-height:1020px;padding:48px 0 55px;display:flex}.mileage-verification__header{order:1}.mileage-verification__limit{order:2;margin-top:22px;padding:14px}.mileage-verification__browser{order:3;width:100%;height:500px;margin-top:22px}.mileage-verification__browser .browser-mockup__chrome{height:38px}.mileage-verification__browser .browser-mockup__body{height:462px}.mileage-verification__browser img{width:220px;height:440px;margin-top:11px}}