@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
@import url('customer-footer.css?v=20260829-2');

/* GearCashOut customer-facing brand layer. Application logic, quote flow and staff pages are intentionally untouched. */
.customer-page:not(.home-redesign){--gco-ink:#0b0d0f;--gco-dark:#101416;--gco-paper:#f7f3ea;--gco-white:#fffdf8;--gco-orange:#ff5a1f;--gco-lime:#c6ff3d;--gco-muted:#6b706f;--gco-line:#ddd9d0;font-family:'DM Sans',Arial,sans-serif;background:var(--gco-paper);color:var(--gco-ink)}
.customer-page:not(.home-redesign) .header{background:rgba(247,243,234,.96);border-bottom:1px solid rgba(11,13,15,.1);box-shadow:0 8px 25px rgba(11,13,15,.06);backdrop-filter:blur(14px);padding:.55rem 1rem;position:relative;z-index:10}.customer-page:not(.home-redesign) .header-container{max-width:1280px;min-height:82px;padding:.25rem 1.25rem;gap:2rem}.customer-page:not(.home-redesign) .logo{width:245px;flex:0 0 245px;height:58px;background-image:url('images/gearcashout-brand.svg');background-size:contain;background-position:left center;background-repeat:no-repeat}.customer-page:not(.home-redesign) .logo img{display:none}
.customer-page:not(.home-redesign) nav .nav-list{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.25rem;margin:0;padding:0}.customer-page:not(.home-redesign) .nav-list a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.6rem .82rem;border-radius:999px;color:var(--gco-ink);font-size:.78rem;font-weight:700;text-decoration:none;transition:.22s ease}.customer-page:not(.home-redesign) .nav-list a:hover,.customer-page:not(.home-redesign) .nav-list a:focus{background:#ebe6dc;color:var(--gco-orange);transform:translateY(-2px)}.customer-page:not(.home-redesign) .nav-list a[href="valuation.html"]{background:var(--gco-orange);color:#fff;padding:.72rem 1.15rem;box-shadow:0 9px 22px rgba(255,90,31,.2)}.customer-page:not(.home-redesign) .nav-list a[href="valuation.html"]:hover{background:#e94b12;color:#fff;box-shadow:0 13px 28px rgba(255,90,31,.28)}
.customer-page:not(.home-redesign) main.container{max-width:1180px;padding:5.5rem 1.5rem 7rem}.customer-page:not(.home-redesign) main.container>h2{font-family:'Space Grotesk',Arial,sans-serif;max-width:900px;font-size:clamp(3rem,6vw,5.8rem);line-height:.9;letter-spacing:-.07em;margin:0 0 1.2rem;color:var(--gco-ink);font-weight:700}.customer-page:not(.home-redesign) main.container>h2::after{content:"";display:block;width:90px;height:6px;margin-top:1.4rem;border-radius:999px;background:linear-gradient(90deg,var(--gco-orange),var(--gco-lime))}.customer-page:not(.home-redesign) main.container>p{max-width:780px;color:var(--gco-muted);font-size:1.04rem;line-height:1.8}
.customer-page:not(.home-redesign) .cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:3.5rem 0 4.5rem}.customer-page:not(.home-redesign) .card{border:1px solid var(--gco-line);border-radius:24px;background:var(--gco-white);box-shadow:0 14px 38px rgba(11,13,15,.07);overflow:hidden;transition:.25s ease}.customer-page:not(.home-redesign) .card:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(11,13,15,.12);border-color:var(--gco-orange)}.customer-page:not(.home-redesign) .card h3{font-family:'Space Grotesk',Arial,sans-serif;font-size:1.4rem;letter-spacing:-.035em;color:var(--gco-ink);font-weight:700}.customer-page:not(.home-redesign) .card p{color:var(--gco-muted);line-height:1.7}
.customer-page:not(.home-redesign) .process-step{position:relative;padding:1.8rem;border-radius:24px;background:var(--gco-white);border:1px solid var(--gco-line);box-shadow:0 12px 32px rgba(11,13,15,.06);transition:.25s ease}.customer-page:not(.home-redesign) .process-step:hover{transform:translateY(-6px);border-color:var(--gco-orange);box-shadow:0 20px 42px rgba(11,13,15,.1)}.customer-page:not(.home-redesign) .process-step h3::before{content:none!important;display:none!important}
.customer-page:not(.home-redesign) .wizard-step{border-radius:28px;border:1px solid var(--gco-line);background:var(--gco-white);box-shadow:0 24px 65px rgba(11,13,15,.09);padding:2.5rem}.customer-page:not(.home-redesign) .wizard-step h3{font-family:'Space Grotesk',Arial,sans-serif;font-size:1.8rem;letter-spacing:-.04em;color:var(--gco-ink)}.customer-page:not(.home-redesign) .navigation-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}
.customer-page:not(.home-redesign) button,.customer-page:not(.home-redesign) .button,.customer-page:not(.home-redesign) .cta,.customer-page:not(.home-redesign) .navigation-buttons a,.customer-page:not(.home-redesign) .navigation-buttons button{border-radius:999px!important;transition:.22s ease!important}.customer-page:not(.home-redesign) button:hover,.customer-page:not(.home-redesign) .button:hover,.customer-page:not(.home-redesign) .cta:hover,.customer-page:not(.home-redesign) .navigation-buttons a:hover,.customer-page:not(.home-redesign) .navigation-buttons button:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(255,90,31,.18)}
.customer-page:not(.home-redesign) input,.customer-page:not(.home-redesign) select,.customer-page:not(.home-redesign) textarea{border:1px solid #cfcac0;border-radius:14px;background:#fffdf8;color:var(--gco-ink);font-family:'DM Sans',Arial,sans-serif}.customer-page:not(.home-redesign) input:focus,.customer-page:not(.home-redesign) select:focus,.customer-page:not(.home-redesign) textarea:focus{border-color:var(--gco-orange);box-shadow:0 0 0 4px rgba(255,90,31,.1);outline:none}
.customer-page:not(.home-redesign) .auth-page{background:radial-gradient(circle at 85% 15%,rgba(198,255,61,.22),transparent 25%),radial-gradient(circle at 15% 85%,rgba(255,90,31,.13),transparent 28%),var(--gco-paper)}.customer-page:not(.home-redesign) .auth-card{border-radius:28px;background:var(--gco-white);box-shadow:0 28px 80px rgba(11,13,15,.13);border:1px solid var(--gco-line)}.customer-page:not(.home-redesign) .account-page{background:var(--gco-paper)}.customer-page:not(.home-redesign) .account-panel{border-radius:26px;background:var(--gco-white);box-shadow:0 18px 50px rgba(11,13,15,.08);border:1px solid var(--gco-line)}
.customer-page:not(.home-redesign) .footer{background:var(--gco-ink);padding:4rem 1rem 1.75rem}.customer-page:not(.home-redesign) .footer-container{max-width:1180px;align-items:flex-start}.customer-page:not(.home-redesign) .footer-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem 1.4rem}.customer-page:not(.home-redesign) .footer-nav a{color:#d5d9d6;text-decoration:none;font-size:.78rem}.customer-page:not(.home-redesign) .footer-nav a:hover{color:#fff}
@media(max-width:1000px){.customer-page:not(.home-redesign) .header-container{flex-direction:column;gap:.6rem}.customer-page:not(.home-redesign) .nav-list{justify-content:center}.customer-page:not(.home-redesign) .cards-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.customer-page:not(.home-redesign) .logo{width:215px;flex-basis:215px}.customer-page:not(.home-redesign) main.container{padding:4rem 1rem 5rem}.customer-page:not(.home-redesign) main.container>h2{font-size:3rem}.customer-page:not(.home-redesign) .cards-grid{grid-template-columns:1fr}}

/* Shared customer-facing footer: same paper background and GearCashOut logo as the header. */
.customer-page .footer,
.customer-page.home .footer{background:#f4efe5 !important;color:#0b0d0f !important;border-top:1px solid rgba(11,13,15,.10) !important;padding:3rem 1rem 1.5rem !important}
.customer-page .footer-container{max-width:1180px;align-items:flex-start}
.customer-page .footer-container > div:first-child strong{display:block;width:245px;height:58px;margin:0 0 .7rem;padding:0;font-size:0;line-height:0;background:url('images/gearcashout-brand.svg') left center/contain no-repeat}
.customer-page .footer-container > div:first-child br{display:none}
.customer-page .footer-container > div:first-child{color:#6b706f}
.customer-page .footer-container > div:first-child::after{content:'A specialist route for selling your equipment.';display:block;max-width:330px;font-size:.78rem;line-height:1.55;color:#6b706f}
.customer-page .footer-nav a{color:#0b0d0f !important;font-weight:700}
.customer-page .footer-nav a:hover,.customer-page .footer-nav a:focus{color:#ff5a1f !important}
.customer-page.home .footer-brand img{display:block !important;width:245px;height:58px;object-fit:contain;object-position:left center;margin:0 0 .7rem;content:url('images/gearcashout-brand.svg') !important}
.customer-page.home .footer-brand::before{display:none !important;content:none !important}
.customer-page.home .footer p{color:#6b706f !important}
.customer-page.home .footer strong{color:#0b0d0f !important}
.customer-page.home .footer a{color:#0b0d0f !important}
.customer-page.home .footer a:hover,.customer-page.home .footer a:focus{color:#ff5a1f !important}
.customer-page.home .footer-bottom{border-top-color:rgba(11,13,15,.10) !important;color:#6b706f !important}

/* Homepage hero: no imagery. A clean dark field is intentionally left in place for the final Canva artwork. */
.customer-page.home .hero{position:relative;overflow:hidden;background-image:none !important}
.customer-page.home .hero::before,.customer-page.home .hero::after{display:none !important;content:none !important}
.customer-page.home .hero-grid{position:relative;z-index:2}

/* Homepage What We Buy: each category uses exactly one image — the primary category image. */
.home .buy-collage{display:block !important;height:190px !important;padding:7px !important}
.home .buy-collage figure{display:none !important}
.home .buy-collage figure:first-child{display:flex !important;width:100% !important;height:100% !important;grid-row:auto !important}
.home .buy-collage figure:first-child img{width:100% !important;height:100% !important;object-fit:contain !important;padding:10px !important}
@media(max-width:720px){.home .buy-collage{height:210px !important}}