.mockup-auto-o-uber *{box-sizing:border-box}.mockup-auto-o-uber{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#12243b;background:#fff}.mockup-auto-o-uber button,.mockup-auto-o-uber input,.mockup-auto-o-uber select{font:inherit}.mockup-auto-o-uber .wrap{width:min(1160px,calc(100% - 40px));margin:auto}.mockup-auto-o-uber header{height:82px;border-bottom:1px solid #e1e8ed;display:flex;align-items:center}.mockup-auto-o-uber .nav{display:flex;align-items:center;justify-content:space-between}.mockup-auto-o-uber .brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900}.mockup-auto-o-uber .logo{width:31px;height:31px;border-radius:8px;background:#183653;color:#fff;display:grid;place-items:center;font-size:12px}.mockup-auto-o-uber .links,.mockup-auto-o-uber .tools{display:flex;align-items:center;gap:25px}.mockup-auto-o-uber .links span{font-size:12px;font-weight:750;color:#526477}.mockup-auto-o-uber .tools span{border:1px solid #dbe4e9;border-radius:10px;padding:10px 13px;font-size:11px}.mockup-auto-o-uber .tools .dark{background:#183653;color:#fff}.mockup-auto-o-uber .hero{background:radial-gradient(circle at 18% 68%,#e5f1fb 0,transparent 26%),linear-gradient(135deg,#f7f9fd,#f4fafb);padding:27px 0 65px}.mockup-auto-o-uber .crumb{font-size:11px;color:#748497;margin-bottom:34px}.mockup-auto-o-uber .crumb b,.mockup-auto-o-uber .eyebrow{color:#2879a9}.mockup-auto-o-uber .grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:50px;align-items:start}.mockup-auto-o-uber .copy{padding-top:7px}.mockup-auto-o-uber .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:900;display:flex;align-items:center;gap:9px}.mockup-auto-o-uber .eyebrow:before{content:"";width:27px;border-top:2px solid}.mockup-auto-o-uber .copy h1{font-size:52px;line-height:1.02;letter-spacing:-.055em;margin:17px 0}.mockup-auto-o-uber .copy>p{font-size:16px;line-height:1.65;color:#5c6f83}.mockup-auto-o-uber .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:21px}.mockup-auto-o-uber .chips span{background:#fff;border:1px solid #dbe5e9;border-radius:9px;padding:8px 10px;font-size:9px;color:#52677b}.mockup-auto-o-uber .art{height:250px;position:relative;margin-top:20px}.mockup-auto-o-uber .road{position:absolute;left:5px;right:0;bottom:43px;height:55px;background:#d7e2e8;border-radius:50%;transform:skew(-13deg)}.mockup-auto-o-uber .road:after{content:"";position:absolute;left:8%;right:8%;top:25px;border-top:3px dashed #fff}.mockup-auto-o-uber .car{position:absolute;left:32px;bottom:69px;width:290px;height:91px}.mockup-auto-o-uber .body{position:absolute;inset:32px 0 0;background:#2879a9;border-radius:43px 54px 17px 19px;box-shadow:0 18px 30px #17385827}.mockup-auto-o-uber .body:before{content:"";position:absolute;width:130px;height:59px;left:68px;top:-38px;background:#3c8db8;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.mockup-auto-o-uber .glass{position:absolute;left:98px;top:3px;width:71px;height:33px;background:#d8edf3;clip-path:polygon(14% 0,80% 0,100% 100%,0 100%);z-index:2}.mockup-auto-o-uber .wheel{position:absolute;bottom:-12px;width:44px;height:44px;border:8px solid #173653;border-radius:50%;background:#cbd8de;z-index:3}.mockup-auto-o-uber .w1{left:41px}.mockup-auto-o-uber .w2{right:38px}.mockup-auto-o-uber .float{position:absolute;right:0;top:3px;background:#fff;border:1px solid #d9e4e8;border-radius:14px;padding:15px 18px;box-shadow:0 16px 34px #17385818;z-index:4}.mockup-auto-o-uber .float small{display:block;font-size:7px;color:#6b7d8f}.mockup-auto-o-uber .float b{display:block;color:#2879a9;font-size:19px;margin:5px 0}.mockup-auto-o-uber .float span{font-size:8px;color:#65788a}.mockup-auto-o-uber .calc{background:#fff;border:1px solid #d8e3e8;border-radius:20px;padding:26px 28px;box-shadow:0 25px 58px #17385817}.mockup-auto-o-uber .calc-head{display:flex;justify-content:space-between;gap:16px}.mockup-auto-o-uber .calc h2{font-size:23px;margin:0 0 4px}.mockup-auto-o-uber .muted{font-size:10px;color:#687b8d;margin:0}.mockup-auto-o-uber .tag{background:#eaf5fb;color:#226f9a;border-radius:99px;padding:7px 10px;font-size:8px;font-weight:850;height:max-content}.mockup-auto-o-uber .label{font-size:9px;font-weight:900;margin:16px 0 8px}.mockup-auto-o-uber .cases{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mockup-auto-o-uber .case{border:1px solid #dce5e9;background:#fff;border-radius:10px;padding:7px 3px;min-height:57px;font-size:7px;font-weight:800;color:#586c7e;cursor:pointer}.mockup-auto-o-uber .case i{display:block;font-style:normal;font-size:14px;margin-bottom:2px}.mockup-auto-o-uber .case.active{border:2px solid #3784af;background:#edf7fb;color:#22658c}.mockup-auto-o-uber .fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mockup-auto-o-uber .field{border:1px solid #dce5e9;border-radius:10px;padding:8px 10px}.mockup-auto-o-uber .field.hide{display:none}.mockup-auto-o-uber .field label{display:block;font-size:7px;color:#64788b;margin-bottom:5px}.mockup-auto-o-uber .field input,.mockup-auto-o-uber .field select{width:100%;border:0;outline:0;background:none;font-size:12px;font-weight:750;color:#17304b}.mockup-auto-o-uber .result{background:#183653;color:#fff;border-radius:15px;padding:18px 20px;margin-top:11px}.mockup-auto-o-uber .result-top{display:flex;justify-content:space-between;gap:15px}.mockup-auto-o-uber .result small{font-size:8px;color:#b9cad6}.mockup-auto-o-uber .value{font-size:33px;letter-spacing:-.04em;font-weight:900;margin-top:4px}.mockup-auto-o-uber .badge{background:#e9f5fa;color:#22658c;border-radius:9px;padding:9px 11px;text-align:right;height:max-content}.mockup-auto-o-uber .badge small{color:#22658c}.mockup-auto-o-uber .badge b{display:block;font-size:12px;margin-top:3px}.mockup-auto-o-uber .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #375874;padding-top:12px;margin-top:13px}.mockup-auto-o-uber .stats span{font-size:7px;color:#b9c9d4}.mockup-auto-o-uber .stats b{display:block;color:#fff;font-size:10px;margin-top:4px}.mockup-auto-o-uber .go{width:100%;border:0;border-radius:9px;background:linear-gradient(90deg,#2879a9,#4ba3c4);color:#fff;padding:12px;font-size:11px;font-weight:900;margin-top:14px;cursor:pointer}.mockup-auto-o-uber .section{padding:70px 0}.mockup-auto-o-uber .center{text-align:center;max-width:720px;margin:0 auto 34px}.mockup-auto-o-uber .center span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#2879a9;font-weight:900}.mockup-auto-o-uber .center h2{font-size:37px;letter-spacing:-.045em;margin:10px 0}.mockup-auto-o-uber .center p{font-size:12px;line-height:1.65;color:#63768a}.mockup-auto-o-uber .scale{border:1px solid #dce5e9;border-radius:18px;padding:29px;box-shadow:0 12px 30px #1738580a}.mockup-auto-o-uber .meter{height:19px;border-radius:99px;background:linear-gradient(90deg,#dff4e8 0 50%,#dcecf7 50%);position:relative;margin:60px 10px 20px}.mockup-auto-o-uber .pin{position:absolute;top:50%;left:64%;transform:translate(-50%,-50%);width:31px;height:31px;border-radius:50%;background:#183653;border:6px solid #fff;box-shadow:0 5px 14px #17385835}.mockup-auto-o-uber .pin:before{content:attr(data-value);position:absolute;bottom:34px;left:50%;transform:translate(-50%);white-space:nowrap;background:#183653;color:#fff;padding:7px 9px;border-radius:7px;font-size:8px;font-weight:850}.mockup-auto-o-uber .labels{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:9px;color:#617589}.mockup-auto-o-uber .labels b{display:block;font-size:11px;color:#17304b;margin-bottom:4px}.mockup-auto-o-uber .summary{display:flex;justify-content:space-between;gap:15px;background:#f5f8fa;border-radius:11px;padding:14px 16px;margin-top:20px;font-size:10px;color:#627689}.mockup-auto-o-uber .summary b{color:#2879a9}.mockup-auto-o-uber .break{background:#f4f8fa;padding:69px 0}.mockup-auto-o-uber .breakgrid{display:grid;grid-template-columns:1.08fr .92fr;gap:17px}.mockup-auto-o-uber .card{background:#fff;border:1px solid #dce5e9;border-radius:16px;padding:25px}.mockup-auto-o-uber .card h3{font-size:18px;margin:0 0 17px}.mockup-auto-o-uber .line{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e5ecef}.mockup-auto-o-uber .line span{font-size:10px;color:#627689}.mockup-auto-o-uber .line b{font-size:11px}.mockup-auto-o-uber .line.total{background:#eaf5fb;color:#22658c;border:0;border-radius:10px;padding:14px;margin-top:11px}.mockup-auto-o-uber .rule{display:flex;gap:12px;margin:14px 0}.mockup-auto-o-uber .rule i{font-style:normal;width:34px;height:34px;border-radius:10px;background:#eaf5fb;color:#2879a9;display:grid;place-items:center;font-weight:900}.mockup-auto-o-uber .rule b{display:block;font-size:10px}.mockup-auto-o-uber .rule span{display:block;font-size:9px;color:#687b8d;margin-top:3px;line-height:1.45}.mockup-auto-o-uber .warning{background:#fff7e8;border:1px solid #efdcae;border-radius:11px;padding:13px;margin-top:16px;color:#76551b;font-size:9px;line-height:1.55}.mockup-auto-o-uber .costs{padding:69px 0}.mockup-auto-o-uber .costgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mockup-auto-o-uber .cost{border:1px solid #dce5e9;border-radius:15px;padding:20px}.mockup-auto-o-uber .cost i{font-style:normal;font-size:21px}.mockup-auto-o-uber .cost h3{font-size:12px;margin:11px 0 6px}.mockup-auto-o-uber .cost p{font-size:9px;line-height:1.55;color:#687b8d}.mockup-auto-o-uber .cost em{font-style:normal;color:#2879a9;background:#eaf5fb;border-radius:99px;padding:6px 8px;font-size:7px;font-weight:850}.mockup-auto-o-uber .darksec{background:#183653;color:#fff;padding:68px 0}.mockup-auto-o-uber .darkgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center}.mockup-auto-o-uber .darksec h2{font-size:35px;letter-spacing:-.045em;margin:10px 0}.mockup-auto-o-uber .darksec p{color:#c2d0db;font-size:11px;line-height:1.65}.mockup-auto-o-uber .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mockup-auto-o-uber .facts div{background:#254762;border-radius:13px;padding:17px;text-align:center}.mockup-auto-o-uber .facts small{display:block;color:#abc0ce;font-size:7px}.mockup-auto-o-uber .facts b{display:block;font-size:14px;margin:7px 0}.mockup-auto-o-uber .facts span{font-size:8px;color:#9fd3e6}.mockup-auto-o-uber .foot{height:90px}@media(max-width:800px){.mockup-auto-o-uber .links{display:none}.mockup-auto-o-uber .grid,.mockup-auto-o-uber .breakgrid,.mockup-auto-o-uber .darkgrid{grid-template-columns:1fr}.mockup-auto-o-uber .copy{text-align:center}.mockup-auto-o-uber .eyebrow,.mockup-auto-o-uber .chips{justify-content:center}.mockup-auto-o-uber .copy h1{font-size:41px}.mockup-auto-o-uber .art{max-width:420px;margin-inline:auto}.mockup-auto-o-uber .calc{padding:21px 16px}.mockup-auto-o-uber .fields,.mockup-auto-o-uber .costgrid{grid-template-columns:1fr 1fr}.mockup-auto-o-uber .tools span:not(:last-child){display:none}}@media(max-width:500px){.mockup-auto-o-uber .wrap{width:min(100% - 26px,1160px)}.mockup-auto-o-uber .copy h1{font-size:36px}.mockup-auto-o-uber .cases,.mockup-auto-o-uber .fields,.mockup-auto-o-uber .stats,.mockup-auto-o-uber .costgrid,.mockup-auto-o-uber .facts{grid-template-columns:1fr 1fr}.mockup-auto-o-uber .summary{display:block}.mockup-auto-o-uber .summary b{display:block;margin-top:7px}.mockup-auto-o-uber .car{left:0}.mockup-auto-o-uber .float{right:0}}.mockup-auto-o-uber{width:100%;overflow:hidden}.mockup-auto-o-uber .top,.mockup-auto-o-uber header.top{display:none!important}.mockup-auto-o-uber .foot{display:none!important}.mockup-auto-o-uber .support-real{width:min(1160px,calc(100% - 40px));margin:auto;padding:64px 0}.mockup-auto-o-uber .support-real-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.mockup-auto-o-uber .support-real details{border-bottom:1px solid #dfe6ed;padding:14px 0}.mockup-auto-o-uber .support-real summary{cursor:pointer;font-weight:750}.mockup-auto-o-uber .support-real p{color:#687a8f;line-height:1.65}@media(max-width:800px){.mockup-auto-o-uber .support-real-grid{grid-template-columns:1fr}}