.cmp-page{--cmp-blue:#175ed2;--cmp-blue-dk:#104cad;--cmp-navy:#102c48;--cmp-orange:#f28c28;--cmp-orange-txt:#b4530a;--cmp-line:#dbe3ee;--cmp-soft:#f3f7fd;min-height:100vh;color:var(--cmp-navy);font-family:var(--font-inter,Inter, system-ui, -apple-system, sans-serif);background:#fff;overflow-x:hidden}.cmp-page *,.cmp-page :before,.cmp-page :after{box-sizing:border-box}.cmp-page .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cmp-top{border-bottom:1px solid var(--cmp-line);z-index:5;background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex;position:sticky;top:0}.cmp-brand{color:var(--cmp-navy);letter-spacing:-.01em;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:800;text-decoration:none;display:flex}.cmp-brand span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cmp-call{color:var(--cmp-blue);border:1.5px solid var(--cmp-blue);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.cmp-main{max-width:520px;margin:0 auto;padding:22px 16px 32px}.cmp-chip{color:var(--cmp-orange-txt);letter-spacing:.04em;text-transform:uppercase;background:#fff3e6;border:1px solid #f8c999;border-radius:999px;margin:0 0 12px;padding:5px 11px;font-size:12.5px;font-weight:800;display:inline-block}.cmp-form h1,.cmp-success h1{letter-spacing:-.02em;color:var(--cmp-navy);margin:0 0 8px;font-size:30px;font-weight:900;line-height:1.12}.cmp-sub{color:#3c5269;margin:0 0 18px;font-size:16px;line-height:1.45}.cmp-search{border:2.5px solid var(--cmp-blue);color:var(--cmp-blue);background:#fff;border-radius:16px;align-items:center;gap:8px;padding:6px 14px;display:flex;box-shadow:0 8px 24px #175ed224}.cmp-search.has-error{border-color:#c0392b}.cmp-search input{min-width:0;box-shadow:none;color:var(--cmp-navy);background:0 0;border:0;outline:0;flex:1;margin:0;padding:14px 0;font-size:18px;font-weight:700}.cmp-search:focus-within{box-shadow:0 0 0 4px #175ed233,0 8px 24px #175ed224}.cmp-search.has-error:focus-within{box-shadow:0 0 0 4px #c0392b29}.cmp-search input:focus,.cmp-search input:focus-visible{box-shadow:none;outline:none}.cmp-search input::placeholder{color:#7d8fa3;font-weight:600}.cmp-note{color:#3c5269;margin:10px 2px 0;font-size:14px}.cmp-err{color:#b3261e;margin:6px 2px 0;font-size:14px;font-weight:600}.cmp-card{background:var(--cmp-soft);border:1.5px solid #bcd2f5;border-radius:14px;margin-top:12px;padding:14px}.cmp-card-head{align-items:flex-start;gap:10px;display:flex}.cmp-ok{background:var(--cmp-blue);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:14px;font-weight:900;display:grid}.cmp-card-name{word-break:break-word;margin:2px 0 0;font-size:16.5px;font-weight:900;line-height:1.25}.cmp-card-dba{color:#3c5269;margin:2px 0 0;font-size:13.5px}.cmp-card-line{color:#3c5269;word-break:break-word;margin:8px 0 0 36px;font-size:14px}.cmp-card-tags{flex-wrap:wrap;gap:6px;margin:10px 0 0 36px;display:flex}.cmp-card-tags span{color:var(--cmp-orange-txt);background:#fff3e6;border:1px solid #f8c999;border-radius:999px;padding:4px 9px;font-size:12.5px;font-weight:800}.cmp-checks{gap:10px;margin:20px 0 0;display:grid}.cmp-check-row{cursor:pointer;border:1.5px solid var(--cmp-line);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px;font-size:16px;font-weight:700;display:flex;position:relative}.cmp-check-row.on{border-color:var(--cmp-blue);background:var(--cmp-soft)}.cmp-check-row input{opacity:0;width:1px;height:1px;position:absolute}.cmp-box{background:#fff;border:2px solid #9fb2c8;border-radius:7px;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.cmp-check-row.on .cmp-box{background:var(--cmp-blue);border-color:var(--cmp-blue)}.cmp-check-row.on .cmp-box:after{content:"";border:3px solid #fff;border-width:0 3px 3px 0;width:6px;height:11px;transform:translateY(-1px)rotate(45deg)}.cmp-check-row input:focus-visible+.cmp-box{outline-offset:2px;outline:3px solid #9cc0f5}.cmp-cov{border:0;min-width:0;margin:22px 0 0;padding:0}.cmp-cov legend{color:var(--cmp-navy);margin:0 0 10px;padding:0;font-size:18px;font-weight:900}.cmp-cov-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.cmp-cov-btn{border:1.5px solid var(--cmp-line);min-height:98px;color:var(--cmp-blue);cursor:pointer;font:inherit;text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 6px;display:flex;box-shadow:0 2px 6px #102c480d}.cmp-cov-btn span{color:var(--cmp-navy);font-size:13.5px;font-weight:800;line-height:1.2}.cmp-cov-btn.on{border:2.5px solid var(--cmp-orange);color:var(--cmp-orange-txt);background:#fff7ef}.cmp-cov-btn.on span{color:var(--cmp-orange-txt)}.cmp-fields{gap:6px;margin:22px 0 0;display:grid}.cmp-fields label{margin-top:6px;font-size:15px;font-weight:800}.cmp-fields input{width:100%;color:var(--cmp-navy);background:#fff;border:1.5px solid #b9c7d8;border-radius:12px;margin:0;padding:15px 14px;font-size:17px}.cmp-fields input:focus{border-color:var(--cmp-blue);outline:3px solid #9cc0f5}.cmp-cta{letter-spacing:.01em;text-align:center;cursor:pointer;border:0;border-radius:16px;width:100%;margin:22px 0 0;padding:19px 16px;font-size:20px;font-weight:900;text-decoration:none;display:block}.cmp-cta-orange{background:var(--cmp-orange);color:#1d1206;box-shadow:0 10px 24px #f28c2859}.cmp-cta-orange:hover{background:#e07b17}.cmp-cta-blue{background:var(--cmp-blue);color:#fff;box-shadow:0 10px 24px #175ed24d}.cmp-cta-blue:hover{background:var(--cmp-blue-dk)}.cmp-cta:disabled{opacity:.7;cursor:wait}.cmp-fine{text-align:center;color:#3c5269;margin:12px 0 0;font-size:14px}.cmp-fine a,.cmp-foot a{color:var(--cmp-blue);font-weight:800}.cmp-success{text-align:center;padding:26px 4px}.cmp-check{background:var(--cmp-blue);color:#fff;border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 16px;display:grid}.cmp-success p{color:#3c5269;margin:0 0 10px;font-size:16.5px;line-height:1.5}.cmp-success .cmp-ref{color:var(--cmp-orange-txt);font-size:13px;font-weight:800}.cmp-foot{border-top:1px solid var(--cmp-line);text-align:center;color:#3c5269;background:#fafcff;padding:18px 16px 28px;font-size:13px}.cmp-foot p{margin:0 0 6px}@media (min-width:700px){.cmp-form h1,.cmp-success h1{font-size:38px}.cmp-cov-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.cmp-trucks{margin:22px 0 0}.cmp-page .cmp-trucks h2,.cmp-expiry legend{color:var(--cmp-navy);margin:0 0 4px;padding:0;font-size:18px;font-weight:900}.cmp-hint{color:#3c5269;margin:0 0 10px;font-size:14px}.cmp-truck-list{gap:8px;margin:0 0 10px;padding:0;list-style:none;display:grid}.cmp-truck{border:1.5px solid var(--cmp-line);border-left:4px solid var(--cmp-blue);background:#fff;border-radius:12px;align-items:flex-start;gap:10px;min-width:0;padding:12px 10px 12px 12px;display:flex}.cmp-truck.warn{border-left-color:var(--cmp-orange)}.cmp-truck-no{background:var(--cmp-soft);width:26px;height:26px;color:var(--cmp-blue-dk);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:900;display:grid}.cmp-truck-body{flex:1;min-width:0}.cmp-truck-name{color:var(--cmp-navy);word-break:break-word;margin:2px 0 0;font-size:15.5px;font-weight:900;line-height:1.25}.cmp-truck-meta{color:var(--cmp-orange-txt);word-break:break-word;margin:3px 0 0;font-size:13px;font-weight:700}.cmp-truck-vin{color:#5b6f85;word-break:break-all;margin:3px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.cmp-truck-note{color:#3c5269;margin:6px 0 0;font-size:13px}.cmp-truck-x{color:#5b6f85;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;margin:-4px -2px 0 0;display:grid}.cmp-truck-x:hover,.cmp-truck-x:focus-visible{color:#b3261e;background:#fdecea}.cmp-vin{background:#fff;border:2px solid #c9d6e6;border-radius:12px;align-items:center;gap:8px;min-width:0;padding:5px 5px 5px 12px;display:flex}.cmp-vin:focus-within{border-color:var(--cmp-blue)}.cmp-vin.has-error{border-color:#c0392b}.cmp-vin input{letter-spacing:.04em;min-width:0;color:var(--cmp-navy);background:0 0;border:0;outline:0;flex:1;padding:8px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:700}.cmp-vin input::placeholder{letter-spacing:0;color:#7d8fa3;font-family:inherit;font-weight:600}.cmp-vin button{background:var(--cmp-blue);color:#fff;cursor:pointer;border:0;border-radius:9px;flex-shrink:0;padding:10px 16px;font-size:15px;font-weight:800}.cmp-vin-err{color:#7a3a06;background:#fff7ef;border:1px solid #f6c48f;border-radius:10px;margin:8px 2px 0;padding:8px 10px;font-size:14px;font-weight:600}.cmp-add-truck{width:100%;min-height:46px;color:var(--cmp-blue-dk);cursor:pointer;background:#fff;border:2px dashed #9fb2c8;border-radius:12px;font-size:15px;font-weight:800}.cmp-add-truck:hover{border-color:var(--cmp-blue);background:var(--cmp-soft)}.cmp-expiry{border:0;gap:10px;min-width:0;margin:22px 0 0;padding:0;display:grid}.cmp-expiry legend{margin-bottom:10px}.cmp-expiry input[type=date]{width:100%;min-width:0;min-height:50px;color:var(--cmp-navy);appearance:none;background:#fff;border:2px solid #c9d6e6;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:16px;font-weight:700}.cmp-expiry input[type=date]:focus{border-color:var(--cmp-blue);outline:3px solid #9cc0f5}.cmp-expiry input[type=date]:disabled{color:#9aa9ba;background:#f1f4f8;border-color:#e1e7ef}.cmp-page .cmp-vin input:focus,.cmp-page .cmp-vin input:focus-visible{box-shadow:none;outline:none}.cmp-hero{aspect-ratio:12/5;background:#dfe9f7;border-radius:16px;margin:-6px 0 16px;position:relative;overflow:hidden;box-shadow:0 8px 22px #102c4824}.cmp-hero img{object-fit:cover;object-position:62% 40%;width:100%;height:100%;display:block}.cmp-hero:after{content:"";pointer-events:none;background:linear-gradient(#102c4800 55%,#102c4861 100%);position:absolute;inset:0}.cmp-page .cmp-chip-hero{z-index:1;margin:0;position:absolute;bottom:10px;left:10px;box-shadow:0 2px 8px #102c4840}.cmp-progress{margin:-4px 0 14px}.cmp-progress-top{justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 7px;font-size:13px;display:flex}.cmp-progress-count{color:var(--cmp-blue-dk);letter-spacing:.02em;text-transform:uppercase;font-weight:900}.cmp-progress-name{color:#5b6f85;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:700;overflow:hidden}.cmp-bar{background:#e5ecf6;border-radius:999px;height:8px;overflow:hidden}.cmp-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--cmp-blue) 0%, var(--cmp-blue) 70%, var(--cmp-orange) 100%);height:100%;transition:width .45s cubic-bezier(.2,.8,.2,1);display:block}.cmp-ctx{background:var(--cmp-soft);color:var(--cmp-navy);white-space:nowrap;text-overflow:ellipsis;border:1px solid #d3e1f6;border-radius:10px;margin:0 0 12px;padding:7px 11px;font-size:13px;font-weight:800;overflow:hidden}.cmp-step{will-change:transform, opacity}.cmp-step-fwd{animation:.34s cubic-bezier(.2,.8,.2,1) both cmp-in-fwd}.cmp-step-back{animation:.34s cubic-bezier(.2,.8,.2,1) both cmp-in-back}@keyframes cmp-in-fwd{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@keyframes cmp-in-back{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:none}}.cmp-page .cmp-step-h{letter-spacing:-.015em;color:var(--cmp-navy);margin:0 0 4px;font-size:24px;font-weight:900;line-height:1.15}.cmp-page .cmp-step-h:focus,.cmp-form h1:focus,.cmp-success h1:focus{outline:none}.cmp-page .cmp-trucks,.cmp-page .cmp-cov{margin-top:0}.cmp-page .cmp-cov legend{margin:0}.cmp-step>.cmp-hint+.cmp-checks{margin-top:4px}.cmp-pop{animation:.48s cubic-bezier(.34,1.56,.64,1) both cmp-pop}@keyframes cmp-pop{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}.cmp-card.cmp-pop .cmp-ok{animation:.5s cubic-bezier(.34,1.56,.64,1) .18s both cmp-ok}@keyframes cmp-ok{0%{transform:scale(0)}to{transform:scale(1)}}.cmp-loading:before{content:"";border:2px solid #bcd2f5;border-top-color:var(--cmp-blue);border-radius:50%;width:12px;height:12px;margin:0 8px -1px 0;animation:.7s linear infinite cmp-spin;display:inline-block}@keyframes cmp-spin{to{transform:rotate(360deg)}}.cmp-nav{align-items:stretch;gap:10px;margin:22px 0 0;display:flex}.cmp-nav .cmp-cta{flex:1;min-width:0;margin:0}.cmp-back{min-height:56px;color:var(--cmp-navy);font:inherit;cursor:pointer;background:#fff;border:1.5px solid #b9c7d8;border-radius:16px;flex-shrink:0;padding:0 16px;font-size:16px;font-weight:800}.cmp-back:hover{border-color:var(--cmp-blue);color:var(--cmp-blue-dk)}.cmp-next{background:var(--cmp-blue);color:#fff;min-width:0;min-height:56px;font:inherit;cursor:pointer;border:0;border-radius:16px;flex:1;padding:0 16px;font-size:18px;font-weight:900;transition:background .15s,transform .15s;box-shadow:0 8px 20px #175ed240}.cmp-next:hover{background:var(--cmp-blue-dk)}.cmp-next:active,.cmp-back:active{transform:scale(.98)}.cmp-next:disabled{opacity:.7;cursor:wait}.cmp-skip{color:var(--cmp-blue-dk);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:12px auto 0;padding:8px 10px;font-size:14.5px;font-weight:800;text-decoration:underline;display:block}.cmp-page .cmp-fields{margin-top:10px}.cmp-success{position:relative}.cmp-check{animation:.55s cubic-bezier(.34,1.56,.64,1) both cmp-check-in;box-shadow:0 0 #175ed259}.cmp-check path{stroke-dasharray:1;stroke-dashoffset:1px;animation:.45s ease-out .32s forwards cmp-draw}@keyframes cmp-check-in{0%{opacity:0;transform:scale(.3)}60%{opacity:1}to{transform:scale(1);box-shadow:0 0 0 14px #175ed200}}@keyframes cmp-draw{to{stroke-dashoffset:0}}.cmp-confetti{pointer-events:none;z-index:20;position:fixed;inset:0;overflow:hidden}.cmp-confetti i{top:-14px;left:var(--x);opacity:0;width:8px;height:12px;animation:cmp-fall var(--t) var(--d) cubic-bezier(.25, .6, .4, 1) forwards;border-radius:2px;position:absolute}.cmp-confetti i:nth-child(3n){border-radius:50%;width:6px;height:6px}@keyframes cmp-fall{0%{opacity:1;transform:translate(0,0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translate3d(var(--drift), 92vh, 0) rotate(var(--r))}}@media (prefers-reduced-motion:reduce){.cmp-page *,.cmp-page :before,.cmp-page :after{transition:none!important;animation:none!important}.cmp-check path{stroke-dashoffset:0}.cmp-confetti{display:none}}