/* TAVOXE luxury visual system — approved brand palette, 2026-11-02.
   Public website only. Retains all existing content and functionality. */
:root{--teal:#112F3A;--teal-2:#0B2630;--teal-3:#1A4050;--grey:#EBEFF2;--charcoal:#212121;--orange:#FF461D;--trade-orange:#FF461D}
.trade-home,.trade-catalog-page,.trade-header,.trade-footer{--trade-ink:#212121;--trade-navy:#112F3A;--trade-orange:#FF461D;--trade-surface:#EBEFF2}
body:has(.trade-header){background:#EBEFF2;color:#212121}
body:has(.trade-header) ::selection{background:#FF461D;color:#fff}
.trade-home,.trade-catalog-page{overflow:clip}
.trade-container{width:min(1360px,calc(100% - 64px))}
.trade-home h1,.trade-home h2,.trade-catalog-page h1,.trade-catalog-page h2{text-wrap:balance;letter-spacing:-.043em}
.trade-home p,.trade-catalog-page p{overflow-wrap:break-word}
.trade-home a:focus-visible,.trade-catalog-page a:focus-visible,.trade-header a:focus-visible,.trade-footer a:focus-visible,.trade-mobile-nav summary:focus-visible{outline:3px solid #FF461D;outline-offset:4px}
/* Navigation */
.trade-header{background:rgba(17,47,58,.98);border-bottom:1px solid rgba(235,239,242,.14);box-shadow:0 13px 38px rgba(9,29,38,.13);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.trade-header__inner{min-height:84px;gap:20px}
.trade-header .trade-brand{border:1px solid rgba(235,239,242,.16);border-radius:12px;transition:border-color .3s ease,transform .3s ease}
.trade-header .trade-brand:hover{border-color:rgba(255,70,29,.55)}
.trade-desktop-nav a{color:#EBEFF2;font-weight:700;letter-spacing:.015em;transition:color .25s ease}
.trade-desktop-nav a:hover,.trade-desktop-nav a:focus-visible{color:#FF9B84}
.trade-desktop-nav a:after{background:#FF461D;height:2px}
.trade-header__cta,.trade-button--orange,.trade-mobile-nav .trade-mobile-nav__quote{background:#FF461D;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 32px rgba(255,70,29,.18)}
.trade-header__cta:hover,.trade-button--orange:hover,.trade-mobile-nav .trade-mobile-nav__quote:hover{background:#D93916;color:#fff;box-shadow:0 16px 32px rgba(255,70,29,.23)}
.trade-button,.trade-header__cta{border-radius:999px;transition:transform .36s cubic-bezier(.22,1,.36,1),box-shadow .36s ease,background-color .3s ease,border-color .3s ease}
.trade-button:hover,.trade-header__cta:hover{transform:translateY(-2px)}
.trade-button--outline{color:#112F3A;border:1px solid rgba(17,47,58,.35);background:transparent}
.trade-button--outline:hover{background:#112F3A;color:#fff}
.trade-text-link,.premium-detail-card a,.premium-blog-read,.trade-directory-card__explore,.trade-product-card__body a{color:#C83615}
.trade-kicker{color:#112F3A;font-size:.72rem;letter-spacing:.19em;font-weight:850}
.trade-kicker:before{content:"";vertical-align:middle;width:24px;height:2px;margin-right:10px;display:inline-block;background:#FF461D}
/* Immersive hero with a quiet architectural grid, contrasting typography, real image cards. */
.trade-hero{position:relative;isolation:isolate;padding:clamp(58px,6vw,112px) 0 44px;background:radial-gradient(ellipse at 77% 18%,rgba(38,90,103,.5),transparent 46%),linear-gradient(119deg,#071D27 0%,#112F3A 55%,#183B47 100%)}
.trade-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;z-index:-1;background-image:linear-gradient(rgba(235,239,242,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(235,239,242,.12) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(90deg,transparent,black 75%)}
.trade-hero__layout{grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);align-items:center;gap:clamp(35px,5vw,82px)}
.trade-hero__copy{padding:14px 0 24px}
.trade-hero h1{color:#fff;font-size:clamp(3.1rem,5.4vw,6.4rem);line-height:1.04;font-weight:780;letter-spacing:-.057em;max-width:790px}
.trade-hero h1 span,.trade-final-cta h2 span{color:#FF461D}
.trade-hero .trade-kicker{color:#D3E2E7}
.trade-hero__intro{max-width:590px;color:#D1DEE3;font-size:clamp(1rem,1.22vw,1.13rem);line-height:1.78;margin:28px 0 31px}
.trade-hero .trade-button--outline,.trade-catalog-hero .trade-button--outline{color:#EBEFF2;background:rgba(235,239,242,.04);border-color:rgba(235,239,242,.55)}
.trade-hero .trade-button--outline:hover,.trade-catalog-hero .trade-button--outline:hover{color:#112F3A;background:#EBEFF2}
.trade-hero .trade-value-row,.trade-hero .trade-value-row span{color:#E2EBEE}
.trade-hero .trade-value-row svg{color:#FF704E}
.trade-hero__visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:clamp(435px,37vw,590px);gap:13px}
.trade-hero-card{border-radius:16px;isolation:isolate;border:1px solid rgba(235,239,242,.2);box-shadow:0 18px 35px rgba(0,11,19,.2);transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease}
.trade-hero-card:hover,.trade-hero-card:focus-visible{transform:translateY(-5px);box-shadow:0 25px 45px rgba(0,11,19,.28)}
.trade-hero-card .trade-photo:after{background:linear-gradient(180deg,rgba(5,29,38,.02) 24%,rgba(5,29,38,.94) 100%)}
.trade-hero-card__caption{padding:clamp(14px,2vw,26px)}
.trade-hero-card h2{font-size:clamp(1.07rem,1.65vw,1.55rem);color:#fff}
.trade-hero-card p{color:#E1E9EC;font-size:.83rem}
.trade-proof-strip{margin-top:clamp(26px,4vw,58px);border-top:1px solid rgba(235,239,242,.2);background:transparent;color:#D8E4E8}
.trade-proof-strip span,.trade-proof-strip div{color:#D8E4E8}
/* Editorial surfaces and meaningful orange emphasis. */
.trade-section{padding-block:clamp(76px,8vw,120px)}
.trade-categories,.trade-commitment,.trade-catalog-section{background:#EBEFF2}
.trade-section-heading h2,.trade-about h2,.trade-commitment h2,.trade-catalog-section h2{color:#112F3A}
.trade-category-card,.trade-product-card,.trade-directory-card,.premium-detail-card,.premium-blog-card,.tavoxe-process-story__cards article{background:#fff;border:1px solid rgba(17,47,58,.095);border-radius:17px;box-shadow:0 11px 38px rgba(17,47,58,.075);overflow:hidden;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .45s ease}
.trade-category-card:hover,.trade-product-card:hover,.trade-directory-card:hover,.premium-detail-card:hover,.premium-blog-card:hover,.tavoxe-process-story__cards article:hover{transform:translateY(-4px);border-color:rgba(255,70,29,.32);box-shadow:0 23px 50px rgba(17,47,58,.13)}
.trade-category-card__footer{color:#112F3A;min-height:72px;padding:16px 18px;font-size:.88rem;font-weight:750}
.trade-product-card h2,.premium-detail-card h3,.premium-blog-card h2,.trade-benefit h3,.tavoxe-process-story__cards h3{color:#112F3A}
.trade-photo img{transition:transform .8s cubic-bezier(.22,1,.36,1)}
.trade-process{background:#0B2630;padding-block:clamp(80px,8vw,118px)}
.trade-process__background{background:linear-gradient(100deg,rgba(9,34,43,.97),rgba(17,47,58,.85) 55%,rgba(17,47,58,.66)),url(https://images.unsplash.com/photo-1494412519320-aa613dfb7738?auto=format&fit=crop&w=2000&q=85) center/cover}
.trade-step{background:rgba(20,59,71,.74);border:1px solid rgba(235,239,242,.21);border-radius:16px;box-shadow:0 11px 35px rgba(0,11,19,.13)}
.trade-step:hover{border-color:rgba(255,70,29,.65)}
.trade-step__top svg,.trade-benefit svg{color:#FF461D}
.trade-about{background:#fff}
.trade-about__photo,.tavoxe-contact-info__visual .trade-photo{border-radius:18px;box-shadow:0 30px 65px rgba(17,47,58,.14)}
.trade-benefit{border-radius:13px;padding:8px}
.trade-benefit:hover{background:#EBEFF2}
.trade-markets{background:radial-gradient(ellipse at 82% 15%,rgba(48,101,116,.36),transparent 50%),linear-gradient(135deg,#112F3A,#09242E);padding-block:clamp(80px,8vw,120px)}
.trade-market-card{border-radius:14px;border:1px solid rgba(235,239,242,.2);overflow:hidden}
.trade-commitment__grid>a,.trade-commitment__grid>article{background:#fff;border:1px solid rgba(17,47,58,.12);border-radius:16px;box-shadow:0 10px 32px rgba(17,47,58,.065)}
.trade-commitment__grid>a:hover{border-color:#FF461D}
.trade-final-cta{background:linear-gradient(95deg,rgba(7,29,39,.98),rgba(17,47,58,.89) 60%,rgba(17,47,58,.67)),url(https://images.unsplash.com/photo-1494412519320-aa613dfb7738?auto=format&fit=crop&w=2000&q=85) center/cover;padding-block:clamp(90px,9vw,132px)}
.trade-final-cta .trade-kicker,.trade-process .trade-kicker,.trade-markets .trade-kicker{color:#E0E9ED}
/* Unified dark hero across About, Services, Sourcing, Products, Markets, Blogs. */
.trade-catalog-hero{position:relative;isolation:isolate;color:#fff;padding:clamp(65px,7vw,106px) 0 clamp(58px,6vw,86px);background:radial-gradient(ellipse at 92% 18%,rgba(43,94,107,.46),transparent 50%),linear-gradient(125deg,#0B2630,#112F3A 64%,#173B48)}
.trade-catalog-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 50%,rgba(235,239,242,.025) 50%);background-size:76px 76px}
.trade-catalog-hero h1{color:#fff;font-size:clamp(2.6rem,4.7vw,5.2rem)}
.trade-catalog-hero .trade-kicker{color:#CDDDE3}
.trade-catalog-hero p:not(.trade-kicker){color:#D5E1E5;line-height:1.75}
.trade-catalog-hero .trade-breadcrumb,.trade-catalog-hero .trade-breadcrumb a{color:#C5D8DF}
.trade-catalog-hero .trade-photo{height:clamp(280px,30vw,425px);border-radius:18px;border:1px solid rgba(235,239,242,.18);box-shadow:0 28px 58px rgba(0,12,20,.25)}
.trade-catalog-page .trade-catalog-section{padding-block:clamp(65px,6vw,100px)}
.trade-guide-body aside,.trade-about-cta,.premium-inner-cta{background:linear-gradient(135deg,#112F3A,#1A4050);border:1px solid rgba(235,239,242,.15);border-radius:18px}
.trade-guide-body aside p,.trade-guide-body aside h2,.trade-about-cta h2,.premium-inner-cta h2{color:#fff}
body:has(.trade-header) input:not([type="checkbox"]),body:has(.trade-header) select,body:has(.trade-header) textarea{border-radius:9px;accent-color:#FF461D}
body:has(.trade-header) input:focus-visible,body:has(.trade-header) textarea:focus-visible,body:has(.trade-header) select:focus-visible{outline:2px solid #FF461D;outline-offset:2px}
.trade-category-explorer__filters button[aria-pressed="true"],.trade-category-explorer__filters button:hover{border-color:#FF461D}
.tavoxe-contact-channels>a,.tavoxe-contact-social__links a{border-radius:14px;background:#fff;border:1px solid rgba(17,47,58,.12);transition:transform .3s ease,border-color .3s ease}
.tavoxe-contact-channels>a:hover,.tavoxe-contact-social__links a:hover{transform:translateY(-2px);border-color:#FF461D}
/* Deep-teal footer */
.trade-footer{background:linear-gradient(140deg,#071D27,#112F3A);color:#E5EDF0;border-top:1px solid rgba(235,239,242,.1);padding-top:clamp(65px,7vw,100px)}
.trade-footer__grid h3{color:#fff}
.trade-footer__grid div>a:not(.trade-footer__brand){color:#C7D7DD}
.trade-footer__grid a:hover{color:#FF9B84}
.trade-footer__bottom{border-top:1px solid rgba(235,239,242,.17)}
/* Navigation retains working outside-tap dismissal. */
.trade-mobile-nav summary span{background:#EBEFF2}
.trade-mobile-nav nav{background:#fff;border:1px solid rgba(17,47,58,.16);border-radius:16px;box-shadow:0 24px 70px rgba(0,19,27,.24);z-index:99}
.trade-mobile-nav nav a{color:#112F3A;border-radius:7px}
.trade-mobile-nav nav a:hover{color:#C83615;background:#EBEFF2}
.trade-mobile-nav .trade-mobile-nav__quote{background:#FF461D;color:#fff;border-radius:9px}
/* Subtle motion; honor reduced-motion preferences. */
@keyframes tavoxe-luxe-reveal{from{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.trade-hero__copy,.trade-catalog-hero__grid>div:first-child{animation:tavoxe-luxe-reveal .85s cubic-bezier(.22,1,.36,1) both}
.trade-hero__visuals,.trade-catalog-hero__grid>.trade-photo{animation:tavoxe-luxe-reveal 1s cubic-bezier(.22,1,.36,1) .12s both}
@media(max-width:1180px){.trade-hero__layout{grid-template-columns:1fr;gap:30px}.trade-hero__visuals{height:480px}.trade-desktop-nav{display:none}.trade-mobile-nav{display:block}}
@media(max-width:950px){.trade-container{width:calc(100% - 38px)}.trade-header__inner{min-height:72px}.trade-hero{padding:58px 0 37px}.trade-hero h1{font-size:clamp(2.85rem,7vw,5rem)}.trade-hero__visuals{height:420px}.trade-catalog-hero__grid{gap:30px}}
@media(max-width:640px){.trade-container{width:calc(100% - 32px)}.trade-header__inner{min-height:68px;gap:8px}.trade-header .trade-brand{border-radius:9px}.trade-header__cta{box-shadow:none}.trade-mobile-nav{margin-left:auto;flex-shrink:0}.trade-mobile-nav nav{max-width:min(calc(100vw - 32px),370px);max-height:min(70dvh,560px);right:0}.trade-hero{padding:38px 0 26px}.trade-hero__copy{padding:0 0 12px}.trade-hero h1{font-size:clamp(2.38rem,10.4vw,4.15rem);line-height:1.07;letter-spacing:-.052em}.trade-hero__intro{font-size:1rem;margin:21px 0 24px}.trade-hero__visuals{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:10px}.trade-hero-card{min-height:180px;border-radius:12px}.trade-hero-card__caption{padding:13px 11px}.trade-hero-card h2{font-size:1rem;line-height:1.18}.trade-hero-card p{font-size:.7rem;line-height:1.35}.trade-proof-strip{margin-top:24px}.trade-section{padding-block:59px}.trade-catalog-hero{padding:52px 0 45px}.trade-catalog-hero h1{font-size:clamp(2.3rem,9vw,3.6rem)}.trade-catalog-hero .trade-photo{height:245px}.trade-category-card__footer{padding:13px 10px;min-height:64px;font-size:.78rem}.trade-markets,.trade-process{padding-block:60px}.trade-footer{padding-top:58px}}
@media(max-width:380px){.trade-mobile-nav nav{right:-1px}.trade-hero-card{min-height:166px}.trade-header .trade-brand{padding:5px 7px}.trade-header__cta{padding:9px 8px}}
@media(prefers-reduced-motion:reduce){.trade-home *,.trade-catalog-page *,.trade-header *,.trade-footer *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Final contrast pass: small CTA labels exceed WCAG AA on Signal Orange. */
.premium-inner-cta p,.premium-inner-cta .trade-kicker{color:#DCE9ED}
.premium-inner-cta a:not(.trade-button){color:#FF9B84}
.trade-header__cta,.trade-button--orange,.trade-mobile-nav .trade-mobile-nav__quote{color:#212121!important}
.trade-header__cta:hover,.trade-button--orange:hover,.trade-mobile-nav .trade-mobile-nav__quote:hover{background:#FF461D;color:#212121!important;filter:brightness(1.035)}