/* Homepage palette: TrailerPop brand navy, translucent orange controls. */
@media screen {
html body.tp-main {
  --tp-brand-navy:#071824;
  --tp-soft-orange:rgba(244,147,82,.20);
  --tp-soft-orange-hover:rgba(244,147,82,.30);
  --tp-soft-orange-active:rgba(244,147,82,.38);
  background:var(--tp-brand-navy)!important;
}
html body.tp-main :is(main,section,footer,.header,.header nav,.intro-screen,.hero-content,.benefits>div,.model-detail,.model-image,.model-image>span,#premium-stock-details,.premium-stock-note,.size-visual,.photo-button,.process article,.studio-integration>.container,.video-card,.video-frame,.faq-section details,#business-pages>a,.tp-meta-banner) {
  background:var(--tp-brand-navy)!important;
}
html body.tp-main :is(.header,.header .brand,.header #nav a,.header .menu-button,.header .language-label,.closing .brand) {color:#fff!important}
html body.tp-main .header {border-bottom-color:#ffffff26}
html body.tp-main .header .menu-button span {background:#fff}
html body.tp-main .header .language-control {background:var(--tp-brand-navy)!important;border-color:rgba(244,147,82,.55);box-shadow:none}
html body.tp-main .header .language-control::before {color:#ffbc90}
html body.tp-main .header .language-control::after {filter:brightness(0) invert(1)}
html body.tp-main .header .language-control:focus-within {outline-color:#ffbc90}
html body.tp-main .closing .brand {background:transparent!important;box-shadow:none;border:0;border-radius:0}
html body.tp-main .brand .orange {color:#ff843b}
/* Reuse the existing logo artwork; whiten only its dark ink at render time. */
html body.tp-main .brand-mark {filter:url('#tp-white-brand-ink')}
html body.tp-main :is(.tp-concept-action,.floating-email,#tp-privacy-close,.button,.tp-brochure-button,.tp-header-ctas>*,.interior-copy>.text-link,.model-tabs button.active) {
  background:var(--tp-soft-orange)!important;
  border:1px solid rgba(244,147,82,.65)!important;
  color:#ffbc90!important;
  box-shadow:none!important;
}
html body.tp-main :is(.tp-concept-action,.floating-email,#tp-privacy-close,.button,.tp-brochure-button,.tp-header-ctas>*,.interior-copy>.text-link,.model-tabs button):hover:not(:disabled) {
  background:var(--tp-soft-orange-hover)!important;
  border-color:#f49352!important;color:#ffd0af!important;filter:none;
}
html body.tp-main :is(.tp-concept-action,.floating-email,#tp-privacy-close,.button,.tp-brochure-button,.tp-header-ctas>*,.interior-copy>.text-link,.model-tabs button):active:not(:disabled) {background:var(--tp-soft-orange-active)!important}
html body.tp-main .model-tabs button:not(.active) {background:var(--tp-brand-navy);color:#d9e4e8}
html body.tp-main #configure-model:not([data-tp-cta-arrow])::after {content:'→';display:inline-block;margin-inline-start:.35em}
html body.tp-main :is(.tp-concept-action,.floating-email,#tp-privacy-close,.button,.tp-brochure-button,.model-tabs button):focus-visible {outline:3px solid #ffbc90;outline-offset:4px}
}

@media screen {
html body.tp-main .header #language {color:#fff!important;color-scheme:dark;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")!important}
html body.tp-main .header #language option {background:#071824;color:white}
}

@media screen {
html body.tp-main #business-pages>a:hover .tp-concept-action {background:rgba(244,147,82,.30)!important;color:#ffd0af!important;border-color:#f49352!important}
html body.tp-main .tp-concept-action::after {content:'→';display:inline-block;margin-inline-start:.5em}
}