/* V3 presentation layer; business content and Motion V2 stay in place. */
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:34px}
.hero-visual{position:relative;min-width:0;min-height:540px;isolation:isolate;border-radius:28px;box-shadow:0 32px 70px rgba(8,22,39,.19)}
.hero-poster{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(8,21,37,.08),rgba(8,21,37,.24)),url('assets/v3-hero.webp') center/cover no-repeat;background-position:calc(50% + var(--v3-x,0px)) calc(50% + var(--v3-y,0px));overflow:hidden}
.hero-poster::after{content:"";position:absolute;inset:0;border:1px solid rgba(229,202,153,.37);border-radius:inherit;box-shadow:inset 0 0 75px rgba(7,20,37,.3);pointer-events:none}
.hero-poster__brand{position:absolute;z-index:2;top:18px;left:18px;padding:5px 8px;background:rgba(251,250,247,.93);border-radius:9px;box-shadow:0 8px 22px rgba(3,12,26,.18)}
.hero-poster__brand .brand-logo{width:118px;height:auto}
.hero-poster__caption{position:absolute;z-index:1;left:21px;right:21px;bottom:16px;font-size:9px;font-weight:800;letter-spacing:.16em;color:#f5e7d1;text-shadow:0 2px 10px #091a2e}
.hero-poster__caption span{padding:0 5px;color:var(--brand-accent)}
.hero-visual .flow-board{position:absolute;z-index:3;left:17px;top:91px;width:57%;margin:0;padding:17px;border-radius:18px;background:rgba(10,27,46,.89);backdrop-filter:blur(12px);box-shadow:0 20px 42px rgba(3,13,28,.31)}
.hero-visual .board-top{gap:8px;align-items:flex-start;padding-bottom:10px;font-size:11px}
.hero-visual .board-top span{text-align:right}
.hero-visual .flow-step{min-height:62px;gap:9px;margin-top:8px;padding:8px 10px;border-radius:10px}
.hero-visual .flow-copy strong{font-size:12px}
.hero-visual .flow-copy small{font-size:10px;line-height:1.25}
.hero-visual .step-no{width:27px;height:27px;font-size:11px}
.hero-float{position:absolute;z-index:4;right:15px;width:39%;padding:15px;border:1px solid rgba(236,210,161,.55);border-radius:15px;background:rgba(247,244,236,.93);box-shadow:0 16px 36px rgba(5,17,31,.26);color:var(--brand-primary-deep);backdrop-filter:blur(16px);transition:transform 200ms var(--ease-out),box-shadow 200ms,border-color 200ms}
.hero-float:hover{transform:translateY(-4px);border-color:var(--brand-accent);box-shadow:0 22px 42px rgba(5,17,31,.3)}
.hero-float:hover{text-decoration:none}
.hero-float>span{display:block;font-size:9px;letter-spacing:.14em;font-weight:850;color:#80613d}
.hero-float>strong{display:block;margin:7px 0 4px;font-size:15px;line-height:1.2}
.hero-float>em{display:block;margin-top:7px;font-size:10px;font-style:normal;font-weight:800;color:#856039}
.hero-float--shipment{top:82px}
.hero-float--business{bottom:53px}
.hero-float--business strong{font-size:12px;line-height:1.65}
.hero-float--business b{color:#ad8552}
.hero-float__states{display:grid;gap:4px;margin-top:9px}
.hero-float__states i{font-style:normal;font-size:10px;color:#697586;display:flex;gap:7px;align-items:center}
.hero-float__states i::before{content:"";width:6px;height:6px;border-radius:50%;background:#9aa7b3}
.hero-float__states i.is-active{color:var(--brand-primary);font-weight:800}
.hero-float__states i.is-active::before{background:var(--brand-accent);box-shadow:0 0 0 4px rgba(216,183,123,.24)}
.hero-visual.is-in-view .hero-poster{animation:v3-hero-ambient 14s ease-in-out infinite alternate}
@keyframes v3-hero-ambient{to{filter:brightness(1.07)}}

.v3-business-section{padding-top:50px}
.v3-business-section .section-head{align-items:end}
.v3-business-section .section-lead{max-width:270px;font-size:15px}
.v3-business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.v3-business-card{position:relative;display:flex;align-items:end;min-height:410px;overflow:hidden;isolation:isolate;padding:23px;border:1px solid rgba(212,182,132,.48);border-radius:20px;color:#fff;background:#0a1b2f;transition:transform 200ms var(--ease-out),box-shadow 200ms,border-color 200ms}
.v3-business-card__scene{position:absolute;z-index:-2;inset:0;background-position:center;background-size:cover;transition:transform 320ms var(--ease-out)}
.v3-business-card::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(7,20,37,.05) 18%,rgba(7,20,37,.72) 62%,rgba(7,20,37,.98) 100%)}
.v3-business-card--dropshipping .v3-business-card__scene{background-image:url('assets/v3-dropshipping.webp?v=2')}
.v3-business-card--wholesale .v3-business-card__scene{background-image:url('assets/v3-wholesale.webp')}
.v3-business-card--fulfillment .v3-business-card__scene{background-image:url('assets/v3-fulfillment.webp')}
.v3-business-card:hover{transform:translateY(-5px);border-color:#e4c995;box-shadow:0 20px 43px rgba(11,31,51,.2);text-decoration:none}
.v3-business-card:hover .v3-business-card__scene{transform:scale(1.04)}
.v3-business-card__content{display:grid;gap:11px}
.v3-business-card__content small{color:#e4c995;font-size:10px;font-weight:800;letter-spacing:.12em}
.v3-business-card__content strong{font-size:30px;line-height:1.08;letter-spacing:-.03em}
.v3-business-card__content>span{font-size:14px;color:#e3e9ed}
.v3-business-card__content b{font-size:13px;color:#f3d59e}

.v3-banner-section{padding-top:35px;padding-bottom:35px}
.v3-banner{position:relative;isolation:isolate;overflow:hidden;min-height:410px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:46px clamp(25px,5vw,70px);border-radius:25px;color:#fff;background:linear-gradient(90deg,rgba(7,21,38,.82),rgba(7,21,38,.28)),url('assets/v3-banner.webp') center/cover no-repeat;box-shadow:0 24px 50px rgba(8,26,45,.15)}
.v3-banner::after{content:"";position:absolute;z-index:-1;inset:0;border:1px solid rgba(235,202,144,.5);border-radius:inherit;pointer-events:none}
.v3-banner .eyebrow{color:#e4c995}
.v3-banner h2{max-width:620px;margin:10px 0;font-size:clamp(30px,4vw,49px)}
.v3-banner p{max-width:580px;margin:0 0 23px;color:#e4e9ee}
.v3-banner__route{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0 0 23px}
.v3-banner__route a{display:inline-flex;align-items:center;min-height:34px;padding:5px 9px;border:1px solid rgba(238,216,178,.4);border-radius:50px;background:rgba(12,35,56,.7);color:#fff;font-size:11px;font-weight:750;transition:background 180ms,border-color 180ms,transform 180ms}
.v3-banner__route a:not(:last-child)::after{content:"→";margin-left:9px;color:#edcc90}
.v3-banner__route a:hover{background:#324a61;border-color:#e4c995;text-decoration:none;transform:translateY(-2px)}

.v3-page-poster{position:relative;min-height:310px;overflow:hidden;isolation:isolate;display:flex;align-items:end;margin-top:21px;padding:29px;border-radius:21px;color:#fff;background-color:#102238;background-position:center;background-size:cover;box-shadow:0 18px 44px rgba(11,34,55,.14)}
.v3-page-poster::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,20,36,.88),rgba(7,20,36,.27)),linear-gradient(0deg,rgba(7,20,36,.44),transparent 65%)}
.v3-page-poster--products{background-image:url('assets/v3-hero.webp')}
.v3-page-poster--dropshipping{background-image:url('assets/v3-dropshipping.webp?v=2')}
.v3-page-poster--wholesale{background-image:url('assets/v3-wholesale.webp')}
.v3-page-poster--fulfillment{background-image:url('assets/v3-fulfillment.webp')}
.v3-page-poster--tracking{background-image:url('assets/v3-banner.webp')}
.v3-page-poster--shipping{background-image:url('assets/v3-banner.webp')}
.v3-page-poster--supply-chain{background-image:url('assets/v3-wholesale.webp')}
.v4-core-grid .card{display:block}
.v4-core-grid .card-title{display:block;margin:12px 0 8px;font-size:25px;font-weight:750;letter-spacing:-.025em}
.v4-core-grid .card-description{display:block;max-width:500px;color:var(--brand-muted);margin-bottom:17px}
#overview,#buying-requests,#supply-offers,#matches,#fulfillment-orders,#tracking,#support,#account-details{scroll-margin-top:90px}
.content-area section[id]{margin-top:35px}
.v3-page-poster__copy{display:grid;gap:8px;max-width:530px}
.v3-page-poster__copy span{color:#e4c995;font-size:11px;letter-spacing:.16em;font-weight:850}
.v3-page-poster__copy strong{font-size:clamp(27px,3vw,41px);line-height:1.1;letter-spacing:-.025em}
.v3-page-poster__copy small{font-size:12px;color:#eee1cc}
.v3-page-poster__orbit{position:absolute;right:8%;top:16%;width:100px;height:100px;border:1px solid rgba(234,201,144,.65);border-radius:50%;box-shadow:0 0 0 18px rgba(234,201,144,.08),0 0 38px rgba(234,201,144,.2);pointer-events:none}

.v3-process-nav{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:25px 0 20px;padding:0 3px}
.v3-process-nav::before,.v3-process-nav::after{content:"";position:absolute;top:24px;left:8%;width:84%;height:2px;border-radius:2px;background:#d5d9dc;z-index:0}
.v3-process-nav::after{width:calc(84% * var(--v3-progress,0));background:#bd9358;transition:width 220ms}
.v3-process-nav button{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;border:0;background:transparent;color:#596575;padding:0 3px 9px;font-size:12px;font-weight:750;cursor:pointer}
.v3-process-nav button i{display:grid;place-items:center;width:48px;height:48px;border:2px solid #c9d0d7;border-radius:50%;background:var(--brand-paper);font-style:normal;font-size:13px;transition:background 300ms,border-color 300ms,box-shadow 300ms}
.v3-process-nav button.is-complete i{border-color:#b9925e;background:#f3e6cf}
.v3-process-nav button.is-selected{color:var(--brand-primary);font-weight:850}
.v3-process-nav button.is-selected i{border-color:#b9925e;background:var(--brand-accent);box-shadow:0 0 0 6px rgba(216,183,123,.19)}
.v3-process-detail{padding:19px 23px;margin-bottom:29px;border-left:3px solid #b9925e;border-radius:0 12px 12px 0;background:#fff;box-shadow:0 9px 24px rgba(15,38,62,.05)}
.v3-process-detail strong{display:block;margin-bottom:3px;font-size:17px}
.v3-process-detail p{margin:0;color:var(--brand-muted)}
.sp-page-how-it-works .process .card.is-selected{border-color:#b9925e;box-shadow:0 15px 34px rgba(60,45,27,.1)}

.v3-fulfillment{margin:26px 0 32px;padding:24px 25px;border:1px solid #d9dde2;border-radius:18px;background:linear-gradient(130deg,#fff,#f4f0e9)}
.v3-fulfillment h2{margin:6px 0 28px!important;font-size:clamp(23px,2.5vw,32px)}
.v3-fulfillment__steps{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;--v3-progress:0}
.v3-fulfillment__steps::before,.v3-fulfillment__steps::after{content:"";position:absolute;left:8%;top:21px;width:84%;height:2px;background:#d5d9dc}
.v3-fulfillment__steps::after{width:calc(84% * var(--v3-progress));background:#b9925e;transition:width 220ms}
.v3-fulfillment__node{z-index:1;display:grid;justify-items:center;gap:8px;border:0;background:transparent;padding:0 3px 8px;color:var(--brand-muted);font-weight:750;cursor:pointer}
.v3-fulfillment__node i{display:grid;place-items:center;width:43px;height:43px;border:2px solid #cdd3d7;border-radius:50%;background:#fff;font-style:normal;font-size:11px;transition:background 300ms,border-color 300ms,box-shadow 300ms}
.v3-fulfillment__node.is-complete i{background:#f0e4d0;border-color:#b9925e}
.v3-fulfillment__node.is-selected{color:var(--brand-primary)}
.v3-fulfillment__node.is-selected i{background:var(--brand-accent);border-color:#b9925e;box-shadow:0 0 0 6px rgba(216,183,123,.2)}
.v3-fulfillment__node:hover i,.v3-process-nav button:hover i{border-color:#ad8552}
.v3-fulfillment__detail{min-height:37px;margin:18px 0 0;padding:12px 15px;border-radius:9px;background:#f4ead8;color:#3f4c5d;font-size:14px}

.tracking-line.v3-timeline{margin-left:12px;padding:3px 0 23px 27px;border-left-color:#d4dae0}
.tracking-line.v3-timeline::before{top:8px;left:-7px;width:12px;height:12px;background:#a9b3be;box-shadow:0 0 0 5px rgba(169,179,190,.14)}
.tracking-line.v3-timeline.is-complete{border-left-color:#bc925a}
.tracking-line.v3-timeline.is-complete::before{background:#bc925a}
.tracking-line.v3-timeline.is-current{border-left-color:#bc925a}
.tracking-line.v3-timeline.is-current::before{background:var(--brand-accent);box-shadow:0 0 0 6px rgba(216,183,123,.22)}
.tracking-line.v3-timeline.is-current::after{content:"";position:absolute;left:-12px;top:3px;width:22px;height:22px;border:1px solid rgba(189,147,88,.45);border-radius:50%;animation:v3-pulse 2.8s ease-out infinite;pointer-events:none}
@keyframes v3-pulse{50%{scale:1.26;opacity:.25}100%{scale:1;opacity:0}}
.tracking-line.v3-timeline>strong{display:inline-block;color:var(--brand-primary)}
.tracking-line.v3-timeline>span{display:block;color:var(--brand-muted);font-size:13px}
.tracking-line.v3-timeline p{max-height:180px;opacity:1;overflow:hidden;margin:7px 0 0;transition:max-height 300ms var(--ease-out),opacity 180ms,margin 300ms}
.tracking-line.v3-timeline.is-collapsed p{max-height:0;opacity:0;margin:0}
.v3-timeline__toggle{display:inline-flex;min-height:30px;align-items:center;margin:7px 0 0;padding:4px 9px;border:1px solid #c8d0d8;border-radius:7px;background:#fff;color:var(--brand-primary);font-size:12px;font-weight:750}
.v3-timeline__pending{color:#778290;font-size:13px;font-style:italic}

@media(max-width:1100px){.hero-grid{grid-template-columns:1fr}.hero-visual{width:min(100%,720px);margin:0 auto}.v3-business-grid{gap:12px}.v3-business-card{min-height:390px;padding:17px}.v3-business-card__content strong{font-size:25px}}
@media(max-width:760px){
 .hero-visual{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-radius:0;box-shadow:none}
 .hero-poster{position:relative;grid-column:1/-1;min-height:255px;border-radius:20px;background-position:60% center}
 .hero-poster__brand{top:14px;left:14px}
 .hero-poster__caption{bottom:auto;top:227px;left:14px;right:14px;font-size:8px}
 .hero-visual .flow-board{position:relative;top:auto;left:auto;grid-column:1/-1;width:100%;padding:17px;backdrop-filter:none}
 .hero-visual .flow-step{min-height:61px}
 .hero-float{position:relative;top:auto;bottom:auto;right:auto;width:auto;padding:14px;backdrop-filter:none}
 .hero-float--shipment{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}
 .hero-float--shipment>span,.hero-float--shipment>strong{grid-column:1}
 .hero-float--shipment .hero-float__states{grid-column:2;grid-row:1/3;margin:0}
 .hero-float--business{grid-column:1/-1}
 .hero-float--business strong{margin-bottom:0}
 .v3-business-grid{grid-template-columns:1fr}
 .v3-business-card{min-height:310px;padding:21px}
 .v3-business-card__content strong{font-size:29px}
 .v3-business-section .section-head{display:block}
 .v3-business-section .section-lead{max-width:560px}
 .v3-banner{min-height:410px;padding:29px 21px;background-position:55% center}
 .v3-banner::before{content:"";position:absolute;z-index:-1;inset:0;background:rgba(8,22,39,.29)}
 .v3-banner__route{gap:6px}
 .v3-page-poster{min-height:255px;padding:21px;background-position:60% center}
 .v3-page-poster__orbit{width:60px;height:60px;right:8%;top:14%}
 .v3-process-nav{grid-template-columns:1fr;gap:0;margin-left:6px}
 .v3-process-nav::before,.v3-process-nav::after{left:22px;top:21px;width:2px;height:calc(100% - 42px)}
 .v3-process-nav::after{width:2px;height:calc((100% - 42px) * var(--v3-progress))}
 .v3-process-nav button{display:flex;align-items:center;justify-items:start;gap:14px;text-align:left;min-height:54px}
 .v3-process-nav button i{width:42px;height:42px;flex:none}
 .v3-fulfillment{padding:21px}
 .v3-fulfillment__steps{grid-template-columns:1fr;gap:0}
 .v3-fulfillment__steps::before,.v3-fulfillment__steps::after{left:21px;top:18px;width:2px;height:calc(100% - 36px)}
 .v3-fulfillment__steps::after{width:2px;height:calc((100% - 36px) * var(--v3-progress))}
 .v3-fulfillment__node{display:flex;align-items:center;justify-items:start;gap:15px;min-height:56px;text-align:left}
 .v3-fulfillment__node i{flex:none}
}
@media(hover:none),(pointer:coarse){.hero-float:hover,.v3-business-card:hover,.v3-banner__route a:hover{transform:none}.v3-business-card:active,.hero-float:active{scale:.99;border-color:#e4c995}}
@media(prefers-reduced-motion:reduce){.hero-visual.is-in-view .hero-poster,.tracking-line.v3-timeline.is-current::after{animation:none!important}.hero-poster,.v3-business-card__scene{transition:none!important}}