@font-face{font-display:swap;font-family:Google Sans;font-style:normal;font-weight:400;src:url(../fonts/google-sans-400.woff2) format("woff2")}@font-face{font-display:swap;font-family:Google Sans;font-style:normal;font-weight:500;src:url(../fonts/google-sans-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Google Sans;font-style:normal;font-weight:600;src:url(../fonts/google-sans-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Google Sans;font-style:normal;font-weight:700;src:url(../fonts/google-sans-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Google Sans;font-style:italic;font-weight:400;src:url(../fonts/google-sans-400-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Google Sans;font-style:italic;font-weight:500;src:url(../fonts/google-sans-500-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Google Sans;font-style:italic;font-weight:600;src:url(../fonts/google-sans-600-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Google Sans;font-style:italic;font-weight:700;src:url(../fonts/google-sans-700-italic.woff2) format("woff2")}:root{--bg:#0d1016;--surface:#fff;--surface-soft:#f3f5f8;--text:#172133;--muted:#6f7a8e;--brand:#ed2024;--danger:#d93f46;--font-sans:"Google Sans",system-ui,sans-serif}*{box-sizing:border-box}html{font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-x pan-y}button,input,select,textarea{font:inherit}body{background:radial-gradient(1200px 500px at 50% -40%,#2f4677,var(--bg));color:var(--text);font-family:var(--font-sans);margin:0;touch-action:pan-x pan-y}.page{padding:20px}.center-card,.page{align-items:center;display:flex;justify-content:center;min-height:100dvh}.center-card{background:linear-gradient(180deg,#ed202466,#ed202480 32%,#ed2024bd 62%,#ed2024),url(../onboarding/bg-onboarding.jpg) top /cover no-repeat;color:#fff;flex-direction:column;gap:16px;overflow:hidden;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));position:relative;text-align:left;width:min(560px,100%)}.center-card-message{color:#fffffff2;font-size:30px;font-weight:600;margin:0}.mobile-only-shell .center-card{justify-content:center;text-align:center}.mobile-only-body{color:#ffffffe0;font-size:17px;font-weight:500;line-height:1.5;margin:0;max-width:28rem}.mobile-only-loading{font-size:20px}.flow-shell{background:var(--surface);border-radius:28px;min-height:calc(100dvh - 40px);overflow:hidden;width:min(620px,100%)}.flow-shell--onboarding{background:transparent;display:flex;flex-direction:column;min-height:100dvh;overflow:visible}.page--capture{align-items:stretch;padding:0}.flow-shell--capture{border-radius:0;max-width:none;width:100%}.flow-shell--capture,.flow-shell--capture .camera-shell,.flow-shell--capture .capture-layout,.flow-shell--capture .capture-shell,.flow-shell--capture .instruction-overlay{height:100dvh;min-height:100dvh}.onboarding-shell{background:linear-gradient(180deg,#ed202466,#ed202480 32%,#ed2024bd 62%,#ed2024),url(../onboarding/bg-onboarding.jpg) top /cover no-repeat;display:flex;flex:1;flex-direction:column;gap:16px;min-height:100dvh;overflow:hidden;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom))}.intro-panel{display:grid;gap:16px;justify-items:center;text-align:center}.brand-logo{display:block;height:auto;width:min(170px,72vw)}.onboarding-logo{align-self:flex-start;flex-shrink:0}.onboarding-body{display:flex;flex-direction:column;gap:16px;margin-top:auto}.intro-details{display:grid;gap:12px;width:100%}.intro-requester{font-size:18px}.intro-requester,.intro-requester-greeting{color:#fff;font-weight:600;margin:0;text-align:left}.intro-requester-greeting{font-size:35px}.intro-vehicle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff0;border:1px solid hsla(0,0%,100%,.4);border-radius:15px;margin-top:30px;padding:14px 16px;text-align:left}.intro-vehicle-label{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.04em;margin:0 0 4px}.intro-vehicle-title{color:var(--text);font-size:18px;font-weight:700;margin:0}.intro-vehicle-meta{color:var(--muted);font-size:14px;margin:4px 0 0}.intro-cta-hints{display:grid;gap:8px;grid-template-columns:20px 1fr;margin-top:auto;padding-top:24px;width:100%}.intro-cta-hints p{color:#ffffffe6;font-size:15px;font-weight:500;margin:0;text-align:left}.intro-trust-link{align-self:center;background:none;border:0;color:#fffffff2;cursor:pointer;font-size:14px;font-weight:600;margin:0;padding:0;text-decoration:underline;text-underline-offset:3px}body.trust-sheet-open{overflow:hidden;overscroll-behavior:none}.trust-sheet-backdrop{align-items:flex-end;background:#00000073;display:flex;inset:0;justify-content:center;overscroll-behavior:none;position:fixed;touch-action:none;z-index:1000}.trust-sheet-enter-active,.trust-sheet-leave-active{transition:opacity .28s ease}.trust-sheet-enter-active .trust-sheet,.trust-sheet-leave-active .trust-sheet{transition:transform .32s cubic-bezier(.32,.72,0,1)}.trust-sheet-enter-from,.trust-sheet-leave-to{opacity:0}.trust-sheet-enter-from .trust-sheet,.trust-sheet-leave-to .trust-sheet{transform:translateY(100%)}.trust-sheet{background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;color:var(--text);display:grid;gap:20px;max-height:min(85dvh,720px);overflow-y:auto;overscroll-behavior:contain;padding:12px 24px calc(24px + env(safe-area-inset-bottom));touch-action:pan-y;width:min(620px,100%)}.trust-sheet-handle{background:#d6deea;border-radius:999px;flex-shrink:0;height:4px;margin:0 auto 4px;width:40px}.trust-sheet h2{font-size:22px;font-weight:700;margin:0}.trust-sheet-sections{display:grid;gap:18px}.trust-sheet-section{display:grid;gap:6px}.trust-sheet-section h3{color:var(--text);font-size:16px;font-weight:700;margin:0}.trust-sheet-section p{color:var(--muted);font-size:15px;line-height:1.5;margin:0}@media(prefers-reduced-motion:reduce){.trust-sheet-enter-active,.trust-sheet-enter-active .trust-sheet,.trust-sheet-leave-active,.trust-sheet-leave-active .trust-sheet{transition:none}}.hero img{max-height:220px;width:100%}.onboarding-shell h1,.onboarding-shell h2{color:#fff;margin:0}.onboarding-shell p{color:#ffffffe6;margin:0}.checklist{display:grid;gap:14px;list-style:none;margin:0;padding:0}.question-list{display:grid;gap:10px}.check-row{align-items:flex-start;color:#fffffff2;display:flex;gap:12px}.check-row-icon{align-items:center;color:#fff;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;margin-top:1px;width:24px}.check-row-icon svg{display:block;height:24px;width:24px}.check-row-text{flex:1;font-size:16px;font-weight:500;line-height:1.45}.question-list label{color:#fff;display:grid;gap:8px}.question-list input,.question-list select,.review-actions textarea{border:1px solid #d6deea;border-radius:10px;font:inherit;padding:11px 12px}.primary,.secondary{border:0;border-radius:15px;font-weight:700;height:50px}.primary{background:var(--brand);color:#fff}.primary--inverted{background:#fff;color:var(--brand)}.secondary{background:#ed20241f;color:var(--brand)}.primary:disabled{opacity:.55}.tutorial-image{background:var(--surface-soft);border-radius:20px;padding:20px}.tutorial-image img{width:100%}.capture-shell{background:#000;color:#fff;min-height:calc(100dvh - 40px)}.flow-shell--capture .capture-shell{min-height:100dvh}.capture-layout{--capture-rail-width:clamp(280px,40dvh,400px);display:flex;flex-direction:column;height:calc(100dvh - 40px);min-height:calc(100dvh - 40px)}.flow-shell--capture .capture-layout{height:100dvh;min-height:100dvh}.capture-layout--landscape{flex-direction:row}.capture-layout--landscape .camera-area{flex:1;min-width:0}.capture-layout--landscape .capture-bottom-sheet{align-items:center;border-radius:24px 0 0 24px;display:flex;flex:0 0 var(--capture-rail-width);flex-direction:column;height:100%;justify-content:center;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px calc(12px + env(safe-area-inset-right)) 16px 12px;width:var(--capture-rail-width)}.capture-layout--landscape .capture-bottom-sheet__inner{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:12px;grid-template-columns:1fr;height:auto;justify-content:center;position:static;transform:none;width:100%}.capture-layout--landscape .capture-bottom-sheet__inner .review-buttons,.capture-layout--landscape .capture-bottom-sheet__inner textarea,.capture-layout--landscape .step-heading{grid-column:span 1}.capture-layout--landscape .step-heading{font-size:18px;line-height:1.25;margin:0;text-align:center}.capture-layout--landscape .capture-controls{width:100%}.capture-layout--landscape .help-thumbnail{aspect-ratio:1;height:auto;width:min(100%,140px)}.capture-layout--landscape .auto-capture-manual{padding:12px 0}.capture-layout--landscape .capture-bottom-sheet__inner .refuse-btn{margin-top:0}.capture-layout--landscape .auto-capture-hint-overlay{left:16px;right:calc(var(--capture-rail-width) + 16px)}.camera-area{flex:1;min-height:0;overflow:hidden;position:relative}.step-counter{background:#0000004d;border-radius:999px;font-size:14px;font-weight:500;left:50%;padding:6px 12px;position:absolute;top:40px;transform:translate(-50%);z-index:5}.capture-bottom-sheet{background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;color:var(--text);padding:32px 24px calc(24px + env(safe-area-inset-bottom));position:relative}.capture-bottom-sheet__inner{align-items:start;display:grid;gap:0;grid-template-columns:1fr 1fr 1fr;justify-items:center;width:100%}.step-section{color:#888;font-size:12px;font-weight:500;letter-spacing:.04em;margin:0;text-transform:uppercase}.step-heading{font-size:22px;font-weight:700;grid-column:span 3;margin:4px 0 0}.capture-controls{align-items:center;display:flex;justify-content:center;position:relative}.capture-bottom-sheet__inner textarea{border:1px solid #d6deea;border-radius:10px;font:inherit;grid-column:span 3;margin-top:24px;padding:11px 12px;resize:vertical;width:100%}.capture-bottom-sheet__inner .review-buttons{margin-top:16px}.capture-bottom-sheet__inner .error{margin:8px 0 0}.capture-bottom-sheet__inner .refuse-btn{margin-top:12px;width:100%}.camera-shell{height:100%;position:relative;width:100%}.camera-video,.review-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.camera-overlays{height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--overlay-rotate,0deg));transform-origin:center center;width:100%;z-index:2}.corner{height:40px;position:absolute;width:40px;z-index:3}.corner-tl{left:4px;top:4px}.corner-tr{right:4px;top:4px}.corner-br{bottom:4px;right:4px}.corner-bl{bottom:4px;left:4px}.camera-overlays:not(.camera-overlays--rotated) .corner-tr{transform:rotate(90deg)}.camera-overlays:not(.camera-overlays--rotated) .corner-br{transform:rotate(180deg)}.camera-overlays:not(.camera-overlays--rotated) .corner-bl{transform:rotate(270deg)}.mask-image{left:50%;max-height:90%;-o-object-fit:contain;object-fit:contain;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease,filter .2s ease;width:min(90%,520px);z-index:2}.camera-overlays--rotated .mask-image{max-height:min(90%,520px);width:min(90%,90vh)}.mask-image--aligning{filter:drop-shadow(0 0 10px rgba(255,214,102,.85));opacity:.75}.mask-image--ready{filter:drop-shadow(0 0 14px rgba(76,217,100,.95));opacity:.95}.auto-capture-progress{background:#ffffff40;border-radius:999px;bottom:28px;height:4px;left:50%;overflow:hidden;position:absolute;transform:translate(-50%);width:min(70%,240px);z-index:4}.auto-capture-progress:after{background:#4cd964;content:"";display:block;height:100%;transition:width .1s linear;width:var(--hold-progress,0)}.auto-capture-hint-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:14px;bottom:16px;color:#fff;font-size:15px;font-weight:600;left:16px;line-height:1.4;margin:0;padding:12px 16px;pointer-events:none;position:absolute;right:16px;text-align:center;transition:background-color .2s ease,box-shadow .2s ease;z-index:6}.auto-capture-hint-overlay--aligning{background:#ffc107e0;box-shadow:0 0 16px #ffd6668c;color:#1a1200}.auto-capture-hint-overlay--ready{background:#4cd964e6;box-shadow:0 0 18px #4cd9648c;color:#06210d}.auto-capture-manual{background:none;border:0;color:var(--muted);cursor:pointer;font-size:14px;font-weight:600;padding:24px 0;text-decoration:underline;text-underline-offset:3px}.auto-capture-manual:disabled{cursor:not-allowed;opacity:.5}.vin-guide{border:3px solid #fff;border-radius:14px;box-shadow:0 0 0 9999px #00000059;height:150px;left:50%;pointer-events:none;position:absolute;top:34%;transform:translate(-50%);width:min(80%,320px);z-index:2}.capture-button{align-items:center;background:var(--brand);border:0;border-radius:999px;cursor:pointer;display:flex;height:72px;justify-content:center;width:72px}.capture-button:after{background:#fff;content:"";height:28px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4'/%3E%3Cpath d='M9 2 7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4'/%3E%3Cpath d='M9 2 7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5'/%3E%3C/svg%3E") center /contain no-repeat;width:28px}.capture-button:disabled{cursor:not-allowed;opacity:.55}.help-thumbnail{height:125px;width:125px}.help-thumbnail img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.review-buttons{display:grid;gap:10px;grid-column:span 3;grid-template-columns:1fr 1fr;width:100%}.instruction-overlay{align-content:center;background:#fff;color:var(--text);display:grid;gap:16px;justify-items:center;min-height:calc(100dvh - 40px);padding:24px;text-align:center}.instruction-overlay img{max-height:320px;-o-object-fit:contain;object-fit:contain;width:min(100%,520px)}.error{color:var(--danger);font-size:14px;margin:8px}@media(max-width:720px){.page{padding:0}.center-card{width:100%}.flow-shell{border-radius:0;min-height:100dvh;width:100%}.camera-shell,.capture-layout,.capture-shell,.instruction-overlay{height:100dvh;min-height:100dvh}}