/* Gold Fox — a brighter, banner-inspired palette. Shared layout lives in ../style.css. */
:root {
  --ink: #1c1005;
  --black: #080706;
  --cream: #fff7e7;
  --paper: #fffcf3;
  --gold: #ffc438;
  --muted: #c2b199;
  --line: #e8a93130;
  --metal: linear-gradient(110deg, #ffe6a0 0%, #ffca48 28%, #ffb817 62%, #e99b10 100%);
  --gold-type: linear-gradient(180deg, #fff3bd 0%, #fdd373 27%, #cc8c1a 46%, #fff0aa 49%, #f5bd35 56%, #e9a31d 78%, #ba7308 100%);
}
body { background: #0b0907; color: #fff8ec; }
:focus-visible { outline-color: #ffcc49; }
.eyebrow.dark, .benefit-number, .benefit>.icon, .partnership-mark { color: var(--gold); }
.section-lead, .benefit p, .partnership>div>p, .section-head>p,
.requirements-intro>p, .requirement p, .faq-list details>p { color: #c5b7a4; }
.dark-link { color: #ffd36b; border-color: #db9e3b65; }
.muted-title, .hero h1 span, .equipment h2 span, .requirements h2 span {
  color: var(--gold);
  background: var(--gold-type);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.button { border-radius: 100px; }
.button-gold, .application-card .button-dark {
  background: var(--metal); color: #211304;
  box-shadow: inset 0 1px 0 #fff4cf, inset 0 -3px 0 #9b590832, 0 9px 32px #ffb41b25;
}
.button-gold:hover, .application-card .button-dark:hover {
  background: linear-gradient(110deg, #fff0bd, #ffd465 36%, #ffc02c);
  box-shadow: inset 0 1px 0 #fff7dc, 0 12px 35px #ffb41b40;
}
.text-link.light { color: #ffedc5; border-color: #ffca5860; }
.site-header { border-color: #ffc84f35; background: linear-gradient(#08060444, transparent); }
.header-call>.icon { border-color: #ffc74570; background: #ffbf2410; }
.header-call small { color: #d0c1a8; }
.hero { background: #100a05; }
.hero-picture { position: absolute; inset: 0; z-index: -3; }
.hero-image { filter: saturate(1.16) contrast(1.035) brightness(1.07); }
.hero-shade {
  background: linear-gradient(90deg, #080605eb 0%, #100904c7 22%, #1c0e0540 47%, transparent 67%),
    linear-gradient(0deg, #0d0705e6, transparent 27%, transparent 78%, #0b080677);
}
.hero h1 { text-shadow: 0 6px 28px #0005; font-style: italic; letter-spacing: -.025em; }
.hero h1 span { text-shadow: none; filter: drop-shadow(0 3px 0 #4e2d08) drop-shadow(0 0 28px #ffb72e25); }
.hero-content>p strong { color: #ffe2a0; }
.hero-content>p { color: #e5d7c5; }
.hero-eyebrow .status-dot { box-shadow: 0 0 0 5px #ffbf2422, 0 0 22px #ffb3278c; }
.hero-reassurance { color: #d0bea4; }
.hero-bottom { border-color: #ffcd5c4a; color: #e4cfad; }
.scroll-mark { border-color: #ffda8f77; }
.hero-receipt { color: #251807; background: linear-gradient(140deg, #fffdf3, #fff0cb); box-shadow: 6px 6px 0 #c78e35, 0 22px 70px #0007, 0 0 55px #ffb80024; border-top: 3px solid #ffbf28; }
.hero-receipt .micro, .receipt-date { color: #7c5e2d; }
.receipt-icon { border-color: #bc8a3c77; color: #976114; }
.fact-strip { background: var(--metal); color: #251803; border-color: #d89922; box-shadow: 0 8px 45px #d88b1b12; }
.fact { border-color: #945c2250; }
.fact p { color: #674211; }
.fact-human>.icon { color: #5e3b0e; }
.why { background: radial-gradient(ellipse at 0 10%, #a8610c26, transparent 60%), #090909; }
.benefit, .benefit:first-child { padding: 25px 22px; margin-bottom: 14px; border: 1px solid #dca63735; border-radius: 8px; background: linear-gradient(125deg, #29201675, #121210); box-shadow: inset 0 1px 0 #ffe5a209; }
.benefit:last-child { margin-bottom: 0; }
.benefit>.icon { width: 30px; height: 30px; padding: 5px; background: #ffbb2b15; border: 1px solid #ffbf3333; border-radius: 50%; }
.benefit h3 { color: #fff9ed; }
.partnership { border-color: var(--line); }
.partnership>p strong, .partnership>div>span { color: #ffd471; }
.equipment { background: #110c08; }
.equipment-photo>img { filter: saturate(1.1) contrast(1.035); }
.equipment-photo:after { background: linear-gradient(0deg, #0d0808bc, transparent 35%), linear-gradient(90deg, transparent 80%, #140b0655); }
.equipment-copy { background: radial-gradient(ellipse at top right, #6b350829, transparent 70%), #110c08; }
.equipment-year { color: transparent; -webkit-text-stroke: 1px #ffc43b26; }
.equipment-copy-inner>p { color: #c8b8a1; }
.equipment-tags>span { color: #ebd7ac; border-color: #e7af3e40; background: #f4b32f08; }
.earnings { background: radial-gradient(ellipse at 100% 55%, #a65c0c28, transparent 55%), #0a0908; }
.truck-tab { border-color: #a77b3d65; color: #e8d6bc; }
.truck-tab.active { background: var(--metal); color: #261903; border-color: #ffd06b; }
.truck-tab>span { opacity: .85; }
.truck-tab:not(.active):hover { background: #332312; }
.history-collection, .history-heading>div>span, .history-hint { color: #b6a48c; }
.history-arrow { border-color: #ad7f3f72; color: #ffd576; }
.history-arrow:not(:disabled):hover { background: #483018; }
.pay-timeline, .dialog-thumbnails { scrollbar-color: #a76c20 transparent; }
.history-card { background: linear-gradient(125deg, #2a1b10, #1b140d); border-color: #8e622d65; color: #f5e9d6; }
.history-card:hover { background: #382613; border-color: #d69a3a; }
.history-week, .history-miles { color: #c7ae8a; }
.history-card.active { background: var(--metal); border-color: #ffe39a; color: #261805; box-shadow: inset 0 1px 0 #fff0bd; }
.history-card.active .history-week, .history-card.active .history-miles { color: #67441b; }
.history-card.active>strong { color: #251703; }
.pay-detail-heading .micro { color: #d9a948; }
.pay-detail-date, .pay-metrics span { color: #bdab91; }
.pay-total { color: #ffcb4d; }
.pay-total span { color: #e3a936; }
.pay-route { color: #f4dbad; }
.route-line { color: #cd9136; }
.route-line>i { background: #bd872d68; }
.pay-metrics { border-color: var(--line); }
.paper-stage { background: radial-gradient(ellipse at 52% 38%, #8e501d, #3d2615 57%, #21180f); }
.paper-stage:before, .paper-stage:after { border-color: #f3be5140; }
.paper-back { background: #f8ecd4; box-shadow: 0 10px 25px #0005; }
.paper-back-two { background: #debd82; }
.paper-front { box-shadow: 0 20px 45px #0008; }
.paper-front>span { color: #ffda8c; background: #191209; }
.earnings-foot p { color: #b9a68a; }
.earnings-foot a { color: #ffd36b; }
.requirements { background: radial-gradient(ellipse at 0 30%, #97570c45, transparent 70%), #080808; border-block: 1px solid #d69c3430; }
.requirements:before { border-color: #ffc4481c; box-shadow: 0 0 0 75px #efad3305, 0 0 0 150px #efad3304; }
.requirement { border-color: #dba33930; }
.requirement>span, .requirements-signature>span { color: #b69c76; }
.requirements-signature strong { color: #f4d9a5; }
.faq { background: #10100e; }
.ext { color: #c1a57b; }
.faq-plus { background: #ffbd3322; }
.faq-plus:before, .faq-plus:after { background: #ffcc58; }
.apply {
  color: #211400;
  background: radial-gradient(ellipse at 0 0, #ffeeb3, transparent 62%), linear-gradient(125deg, #ffcf4b 0%, #ffbd20 50%, #eda016 100%);
  border-top: 1px solid #ffe4a0;
}
.apply-road { border-color: #7b490c28; box-shadow: 0 0 0 50px #8d570c09, 0 0 0 100px #8d570c09, 0 0 0 150px #8d570c08; }
.apply h2 span { color: #805007; }
.apply .eyebrow, .apply-intro>p, .apply-phone small { color: #60400d; }
.apply-phone>.icon { border-color: #95651888; background: #fff2c135; }
.application-card { background: linear-gradient(135deg, #21170d, #110d09); color: #fff4dc; box-shadow: 0 26px 70px #65410f59; border: 1px solid #ffd77180; }
.application-card:before { background: #76430a33; border-color: #fff0a960; }
.form-heading .micro { color: #dcb36a; }
.form-step { color: #ba9d72; }
.application-card>p, .consent { color: #c4b197; }
.field label { color: #f1dfc5; }
.field label>span { color: #bda078; }
.field input { background: #0e0b08; border-color: #8f6b375e; color: #fff4dd; }
.field input::placeholder { color: #a48e70; }
.field input:focus { border-color: #ffc747; box-shadow: 0 0 0 2px #eeb63b20; }
.field input[aria-invalid=true] { border-color: #ff947c; }
.field-error { color: #ffb59e; }
.form-message { color: #ffdda1; background: #4e351a; }
.footer { background: #070605; color: #f9e8ca; }
.footer-main { border-color: #b6823038; }
.footer-main .micro { color: #d7ad61; }
.footer-bottom { color: #b79d77; }
.footer-bottom a { color: #e8c98d; }
.back-top { color: #ffd36b; border-color: #d0a45570; }
.statement-dialog { color: #fff1d5; background: #19130d; border: 1px solid #b0803855; }
.statement-dialog::backdrop { background: #080500e6; }
.dialog-bar, .dialog-navigation { background: #171109; border-color: #c4903545; }
.dialog-bar .micro { color: #d8ae62; }
.dialog-close { color: #ffe5af; border-color: #c6975055; }
.dialog-scroll { background: #261d14; }
.dialog-caption, .dialog-counter { color: #ddc49b; }
.dialog-arrow:hover { background: #4a3218; border-color: #997039; }
.dialog-thumbnail { background: #2d2114; border-color: #98704055; color: #ffedcf; }
.dialog-thumbnail:hover { border-color: #e3b45c; }
.dialog-thumbnail small, .thumbnail-period { color: #c6ac82; }
.dialog-thumbnail.active { background: var(--metal); border-color: #ffe6a1; color: #241600; box-shadow: none; }
.dialog-thumbnail.active small, .dialog-thumbnail.active .thumbnail-period { color: #694516; }
@media (max-width:800px) {
  .hero-shade { background: linear-gradient(90deg, #0d0805ed, #1c1008a9 42%, #3b210810), linear-gradient(0deg, #0c0704ed, transparent 45%, #10080470); }
  .menu-toggle { border-color: #e5b45770; }
  .mobile-nav:not([hidden]) { background: #120c06fa; border-color: #e7ac4655; }
  .benefit, .benefit:first-child { padding: 22px 16px; margin-bottom: 0; }
}
@media (max-width:540px) {
  .hero { height: 915px; min-height: 915px; }
  .hero-image { filter: saturate(1.15) contrast(1.04) brightness(1.04); object-position: center center; opacity: 1; }
  .hero-shade { background: linear-gradient(180deg, #100a04b8 0%, #100a04ad 24%, #100a049e 38%, #21120580 54%, transparent 68%, #0c0704d4 100%); }
  .hero h1 { font-size: clamp(69px, 18.2vw, 98px); }
  .hero-content { padding-top: 120px; }
  .hero-content>p, .hero-actions .text-link { color: #fff8e9; text-shadow: 0 2px 8px #0009; }
  .hero-reassurance { color: #ffe8bb; text-shadow: 0 2px 6px #000; }
  .hero-receipt { bottom: 79px; }
  .benefit, .benefit:first-child { padding: 23px 17px; margin-bottom: 12px; grid-template-columns: 22px 1fr; }
  .benefit>.icon { display: none; }
  .fact, .fact:nth-child(even) { border-color: #945c2240; }
  .mobile-action { background: #110b06f5; border-color: #b984324a; }
  .mobile-action a { color: #ffe9bc; }
  .mobile-action a:last-child { background: var(--metal); color: #251703; border-radius: 100px; }
}
@media (forced-colors:active) {
  .muted-title, .hero h1 span, .equipment h2 span, .requirements h2 span { background: none; -webkit-text-fill-color: currentColor; }
}

/* Comfortable mobile reading; display headings retain their original sizes. */
@media (max-width: 800px) {
  body { font-size: 16px; }
  .hero-content>p, .why-intro .section-lead { font-size: 17px; line-height: 1.7; }
  .benefit p, .partnership>div>p, .equipment-copy-inner>p, .section-head>p,
  .requirements-intro>p, .requirement p, .faq .section-lead, .faq-list details>p,
  .apply-intro>p, .application-card>p { font-size: 16px; line-height: 1.7; }
  .eyebrow, .hero-eyebrow, .equipment-copy .eyebrow, .apply .eyebrow,
  .micro, .form-heading .micro, .form-step, .footer-main .micro,
  .partnership>div>span, .benefit-number, .requirement>span { font-size: 12px; letter-spacing: .07em; }
  .button, .hero-actions .button, .requirements .button, .application-card .button { font-size: 15px; min-height: 54px; gap: 20px; }
  .text-link, .hero-actions .text-link, .why-intro .text-link, .equipment-copy .text-link,
  .pay-details .text-link, .faq .text-link { font-size: 15px; line-height: 1.5; gap: 14px; }
  .mobile-nav a { font-size: 17px; }
  .header-call { font-size: 14px; }
  .header-call small { font-size: 12px; }
  .hero-reassurance, .hero-bottom, .hero-coordinate { font-size: 12px; line-height: 1.5; }
  .hero-reassurance { flex-wrap: wrap; row-gap: 6px; }
  .hero-receipt .micro, .hero-receipt .receipt-date { font-size: 12px; line-height: 1.5; letter-spacing: .02em; }
  .hero-receipt { width: 330px; gap: 14px; }
  .receipt-info { min-width: 0; }
  .fact p { font-size: 14px; line-height: 1.6; }
  .photo-label { font-size: 12px; line-height: 1.5; letter-spacing: .06em; right: 24px; }
  .equipment-tags>span { font-size: 13px; line-height: 1.5; }
  .truck-tab { font-size: 15px; }
  .truck-tab>span, .history-collection, .history-week { font-size: 12px; }
  .history-heading strong { font-size: 16px; }
  .history-heading>div>span, .history-navigation>span { font-size: 13px; line-height: 1.5; }
  .history-period { font-size: 15px; line-height: 1.5; }
  .history-miles { font-size: 13px; line-height: 1.5; }
  .history-hint { font-size: 12px; line-height: 1.6; }
  .pay-detail-heading .micro { font-size: 12px; }
  .pay-detail-date, .pay-metrics span { font-size: 13px; line-height: 1.5; }
  .pay-period { font-size: 16px; line-height: 1.5; }
  .pay-route { font-size: 15px; }
  .pay-metrics strong { font-size: 20px; }
  .paper-front>span { font-size: 12px; letter-spacing: .04em; }
  .earnings-foot p { font-size: 14px; line-height: 1.7; }
  .earnings-foot a { font-size: 15px; }
  .requirements-signature>span { font-size: 12px; }
  .faq-list summary { font-size: 16px; line-height: 1.6; }
  .ext { font-size: 12px; margin-left: -6px; }
  .apply-phone small { font-size: 12px; line-height: 1.5; letter-spacing: .05em; }
  .apply-phone em { font-size: 13px; }
  .form-heading { flex-wrap: wrap; gap: 8px 18px; }
  .field label { font-size: 14px; line-height: 1.5; }
  .field input { font-size: 17px; height: 52px; }
  .field input::placeholder { font-size: 16px; }
  .consent, .field-error { font-size: 13px; line-height: 1.7; }
  .form-message { font-size: 15px; line-height: 1.7; }
  .footer-bottom, .footer-bottom>a { font-size: 13px; line-height: 1.7; }
  .mobile-action a { font-size: 15px; min-height: 48px; }
  .dialog-bar .micro { font-size: 12px; }
  .dialog-caption { font-size: 13px; line-height: 1.6; }
  .dialog-arrow { font-size: 14px; }
  .dialog-counter { font-size: 13px; }
  .dialog-thumbnail { flex-basis: 210px; min-height: 88px; gap: 10px; padding: 10px; }
  .dialog-thumbnail small, .thumbnail-period { font-size: 12px; line-height: 1.5; }
  .dialog-thumbnail strong { font-size: 16px; }
}
@media (max-width: 540px) {
  .header-inner { gap: 10px; }
  .site-header .brand { width: 118px; }
  .header-call { font-size: 12px; }
  .hero-eyebrow { gap: 9px; }
  .hero-eyebrow .eyebrow-rule { width: 22px; }
  .hero-reassurance { max-width: 320px; gap: 5px 12px; }
  .hero-reassurance .tiny-cross { display: none; }
  .hero-reassurance>span:not(.tiny-cross) { width: 100%; }
  .hero-receipt { width: min(330px, calc(100% - 54px)); padding: 18px 17px; gap: 12px; }
  .receipt-icon { display: none; }
  .hero-receipt .receipt-date { padding-right: 18px; }
  .fact:nth-child(even) { padding-left: 16px; }
  .fact p { padding-right: 10px; }
  .truck-tab { flex-direction: column; align-items: flex-start; gap: 5px; }
  .history-hint { flex-direction: column; gap: 3px; }
  .history-hint>span { text-align: left; max-width: none; }
  .history-heading { align-items: flex-start; }
  .history-navigation { flex-shrink: 0; }
  .history-heading>div:first-child { min-width: 0; }
  .apply-phone strong { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
  .apply-phone em { margin-left: 0; }
  .form-heading { flex-direction: column; align-items: flex-start; }
  .application-card .button { padding-inline: 18px; gap: 10px; }
  .footer-bottom { grid-template-columns: 1fr; gap: 16px; }
  .footer-bottom address { grid-column: auto; grid-row: auto; }
  .dialog-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 12px; }
  .dialog-counter { grid-row: 1; grid-column: 1/-1; text-align: center; padding-top: 5px; }
  .dialog-arrow { grid-row: 2; }
  .dialog-arrow:first-child { justify-self: start; }
  .dialog-arrow:last-child { justify-self: end; }
}
@media (max-width: 360px) {
  .hero { height: 965px; min-height: 965px; }
}