/* Floating glass belongs to navigation and actions; content stays quiet. */
:root {
  --glass-dark: linear-gradient(120deg, #ffffff15, #ffffff04 48%, #ffffff0b), #211d2bd9;
  --glass-light: linear-gradient(125deg, #fffffff2, #ffffffb8 55%, #f1eafbd9), #f7f4f9;
  --glass-edge: inset 0 1px 0 #ffffff66, inset 1px 0 0 #ffffff1c, inset 0 -1px 0 #ffffff0d;
}
.header {
  width: min(1380px, calc(100% - 40px));
  height: 72px;
  top: 16px;
  margin: 16px auto -88px;
  border: 1px solid #ffffff26;
  border-radius: 24px;
  background: var(--glass-dark);
  box-shadow: var(--glass-edge), 0 8px 32px #0a071626;
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
}
.header-inner { width: 100%; padding: 0 24px; gap: 24px; }
.header .desktop-nav { color: #e4dfea; }
.header .brand span { color: #d5cce3; }
.header .header-cta {
  border-color: #ffffff24;
  background: #ffffff13;
  border-radius: 14px;
  box-shadow: inset 0 1px 0 #ffffff24;
}
.header.is-scrolled {
  background: var(--glass-light);
  border-color: #ffffffa6;
  box-shadow: inset 0 1px 0 #fff, 0 5px 24px #24123812, 0 0 0 1px #24123808;
}
.header.is-scrolled .desktop-nav { color: #53485e; }
.header.is-scrolled .header-cta { background: #292130; border-color: transparent; }
.header .mobile-nav { border-radius: 20px; margin-top: 10px; background: #faf8fd; }
.hero { min-height: 782px; }
.hero-content { padding-top: 147px; padding-bottom: 160px; }
.hero-actions .button-white, .contact-band-action .button-white {
  color: #fff;
  background: linear-gradient(135deg, #ffffff21, #ffffff09 65%, #ffffff17), #25202bbf;
  border-color: #ffffff40;
  border-radius: 16px;
  box-shadow: inset 0 1px 0 #ffffff80, inset 0 -1px 0 #ffffff12, 0 8px 24px #00000018;
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
}
.hero-secondary { border: 0; color: #e5dfea; }
.quote-shell { margin-top: -86px; }
.quote-card {
  padding: 30px 32px 24px;
  border-radius: 26px;
  border: 1px solid #ffffffbf;
  background: var(--glass-light);
  box-shadow: inset 0 1px 0 #fff, inset 1px 0 0 #ffffff80, 0 14px 40px #23173512, 0 0 0 1px #3d26570a;
  -webkit-backdrop-filter: blur(28px) saturate(135%);
  backdrop-filter: blur(28px) saturate(135%);
}
.quote-top { margin-bottom: 22px; }
.quote-top h2 { font-size: 1.5rem; }
.route-field { border-radius: 12px; border-color: #e4deeb; background: #faf8fc; }
.route-submit { border-radius: 12px; }
.quote-bottom { border: 0; margin-top: 16px; padding-top: 0; color: #6c6175; }
.field-error:empty { display: none; }
.format-panel { border-radius: 20px; background: #f5f2f8; border: 0; }
.format-image::after { background: none; box-shadow: inset 0 0 0 1px #0000000d; }
.format-tab { padding-left: 18px; }
.format-tab[aria-selected='true'] { border-radius: 12px; background: #eee8fa; }
.format-description { padding: 28px 30px 30px; }
.journey-info h3 { margin-top: 0; }
.journey-diagram { border: 0; background: #ffffff03; border-radius: 20px; }
.journey-station text { font-family: 'Golos Text', Arial, sans-serif; }
.journey-panel { min-height: 360px; align-items: center; }
.journey-controls { border: 0; padding: 6px; border-radius: 18px; background: #ffffff06; gap: 4px; }
.journey-controls button { border: 0; border-radius: 12px; margin: 0; padding: 17px 20px; }
.journey-controls button[aria-selected='true'] {
  background: linear-gradient(130deg, #ffffff15, #ffffff06);
  box-shadow: inset 0 1px 0 #ffffff2b, 0 0 0 1px #ffffff10;
}
.process-footer { justify-content: flex-end; }
.partner-card { display: flex; align-items: center; justify-content: space-between; gap: 40px; border-radius: 22px; background: #eee8f6; }
.partner-card>.button { flex-shrink: 0; margin: 0; border-radius: 12px; }
.contact-band { padding-bottom: 100px; }
.button:active { transform: scale(.96); }
.mobile-quick:not([hidden]) { border-radius: 24px; background: var(--glass-light); border-color: #ffffffb3; box-shadow: inset 0 1px 0 #fff, 0 6px 28px #21152b24; }
.mobile-quick .button { border-radius: 12px; }
dialog { border-radius: 26px; background: #fcfaff; border-color: #ffffffb3; box-shadow: inset 0 1px 0 #fff, 0 24px 90px #0a061c40; }
dialog::backdrop { background: #17101f99; -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root {
    --glass-dark: linear-gradient(120deg, #ffffff15, #ffffff04 48%, #ffffff0b), #211d2b9c;
    --glass-light: linear-gradient(125deg, #ffffffed, #ffffffe0 55%, #f1eafbe8);
  }
  .hero-actions .button-white, .contact-band-action .button-white {
    background: linear-gradient(135deg, #ffffff30, #ffffff0e 65%, #ffffff22), #211a3038;
  }
}
@media (hover: hover) and (pointer: fine) {
  .hero-actions .button-white:hover, .contact-band-action .button-white:hover { background-color: #ffffff20; box-shadow: inset 0 1px 0 #ffffffb3, inset 0 -1px 0 #ffffff24, 0 8px 28px #00000020; }
  .header .header-cta:hover { background: #ffffff26; }
  .header.is-scrolled .header-cta:hover { background: #493359; }
}
@media (min-width: 1600px) {
  .hero { min-height: 842px; }
  .hero-content { padding-top: 168px; }
}
@media (max-width: 1200px) {
  .header-inner { padding: 0 20px; gap: 16px; }
  .header .desktop-nav { gap: 18px; }
  .header .header-phone { display: none; }
}
@media (max-width: 900px) {
  .header { height: 64px; margin-bottom: -80px; }
  .hero { min-height: 773px; }
  .hero-content { padding-top: 146px; }
  .partner-card { padding: 38px; gap: 28px; }
  .partner-card h2 { font-size: 2.2rem; }
  .journey-controls button { padding: 16px 12px; }
}
@media (max-width: 640px) {
  .header { width: calc(100% - 24px); height: 60px; top: 12px; margin: 12px auto -72px; border-radius: 20px; }
  .header-inner { padding: 0 14px; }
  .header .brand img { width: 112px; }
  .header .brand span { font-size: 1rem; }
  .header .menu-button { border: 0; }
  .hero { min-height: 803px; }
  .hero-content { padding-top: 106px; padding-bottom: 0; }
  .hero-picture img { height: 440px; }
  .hero-shade { background: linear-gradient(180deg, #17141d 0%, #17141d 37%, #17141de8 46%, #17141d00 70%, #17141d55 100%); }
  .hero-actions .button-white { border-radius: 14px; }
  .quote-shell { margin-top: -58px; }
  .quote-card { padding: 24px 19px 20px; border-radius: 24px; }
  .quote-top h2 { font-size: 1.3rem; }
  .quote-bottom { line-height: 1.6; }
  .format-description { padding: 23px 22px 25px; }
  .journey-controls { gap: 0; padding: 4px; border-radius: 14px; }
  .journey-controls button { gap: 8px; padding: 12px 7px; border-radius: 10px; }
  .journey-panel { min-height: 0; gap: 24px; }
  .journey-info p { min-height: 0; }
  .journey-diagram { padding: 10px 0; }
  .journey-diagram svg { margin: 0; }
  .partner-card { display: block; padding: 30px 24px; }
  .partner-card>.button { width: 100%; margin-top: 25px; }
  .contact-band { padding-bottom: 68px; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  :root { --glass-dark: #211d2b; --glass-light: #faf8fc; }
  .header, .quote-card, .mobile-quick:not([hidden]), .hero-actions .button-white, .contact-band-action .button-white, dialog::backdrop { -webkit-backdrop-filter: none; backdrop-filter: none; }
  .hero-actions .button-white, .contact-band-action .button-white { background: #f5f0fc; color: #241b30; border-color: #fff; }
  .header { border-color: #80758f; }
  .header.is-scrolled, .quote-card, .mobile-quick:not([hidden]) { border-color: #7d7089; }
}

/* Longer positioning statement retains the existing hero composition. */
.hero h1.auction-hero-title {
  max-width: 690px;
  font-size: clamp(3.5rem, 5.55vw, 5rem);
  line-height: 1.04;
  letter-spacing: -.04em;
  text-wrap: initial;
}
.auction-hero-title .hero-title-accent {
  display: inline-block;
  margin-top: .18em;
  font-size: .6em;
  line-height: 1.16;
  letter-spacing: -.03em;
}
.hero:has(.auction-hero-title) .hero-description { max-width: 470px; }
#auction .clarity-heading>p:not(.eyebrow) { max-width: 430px; }
@media (max-width: 900px) {
  .hero h1.auction-hero-title { font-size: 4.5rem; }
}
@media (max-width: 640px) {
  .hero h1.auction-hero-title { font-size: clamp(2.75rem, 12vw, 4.4rem); }
  .auction-hero-title .hero-title-accent { font-size: .59em; margin-top: .3em; }
  .hero:has(.auction-hero-title) .hero-description { max-width: 320px; }
  .hero:has(.auction-hero-title) { min-height: 855px; }
  .hero:has(.auction-hero-title) .hero-shade { background: linear-gradient(180deg, #17141d 0%, #17141d 40%, #17141de8 49%, #17141d00 73%, #17141d55 100%); }
}

/* Full-width navigation and a single, connected route control. */
.header {
  width: 100%; height: 84px; top: 0; margin: 0; border-radius: 0;
  border: 0; border-bottom: 1px solid #ffffff12;
  background: #17141dec; box-shadow: none;
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
}
.header-inner { width: min(1320px, calc(100% - 96px)); padding: 0; gap: 28px; }
.header .header-cta { border-radius: 8px; background: #ffffff10; box-shadow: none; }
.header.is-scrolled { background: #fffffff5; border-color: #e9e5ef; box-shadow: none; }
.header .mobile-nav { margin-top: 0; border-radius: 0; background: #fff; }
.hero { min-height: 698px; }
.hero-content { padding-top: 63px; padding-bottom: 110px; }
.quote-card { padding: 32px; border-radius: 24px; }
.quote-top { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
.quote-top h2 { font-size: 1.75rem; letter-spacing: -.035em; }
.quote-top p { font-size: .875rem; line-height: 1.5; color: #746b7e; }
.route-grid { grid-template-columns: minmax(0, 2.25fr) minmax(210px, 1fr) minmax(200px, .95fr); gap: 16px; align-items: stretch; }
.route-pair { position: relative; display: grid; grid-template-columns: 1fr 1fr; min-width: 0; border: 1px solid #ded8e6; border-radius: 14px; background: #fff; }
.route-field { height: 88px; padding: 16px 20px; gap: 10px; background: #fff; border-color: #ded8e6; border-radius: 14px; }
.route-pair .route-field { min-width: 0; height: 86px; border: 0; background: transparent; border-radius: 13px 0 0 13px; padding-right: 34px; }
.route-pair .route-field:last-child { border-radius: 0 13px 13px 0; border-left: 1px solid #e6e0ec; padding-left: 34px; padding-right: 18px; }
.route-field>span { font-size: .8125rem; font-weight: 400; color: #756b80; gap: 8px; }
.route-field input, .route-field select { font-size: 1rem; height: 26px; font-weight: 450; }
.route-field input::placeholder { color: #867c90; }
.route-field:focus-within { background: #fff; border-color: #9d7bea; box-shadow: inset 0 0 0 2px #9d7bea; }
.route-pair .route-field:focus-within { box-shadow: inset 0 0 0 2px #9d7bea; }
.swap-button { position: absolute; z-index: 1; left: 50%; top: 50%; right: auto; width: 40px; height: 40px; margin: -20px 0 0 -20px; transform: none; border: 1px solid #e5dfec; border-radius: 50%; background: #fff; color: #82748f; box-shadow: 0 2px 5px #24103608; display: grid; place-items: center; }
.swap-button:active { transform: scale(.96); }
.swap-button svg { width: 19px; height: 19px; }
.route-submit { display: flex; justify-content: space-between; gap: 15px; height: 88px; min-height: 88px; margin: 0; padding: 0 22px; grid-column: auto; border-radius: 14px; font-size: .9375rem; text-align: left; background: #7351eb; box-shadow: inset 0 1px 0 #ffffff24, 0 4px 10px #6946c71a; }
.route-submit svg { width: 21px; height: 21px; flex-shrink: 0; }
.quote-bottom { margin-top: 19px; line-height: 1.6; }
.quote-bottom span:last-child { display: block; white-space: normal; }
@media (min-width: 1600px) {
  .hero { min-height: 758px; }
  .hero-content { padding-top: 84px; }
}
@media (max-width: 1200px) {
  .header-inner { width: calc(100% - 64px); gap: 18px; }
  .route-grid { grid-template-columns: minmax(0, 1.8fr) minmax(210px, 1fr); }
  .route-submit { grid-column: 1/-1; height: 56px; min-height: 56px; justify-content: center; }
}
@media (max-width: 900px) {
  .header { height: 73px; }
  .header-inner { width: calc(100% - 48px); }
  .hero { min-height: 700px; }
  .hero-content { padding-top: 73px; }
  .quote-card { padding: 28px 24px; }
  .quote-top { display: block; margin-bottom: 24px; }
  .quote-top p { margin-top: 10px; }
  .route-grid { grid-template-columns: 1fr; gap: 12px; }
  .type-field { height: 78px; padding-top: 12px; padding-bottom: 12px; }
  .route-submit { grid-column: auto; }
}
@media (max-width: 640px) {
  .header { height: 68px; }
  .header-inner { width: calc(100% - 40px); gap: 12px; }
  .hero-content { padding-top: 38px; padding-bottom: 0; }
  .hero:has(.auction-hero-title) { min-height: 787px; }
  .hero:has(.auction-hero-title) .hero-shade { background: linear-gradient(180deg, #17141d 0%, #17141d 35%, #17141de8 46%, #17141d00 72%, #17141d55 100%); }
  .quote-card { padding: 26px 19px 22px; border-radius: 24px; }
  .quote-top h2 { font-size: 1.5rem; }
  .quote-top p { font-size: .8125rem; max-width: 255px; }
  .route-pair { grid-template-columns: 1fr; }
  .route-pair .route-field { height: 80px; padding: 13px 20px; padding-right: 55px; border-radius: 13px 13px 0 0; }
  .route-pair .route-field:last-child { border: 0; border-top: 1px solid #e6e0ec; border-radius: 0 0 13px 13px; padding: 13px 55px 13px 20px; }
  .swap-button { left: auto; right: 12px; top: 50%; width: 44px; height: 44px; margin: -22px 0 0; transform: rotate(90deg); }
  .swap-button:active { transform: rotate(90deg) scale(.96); }
  .route-submit { min-height: 56px; height: 56px; margin-top: 3px; font-size: .9375rem; justify-content: space-between; }
  .quote-bottom { margin-top: 16px; font-size: .75rem; color: #7b7187; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .header { background: #211d2b; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .header.is-scrolled { background: #fff; }
  .route-field, .route-pair { border-color: #80718d; }
}

/* One useful proof point, with the request details matching the route form. */
.carrier-network { display: flex; align-items: center; gap: 19px; margin-top: 27px; width: fit-content; }
.carrier-network strong { font-size: 2.125rem; line-height: 1; letter-spacing: -.045em; font-weight: 500; color: #eee5fc; font-variant-numeric: tabular-nums; white-space: nowrap; }
.carrier-network strong span { color: #c2a4f5; margin-left: 2px; }
.carrier-network p { border-left: 1px solid #ffffff36; padding-left: 19px; color: #d1c6df; font-size: .8125rem; line-height: 1.5; }
.format-indicator, .format-tab[aria-selected='true'] .format-indicator { transform: none; font-size: 1.3rem; }
.format-tab:not([aria-selected='true']) .format-indicator { color: #93859e; }
.clarity-heading h2 span { color: #887999; }
.journey-station text { fill: #b3a2c3; }
.journey-track { stroke: #9071a5; }
.journey-controls button { color: #bcacc9; }
.journey-controls button>span { color: #a58ab9; }
dialog { padding: 38px; }
dialog h2 { font-size: 2rem; font-weight: 520; letter-spacing: -.03em; }
.dialog-close { width: 44px; height: 44px; right: 12px; top: 10px; border-radius: 50%; color: #756a81; }
.dialog-close:hover { background: #eee8f6; }
.route-summary { border-radius: 12px; padding: 16px 18px; line-height: 1.6; color: #594077; background: #eee7f7; }
.route-summary strong { font-size: 1rem; margin-bottom: 3px; }
#details-form label { font-size: .8125rem; color: #55485f; }
#details-form input, #details-form textarea { border-radius: 11px; min-height: 48px; padding: 12px 14px; font-size: 1rem; border-color: #e0d9e8; }
#details-form input::placeholder, #details-form textarea::placeholder { color: #857b8f; }
#details-form input:focus-visible, #details-form textarea:focus-visible { outline: 2px solid #9d7bea; outline-offset: 1px; }
#details-form>.button { min-height: 54px; border-radius: 12px; margin-top: 4px; }
.form-note { line-height: 1.6; }
#request-preview { font-family: 'Golos Text', Arial, sans-serif; border-radius: 12px; }
@media (max-width: 640px) {
  .carrier-network { gap: 16px; margin-top: 25px; }
  .carrier-network strong { font-size: 1.875rem; }
  .carrier-network p { padding-left: 16px; font-size: .75rem; }
  .hero:has(.auction-hero-title) { min-height: 849px; }
  .hero:has(.auction-hero-title) .hero-shade { background: linear-gradient(180deg, #17141d 0%, #17141d 41%, #17141de8 51%, #17141d00 74%, #17141d55 100%); }
  dialog { padding: 32px 23px 25px; }
  dialog h2 { font-size: 1.75rem; padding-right: 18px; }
}
@media (max-width: 380px) {
  #details-form .form-two { grid-template-columns: 1fr; }
}

/* A calmer lower page: fixed tab alignment and more compact content panels. */
.services-section { padding-top: 100px; padding-bottom: 100px; }
.section-heading { gap: 48px; }
.section-heading .section-intro { max-width: 340px; }
.service-explorer { grid-template-columns: .82fr 1.4fr; gap: 48px; }
.service-choices { padding-top: 0; }
.format-tab, .format-tab[aria-selected='true'] {
  padding: 26px 22px; border-radius: 12px; border-color: transparent;
  transition: background 180ms ease, box-shadow 180ms ease;
}
.format-tab+.format-tab { margin-top: 4px; }
.format-tab strong { color: #5e5469; font-weight: 500; }
.format-tab small { color: #7b6e86; font-size: .875rem; }
.format-tab[aria-selected='true'] {
  background: #f0eafa;
  box-shadow: inset 3px 0 0 #9573dc, inset 0 0 0 1px #8b68be12;
}
.format-tab[aria-selected='true'] strong { color: #4f327d; }
.format-tab[aria-selected='true'] .format-indicator { color: #7952bc; }
.format-help { padding: 26px 22px 0; color: #81718c; font-size: .8125rem; }
.format-help a { display: inline-block; color: #61418d; margin-top: 5px; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: #61418d50; }
.format-panel { background: #fff; box-shadow: 0 0 0 1px #291a3b0d, 0 8px 25px #291a3b05; }
.format-image { height: 296px; }
.format-panel[data-format] .format-image img { transform: none; transition: none; }
.format-description { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 22px; padding: 28px 30px; }
.format-description>div:first-child { grid-column: 1/-1; }
.format-description h3 { font-size: 1.625rem; }
.format-description p { margin-top: 12px; min-height: 0; max-width: 570px; }
.format-facts { margin: 0; gap: 8px 16px; max-width: 290px; }
.format-facts span { font-size: .8125rem; line-height: 1.6; padding-left: 10px; color: #7a6489; }
.format-facts span+span { margin-left: 0; }
.format-description .button { min-height: 48px; max-width: 250px; padding: 10px 20px; border-radius: 10px; font-size: .875rem; }
.journey { margin-top: 38px; }
.journey-controls { gap: 6px; padding: 5px; border-radius: 16px; background: #ffffff04; }
.journey-controls button { min-height: 56px; gap: 14px; font-size: .9375rem; }
.journey-controls button>span { font-size: .8125rem; font-variant-numeric: tabular-nums; }
.journey-controls button[aria-selected='true'] { color: #f2e8ff; box-shadow: inset 0 1px 0 #ffffff26, 0 0 0 1px #ffffff0d; background: linear-gradient(120deg, #ffffff13, #ffffff08); }
.journey-panel { grid-template-columns: .9fr 1.2fr; padding: 32px 0; min-height: 330px; gap: 60px; }
.journey-info h3 { min-height: 83px; }
.journey-info p { font-size: 1rem; max-width: 420px; min-height: 109px; margin-top: 18px; }
.journey-diagram { background: transparent; padding: 0; }
.journey-diagram svg { height: 260px; min-height: 0; max-width: 610px; }
.journey-track { stroke: #7e618f; }
.journey-station>circle:not(.station-core) { stroke: #88659b; }
.process-footer { padding: 22px 0 32px; }
.process-footer .button-white {
  border-radius: 12px; border-color: #ffffff33; color: #f3eafa;
  background: linear-gradient(130deg, #ffffff1a, #ffffff08);
  box-shadow: inset 0 1px 0 #ffffff36;
}
.faq-list { padding-top: 0; }
.faq-list details { padding: 0 20px; border-color: #e8e0ee; transition: background 150ms ease; }
.faq-list details:first-child { border-top: 0; }
.faq-list details[open] { background: #f3eff8; border-radius: 12px; border-bottom-color: transparent; }
.faq-list summary { gap: 20px; line-height: 1.5; padding: 23px 0; }
.faq-list summary span { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; color: #8b729f; }
.faq-list details[open] summary { color: #56357e; }
.faq-list details p { padding: 0 36px 24px 0; color: #6e607b; }
.footer-bottom, .footer-bottom>a { color: #b49bc5; }
.footer-contacts a:last-child { color: #c6afd8; }
@media (hover: hover) and (pointer: fine) {
  .format-tab:not([aria-selected='true']):hover { background: #f5f2f9; }
  .format-help a:hover { color: #412066; text-decoration-color: currentColor; }
  .process-footer .button-white:hover { background-color: #ffffff12; }
  .faq-list details:not([open]):hover { background: #f8f5fb; }
}
@media (max-width: 1200px) {
  .service-explorer { gap: 32px; }
  .format-image { height: 270px; }
  .format-description { grid-template-columns: 1fr; gap: 18px; padding: 26px; }
  .format-facts { max-width: none; }
  .format-description .button { max-width: none; width: fit-content; }
  .format-description p { min-height: 0; }
}
@media (max-width: 900px) {
  .services-section { padding-top: 80px; padding-bottom: 80px; }
  .section-heading { gap: 30px; }
  .section-heading .section-intro { max-width: 270px; }
  .service-explorer { gap: 24px; grid-template-columns: .9fr 1.2fr; }
  .format-tab, .format-tab[aria-selected='true'] { padding: 24px 16px; }
  .format-tab small { font-size: .8125rem; }
  .format-help { padding-left: 16px; padding-right: 16px; }
  .format-description { padding: 24px; }
  .format-description h3 { font-size: 1.45rem; min-height: 0; }
  .format-description p { min-height: 0; }
  .format-description .button { width: 100%; }
  .journey-panel { gap: 32px; }
  .journey-info p { min-height: 136px; }
  .journey-controls button { padding: 15px 12px; font-size: .8125rem; }
  .journey-diagram svg { height: 230px; }
}
@media (max-width: 640px) {
  .services-section { padding-top: 66px; padding-bottom: 68px; }
  .section-heading .section-intro { max-width: none; }
  .service-explorer { grid-template-columns: 1fr; gap: 20px; }
  .format-tab, .format-tab[aria-selected='true'] { padding: 19px 18px; }
  .format-tab small { margin-top: 6px; }
  .format-image { height: 210px; }
  .format-description { padding: 24px 22px; gap: 18px; }
  .format-description h3 { font-size: 1.5rem; min-height: 0; }
  .format-description p { min-height: 0; }
  .format-facts { min-height: 50px; align-content: start; gap: 4px 14px; }
  .format-description .button { min-height: 50px; }
  .journey { margin-top: 28px; }
  .journey-controls { padding: 4px; gap: 2px; }
  .journey-controls button { font-size: .75rem; padding: 12px 7px; gap: 7px; }
  .journey-controls button>span { font-size: .75rem; }
  .journey-panel { grid-template-columns: 1fr; gap: 16px; padding: 30px 0 20px; min-height: 0; }
  .journey-info h3 { min-height: 74px; }
  .journey-info p { min-height: 136px; max-width: none; }
  .journey-diagram svg { height: 185px; margin: 0 auto; }
  .process-footer { padding-top: 20px; }
  .process-footer .button { margin-top: 0; }
  .faq-list details { padding: 0 15px; }
  .faq-list summary { padding: 20px 0; font-size: .9375rem; gap: 15px; }
  .faq-list details p { padding-right: 0; }
}
@media (max-width: 380px) {
  .format-description p { min-height: 0; }
  .journey-info h3 { min-height: 111px; }
  .journey-info p { min-height: 164px; }
}

@media (min-width: 901px) {
  .journey-station text { font-size: 16px; }
}

/* Reach the selected service sooner on small screens, and make contact direct. */
.contact-band { padding-top: 94px; padding-bottom: 88px; }
.contact-band>.shell { align-items: center; gap: 70px; }
.contact-band-action { min-width: 330px; gap: 28px; margin: 0; }
.contact-direct { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; }
.contact-direct .contact-phone { color: #f3eaf9; font-size: 1.75rem; letter-spacing: -.025em; font-weight: 450; line-height: 1.3; white-space: nowrap; }
.contact-direct .contact-email { color: #c4b0d6; font-size: 1rem; line-height: 1.5; }
.contact-email span { display: inline-block; margin-left: 10px; color: #a888bf; }
.contact-band-action .button { display: flex; gap: 32px; justify-content: space-between; min-height: 58px; width: 100%; font-size: .9375rem; color: #fff; }
.contact-band-action .button span { font-size: 1.25rem; line-height: 1; }
.footer-top { align-items: center; gap: 60px; padding-bottom: 34px; }
.footer-top>p { color: #b9a6c9; font-size: .8125rem; }
.back-to-top { display: inline-flex; align-items: center; justify-content: center; gap: 20px; margin-left: auto; min-height: 44px; color: #ccb8db; font-size: .8125rem; }
.back-to-top span { font-size: 1.1rem; }
.footer-bottom { line-height: 1.6; }
@media (hover: hover) and (pointer: fine) {
  .contact-direct a:hover { color: #fff; }
  .contact-email:hover { text-decoration: underline; text-underline-offset: 5px; }
  .back-to-top:hover { color: #fff; }
}
@media (max-width: 900px) {
  .contact-band>.shell { gap: 40px; }
  .contact-band-action { min-width: 280px; }
  .contact-direct .contact-phone { font-size: 1.5rem; }
}
@media (max-width: 640px) {
  .service-choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; padding: 5px; border-radius: 15px; background: #f0ebf6; }
  .format-tab, .format-tab[aria-selected='true'] { display: flex; align-items: center; justify-content: center; padding: 10px 7px; min-height: 60px; border: 0; border-radius: 10px; text-align: center; box-shadow: none; background: transparent; }
  .format-tab+.format-tab { margin-top: 0; }
  .format-tab strong { font-size: .8125rem; line-height: 1.4; letter-spacing: -.015em; font-weight: 500; color: #756781; }
  .format-tab small, .format-indicator, .format-help { display: none; }
  .format-tab[aria-selected='true'] { background: #fff; box-shadow: 0 2px 6px #3013480a, 0 0 0 1px #ffffffa6; }
  .format-tab[aria-selected='true'] strong { color: #5a358b; }
  .service-explorer { gap: 14px; }
  .format-tab:focus-visible { outline-offset: 1px; outline: 2px solid #9d7bea; }
  .contact-band { padding-top: 66px; padding-bottom: 58px; }
  .contact-band>.shell { display: block; }
  .contact-band h2 { font-size: clamp(3.2rem, 14vw, 4rem); }
  .contact-band-action { min-width: 0; margin-top: 36px; padding-top: 28px; border-top: 1px solid #ffffff1c; gap: 24px; }
  .contact-direct { gap: 10px; }
  .contact-direct .contact-phone { font-size: clamp(1.25rem, 6.1vw, 1.7rem); }
  .contact-direct .contact-email { font-size: 1rem; }
  .contact-band-action .button { margin-top: 0; min-height: 54px; font-size: .875rem; }
  .footer-top { display: flex; flex-wrap: nowrap; gap: 16px; padding-bottom: 24px; }
  .footer-top .brand { gap: 8px; }
  .back-to-top { gap: 10px; font-size: .75rem; white-space: nowrap; }
  .footer-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
  .footer-bottom>span { grid-column: 1/-1; }
  .footer-bottom>a:first-of-type { grid-column: 1/-1; }
}
@media (max-width: 360px) {
  .format-tab, .format-tab[aria-selected='true'] { padding-left: 4px; padding-right: 4px; }
  .format-tab strong { font-size: .75rem; }
  .footer-top { flex-wrap: wrap; }
  .back-to-top { margin-left: 0; }
}
@media (prefers-contrast: more) {
  .format-tab[aria-selected='true'] { outline: 2px solid #6b428f; outline-offset: -2px; }
}
.contact-band .contact-band-action>.button { color: #fff; font-size: .9375rem; }
@media (max-width: 640px) {
  .contact-band .contact-band-action>.button { font-size: .875rem; }
}

/* Stronger art direction within the established photography and layout. */
.hero h1.auction-hero-title { font-size: clamp(4rem, 6.15vw, 5.65rem); line-height: .99; font-weight: 500; }
.hero-title-main { display: block; }
.auction-hero-title .hero-title-accent { display: block; font-size: .49em; margin-top: .48em; line-height: 1.2; letter-spacing: -.035em; }
.hero:has(.auction-hero-title) .hero-description { font-size: 1.0625rem; line-height: 1.65; max-width: 485px; margin-top: 28px; margin-bottom: 28px; }
.hero-actions .button-white { background: linear-gradient(135deg, #fff, #eae0f4e6); color: #271934; border-color: #fff; box-shadow: inset 0 1px 0 #fff, 0 6px 26px #08050d26; border-radius: 12px; min-height: 56px; font-size: .9375rem; padding: 0 28px; }
.hero-secondary { font-size: .875rem; }
.hero-secondary::after { content: '↗'; margin-left: 10px; color: #cbb4ee; }
.carrier-network { margin-top: 30px; }
.carrier-network strong { font-size: 2.35rem; }
.format-tab, .format-tab[aria-selected='true'] { padding: 28px 24px; border-radius: 14px; }
.format-tab strong { font-size: 1.4rem; letter-spacing: -.035em; }
.format-tab[aria-selected='true'] { background: #2a2037; box-shadow: inset 0 1px #ffffff20, 0 8px 22px #28133212; }
.format-tab[aria-selected='true'] strong { color: #faf6ff; }
.format-tab[aria-selected='true'] small { color: #c7b4db; }
.format-tab[aria-selected='true'] .format-indicator { color: #e2caff; }
.format-panel { position: relative; isolation: isolate; overflow: hidden; background: #282331; border-radius: 22px; box-shadow: 0 16px 36px #291a3b15; }
.format-image { position: absolute; inset: 0; height: 100%; z-index: -1; }
.format-image img { object-fit: cover; object-position: 50% 32%; }
.format-image::after { background: linear-gradient(180deg, #17122100 30%, #17122133 55%, #17122199); box-shadow: inset 0 0 0 1px #ffffff24; }
.format-description { margin: 280px 14px 14px; border-radius: 15px; padding: 28px; background: linear-gradient(125deg, #292331eb, #211d28e8); color: #fff; box-shadow: inset 0 1px 0 #ffffff36, 0 0 0 1px #ffffff15; -webkit-backdrop-filter: blur(24px) saturate(110%); backdrop-filter: blur(24px) saturate(110%); gap: 24px; }
.format-description h3 { font-size: 1.7rem; color: #fbf7ff; font-weight: 500; letter-spacing: -.035em; }
.format-description p { color: #d4c9df; line-height: 1.7; }
.format-facts span { color: #d0b9e5; }
.format-facts span::before { background: #c69cf0; }
.format-description .button-purple { color: #291a39; background: #eee3fc; border-color: #ffffff50; box-shadow: inset 0 1px 0 #fff; }
#auction { background: #f1edf5; }
#auction .clarity-heading h2 { line-height: 1.12; }
.network-proof-number { display: block; font-size: clamp(3.5rem, 5.8vw, 5.25rem); line-height: 1; font-weight: 500; letter-spacing: -.065em; color: #2a2035; margin-bottom: 13px; white-space: nowrap; }
.network-proof-number>span { color: #9270bc; }
.network-proof-label { display: block; font-size: 1.0625rem; color: #7d698c; font-weight: 400; letter-spacing: -.01em; }
.benefit-list .network-proof+p { margin-top: 18px; }
.process-section { background: radial-gradient(ellipse at 75% 70%, #40304e55, transparent 65%), #17121e; }
.journey-controls button[aria-selected='true'] { background: linear-gradient(135deg, #eee3fb, #d5c2ec); color: #30203f; box-shadow: inset 0 1px 0 #fff; }
.journey-controls button[aria-selected='true']>span { color: #7a598e; }
.journey-station.is-current>circle:not(.station-core) { fill: #d7b9f8; stroke: #f7eaff; }
.journey-station.is-current .station-core { fill: #523469; }
.journey-line { stroke: #dcc2fc; }
.partner-card { background: linear-gradient(115deg, #eee7f6, #f6f2fa); box-shadow: inset 0 1px 0 #fff, 0 0 0 1px #d5c4e630; }
.partner-card>.button { min-height: 54px; padding: 0 27px; }
.input-error { display: block; color: #a12f4a; font-size: .75rem; font-weight: 400; line-height: 1.5; margin-top: 6px; }
.input-error:empty { display: none; }
#details-form [aria-invalid='true'] { border-color: #bd5870; background: #fff9fa; outline-color: #bd5870; }
.route-field:has([aria-invalid='true']) { box-shadow: inset 0 0 0 2px #bd5870; background: #fff8fa; }
#route-error { margin-top: 12px; }
.request-summary { margin: 26px 0 0; padding: 4px 18px; border-radius: 14px; background: #f1ebf7; }
.request-summary>div { display: grid; grid-template-columns: 90px 1fr; gap: 20px; padding: 13px 0; border-bottom: 1px solid #e3d9ee; }
.request-summary>div:last-child { border: 0; }
.request-summary dt { color: #887595; font-size: .8125rem; line-height: 1.6; }
.request-summary dd { margin: 0; color: #4e3a60; font-size: .875rem; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
.request-text { margin: 14px 0 22px; }
.request-text summary { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; list-style: none; cursor: pointer; color: #796289; font-size: .8125rem; }
.request-text summary::-webkit-details-marker { display: none; }
.request-text summary span { font-size: 1.25rem; }
.request-text[open] summary span { transform: rotate(45deg); }
.request-text #request-preview { margin: 0; font-size: .8125rem; }
#request-ready>#email-link { min-height: 54px; border-radius: 12px; }
.ready-actions { gap: 10px; }
.ready-actions .button { border-radius: 10px; min-height: 48px; }
@media (hover: hover) and (pointer: fine) {
  .hero-actions .button-white:hover { background: #fff; color: #271934; box-shadow: 0 8px 30px #08050d33, inset 0 1px 0 #fff; }
  .format-description .button-purple:hover { background: #fff; color: #291a39; }
}
@media (max-width: 1200px) {
  .format-description { margin-top: 250px; padding: 25px; }
  .format-tab strong { font-size: 1.25rem; }
}
@media (max-width: 900px) {
  .hero h1.auction-hero-title { font-size: 4.75rem; }
  .format-description { margin: 220px 10px 10px; padding: 22px; }
  .format-description h3 { font-size: 1.5rem; }
  .format-tab, .format-tab[aria-selected='true'] { padding: 25px 18px; }
}
@media (max-width: 640px) {
  .hero h1.auction-hero-title { font-size: clamp(2.875rem, 12.5vw, 4.5rem); }
  .auction-hero-title .hero-title-accent { font-size: .57em; margin-top: .65em; }
  .hero:has(.auction-hero-title) .hero-description { font-size: 1rem; max-width: 325px; margin-top: 24px; margin-bottom: 25px; }
  .hero-actions { gap: 20px; }
  .hero-actions .button-white { min-height: 50px; padding: 0 19px; font-size: .8125rem; }
  .hero-secondary { font-size: .75rem; }
  .hero-secondary::after { margin-left: 5px; }
  .carrier-network strong { font-size: 2rem; }
  .carrier-network { margin-top: 27px; }
  .format-tab, .format-tab[aria-selected='true'] { padding: 10px 7px; border-radius: 10px; box-shadow: none; }
  .format-tab strong { font-size: .8125rem; letter-spacing: -.015em; }
  .format-tab[aria-selected='true'] { box-shadow: inset 0 1px #ffffff25; }
  .format-description { margin: 215px 10px 10px; padding: 22px 20px; gap: 20px; }
  .format-description h3 { font-size: 1.5rem; }
  .format-facts { min-height: 0; }
  .network-proof-number { font-size: 4.4rem; }
  .network-proof-label { font-size: 1rem; }
  .request-summary { padding: 3px 15px; }
  .request-summary>div { grid-template-columns: 75px 1fr; gap: 14px; }
  #ready-title { font-size: 1.7rem; }
}
@media (max-width: 360px) {
  .hero-actions { gap: 12px; }
  .hero-actions .button-white { padding: 0 14px; }
  .hero-secondary { font-size: .6875rem; }
  .format-tab strong { font-size: .75rem; }
  .format-description { padding: 22px 16px; }
  .network-proof-number { font-size: 3.8rem; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .format-description { background: #292331; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .hero-actions .button-white { background: #fff; }
}
/* Keep the tractor visible above the inset glass panel. */
.format-image img { height: 340px; object-position: 50% 60%; }
@media (max-width: 1200px) { .format-image img { height: 310px; } }
@media (max-width: 900px) { .format-image img { height: 270px; } }
@media (max-width: 640px) { .format-image img { height: 255px; object-position: 50% 65%; } }
.format-image { background: #201b28; }
@media (max-width: 640px) { .network-proof-number { font-size: min(4.4rem, 18vw); } }
