/* CARCHANGER responsive + production UX layer */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:clip}body{width:100%;max-width:100%;overflow-x:clip}body,header,main,section,#home,#dash,#verify,#room,#happy{max-width:100%}img{max-width:100%;display:block}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}.btn,.choice,button{min-height:44px}.wrap{max-width:1180px;min-width:0;margin-left:auto!important;margin-right:auto!important}.wrap>*{min-width:0;max-width:100%}h1,h2,h3,p,b,span{overflow-wrap:anywhere}.secure-note{margin-top:14px;padding:12px 14px;border:1px solid #dec99a;border-radius:12px;background:#fff9eb;color:#6d5a2b;font-size:13px;line-height:1.45}.signin-btn{margin-left:auto;margin-right:8px}.how-it-works{padding:10px 0 56px;max-width:100%}.how-it-works h2{font-size:clamp(30px,4vw,38px);letter-spacing:-.035em;max-width:720px;line-height:1.08}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:100%}.how-grid>div{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px;min-width:0;max-width:100%}.how-grid b{display:block;margin-bottom:7px}.how-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.dealer-note{margin-top:16px;padding:16px 18px;border-left:3px solid var(--gold);background:#fffaf0;border-radius:10px;max-width:100%}.request-card{padding:16px;margin-bottom:10px;max-width:100%}.request-card p{color:var(--muted)}.request-actions{display:flex;gap:8px;flex-wrap:wrap}.pending{opacity:.75}.modal-close{float:right;border:0;background:none;font-size:25px;cursor:pointer}.trust{max-width:100%;overflow:hidden}.trust>div{min-width:0;max-width:100%}.trust h2{line-height:1.05;max-width:100%}.checks{min-width:0;max-width:100%}.checks span{min-width:0;max-width:100%}.match,.vrow,.task{min-width:0;max-width:100%}.match>div,.vrow>div,.task>div{min-width:0;max-width:100%}.match h3,.match p,.vrow p,.task p{overflow-wrap:anywhere}.chat{overflow-wrap:anywhere;max-width:100%}input,select,textarea{font-size:16px;max-width:100%}header{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);max-width:100vw;overflow:hidden}.overlay{padding-top:max(15px,env(safe-area-inset-top));padding-bottom:max(15px,env(safe-area-inset-bottom));padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right));max-width:100vw;overflow-x:hidden}.toast{bottom:max(18px,env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right))}

/* Wide desktops */
@media(min-width:1440px){.wrap{width:min(1180px,86vw)!important}.hero{gap:72px!important;padding:86px 0!important}.hero h1{font-size:78px!important}.cars{min-height:470px!important}.car img{height:235px!important}.trust{padding:36px!important}.trust h2{font-size:42px!important}}

/* Laptops and compact desktops */
@media(min-width:901px) and (max-width:1199px){.wrap{width:min(1080px,92vw)!important}.hero{gap:34px!important}.hero h1{font-size:clamp(52px,6vw,68px)!important}.car{width:76%!important}.trust h2{font-size:34px!important}.match{grid-template-columns:150px minmax(0,1fr) auto!important}.match img{width:150px!important}}

/* Tablets and small laptops */
@media(max-width:900px){.wrap{width:min(760px,92vw)!important}.hero{grid-template-columns:1fr!important;gap:38px!important;padding:52px 0!important}.hero>div{min-width:0!important;max-width:100%!important}.hero>div:first-child{max-width:720px}.hero h1{font-size:clamp(48px,8vw,64px)!important}.cars{display:flex!important;flex-direction:column!important;gap:38px!important;min-height:0!important;position:relative!important;padding:0!important;width:min(680px,100%)!important;max-width:100%!important;margin:0 auto!important;overflow:hidden}.cars .car{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;margin:0!important}.cars .car img{height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important}.cars .swap{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:5!important}.trust{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;width:100%!important;max-width:100%!important;gap:22px!important;padding:28px!important;margin-left:0!important;margin-right:0!important;overflow:hidden!important}.trust>div{width:100%!important;max-width:100%!important}.trust h2{font-size:clamp(32px,6vw,40px)!important;width:100%!important;max-width:100%!important}.trust p{width:100%!important;max-width:100%!important}.checks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;gap:8px!important}.checks span{display:block!important;width:100%!important;max-width:100%!important}.how-grid{grid-template-columns:1fr!important}.how-it-works h2{font-size:32px}.nav{gap:8px}.signin-btn{padding:10px 12px!important;font-size:13px!important}.match{grid-template-columns:150px minmax(0,1fr)!important}.match img{width:150px!important;height:110px!important}.match button{grid-column:1/3!important;justify-self:stretch}.stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.page h1{font-size:clamp(38px,7vw,46px)!important}.modal{width:min(680px,96vw)!important}}

