@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
.sox-route{--blue:#0878d1;--deep:#062d4f;--cyan:#24b8f2;--ink:#12263a;position:relative;overflow:hidden;padding:clamp(28px,5vw,70px);border-radius:30px;background:linear-gradient(135deg,#f7fbff 0%,#edf7ff 58%,#f9fcff 100%);font-family:Montserrat,Arial,sans-serif;color:var(--ink);box-shadow:0 22px 65px rgba(10,71,116,.13);isolation:isolate}
.sox-route *{box-sizing:border-box}.sox-orb{position:absolute;border-radius:50%;filter:blur(2px);z-index:-1;animation:sox-float 8s ease-in-out infinite}.sox-orb-a{width:360px;height:360px;right:-160px;top:-180px;background:rgba(36,184,242,.14)}.sox-orb-b{width:240px;height:240px;left:-100px;bottom:-100px;background:rgba(8,120,209,.10);animation-delay:-3s}
.sox-head{text-align:center;max-width:840px;margin:0 auto 34px}.sox-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:1.55px;color:var(--blue)}.sox-eyebrow i{width:8px;height:8px;border-radius:50%;background:#19c48c;box-shadow:0 0 0 6px rgba(25,196,140,.12);animation:sox-pulse 2s infinite}.sox-head h2{font-size:clamp(29px,4vw,48px);line-height:1.08;margin:14px 0 12px;color:var(--deep);letter-spacing:-1.7px}.sox-head p{font-size:clamp(14px,1.5vw,17px);line-height:1.7;margin:0;color:#577087}.sox-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);gap:24px;max-width:1180px;margin:auto}.sox-card{border:1px solid rgba(93,159,205,.19);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 16px 46px rgba(13,70,111,.1)}
.sox-form{padding:clamp(22px,3vw,34px)}.sox-steps{display:flex;align-items:center;margin-bottom:25px}.sox-steps span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e8f1f7;color:#8ca0af;font-size:11px;font-weight:800}.sox-steps span.active{color:#fff;background:var(--blue);box-shadow:0 5px 15px rgba(8,120,209,.32)}.sox-steps b{height:2px;flex:1;background:linear-gradient(90deg,var(--blue),#dce8ef)}.sox-form fieldset{border:0;padding:0;margin:0 0 22px}.sox-form legend{font-weight:800;color:var(--deep);font-size:15px;margin-bottom:13px}.sox-types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sox-types label{position:relative;min-width:0;padding:15px 10px;border:1.5px solid #dbe8f0;border-radius:16px;text-align:center;cursor:pointer;transition:.22s ease;background:#fff}.sox-types input{position:absolute;opacity:0}.sox-types label:has(input:checked){border-color:var(--blue);background:#f1f9ff;box-shadow:0 7px 22px rgba(8,120,209,.12);transform:translateY(-2px)}.sox-type-icon{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 8px;border-radius:12px;background:#eaf6ff;color:var(--blue);font-size:20px}.sox-types strong,.sox-types small{display:block}.sox-types strong{font-size:12px}.sox-types small{font-size:9px;margin-top:3px;color:#7890a3}.sox-field{display:block;margin:0 0 18px}.sox-field>span{display:block;font-size:12px;font-weight:800;margin:0 0 8px;color:#294a63}.sox-field select,.sox-field input{width:100%;height:52px;border:1.5px solid #d9e7f0;border-radius:13px;background:#fff;padding:0 16px;font:500 13px Montserrat;color:#183b55;outline:0;transition:.2s}.sox-field select:focus,.sox-field input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(8,120,209,.1)}.sox-field small{display:block;margin:7px 2px;color:#7990a2;font-size:9px}.sox-manual{display:none}.sox-manual.is-visible{display:block;animation:sox-rise .3s ease}.sox-destination{display:flex;gap:12px;align-items:center;padding:14px 15px;border:1px dashed #a8cce3;border-radius:14px;background:#f6fbff;margin-bottom:18px}.sox-pin{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e2f2ff;color:var(--blue);box-shadow:0 0 0 5px rgba(8,120,209,.06)}.sox-destination div{flex:1}.sox-destination small,.sox-destination strong{display:block}.sox-destination small{font-size:8px;letter-spacing:1px;color:#7693a7}.sox-destination strong{font-size:12px;color:var(--deep);margin-top:3px}.sox-destination em{font-size:9px;font-style:normal;color:#638198}.sox-submit{width:100%;height:55px;border:0;border-radius:14px;color:#fff;background:linear-gradient(100deg,#076fca,#0c94e4);font:800 13px Montserrat;cursor:pointer;box-shadow:0 12px 25px rgba(8,120,209,.26);display:flex;justify-content:center;align-items:center;gap:13px;transition:.25s}.sox-submit:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(8,120,209,.34)}.sox-submit i{font-size:19px;font-style:normal;transition:.2s}.sox-submit:hover i{transform:translateX(4px)}.sox-error{min-height:16px;margin:9px 0 0;color:#c83c45;font-size:10px;text-align:center}
.sox-visual{position:relative;min-height:520px;overflow:hidden;background:linear-gradient(155deg,#06345c,#075e96);color:#fff}.sox-map-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:34px 34px;transform:perspective(500px) rotateX(55deg) scale(1.5);transform-origin:center bottom}.sox-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(35,185,243,.27),transparent 32%),linear-gradient(180deg,transparent 40%,rgba(3,34,59,.72));pointer-events:none}.sox-route-line{position:absolute;z-index:2;left:15%;right:15%;top:40%;display:flex;align-items:center}.sox-route-line>i{font-style:normal;z-index:2}.sox-start{color:#5dc8ff}.sox-end{color:#54e3ad}.sox-route-line span{position:relative;height:3px;flex:1;margin:0 4px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.8) 0 8px,transparent 8px 16px)}.sox-route-line span b{position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;top:-4px;left:0;opacity:0}.has-route .sox-route-line span b{animation:sox-travel 3s ease-in-out infinite;opacity:1}.sox-place{position:absolute;z-index:3;top:27%;max-width:38%}.sox-place-from{left:10%;text-align:left}.sox-place-to{right:9%;text-align:right}.sox-place small,.sox-place strong{display:block}.sox-place small{font-size:8px;letter-spacing:1.3px;color:#8cd4ff}.sox-place strong{font-size:11px;margin-top:4px}.sox-truck{position:absolute;z-index:3;top:43%;left:8%;color:#62caff;font-size:30px;opacity:.8}.sox-truck i,.sox-truck b{font-size:9px;position:absolute;bottom:0;color:#d8f3ff}.sox-truck i{left:4px}.sox-truck b{right:3px}.has-route .sox-truck{animation:sox-drive 3s ease-in-out infinite}.sox-placeholder,.sox-result,.sox-loading{position:absolute;z-index:4;left:7%;right:7%;bottom:7%;text-align:center;transition:.35s}.sox-placeholder span{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 12px;border-radius:17px;background:rgba(255,255,255,.11);font-size:24px}.sox-placeholder strong,.sox-placeholder small{display:block}.sox-placeholder strong{font-size:15px}.sox-placeholder small{font-size:10px;color:#a8cce2;margin-top:6px}.sox-placeholder.is-hidden{opacity:0;transform:translateY(12px);pointer-events:none}.sox-result{display:none;padding:21px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(3,38,65,.73);backdrop-filter:blur(10px)}.sox-result.is-visible{display:block;animation:sox-rise .5s ease}.sox-badge{font-size:8px;letter-spacing:1.3px;font-weight:800;color:#71dcaf}.sox-distance{display:flex;justify-content:center;align-items:baseline;gap:7px;margin:6px 0 -1px}.sox-distance strong{font-size:clamp(42px,6vw,62px);line-height:1}.sox-distance span{font-size:17px;color:#79d1ff}.sox-result>p{font-size:10px;color:#b4d2e4;margin:4px 0 13px}.sox-metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);padding:11px 0;margin-bottom:13px}.sox-metrics div+div{border-left:1px solid rgba(255,255,255,.13)}.sox-metrics small,.sox-metrics strong{display:block}.sox-metrics small{font-size:7px;letter-spacing:.8px;color:#8fb7cd}.sox-metrics strong{font-size:11px;margin-top:3px}.sox-actions{display:grid;grid-template-columns:1.35fr 1fr;gap:8px}.sox-actions a{display:grid;place-items:center;min-height:39px;border-radius:10px;padding:7px;text-decoration:none!important;font-size:8.5px;font-weight:800;color:#fff!important;background:#10a96d}.sox-actions a+ a{background:rgba(255,255,255,.12)}.sox-disclaimer{display:block;font-size:7.5px;color:#86a9bf;margin-top:9px}.sox-loading{display:none;bottom:23%}.sox-loading.is-visible{display:flex;flex-direction:column;align-items:center;gap:12px}.sox-loading i{width:38px;height:38px;border:3px solid rgba(255,255,255,.2);border-top-color:#56d8ff;border-radius:50%;animation:sox-spin .8s linear infinite}.sox-loading span{font-size:11px}.sox-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(18px,5vw,65px);margin-top:24px;color:#4e7189;font-size:10px;font-weight:700}.sox-benefits span::first-letter{color:#18af78}
@keyframes sox-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes sox-spin{to{transform:rotate(360deg)}}@keyframes sox-pulse{50%{box-shadow:0 0 0 10px rgba(25,196,140,0)}}@keyframes sox-float{50%{transform:translateY(22px) scale(1.05)}}@keyframes sox-travel{0%{left:0}50%{left:100%}100%{left:0}}@keyframes sox-drive{0%,100%{left:8%;transform:translateY(0)}50%{left:76%;transform:translateY(-2px)}}
@media(max-width:820px){.sox-route{border-radius:20px;padding:30px 15px}.sox-grid{grid-template-columns:1fr}.sox-visual{min-height:500px}.sox-head h2{letter-spacing:-1px}.sox-benefits{gap:12px 23px}}
@media(max-width:480px){.sox-types{grid-template-columns:1fr}.sox-types label{display:grid;grid-template-columns:38px 1fr;text-align:left;column-gap:10px;padding:10px 12px}.sox-type-icon{grid-row:1/3;margin:0}.sox-types strong{align-self:end}.sox-types small{align-self:start}.sox-actions{grid-template-columns:1fr}.sox-place{max-width:43%}.sox-card{border-radius:19px}.sox-form{padding:19px}.sox-visual{min-height:540px}}
@media(prefers-reduced-motion:reduce){.sox-route *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}