@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080b11;--surface:#121824;--surface2:#1c2330;--edge:#303948;--white:#f5f7fa;--muted:#96a1b5;--accent:#b9fc4c;--accent2:#80dcf8;font-family:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);background:var(--bg);font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.top{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1320px)/2));background:#0b0e14;position:sticky;top:0;z-index:8;border-bottom:1px solid #252c36}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.02em}.mark{border-radius:9px;display:flex;align-items:center;justify-content:center;width:40px;height:36px;background:#d3fa89;color:#111a0f;font-size:18px;font-weight:800;letter-spacing:-.1em}.brandAccent{color:var(--accent)}.top nav{display:flex;gap:30px;align-items:center;font-weight:700;font-size:13px}.top nav>a:hover{color:var(--accent)}.navcta{background:var(--accent);color:#0e1711!important;border-radius:99px;padding:12px 18px}.hero{padding:95px 6% 80px;min-height:530px;background:radial-gradient(ellipse at 85% 15%,#39492a 0,#0d1214 34%,transparent 57%),radial-gradient(ellipse at 10% 90%,#1c2134,transparent 50%),#090d13;position:relative;overflow:hidden}.hero:after{content:'AX';position:absolute;right:-8%;top:8%;font:900 430px 'Space Grotesk',sans-serif;color:#d5ff8c06;pointer-events:none;letter-spacing:-.1em}.hero>*{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--accent)}.spark{color:#fff}.hero h1,.smallHero h1{font:700 clamp(48px,7vw,94px)/.99 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:24px 0 20px}.hero h1 em,.smallHero h1 em{font-style:normal;color:var(--accent)}.hero p,.smallHero p{color:#b1bdcc;line-height:1.7;max-width:625px;font-size:18px}.heroActions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:30px 0}.primary,.subtleButton{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:0;font-weight:800;padding:15px 22px;border-radius:12px;min-height:49px;text-align:center}.primary{background:var(--accent);color:#0b160e}.primary:hover{background:#d1ff89}.subtleButton{background:#202938;color:#e3ebf5;border:1px solid #374258}.subtleButton:hover{background:#2b3546}.tinyProof{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#a9b8b4;margin-top:27px}.process{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px;border-bottom:1px solid var(--edge);border-top:1px solid var(--edge);background:#111820;padding:20px;color:#aab5c5;font-weight:700;font-size:13px}.process b{color:var(--accent);margin-right:7px}.workbench{max-width:1320px;margin:auto;padding:70px 28px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:40px}.pane{background:#111722;border:1px solid #303948;padding:35px;border-radius:23px}.sectionTop{margin-bottom:27px}.sectionTop h2{font:700 clamp(28px,3vw,42px)/1.12 'Space Grotesk';letter-spacing:-.05em;margin:13px 0 10px}.sectionTop p{color:var(--muted);margin:0;line-height:1.6}.formHeading{font:700 17px 'Space Grotesk';padding:23px 0 14px;border-top:1px solid var(--edge);margin-top:22px}.fields{display:grid;gap:14px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;min-width:0}.field>span,.field label{font-size:12px;font-weight:800;color:#c6d0de}.field input,.field select,.field textarea,.askForm input,.askForm textarea{width:100%;background:#0c111b;border:1px solid #354153;border-radius:10px;padding:13px 14px;color:#fff;outline:none;min-width:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field input::placeholder,.field textarea::placeholder{color:#6c798d}.field textarea{resize:vertical;line-height:1.55}.agree{display:flex;gap:12px;line-height:1.55;color:#b8c2d1;font-size:13px;margin:17px 0}.agree input{width:18px;height:18px;accent-color:#b9fc4c;flex-shrink:0}.wide{width:100%}.hint{font-size:12px;color:#8998aa;line-height:1.65}.photoDrop{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;border:1.5px dashed #627051;background:linear-gradient(135deg,#152117,#171d28);border-radius:14px;padding:28px 15px;cursor:pointer}.photoDrop:hover{border-color:var(--accent)}.photoDrop small{color:#9daaaf;font-size:12px;line-height:1.5}.uploadIcon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#b9fc4c1a;color:var(--accent);font-size:32px}.photoGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.photoGrid>div{aspect-ratio:1.15;border-radius:9px;overflow:hidden;background:#26303c;position:relative}.photoGrid img{width:100%;height:100%;object-fit:cover}.photoGrid span{position:absolute;left:5px;bottom:5px;background:#07120ccc;color:#d5ffc3;font-weight:800;padding:3px 6px;border-radius:5px;font-size:10px}.aside{position:sticky;top:100px;align-self:start}.previewLabel{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;font-weight:900;color:#95a7bd;margin-bottom:12px}.previewLabel span{color:var(--accent)}.mockCard,.priceCard,.socialSide{border-radius:20px;border:1px solid var(--edge);overflow:hidden;background:#171e2b}.mockPhoto{height:270px;display:flex;align-items:end;padding:15px;background:radial-gradient(circle at 50% 50%,#57644d,#161d28);background-size:cover;background-position:center}.mockPhoto span{font-size:10px;font-weight:900;letter-spacing:.13em;background:#111c19bf;color:#c8ff86;padding:8px;border-radius:6px}.mockInfo{padding:24px}.mockInfo #mockPrice{font:800 31px 'Space Grotesk';color:var(--accent)}.mockInfo h3{font:700 24px 'Space Grotesk';margin:12px 0}.mockInfo p{color:#adbbcc;font-size:13px}.mockChips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.mockChips span{font-weight:800;font-size:11px;border-radius:50px;background:#2d3a2b;padding:8px;color:#c4fcb1}.tipCard{border-left:3px solid var(--accent);background:#101b1b;padding:25px;border-radius:8px;margin-top:21px;color:#b6cad2;line-height:1.7}.tipCard span{font-size:11px;color:var(--accent);font-weight:900;letter-spacing:.1em}.notice{padding:13px 15px;background:#1b2c30;border:1px solid #3d5a64;border-radius:10px;color:#d6e7eb;line-height:1.55;margin:14px 0}.notice[hidden],[hidden]{display:none!important}.donePanel{margin-top:32px}.shareControls{margin:14px 0 22px;display:flex;flex-wrap:wrap;gap:13px}.resultRow{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #2d3845;padding:13px 0;font-size:13px}.resultRow button,.resultRow a{color:var(--accent);background:none;border:0;font-weight:800;word-break:break-all}.formatSelect{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.chip{border-radius:99px;border:1px solid #3a495c;padding:10px 14px;color:#c3ccda;background:#131e2a;font-size:12px;font-weight:800}.chip.active,.chip:hover{background:#b9fc4c;color:#10200e;border-color:#b9fc4c}.posterWrap{display:flex;justify-content:center;align-items:center;padding:18px;border:1px solid #374152;border-radius:16px;background:radial-gradient(circle,#222d3c,#0e1420)}#socialCanvas{display:block;width:auto;height:auto;max-width:100%;max-height:500px;border-radius:8px;box-shadow:0 12px 40px #0009}.downloadRow{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 25px}.downloadRow>*{flex:1;min-width:160px}.messageList{display:grid;gap:14px}.messageItem{background:#0c121e;border:1px solid #344051;border-radius:11px;padding:14px}.messageItem p{line-height:1.55}.messageItem textarea{width:100%;background:#1d2836;color:white;border:1px solid #495769;border-radius:8px;padding:10px}.messageItem button{margin:8px 8px 0 0}.bottomCTA{text-align:center;background:#101d19;padding:90px 20px}.bottomCTA h2{font:700 clamp(36px,5vw,60px) 'Space Grotesk';letter-spacing:-.06em;margin:14px}.bottomCTA p{color:#bbc8c0}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;background:#080a0d;padding:28px 6%;border-top:1px solid #2c3742;color:#9aa8b3;font-size:12px}.foot a{color:#e2f3d0;font-weight:700}.smallHero{padding:90px max(6%,calc((100vw - 1260px)/2));background:radial-gradient(circle at 84% 5%,#26371e,#080d12 52%)}.smallHero h1{font-size:clamp(49px,7vw,78px)}.directory{max-width:1300px;padding:58px 25px 100px;margin:auto}.vehicleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.vehicleCard{border:1px solid #303c4d;border-radius:17px;background:#141b26;overflow:hidden;transition:transform .2s}.vehicleCard:hover{transform:translateY(-4px);border-color:#abc56e}.vehiclePhoto{aspect-ratio:1.52;background:#28313e center/cover}.vehicleText{padding:19px;display:grid;gap:7px}.vehicleText>strong{font-size:19px}.vehicleText>span{color:#a3b0c2;font-size:13px}.vehicleText>div{display:flex;justify-content:space-between;margin-top:11px}.vehicleText b{font-size:22px;color:var(--accent)}.vehicleText small{font-size:11px;color:#acb9c9}.emptyState{grid-column:1/-1;padding:70px 25px;text-align:center;border:1px dashed #455269;border-radius:20px}.emptyState p{color:#9baabb;margin-bottom:22px}.listingHeader{max-width:1220px;margin:60px auto 30px;padding:0 25px}.listingHeader h1{font:700 clamp(34px,5vw,60px) 'Space Grotesk';letter-spacing:-.05em;margin:10px 0}.listingHeader>p{color:#a6b3c3}.listingLayout{max-width:1220px;display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:35px;margin:auto;padding:0 25px 90px}.listingGallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.listingGallery>img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:12px;background:#1c2836}.listingGallery>img:first-child{grid-column:1/-1;aspect-ratio:1.9}.listingInfo{margin-top:32px;background:#111822;border:1px solid #323c4b;padding:29px;border-radius:19px}.listingInfo h2{font:700 31px 'Space Grotesk';letter-spacing:-.04em}.listingInfo p{color:#b4bdca;line-height:1.7;white-space:pre-wrap}.specs{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:26px}.specs span{display:flex;flex-direction:column;gap:5px;color:#93a1b3;font-size:12px;border:1px solid #354150;border-radius:9px;padding:14px}.specs strong{color:white;font-size:16px}.listingSide{position:sticky;top:94px;align-self:start}.priceCard,.socialSide{padding:24px;margin-bottom:20px}.priceCard>strong{font:800 42px 'Space Grotesk';color:var(--accent);display:block;margin:15px 0}.priceCard p,.socialSide p{color:#a5b3c4}.priceCard .subtleButton{margin-top:10px}.qItem{border-top:1px solid #364050;padding:16px 0}.qName{color:#b9fc4c;font-size:12px;font-weight:800}.qItem p{margin:6px 0}.qAnswer{margin:11px 0 0;padding:13px;background:#222d33;border-radius:9px}.qAnswer b{color:#c9fdaa;font-size:12px}.qAnswer p{margin:5px 0}.askForm{padding-top:15px;border-top:1px solid #354150}.askForm .hp,#inquiryForm .hp{position:absolute;left:-5000px;opacity:0}dialog{width:min(95vw,620px);border:1px solid #4d5966;border-radius:18px;padding:32px;background:#131c29;color:white;box-shadow:0 30px 90px #000b}dialog::backdrop{background:#000b}.closeModal{float:right;border:0;background:none;color:#c6d2dd;font-size:22px}.formReply{display:block;color:#b8f8a6;padding:10px;font-size:13px}@media(max-width:950px){.workbench{grid-template-columns:1fr}.aside{position:static;display:none}.listingLayout{grid-template-columns:1fr}.listingSide{position:static}.vehicleGrid{grid-template-columns:1fr 1fr}.hero{padding-top:75px}}@media(max-width:650px){.top{padding:0 17px;height:65px}.top nav{gap:10px;font-size:11px}.top nav>a:first-child{display:none}.top .mark{width:34px;height:32px}.brand{font-size:12px}.navcta{padding:10px 11px}.hero{padding:64px 20px 55px;min-height:auto}.hero h1{font-size:50px}.hero p{font-size:16px}.process{justify-content:flex-start;gap:10px;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;font-size:10px}.workbench{padding:25px 12px}.pane{padding:18px;border-radius:15px}.fields.three{grid-template-columns:1fr 1fr}.fields.three>.field:first-child{grid-column:1/-1}.fields.two{grid-template-columns:1fr}.photoGrid{grid-template-columns:repeat(3,1fr)}.smallHero{padding:55px 20px}.smallHero h1{font-size:49px}.vehicleGrid{grid-template-columns:1fr}.listingHeader{margin:35px auto 20px}.listingGallery{grid-template-columns:1fr 1fr}.listingLayout{padding:0 12px 60px;gap:12px}.listingInfo{padding:19px}.downloadRow>*{flex:1}.foot{padding:25px 17px}}