/* Phones */
@media(max-width:600px){html,body{width:100%!important;max-width:100%!important;overflow-x:clip!important}header{height:auto!important;min-height:68px;padding-top:6px;padding-bottom:6px;width:100%!important}.wrap{width:calc(100% - 28px)!important;max-width:560px!important;margin-left:auto!important;margin-right:auto!important}.wrap>*{width:auto;max-width:100%!important}.nav{min-height:56px;gap:8px!important;width:100%!important;max-width:100%!important}.nav .logo{width:32%!important;max-width:135px!important;min-width:96px}.nav .btn{padding:9px 10px!important;font-size:11px!important;white-space:nowrap;border-radius:10px!important;max-width:none!important}.signin-btn{display:inline-flex!important;align-items:center;justify-content:center;padding:9px 10px!important;font-size:11px!important}.hero{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;padding:30px 0 38px!important;gap:30px!important;overflow:hidden}.hero>div{width:100%!important;max-width:100%!important}.hero h1{font-size:clamp(42px,12vw,54px)!important;line-height:.98!important;letter-spacing:-.045em!important;margin:15px 0!important;max-width:100%!important}.lead{font-size:17px!important;line-height:1.48!important;max-width:100%!important}.box{padding:15px!important;margin-top:19px!important;width:100%!important;max-width:100%!important}.grid3,.choices,.stats{grid-template-columns:1fr!important}.grid3{gap:9px!important}.box .btn{min-height:48px}.cars{gap:30px!important;width:100%!important;max-width:100%!important}.cars .car{padding:9px!important;border-radius:17px!important;width:100%!important;max-width:100%!important}.cars .car img{aspect-ratio:4/3!important;border-radius:11px!important;width:100%!important}.cars .swap{width:54px!important;height:54px!important;font-size:24px!important}.cars .car b{display:block!important;padding:9px 4px 3px!important;font-size:17px!important}.trust{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;grid-template-columns:none!important;padding:24px 20px!important;margin:2px 0 42px!important;border-radius:20px!important;gap:18px!important;overflow:hidden!important}.trust>div{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}.trust h2{display:block!important;width:100%!important;max-width:100%!important;font-size:clamp(29px,8.7vw,36px)!important;line-height:1.08!important;letter-spacing:-.025em!important;white-space:normal!important;overflow-wrap:anywhere!important}.trust p{display:block!important;width:100%!important;max-width:100%!important;font-size:14px;line-height:1.5;white-space:normal!important}.checks{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;grid-template-columns:none!important;gap:8px!important}.checks span{display:block!important;position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:12px!important;white-space:normal!important;overflow-wrap:anywhere!important}.how-it-works{width:100%!important;max-width:100%!important;padding:0 0 36px!important;overflow:hidden}.how-it-works h2{font-size:29px!important;line-height:1.1;max-width:100%!important}.how-grid{width:100%!important;max-width:100%!important}.how-grid>div{width:100%!important;max-width:100%!important;padding:16px!important}.dealer-note{width:100%!important;max-width:100%!important}.page{width:100%!important;max-width:100%!important;padding:32px 0 64px!important;overflow:hidden}.page h1{font-size:clamp(34px,10vw,42px)!important;line-height:1.04!important;max-width:100%!important}.stats{gap:8px!important;width:100%!important;max-width:100%!important}.stat{padding:14px!important;max-width:100%!important}.stat b{font-size:22px!important}.match{grid-template-columns:1fr!important;padding:11px!important;width:100%!important;max-width:100%!important}.match img{width:100%!important;height:auto!important;aspect-ratio:16/10!important}.match button{grid-column:auto!important;width:100%!important}.sectiontitle{font-size:23px!important;margin-top:24px!important;max-width:100%!important}.vrow,.task{grid-template-columns:42px minmax(0,1fr)!important;padding:14px!important;width:100%!important;max-width:100%!important}.vrow button,.task button{grid-column:1/3!important;width:100%!important}.request-actions{flex-direction:column!important}.request-actions .btn{width:100%!important}.modal{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;padding:19px!important;border-radius:20px!important;overflow-x:hidden!important}.modal .logo{max-width:180px}.screen{width:100%!important;max-width:100%!important}.screen h2{font-size:29px!important;line-height:1.08;max-width:100%!important}.choice{padding:15px!important;width:100%!important;max-width:100%!important}#exact.grid3{grid-template-columns:1fr!important}#room .roomhead{padding:22px 18px!important;border-radius:18px!important;max-width:100%!important}#room .chat{height:min(44vh,330px)!important;width:100%!important;max-width:100%!important}#room .chat+div{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;width:100%!important;max-width:100%!important}#room .chat+div .btn{min-width:70px}.toast{left:14px!important;right:14px!important;max-width:none!important;text-align:center}}

/* Very small phones */
@media(max-width:380px){.wrap{width:calc(100% - 22px)!important}.nav .logo{min-width:105px!important;width:40%!important}.nav .btn{font-size:11px!important;padding:9px 9px!important}.hero h1{font-size:40px!important}.lead{font-size:16px!important}.pill{font-size:9px!important}.trust{padding:20px 16px!important}.trust h2{font-size:28px!important}.page h1{font-size:34px!important}.modal{padding:16px!important}.screen h2{font-size:27px!important}#room .chat+div{grid-template-columns:1fr!important}#room .chat+div .btn{width:100%!important}}

/* Landscape phones and short-height devices */
@media(max-height:520px) and (orientation:landscape){header{position:relative!important}.hero{padding-top:24px!important}.overlay{align-items:flex-start!important;overflow:auto}.modal{max-height:none!important;margin:8px auto}.cars .car img{aspect-ratio:16/7!important}}

/* Touch devices: no hover dependency */
@media(hover:none) and (pointer:coarse){.btn,.choice,button{min-height:46px}.choice{touch-action:manipulation}}

/* Accessibility */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Password visibility and live beta search */
.password-entry{position:relative;margin-top:8px}.password-entry input{padding-right:58px;margin:0}.password-reveal{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:46px!important;min-width:46px;height:46px;min-height:46px;padding:0!important;border:0;background:transparent;color:#111;font-size:23px;display:grid;place-items:center;border-radius:10px}.password-reveal:focus{outline:2px solid #58aaf4;outline-offset:1px}.active-search-status{margin:22px 0;padding:22px;background:#111;color:#fff;border-radius:20px}.active-search-status h2{margin:12px 0 8px;font-size:clamp(25px,4vw,34px);line-height:1.08}.active-search-status>p{margin:0;color:#d7d2c9;line-height:1.55}.search-live{display:inline-flex;align-items:center;gap:8px;color:#e2ba60;font-size:11px;font-weight:900;letter-spacing:.1em}.search-live i{width:9px;height:9px;border-radius:50%;background:#54d68b;box-shadow:0 0 0 5px #54d68b22}.search-details{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.search-details span{padding:8px 10px;border:1px solid #3b3b3b;background:#1a1a1a;border-radius:999px;color:#eee;font-size:12px}.search-actions{display:flex;flex-wrap:wrap;gap:8px}.search-actions .btn{border-color:#555}.active-search-status .search-actions .outline{color:#fff;background:#222}.match-empty{padding:20px;border:1px dashed var(--line);border-radius:14px;background:#fffdf9}.match-empty b{font-size:17px}.match-empty p{margin:7px 0 0;color:var(--muted);line-height:1.5}@media(max-width:560px){.active-search-status{padding:19px 17px;border-radius:17px}.search-details{display:grid}.search-details span{border-radius:10px}.search-actions{display:grid}.search-actions .btn{width:100%}}


/* Reliable, roomy signup contact step */
.signup-field-label{display:block;font-weight:800;margin:13px 0 6px}.signup-phone-grid{display:grid;grid-template-columns:minmax(116px,145px) minmax(0,1fr);gap:8px;align-items:stretch}.signup-phone-grid select,.signup-phone-grid input{min-width:0}.signup-contact-help{margin:7px 2px 0;font-size:12px;color:var(--muted);line-height:1.45}.signup-activate-button{width:100%;margin-top:13px}.overlay{overflow-y:auto;overscroll-behavior:contain}.modal{max-height:calc(100dvh - 30px);overflow-y:auto;overscroll-behavior:contain}
.activation-existing-account{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:12px 14px;border:1px solid #ded5c7;border-radius:12px;background:#fffaf0;color:#5f5a52;font-size:13px;line-height:1.4}.activation-existing-account button{border:0;background:transparent;color:#8a6217;font-weight:900;text-decoration:underline;text-underline-offset:3px;padding:4px;min-height:36px;cursor:pointer;white-space:nowrap}.activation-existing-account button:focus{outline:2px solid #8a6217;outline-offset:2px;border-radius:5px}
.location-manual-switch{display:block;width:100%;min-height:44px;margin:4px 0 8px;border:0;background:transparent;color:#8a6217;font-weight:850;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.location-manual-switch[hidden],#manualLocationFields[hidden]{display:none!important}
@media(max-width:600px){.overlay{align-items:flex-start!important}.modal{margin:auto!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important}.signup-phone-grid{grid-template-columns:118px minmax(0,1fr)}#s3 h2{font-size:clamp(28px,8vw,34px)!important;margin-bottom:14px}#s3>p{margin-top:0}.signup-contact-help{font-size:12px}}
@media(max-width:360px){.signup-phone-grid{grid-template-columns:108px minmax(0,1fr);gap:6px}.modal{padding:15px!important}}

.vehicle-photo-upload{margin:14px 0 24px;padding:16px 18px;border:1px solid var(--line,#ddd5c8);border-radius:15px;background:#fffdf9;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.vehicle-photo-upload p{margin:4px 0 0;color:#6d675f;font-size:13px;line-height:1.45}
.vehicle-photo-upload #vehiclePhotoStatus{grid-column:1/-1;min-height:18px;color:#6d675f;font-size:13px}
@media(max-width:560px){.vehicle-photo-upload{grid-template-columns:1fr}.vehicle-photo-upload .btn{width:100%}}