/* Revision 02: the vehicle form is the page's visual centre. The user's explicit
   acquisition-only brief replaces the previous image-led composition. */
.purchase-hero{padding:64px 24px 60px;text-align:center;background:var(--page)}
.purchase-heading{margin:0 auto 34px;max-width:900px}.purchase-heading h1{font-size:clamp(38px,4.4vw,62px);font-weight:500;letter-spacing:-.055em;line-height:1.14}.purchase-heading>p{margin-top:17px;font-size:18px}
.purchase-hero .entry-panel{width:min(880px,100%);margin:0 auto;padding:32px 36px 26px;text-align:left;border-radius:24px;scroll-margin-top:26px}
.purchase-hero .entry-heading{display:block;margin:0 0 25px;text-align:left}.purchase-hero .entry-heading h2{font-size:25px;font-weight:600;letter-spacing:-.035em;line-height:1.3}.purchase-hero .entry-heading p{margin-top:7px;font-size:14px}
.entry-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.entry-fields label{margin:0;font-size:14px}.entry-fields #entry-custom-label{grid-column:1/-1}.entry-fields select{font-size:16px;min-height:56px;padding:15px 32px 15px 16px}.purchase-hero #entry-form>.button{display:flex;width:360px;max-width:100%;min-height:55px;margin:25px auto 0}.purchase-hero .entry-assurance{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:1.6;margin:18px 0 0;color:var(--muted)}.entry-assurance svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.5}.purchase-hero>.preview-note{margin:17px 0 0;font-size:12px;color:var(--muted)}
.sale-process{padding:38px 0 64px;max-width:1060px}.sale-process>h2{font-size:31px;text-align:center;letter-spacing:-.04em;line-height:1.25;margin:0 auto 34px}.sale-steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:42px;list-style:none;margin:0;padding:0}.sale-steps li{display:flex;align-items:flex-start;gap:14px}.step-number{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--soft);font-size:15px;font-weight:600;line-height:1}.sale-steps h3{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.35;margin:5px 0 12px}.sale-steps p{font-size:14px;line-height:1.8}
.sale-questions{max-width:880px;padding-block:64px 30px}.questions-intro{margin-bottom:27px}.questions-intro h2{font-size:32px;line-height:1.25}.questions-intro p{margin-top:11px;font-size:15px}.sale-questions .faq-list summary{font-size:15px;padding-block:20px}.sale-questions .faq-list details{margin-bottom:9px}.sale-questions .faq-list p{font-size:15px;max-width:72ch}
.sale-help{max-width:880px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0 48px}.sale-help h2{font-size:22px;line-height:1.3;letter-spacing:-.03em}.sale-help p{font-size:14px;margin-top:6px}.sale-help .header-contact{display:inline-flex;min-height:48px;font-size:15px;padding:12px 20px;flex-shrink:0}.sale-close{max-width:1060px;padding:32px 38px;margin:14px auto 70px;background:var(--surface);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:25px}.sale-close h2{font-size:30px;line-height:1.25}.sale-close .button{font-size:14px;min-height:52px}
.purchase-footer{padding:26px 0}.purchase-footer .footer-bottom{margin-top:0;font-size:12px;align-items:center}.purchase-footer .footer-bottom>div{gap:22px}.purchase-footer .footer-bottom>div>span{color:#aab0ba}
.valuation{max-width:1100px}.valuation-layout{grid-template-columns:minmax(240px,.7fr) minmax(0,1.4fr);gap:28px}.vehicle-profile{padding:26px}.vehicle-profile h2{font-size:25px}.preview-brand{height:160px}.profile-data>div{font-size:13px}.vehicle-profile>.profile-note{padding:17px}.vehicle-profile .profile-note strong{font-size:13px}.vehicle-profile .profile-note p{font-size:12px}
@media(max-width:1100px){.purchase-heading h1{font-size:52px}.purchase-hero{padding-top:48px}.sale-process{width:calc(100% - 56px)}.sale-steps{gap:22px}.sale-steps li{gap:11px}.sale-steps h3{font-size:17px}.sale-steps p{font-size:13px}.purchase-footer .footer-bottom{display:block}.purchase-footer .footer-bottom>div{margin-top:13px}.valuation-layout{grid-template-columns:240px minmax(0,1fr)}.vehicle-profile{padding:21px}}
@media(max-width:760px){.purchase-hero{padding:30px 18px 36px}.purchase-heading{margin-bottom:24px}.purchase-heading h1{font-size:38px;line-height:1.15;max-width:520px;margin:auto}.purchase-heading>p{font-size:15px;line-height:1.6;max-width:285px;margin:13px auto 0}.purchase-hero .entry-panel{padding:23px 21px 21px;border-radius:20px}.purchase-hero .entry-heading{margin-bottom:22px}.purchase-hero .entry-heading h2{font-size:23px;max-width:330px;line-height:1.25}.purchase-hero .entry-heading p{font-size:13px;max-width:250px}.entry-fields{grid-template-columns:1fr;gap:17px}.entry-fields label{font-size:13px}.entry-fields select{font-size:16px;min-height:51px;padding:12px 32px 12px 14px}.purchase-hero #entry-form>.button{width:100%;margin-top:22px;min-height:52px}.purchase-hero .entry-assurance{font-size:11px;align-items:flex-start;gap:7px;margin-top:17px}.purchase-hero>.preview-note{font-size:11px;margin-top:14px}.sale-process{width:calc(100% - 42px);padding:32px 0 40px}.sale-process>h2{font-size:29px;max-width:320px;text-align:left;margin:0 0 28px}.sale-steps{grid-template-columns:1fr;gap:25px}.sale-steps li{gap:16px}.sale-steps h3{font-size:18px;margin:4px 0 8px}.sale-steps p{font-size:14px;max-width:48ch}.step-number{flex-basis:33px;height:33px}.sale-questions{padding-block:39px 20px}.questions-intro h2{font-size:29px}.questions-intro p{font-size:14px}.sale-questions .faq-list summary,.sale-questions .faq-list p{font-size:14px}.sale-help{padding:24px 0 35px;display:block}.sale-help .header-contact{margin-top:18px}.sale-close{padding:28px 24px;display:block;margin-top:12px;margin-bottom:45px}.sale-close h2{font-size:28px}.sale-close .button{margin-top:22px}.purchase-footer .footer-bottom{font-size:11px;line-height:1.8}.purchase-footer .footer-bottom>div{gap:18px;flex-wrap:wrap}.valuation-layout{grid-template-columns:1fr;gap:22px}.vehicle-profile{padding:20px}.vehicle-profile h2{font-size:23px}.preview-brand{height:95px}.profile-data>div{font-size:11px}}
@media(max-width:370px){.purchase-heading h1{font-size:35px}.purchase-hero .entry-heading h2{font-size:22px}.purchase-hero .entry-panel{padding-inline:19px}}

/* One verified seller experience, subordinate to the vehicle form. */
.seller-review{max-width:880px;padding-block:30px 15px}.seller-review h2{font-size:29px;line-height:1.25;letter-spacing:-.04em;margin:0 0 26px}.seller-review figure{margin:0;padding:30px 34px;background:var(--surface);border-radius:22px}.review-rating{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px;line-height:1.5}.review-rating>span:first-child{color:var(--red,#ee162e);letter-spacing:3px;font-size:18px}.seller-review blockquote{margin:20px 0 24px;font-size:21px;line-height:1.65;letter-spacing:-.015em;max-width:62ch}.seller-review figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.seller-review figcaption strong{font-weight:600}.seller-review figcaption a{font-size:12px;white-space:nowrap}.entry-fields label>span{display:block}
@media(max-width:760px){.seller-review{padding-block:25px 15px}.seller-review h2{font-size:27px;max-width:320px;margin-bottom:22px}.seller-review figure{padding:24px;border-radius:20px}.seller-review blockquote{font-size:18px;line-height:1.65;margin:18px 0 23px}.seller-review figcaption{align-items:flex-start;flex-direction:column;gap:10px}.review-rating{gap:10px;font-size:11px}}

/* Entry fields: neutral pointer feedback; red is reserved for active focus. */
.entry-fields select{transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}
@media(hover:hover) and (pointer:fine){
 .entry-fields select:not(:disabled):hover:not(:focus){background-color:color-mix(in srgb,var(--field),var(--ink) 7%);border-color:color-mix(in srgb,var(--ink) 24%,transparent);box-shadow:0 3px 9px #00000012;transform:translateY(-1px)}
}
.entry-fields select:not(:disabled):focus{outline:2px solid var(--red);outline-offset:2px;border-color:transparent;box-shadow:none;transform:none}
@media(prefers-reduced-motion:reduce){.entry-fields select{transition:none}.entry-fields select:not(:disabled):hover:not(:focus){transform:none}}

/* Stars select individual reviews; the review's actual score is shown separately. */
.seller-review h2{margin-bottom:12px}.seller-review .review-intro{font-size:14px;line-height:1.7;margin:0 0 20px}.review-picker{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.review-select-label,.review-counter{font-size:12px;color:var(--muted)}.review-counter{padding-bottom:13px;white-space:nowrap}.review-stars{display:flex;gap:clamp(6px,1vw,14px);margin-top:8px}
.seller-review .review-rating{justify-content:space-between;flex-wrap:wrap;gap:8px 18px}.seller-review .review-rating>span:first-child{color:var(--muted);letter-spacing:0;font-size:12px}.seller-review .review-text{margin:20px 0 16px;min-height:105px;color:var(--ink);font-size:21px;line-height:1.65;letter-spacing:-.015em}.seller-review .review-note{font-size:11px;line-height:1.6;margin:0 0 20px;color:var(--muted)}
@media(max-width:760px){.review-picker{gap:8px}.review-select-label,.review-counter{font-size:11px}.seller-review .review-text{font-size:18px;min-height:210px;margin:18px 0 16px}.seller-review .review-rating>span{font-size:11px}.seller-review .review-rating>span:first-child{font-size:11px}}

/* Actual Google score within each card, distinct from the larger navigation. */
.seller-review #review-score{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:12px;white-space:nowrap}.seller-review #review-score-number{font-weight:700}
@media(max-width:760px){.seller-review .review-rating{flex-direction:column;align-items:flex-start;gap:12px}.seller-review #review-score{font-size:12px}}

/* A search gesture for the two valuation entry points. */
.valuation-search{position:relative;z-index:1;display:block;flex:0 0 20px;width:20px;height:20px;pointer-events:none;transition:transform 180ms ease}
.valuation-search svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 50%}
.valuation-search .search-glint{opacity:0;stroke-width:1.4}
.valuation-button:focus-visible .valuation-search svg{animation:valuation-search 800ms ease-in-out}
.valuation-button:focus-visible .search-glint{animation:valuation-glint 800ms ease-in-out}
@media(hover:hover) and (pointer:fine){
 .valuation-button:hover .valuation-search svg{animation:valuation-search 800ms ease-in-out}
 .valuation-button:hover .search-glint{animation:valuation-glint 800ms ease-in-out}
}
.valuation-button:is(:active,.control-pressed) .valuation-search{transform:scale(1.15)}
@keyframes valuation-search{0%,100%{transform:translate(0,0) rotate(0)}30%{transform:translate(-2px,-1px) rotate(-12deg)}65%{transform:translate(2px,-1px) rotate(9deg)}}
@keyframes valuation-glint{0%,100%{opacity:0}35%,65%{opacity:.8}}
@media(prefers-reduced-motion:reduce){.valuation-search{transition:none}.valuation-button:is(:hover,:focus-visible) .valuation-search svg,.valuation-button:is(:hover,:focus-visible) .search-glint{animation:none}.valuation-button:is(:active,.control-pressed) .valuation-search{transform:none}}