.directoryTools{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin:26px 0 5px}.directoryTools .field{margin:0}.directoryCount{color:#a6b7c9;font-size:12px;font-weight:700;margin:12px 0 20px}.vehicleCard[hidden]{display:none!important}@media(max-width:650px){.directoryTools{grid-template-columns:1fr}}

/* Stable Sell With X oversized identity */
.top .brand .mark{position:relative;font-size:0!important;min-width:45px!important;min-height:43px!important;border-radius:12px!important;background:linear-gradient(140deg,#d6ff89,#7ff4d0)!important;box-shadow:0 5px 22px rgba(139,255,183,.2);isolation:isolate}
.top .brand .mark::before{content:"A";font-family:system-ui,sans-serif;color:#0b1510;font-weight:850;font-size:14px;position:absolute;left:10px;top:17px}
.top .brand .mark::after{content:"X";font-family:system-ui,sans-serif;color:#0b1510;font-size:31px;font-weight:1000;letter-spacing:-.12em;position:absolute;right:9px;top:4px}
.top .brand .brandAccent{font-size:0!important;display:inline-block!important;white-space:nowrap!important;vertical-align:baseline;color:inherit}
.top .brand .brandAccent::before{content:"X";font-size:29px;font-weight:1000;letter-spacing:-.09em;display:inline-block;color:#d5ff85;text-shadow:0 0 22px rgba(146,255,131,.35);transform:translateY(4px)}
.top .brand .brandAccent::after{content:"CHANGE";font-size:15px;color:#d5ff85;letter-spacing:-.03em;font-weight:850}
.top .navcta{background:linear-gradient(120deg,#d5ff85,#7ef7d0)!important;color:#06150d!important;box-shadow:0 7px 24px rgba(133,244,158,.18)}
@media(max-width:600px){.top .brand .mark{min-width:38px!important;min-height:35px!important}.top .brand .mark::before{left:8px;top:13px;font-size:12px}.top .brand .mark::after{font-size:25px;right:7px;top:3px}.top .brand .brandAccent::before{font-size:23px}.top .brand .brandAccent::after{font-size:12px}}


/* AX 2026-11-02 :: neon identity and hero image on Sell My Car */
:root{--accent:#d5ff85}
.studiohero{
 min-height:610px;
 background-color:#090d13;
 background-image:linear-gradient(90deg,rgba(5,10,16,.96) 0%,rgba(5,10,16,.87) 36%,rgba(5,10,16,.53) 64%,rgba(5,10,16,.31) 100%),url("https://images.pexels.com/photos/30687973/pexels-photo-30687973.jpeg?auto=compress&cs=tinysrgb&w=1920");
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover;
}
.studiohero .eyebrow,.studiohero h1 em{color:#d5ff85}
.studiohero p{color:#e9eff4;text-shadow:0 1px 5px rgba(0,0,0,.5)}
.studiohero .heroActions .primary,.studiohero .heroActions a.primary,.top .navcta{
 background:#d5ff85!important;color:#101b0b!important;box-shadow:0 7px 24px rgba(213,255,133,.25)!important
}
.top .brand .brandAccent::before,.top .brand .brandAccent::after{color:#d5ff85!important}
@media(max-width:650px){
 .studiohero{min-height:570px;background-position:62% center;
 background-image:linear-gradient(90deg,rgba(5,10,16,.93) 0%,rgba(5,10,16,.77) 49%,rgba(5,10,16,.45) 100%),url("https://images.pexels.com/photos/30687973/pexels-photo-30687973.jpeg?auto=compress&cs=tinysrgb&w=1920");}
}


/* AX ORIGINAL MOTOR CLUB / PRIVATE GARAGE VISUAL SYSTEM 2026-11-02 */
:root{--accent:#d5ff85;--bg:#070a10;--panel:#101820}
body{background:radial-gradient(ellipse 75% 25% at 68% -3%,rgba(92,155,179,.17),transparent),#080e16;color:#f1f5f7}
.top{background:rgba(5,11,18,.92)!important;border-bottom:1px solid rgba(145,177,198,.25)!important;backdrop-filter:blur(20px)}
.top nav>a{font-weight:850;letter-spacing:.035em}
.top .navcta,.primary{background:#d5ff85!important;color:#081710!important;box-shadow:0 7px 24px rgba(213,255,133,.15)}
.studiohero{border-bottom:1px solid rgba(213,255,133,.2)}
.studiohero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(5,10,16,.92),transparent 35%);z-index:0}
.studiohero>*{position:relative;z-index:1}
.studiohero .eyebrow,.smallHero .eyebrow{color:#d5ff85;letter-spacing:.17em}
.studiohero h1 em,.smallHero h1 em{color:#d5ff85}
.pane,.mockCard,.tipCard,.listingInfo,.listingSide,.vehicleCard{
 background:linear-gradient(145deg,#131e2b,#0b131f)!important;
 border:1px solid #2c4353!important;box-shadow:0 16px 38px rgba(0,0,0,.15)
}
.pane{border-radius:13px!important}
.vehicleCard{transition:transform .27s ease,box-shadow .27s ease,border-color .27s ease}
.vehicleCard:hover{transform:translateY(-5px);border-color:#d5ff85!important;box-shadow:0 16px 42px rgba(0,0,0,.35)}
.chip.active,.primary,.navcta{background:#d5ff85!important;color:#101a0e!important}
.downloadRow button,.subtleButton{transition:transform .2s,border-color .2s}
.downloadRow button:hover,.subtleButton:hover{transform:translateY(-2px);border-color:#d5ff85}
.smallHero{background:radial-gradient(ellipse at 83% 10%,#253c44,#090f17 65%);border-bottom:1px solid #293b49}
@media(prefers-reduced-motion:reduce){.vehicleCard{transition:none}.vehicleCard:hover{transform:none}}


/* Unite private seller studio with AutosXchange's motorsport showroom */
body{background:radial-gradient(circle at 84% 10%,#1a2830 0,transparent 45%),#070d14}
.top{background:rgba(8,15,21,.94)!important;border-bottom:1px solid #334e4b!important;backdrop-filter:blur(18px)}
.top .navcta{background:#d5ff85!important;color:#0b1610!important}
.hero.studiohero{border-bottom:1px solid #3b5553}
.pane,.tipCard,.mockCard,.resultRow,.vehicleCard{background:linear-gradient(148deg,#15242b,#0b131a)!important;border-color:#345057!important}
.vehicleCard:hover{border-color:#d5ff85!important;transform:translateY(-3px)}
.hero h1 em,.eyebrow,.brandAccent{color:#d5ff85}
.top nav .ax-seller-garage-link{border:1px solid #667b65;padding:10px 13px;border-radius:50px;color:#d5ff85}
.top nav .ax-seller-garage-link:hover{background:#21382a}
@media(max-width:620px){.top nav .ax-seller-garage-link{padding:8px;font-size:10px}}

/* Unified seller header with the exchange; no wrapped logo or extra nav */
.top{padding:0 18px!important;gap:10px}
.top .brand{white-space:nowrap;letter-spacing:-.055em;font-size:clamp(17px,3vw,23px)}
.top .mark{flex:none}
.top nav{gap:13px}
@media(max-width:760px){.top{height:73px}.top .brand{font-size:clamp(15px,4.4vw,21px)}.top nav>a:not(.navcta):not(.ax-seller-garage-link){display:none}.top nav{gap:8px}.top nav .navcta{font-size:12px;padding:11px 12px;white-space:nowrap}.top nav .ax-seller-garage-link{font-size:11px;padding:9px 8px;white-space:nowrap}.top .mark{width:34px;height:34px;font-size:15px}}
@media(max-width:390px){.top nav .ax-seller-garage-link{font-size:0;padding:9px}.top nav .ax-seller-garage-link:before{content:'★';font-size:15px}}

/* No second Garage control beside Sell My Car */
.top nav .ax-seller-garage-link{display:none!important}
html{height:auto!important;overflow-x:clip!important;overflow-y:auto!important}
body{overflow-y:visible!important;height:auto!important;touch-action:auto!important}


/* AX unified seller header, no emblem duplication or extra top button */
.top .brand>.mark{display:none!important}
.top .brand{font-size:clamp(19px,3vw,25px)!important;font-weight:900!important;white-space:nowrap;line-height:1!important;gap:0!important;letter-spacing:-.045em!important}
.top .brand>.brandAccent{font-size:0!important;line-height:1!important}
.top .brand .brandAccent::before{font-size:clamp(19px,3vw,25px)!important;transform:none!important;line-height:1!important;letter-spacing:-.045em!important;text-shadow:none!important}
.top .brand .brandAccent::after{font-size:clamp(19px,3vw,25px)!important;line-height:1!important;letter-spacing:-.045em!important}
.top nav .ax-seller-garage-link{display:none!important}
.top .navcta{white-space:nowrap!important}
@media(max-width:760px){.top{height:68px!important;padding:0 16px!important;gap:7px!important}.top .brand{font-size:clamp(17px,5vw,22px)!important}.top .brand .brandAccent::before,.top .brand .brandAccent::after{font-size:clamp(17px,5vw,22px)!important}.top nav .navcta{font-size:12px!important;padding:11px 12px!important}.top nav>a:not(.navcta){display:none!important}}
.foot .ax-link-garage,.foot .ax-link-crews{color:#d5ff85;font-weight:800}