/* A visual, chapter-based landing page. All selectors belong to the wholesaler site. */
.wholesaler-site #landingView .public-header { position:sticky; top:0; z-index:60; background:#fffffff0; backdrop-filter:blur(16px); }
.reading-progress { position:absolute; inset:auto 0 0; height:2px; overflow:hidden; pointer-events:none; }
.reading-progress span { display:block; height:100%; background:var(--blue); transform:scaleX(var(--landing-progress,0)); transform-origin:left; }
.wholesaler-site #landingView .landing-hero { min-height:max(720px,calc(100svh - 94px)); }
.wholesaler-site #landingView .features { min-height:clamp(590px,72svh,780px); align-content:center; padding-top:65px; padding-bottom:85px; scroll-margin-top:110px; }
.wholesaler-site #landingView .features article { min-height:270px; padding:32px; }
.wholesaler-site #landingView .feature-section-heading { margin-bottom:25px; }
.wholesaler-site #landingView .landing-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); align-items:center; gap:clamp(45px,6vw,105px); min-height:max(760px,96svh); padding-top:90px; padding-bottom:90px; }
.story-copy { min-width:0; }
.chapter-label { display:flex; align-items:center; gap:12px; color:#7d958f; font-size:9px; font-weight:750; letter-spacing:.12em; }
.chapter-label>span { display:grid; place-items:center; width:32px; height:32px; border:1px solid #e7edeb; color:var(--blue); border-radius:9px; font-family:var(--heading-font); font-size:13px; letter-spacing:0; }
.wholesaler-site #landingView .story-copy h2 { font-size:clamp(48px,4.65vw,73px); line-height:1.035; letter-spacing:-.055em; font-weight:750; margin:27px 0; }
.story-copy h2 em { font-style:normal; color:var(--blue); }
.story-copy>p { font-size:14px; line-height:1.9; color:#6d8580; max-width:455px; }
.story-points { list-style:none; padding:0; margin:30px 0 0; display:grid; gap:20px; }
.story-points li { display:flex; align-items:flex-start; gap:13px; }
.story-points li>span { display:grid; place-items:center; height:33px; width:33px; flex:none; border-radius:10px; background:#f7f8f8; color:#7f9691; }
.story-points .icon { width:16px; height:16px; }
.story-points strong { display:block; font-size:12px; color:#4c5c59; font-weight:700; line-height:1.6; }
.story-points small { display:block; font-size:11px; color:#7e9590; line-height:1.8; margin-top:3px; max-width:350px; }
.story-visual { height:560px; width:100%; position:relative; min-width:0; border-radius:32px; isolation:isolate; }
.visual-label { position:absolute; top:30px; left:29px; color:#809792; display:flex; align-items:center; gap:8px; font-size:7px; font-weight:750; letter-spacing:.13em; z-index:5; }
.visual-label .blue-dot { width:5px; height:5px; }
.request-theatre { background:radial-gradient(ellipse at 20% 80%,#ebf0ef,transparent 70%),#f8f9f9; border:1px solid #eff2f1; }
.theatre-orbit { position:absolute; width:390px; height:390px; max-width:86%; aspect-ratio:1; left:50%; top:50%; translate:-50% -50%; border:1px solid #e6ecea; border-radius:50%; z-index:-1; }
.theatre-orbit.orbit-small { width:285px; height:285px; border-style:dashed; }
.request-paper { position:absolute; width:78%; max-width:395px; height:286px; top:126px; left:50%; transform:translateX(-50%); border-radius:17px; border:1px solid #e7edeb; background:#fff; }
.paper-back { rotate:-10deg; background:#ebf0ef; top:119px; }
.paper-middle { rotate:6deg; background:#f5f7f7; top:115px; }
.paper-front { z-index:3; height:auto; padding:24px; box-shadow:0 22px 45px -25px #265e5150; animation:request-lift 9s ease-in-out infinite paused; }
.demo-topline { display:flex; align-items:center; gap:10px; }
.demo-glyph { width:36px; height:36px; border-radius:10px; background:#f5f7f7; display:grid; place-items:center; color:#3a8f7b; flex:none; }
.demo-glyph .icon { width:18px; }
.demo-topline strong { display:block; font-size:12px; color:#465552; }
.demo-topline small { display:block; font-size:8px; color:#8ea29d; margin-top:5px; }
.demo-dot { width:6px; height:6px; border-radius:50%; background:#c1dd9e; margin-left:auto; }
.demo-order-product { display:flex; align-items:center; gap:17px; margin:24px 0; padding:17px 0; border-block:1px solid #f2f5f4; }
.demo-order-product img { height:78px; width:58px; object-fit:contain; flex:none; }
.demo-order-product strong { display:block; font-family:var(--heading-font); font-size:17px; color:#4a5a57; }
.demo-order-product span { display:block; font-size:10px; color:#849b95; margin-top:7px; }
.demo-order-product small { display:block; font-size:8px; color:#91a5a1; margin-top:8px; }
.demo-status-line { display:flex; align-items:center; justify-content:space-between; font-size:9px; color:#8fa49f; gap:10px; }
.status-cycle { position:relative; min-width:102px; height:26px; }
.status-cycle>span { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:6px; border-radius:6px; background:#f5f7f7; color:#3b907c; font-size:9px; font-weight:700; }
.status-cycle>span:first-child { opacity:0; animation:status-new 9s ease infinite paused; }
.status-cycle>span:last-child { opacity:1; background:#e9f6ef; color:#3d8c6c; animation:status-accepted 9s ease infinite paused; }
.status-cycle .icon { width:12px; height:12px; }
.status-cycle i { width:4px; height:4px; border-radius:50%; background:#3e9782; }
.demo-card-footer { margin-top:19px; display:flex; align-items:center; justify-content:space-between; font-size:10px; font-weight:700; color:#7a928c; }
.demo-card-footer .icon { width:16px; height:16px; }
.connection-toast { position:absolute; left:17%; right:3%; bottom:70px; padding:18px; display:flex; align-items:center; gap:12px; border:1px solid #dbe9d7; background:#fff; border-radius:14px; box-shadow:0 15px 30px -18px #315b4030; z-index:4; animation:connection-pop 9s ease infinite paused; }
.connection-toast>span { background:#eef6df; color:#68943e; height:34px; width:34px; flex:none; display:grid; place-items:center; border-radius:50%; }
.connection-toast .icon { width:16px; }
.connection-toast strong { display:block; color:#466444; font-size:12px; }
.connection-toast small { display:block; color:#8c9b89; font-size:9px; margin-top:5px; }
.scene-timeline { position:absolute; bottom:23px; left:10%; right:10%; display:flex; align-items:center; gap:9px; color:#8da19d; font-size:9px; }
.scene-timeline span { white-space:nowrap; }
.scene-timeline i { display:block; height:1px; background:#dde5e3; flex:1; overflow:hidden; }
.scene-timeline i::after { content:''; display:block; width:35%; height:100%; background:#3a8d7a; animation:tiny-route 3s linear infinite paused; }

/* Your own products fan into view, with availability kept visibly separate. */
.inventory-story .story-copy h2 em { color:#658b3c; }
.inventory-story .chapter-label>span { color:#688c41; border-color:#dfe9ce; }
.inventory-story .story-points li>span { color:#789851; background:#f2f7ea; }
.inventory-theatre { height:600px; background:radial-gradient(ellipse at 50% 35%,#e7f2d0,transparent 70%),#f5f8ee; border:1px solid #e8eddc; }
.inventory-theatre .visual-label { color:#829668; }
.inventory-theatre .blue-dot { background:#86a75b; }
.inventory-halo { position:absolute; top:105px; left:50%; translate:-50% 0; width:310px; height:310px; border:1px solid #dce7c8; border-radius:50%; box-shadow:0 0 0 30px #dfe9ca30,0 0 0 60px #dfe9ca15; }
.inventory-preview-card { position:absolute; top:133px; width:33%; padding:15px; border:1px solid #e3e9d9; border-radius:16px; background:#fff; box-shadow:0 20px 35px -23px #4869344d; animation:inventory-float 7s ease-in-out infinite paused; }
.preview-left { left:2%; rotate:-9deg; z-index:1; animation-delay:-1s; }
.preview-center { left:33.5%; top:111px; z-index:3; }
.preview-right { right:2%; rotate:9deg; z-index:2; animation-delay:-3s; }
.inventory-preview-card>img { width:100%; height:170px; object-fit:contain; margin:20px 0 12px; }
.inventory-preview-card>small { display:block; color:#9aa68e; font-size:6px; letter-spacing:.05em; min-height:17px; }
.inventory-preview-card>strong { display:block; color:#3c5537; font-size:14px; font-family:var(--heading-font); line-height:1.3; min-height:35px; }
.preview-stock { display:flex; align-items:center; gap:5px; color:#649448; font-size:7px; background:#f0f7e9; padding:5px 6px; border-radius:5px; width:fit-content; white-space:nowrap; }
.preview-stock i { width:4px; height:4px; background:#87b567; border-radius:50%; animation:stock-pulse 3s ease infinite paused; }
.preview-stock.not-sold { background:#f3f4f1; color:#9b9f94; }
.preview-right>img { filter:grayscale(1); opacity:.55; }
.preview-right>strong,.preview-right>small { color:#a1a89c; }
.preview-price { margin-top:12px; padding-top:11px; border-top:1px solid #edf0e8; }
.preview-price span { display:block; font-size:7px; color:#88987c; white-space:nowrap; }
.preview-price i { display:block; margin-top:9px; height:5px; width:65%; border-radius:3px; background:#e6eedb; transform-origin:left; animation:price-line 7s ease infinite paused; }
.preview-center .preview-price i { background:#afcc85; }
.preview-right .preview-price i { background:#e9ece4; animation:none; width:40%; }
.inventory-caption { position:absolute; bottom:46px; left:6%; right:6%; display:flex; align-items:center; gap:11px; border:1px solid #e2e9d5; padding:17px; background:#fffffff5; border-radius:13px; z-index:5; box-shadow:0 12px 25px -20px #345c2545; }
.inventory-caption>span { display:grid; place-items:center; flex:none; height:34px; width:34px; border-radius:9px; background:#f0f5e7; color:#88a561; }
.inventory-caption .icon { width:19px; }
.inventory-caption strong { display:block; font-size:11px; color:#536c40; }
.inventory-caption small { display:block; font-size:9px; color:#8d9d7f; margin-top:5px; }
.preview-disclaimer { position:absolute; bottom:19px; left:0; right:0; text-align:center; color:#9eae8d; font-size:6px; letter-spacing:.12em; }

/* A bulk quantity, an order record and the next manufacturer connection. */
.sourcing-theatre { height:580px; border:1px solid #eff3f2; background:radial-gradient(ellipse at 100% 80%,#eff2f1,transparent 65%),#f8faf9; }
.sourcing-rings { position:absolute; width:370px; height:370px; left:50%; top:50%; translate:-50% -50%; border:1px solid #edf0f0; border-radius:50%; box-shadow:0 0 0 35px #f0f3f220; }
.purchase-preview { position:absolute; top:119px; left:8%; right:8%; background:#fff; border:1px solid #e9edec; border-radius:17px; box-shadow:0 18px 40px -25px #5f757050; z-index:2; overflow:hidden; }
.purchase-preview-header { display:flex; align-items:center; gap:14px; padding:16px 20px; border-bottom:1px solid #f2f4f4; }
.mini-wordmark { font-family:var(--heading-font); color:#246b63; font-size:27px; line-height:1; letter-spacing:-.08em; font-weight:800; }
.purchase-preview-header>span:nth-child(2) { font-size:10px; color:#859b96; padding-left:14px; border-left:1px solid #ebf0ef; }
.purchase-preview-header>.icon { margin-left:auto; width:16px; color:#bac7c4; }
.preview-purchase-line { padding:20px; display:flex; align-items:center; gap:17px; }
.preview-purchase-line>img { width:72px; height:65px; object-fit:contain; }
.preview-purchase-line small { display:block; color:#92a6a2; font-size:7px; letter-spacing:.08em; }
.preview-purchase-line strong { display:block; font-family:var(--heading-font); color:#4f605c; font-size:20px; margin:6px 0; }
.preview-purchase-line div>span { display:block; color:#95a8a4; font-size:8px; }
.quantity-spotlight { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:22px; background:#fafbfb; margin:0 16px; border-radius:11px; }
.quantity-spotlight small { display:block; font-size:7px; font-weight:750; color:#8ba09b; letter-spacing:.05em; }
.quantity-spotlight div>span:not(.quantity-reel) { display:block; font-size:8px; color:#96a9a4; margin-top:7px; line-height:1.6; }
.quantity-demo { position:relative; height:52px; min-width:97px; background:white; border:1px solid #e6ecea; border-radius:8px; overflow:hidden; box-shadow:0 0 0 4px #246b6304; }
.quantity-reel { display:flex; flex-direction:column; animation:bulk-quantity 8s cubic-bezier(.65,0,.35,1) infinite paused; }
.quantity-reel>span { display:grid; place-items:center; height:50px; flex:none; color:#246b63; font-family:var(--heading-font); font-size:29px; font-weight:650; line-height:1; }
.quantity-demo>i { position:absolute; width:1px; background:#246b63; right:12px; top:13px; height:25px; animation:type-cursor 1s steps(2,end) infinite paused; }
.purchase-demo-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px; color:#98aaa6; font-size:8px; }
.purchase-demo-summary strong { font-size:8px; color:#718a85; display:flex; align-items:center; gap:5px; }
.purchase-demo-summary .icon { width:12px; height:12px; }
.example-label { display:block; margin:0 20px 14px; font-size:6px; color:#a7b7b3; letter-spacing:.08em; }
.pdf-preview { position:absolute; bottom:25px; left:5%; right:8%; padding:16px; border:1px solid #e6ebea; border-radius:13px; background:#fff; box-shadow:0 12px 30px -20px #23564a35; display:flex; gap:12px; align-items:center; z-index:4; rotate:-3deg; animation:pdf-float 8s ease-in-out infinite paused; }
.pdf-sheet { position:relative; width:37px; height:47px; display:grid; place-items:center; border:1px solid #eaeeed; background:#fbfbfb; border-radius:7px; color:#819893; flex:none; }
.pdf-sheet>.icon { width:19px; translate:0 -4px; }
.pdf-sheet b { position:absolute; bottom:4px; font-size:6px; letter-spacing:.08em; }
.pdf-preview strong { display:block; color:#5e736e; font-size:12px; }
.pdf-preview small { display:block; color:#96a9a4; font-size:8px; margin-top:6px; }
.pdf-check { margin-left:auto; display:grid; place-items:center; width:26px; height:26px; color:#7a9e4c; background:#f0f6e2; border-radius:50%; flex:none; }
.pdf-check>.icon { width:13px; }
.manufacturer-contact-chip { position:absolute; right:6%; top:55px; border:1px solid #ebf0ef; display:flex; align-items:center; gap:9px; padding:11px 15px; background:#fff; border-radius:11px; color:#8ea29d; rotate:4deg; z-index:3; }
.manufacturer-contact-chip>.icon { width:21px; color:#96a9a4; }
.manufacturer-contact-chip>span { font-size:8px; line-height:1.7; }
.manufacturer-contact-chip strong { color:#79918c; font-size:9px; font-weight:600; }

/* A full-width night scene makes the trade network feel connected. */
.wholesaler-site #landingView .trade-network { position:relative; overflow:hidden; background:radial-gradient(ellipse at 50% 65%,#1e493f3d,transparent 65%),#192622; color:white; min-height:100svh; padding:90px 0; }
.trade-network::before { content:''; position:absolute; inset:0; background-image:radial-gradient(#43a38c15 .8px,transparent .8px); background-size:24px 24px; mask-image:radial-gradient(ellipse at center,black,transparent 70%); pointer-events:none; }
.network-inner { position:relative; }
.network-heading { text-align:center; }
.network-heading .eyebrow { color:#a3b3af; font-size:8px; }
.wholesaler-site #landingView .network-heading h2 { font-size:clamp(44px,4.6vw,69px); line-height:1.07; margin:24px 0 20px; letter-spacing:-.05em; }
.network-heading em { font-style:normal; color:var(--yellow); }
.network-heading>p { font-size:13px; line-height:1.85; color:#9dafab; }
.network-canvas { position:relative; max-width:1100px; height:330px; margin:40px auto 35px; }
.network-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.network-lines path { stroke:#4d5e5a; stroke-width:1; }
.network-lines path.network-flow { stroke:#43a38c; stroke-width:1.5; stroke-dasharray:4 18; animation:network-flow 14s linear infinite paused; }
.network-node { position:absolute; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.network-maker { left:15%; top:50%; translate:-50% -50%; width:180px; height:145px; }
.network-maker>span { display:grid; place-items:center; width:60px; height:60px; border:1px solid #4d5e5a; background:#2e423d; color:#b0bfbb; border-radius:18px; margin-bottom:18px; }
.network-maker>.icon,.network-maker>span>.icon { width:27px; height:27px; }
.network-node>strong { font-size:13px; font-weight:650; color:#d4dddb; }
.network-node>small { color:#7e9590; font-size:9px; margin-top:7px; }
.network-you { top:50%; left:50%; translate:-50% -50%; width:208px; height:188px; border:1px solid #42a08a; border-radius:26px; background:linear-gradient(140deg,#3b907c,#246b63); box-shadow:0 15px 50px #121a1850; }
.network-feri { display:block; color:#fff; font-family:var(--heading-font); font-weight:800; letter-spacing:-.08em; font-size:68px; line-height:1.05; margin-bottom:17px; }
.network-feri>span { display:inline-block; font-family:Arial,sans-serif; font-size:25px; color:var(--yellow); letter-spacing:0; vertical-align:top; margin:4px 0 0 12px; animation:trade-asterisk 30s linear infinite paused; }
.network-you>strong { color:#f2f4f4; font-size:11px; }
.network-you>small { color:#d4dddb; font-size:8px; }
.network-beacon { position:absolute; inset:-18px; border:1px solid #42a38c30; border-radius:40px; animation:network-beacon 4s ease-out infinite paused; pointer-events:none; }
.network-shop { position:absolute; left:84%; translate:-50% 0; display:flex; align-items:center; gap:11px; padding:15px 17px; border:1px solid #4a5a57; background:#202e2a; border-radius:13px; width:173px; color:#43a38c; box-shadow:0 6px 15px #00000008; }
.network-shop>.icon { width:23px; height:23px; color:#9dafab; }
.network-shop>span { font-size:10px; font-weight:550; white-space:nowrap; }
.network-shop>i { width:5px; height:5px; border-radius:50%; background:#d7e99b; margin-left:auto; animation:shop-beacon 6s ease infinite paused; }
.shop-one { top:32px; }.shop-two { top:135px; }.shop-three { top:238px; }
.shop-two>i { animation-delay:-2s; }.shop-three>i { animation-delay:-4s; }
.network-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; max-width:1100px; margin:0 auto; }
.network-benefits>div { border:1px solid #ffffff0c; background:#ffffff03; border-radius:14px; padding:23px; position:relative; }
.network-benefits>div>span { position:absolute; top:23px; left:23px; width:30px; height:30px; color:#97aaa5; display:grid; place-items:center; border-radius:8px; background:#ffffff05; }
.network-benefits .icon { width:17px; height:17px; }
.network-benefits h3 { font-size:19px; color:#e7eceb; padding-left:43px; margin:4px 0 21px; }
.network-benefits p { font-size:11px; line-height:1.9; color:#9aaca8; max-width:275px; }

.wholesaler-site #landingView .how-section { min-height:85svh; padding-block:110px; scroll-margin-top:94px; }
.wholesaler-site #landingView .section-intro h2 { font-size:clamp(42px,4.2vw,65px); letter-spacing:-.05em; }
.wholesaler-site #landingView .how-steps article { padding:27px 0; }
.wholesaler-site #landingView .how-steps h3 { font-size:22px; }
.wholesaler-site #landingView .how-steps article>span { min-width:48px; height:48px; border-radius:14px; }
.start-flow { display:flex; align-items:center; gap:13px; max-width:310px; margin-top:38px; }
.start-flow>span { display:grid; place-items:center; border-radius:14px; border:1px solid #eaefee; background:#f9fbfa; width:53px; height:53px; color:#91a5a0; flex:none; animation:setup-glow 6s ease infinite paused; }
.start-flow>span:nth-of-type(2) { animation-delay:-4s; }.start-flow>span:nth-of-type(3) { animation-delay:-2s; }
.start-flow>span:last-child { background:#f1f5db; border-color:#e4ebc4; color:#8b9d56; }
.start-flow>.icon,.start-flow>span>.icon { width:22px; height:22px; }
.start-flow>i { height:1px; background:#e5ebe9; flex:1; overflow:hidden; }
.start-flow>i::after { content:''; display:block; width:35%; height:100%; background:#409c87; animation:tiny-route 3s linear infinite paused; }
.wholesaler-site #landingView .landing-cta { min-height:clamp(400px,43svh,500px); padding:65px; margin-bottom:25px; }
.wholesaler-site #landingView .landing-cta h2 { font-size:clamp(38px,4vw,60px); max-width:720px; letter-spacing:-.045em; }
.wholesaler-site #landingView .landing-cta .button-white { min-height:56px; padding:16px 24px; }
.wholesaler-site #landingView .landing-cta::after { animation:closing-arrow 10s ease-in-out infinite paused; }
.wholesaler-site #landingView .public-footer { min-height:120px; align-items:center; padding-top:30px; padding-bottom:35px; }

/* Only scenes currently on screen animate. No motion changes any order state. */
[data-landing-scene].is-playing :is(.paper-front,.status-cycle>span,.connection-toast,.inventory-preview-card,.preview-stock i,.preview-price i,.quantity-reel,.quantity-demo>i,.pdf-preview,.network-flow,.network-feri>span,.network-beacon,.network-shop>i),
[data-landing-scene].is-playing .scene-timeline i::after,
[data-landing-scene].is-playing .start-flow>i::after,
[data-landing-scene].is-playing .start-flow>span,
.wholesaler-site #landingView .landing-cta.is-playing::after { animation-play-state:running; }
@keyframes request-lift { 0%,100% { translate:0 0; } 45%,70% { translate:0 -7px; } }
@keyframes status-new { 0%,32%,100% { opacity:1; translate:0 0; } 40%,92% { opacity:0; translate:0 -7px; } }
@keyframes status-accepted { 0%,32%,100% { opacity:0; translate:0 7px; } 40%,92% { opacity:1; translate:0 0; } }
@keyframes connection-pop { 0%,36%,100% { opacity:0; translate:0 12px; scale:.97; } 45%,92% { opacity:1; translate:0 0; scale:1; } }
@keyframes tiny-route { from { translate:-100% 0; } to { translate:390% 0; } }
@keyframes inventory-float { 0%,100% { translate:0 0; } 50% { translate:0 -9px; } }
@keyframes stock-pulse { 0%,100% { box-shadow:0 0 0 0 #8db96e00; } 50% { box-shadow:0 0 0 4px #8db96e15; } }
@keyframes price-line { 0%,100% { scale:.7 1; } 40%,70% { scale:1 1; } }
@keyframes bulk-quantity { 0%,15%,100% { transform:translateY(0); } 28%,42% { transform:translateY(-50px); } 58%,88% { transform:translateY(-100px); } }
@keyframes type-cursor { to { opacity:0; } }
@keyframes pdf-float { 0%,100% { translate:0 0; } 50% { translate:0 -6px; } }
@keyframes network-flow { to { stroke-dashoffset:-220; } }
@keyframes network-beacon { 0% { opacity:0; scale:.95; } 25% { opacity:1; } 100% { opacity:0; scale:1.17; } }
@keyframes shop-beacon { 0%,100% { opacity:.4; box-shadow:0 0 0 0 #d7e99b00; } 35% { opacity:1; box-shadow:0 0 0 5px #d7e99b0d; } }
@keyframes setup-glow { 0%,15%,100% { box-shadow:0 0 0 0 #246b6300; } 28%,46% { box-shadow:0 0 0 7px #246b6306; color:#246b63; border-color:#43a38c; translate:0 -3px; } }
@keyframes closing-arrow { 0%,100% { translate:0 0; rotate:-5deg; } 50% { translate:12px -12px; rotate:2deg; } }

@media (max-width:1250px) and (min-width:921px) {
  .wholesaler-site #landingView .landing-story { gap:34px; padding-block:75px; }
  .wholesaler-site #landingView .story-copy h2 { font-size:53px; }
  .story-copy>p { font-size:13px; }.story-points small { font-size:10px; }
  .story-visual { height:540px; }.sourcing-theatre { height:570px; }
  .request-paper { width:85%; }.paper-front { padding:20px; }
  .demo-order-product { gap:12px; }.demo-order-product strong { font-size:15px; }.demo-order-product span { font-size:8px; }
  .connection-toast { left:11%; right:3%; padding:15px; }.connection-toast strong { font-size:10px; }.connection-toast small { font-size:8px; }
  .inventory-theatre { height:580px; }.inventory-preview-card { padding:11px; }.inventory-preview-card>img { height:158px; }.inventory-preview-card>strong { font-size:12px; }
  .inventory-caption { padding:14px; gap:9px; }.inventory-caption strong { font-size:10px; }.inventory-caption small { font-size:8px; }
  .quantity-spotlight { gap:9px; padding:17px; margin-inline:12px; }.quantity-spotlight small { font-size:6px; }.quantity-demo { min-width:82px; }
  .pdf-preview { padding:14px; gap:9px; }.pdf-preview strong { font-size:11px; }.pdf-preview small { font-size:7px; }
  .network-you { width:180px; height:174px; }.network-shop { width:158px; padding:14px; gap:8px; }
  .wholesaler-site #landingView .landing-cta { padding:50px; }
}
@media (max-width:920px) {
  .wholesaler-site #landingView .landing-story { grid-template-columns:1fr; min-height:0; padding-block:65px; gap:45px; }
  .story-copy { max-width:600px; }.story-copy>p { max-width:500px; }
  .story-visual { max-width:620px; margin-inline:auto; }
  .inventory-story .story-copy { grid-row:1; }.inventory-story .story-visual { grid-row:2; }
  .story-points { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
  .story-points li { flex-direction:column; gap:12px; }.story-points strong { font-size:11px; }.story-points small { font-size:10px; }
  .network-you { width:158px; height:158px; border-radius:20px; }.network-feri { font-size:56px; }.network-you>strong { font-size:9px; }.network-you>small { font-size:7px; }
  .network-maker { width:140px; }.network-maker>strong { font-size:11px; }.network-maker>small { font-size:7px; }
  .network-shop { width:140px; padding:13px 12px; gap:8px; }.network-shop>span { font-size:8px; }.network-shop>.icon { width:19px; }
  .network-benefits { gap:12px; }.network-benefits>div { padding:19px; }.network-benefits>div>span { top:19px; left:19px; }.network-benefits h3 { font-size:17px; }.network-benefits p { font-size:10px; }
  .wholesaler-site #landingView .how-section { padding-block:75px; min-height:700px; }
  .wholesaler-site #landingView .landing-cta { min-height:360px; padding:40px; }
}
@media (max-width:680px) {
  .wholesaler-site #landingView .landing-hero { min-height:0; }
  .wholesaler-site #landingView .features { min-height:0; padding-top:45px; padding-bottom:55px; }
  .wholesaler-site #landingView .features article { min-height:0; padding:27px; }
  .wholesaler-site #landingView .landing-story { padding-block:50px; gap:36px; }
  .wholesaler-site #landingView .story-copy h2 { font-size:49px; }.story-copy>p { font-size:13px; }
  .story-points { grid-template-columns:1fr; gap:17px; }.story-points li { flex-direction:row; gap:13px; }.story-points small { font-size:10px; }
  .story-visual { height:515px; border-radius:24px; }.visual-label { font-size:6px; left:20px; top:25px; }
  .request-paper { width:86%; top:113px; }.paper-front { padding:18px; }.paper-back,.paper-middle { height:267px; }
  .demo-topline strong { font-size:11px; }.demo-topline small { font-size:7px; }.demo-order-product { gap:12px; }.demo-order-product strong { font-size:14px; }.demo-order-product span { font-size:8px; }.demo-order-product small { font-size:7px; }
  .connection-toast { left:9%; right:3%; padding:14px; bottom:62px; }.connection-toast strong { font-size:10px; }.connection-toast small { font-size:8px; }
  .inventory-preview-card { width:34%; padding:10px; top:125px; }.preview-center { top:106px; left:33%; }.inventory-preview-card>img { height:139px; }.inventory-preview-card>strong { font-size:11px; }.inventory-preview-card>small { font-size:5px; }.preview-price span { font-size:6px; }.preview-stock { font-size:6px; padding:4px; }
  .inventory-caption { bottom:43px; left:4%; right:4%; padding:13px; gap:9px; }.inventory-caption strong { font-size:9px; }.inventory-caption small { font-size:8px; }
  .sourcing-theatre { height:555px; }.purchase-preview { left:5%; right:5%; top:110px; }.purchase-preview-header { padding:15px; }.preview-purchase-line { padding:18px 15px; gap:13px; }
  .quantity-spotlight { padding:17px 13px; margin-inline:10px; gap:8px; }.quantity-spotlight small { font-size:6px; }.quantity-spotlight div>span:not(.quantity-reel) { font-size:7px; max-width:145px; }.quantity-demo { min-width:78px; }
  .purchase-demo-summary { padding:17px 15px; font-size:7px; }.purchase-demo-summary strong { font-size:7px; }
  .pdf-preview { left:3%; right:4%; bottom:22px; padding:13px; gap:10px; }.pdf-preview strong { font-size:10px; }.pdf-preview small { font-size:7px; }
  .manufacturer-contact-chip { top:51px; right:7%; padding:9px 12px; }.manufacturer-contact-chip strong { font-size:8px; }
  .wholesaler-site #landingView .trade-network { padding-block:65px; min-height:0; }.network-heading .eyebrow { font-size:6px; }.wholesaler-site #landingView .network-heading h2 { font-size:44px; }.network-heading>p { font-size:12px; }
  .network-canvas { height:330px; margin-block:30px; }.network-lines { opacity:.7; }.network-maker { left:12%; width:95px; }.network-maker>span { width:43px; height:43px; border-radius:12px; }.network-maker>strong { font-size:8px; }.network-maker>small { display:none; }
  .network-you { left:47%; width:119px; height:136px; border-radius:18px; }.network-feri { font-size:47px; margin-bottom:12px; }.network-feri>span { font-size:17px; margin-left:9px; }.network-you>strong { font-size:7px; }.network-you>small { font-size:5px; }
  .network-shop { left:85%; width:85px; justify-content:center; padding:12px 6px; gap:5px; }.network-shop>.icon { width:18px; }.network-shop>span { font-size:6px; white-space:normal; }.network-shop>i { display:none; }
  .network-benefits { grid-template-columns:1fr; gap:13px; }.network-benefits>div { padding:22px; }.network-benefits>div>span { top:22px; left:22px; }.network-benefits h3 { font-size:21px; margin-bottom:16px; }.network-benefits p { font-size:12px; max-width:100%; }
  .wholesaler-site #landingView .how-section { min-height:0; padding-block:65px; }.wholesaler-site #landingView .section-intro h2 { font-size:43px; }.start-flow { margin-top:27px; }.wholesaler-site #landingView .how-steps h3 { font-size:20px; }
  .wholesaler-site #landingView .landing-cta { min-height:370px; padding:33px; }.wholesaler-site #landingView .landing-cta h2 { font-size:40px; }.wholesaler-site #landingView .public-footer { min-height:125px; }
}
@media (prefers-reduced-motion:reduce) {
  .wholesaler-site #landingView *,.wholesaler-site #landingView *::after,.wholesaler-site #landingView *::before { animation:none !important; transition:none !important; }
  .quantity-reel { transform:translateY(-100px); }.quantity-demo>i { opacity:0; }
  .status-cycle>span:first-child { opacity:0; }.status-cycle>span:last-child { opacity:1; }
  .connection-toast { opacity:1; translate:none; scale:1; }.network-beacon { opacity:.6; }
}
.motion-paused #landingView *,.motion-paused #landingView *::after,.motion-paused #landingView *::before { animation-play-state:paused !important; }