@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--primary:#0d9488;--primary-dark:#0f766e;--primary-light:#ccfbf1;--navy:#0f172a;--ink:#1e293b;--muted:#64748b;--surface:#f8fafc;--gold:#f59e0b;--white:#fff;--shadow:0 20px 60px rgba(15,23,42,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff;overflow-x:hidden;width:100%;max-width:100vw;position:relative}code,pre,p,a,span,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;word-wrap:break-word}img,svg,video,iframe{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1160px,calc(100% - 40px));max-width:100%;margin:auto}.section{padding:100px 0}.eyebrow{margin:0 0 10px;color:var(--primary);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.section-heading{text-align:center;max-width:660px;margin:0 auto 48px}.section-heading h2{font-size:clamp(2rem,4vw,2.8rem);line-height:1.22;margin:0 0 12px;color:var(--navy)}.section-heading p{color:var(--muted);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 25px;font-size:.95rem;font-weight:700;transition:.25s;cursor:pointer}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 24px rgba(13,148,136,.3)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-3px)}.btn-outline{border:2px solid rgba(255,255,255,.6);color:white}.btn-outline:hover{background:white;color:var(--primary)}
/* scroll progress */.scroll-progress-track{position:fixed;top:0;left:0;right:0;width:100%;height:3.5px;z-index:99999;pointer-events:none;background:rgba(255,255,255,.08);backdrop-filter:blur(2px)}.scroll-progress-bar{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,#0d9488 0%,#14b8a6 25%,#2dd4bf 50%,#10b981 75%,#f59e0b 100%);transform-origin:0 50%;transform:scaleX(0);box-shadow:0 0 10px rgba(45,212,191,.7),0 0 4px rgba(245,158,11,.6);will-change:transform}@supports(animation-timeline:scroll()){@keyframes pageScrollTimeline{from{transform:scaleX(0)}to{transform:scaleX(1)}}.scroll-progress-bar{animation:pageScrollTimeline linear;animation-timeline:scroll(root block)}}
/* header */.header{height:80px;position:fixed;inset:0 0 auto;z-index:100;background:rgba(15,23,42,.12);transition:.3s}.header.scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(14px);box-shadow:0 2px 18px rgba(15,23,42,.08)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;text-decoration:none}.brand-logo{height:42px;width:auto;display:block}.brand-logo-light{display:none}.brand-logo-dark{display:block}.header.scrolled .brand-logo-light{display:block}.header.scrolled .brand-logo-dark{display:none}.footer .brand-logo{height:40px;width:auto;display:block}.nav-links{display:flex;align-items:center;gap:25px;font-size:.92rem;font-weight:600}.nav-links a{color:#ffffff;transition:color .25s ease,transform .2s ease}.nav-links a:hover{color:#5eead4}.header.scrolled .nav-links a{color:var(--primary);font-weight:600}.header.scrolled .nav-links a:hover,.header.scrolled .nav-links a.active{color:var(--primary-dark)}.nav-cta{padding:10px 18px;font-size:.84rem}.mobile-menu{display:none;background:none;border:0;color:white;font-size:1.5rem}.header.scrolled .mobile-menu{color:var(--primary)}
/* hero */.hero{min-height:730px;padding:155px 0 70px;overflow:hidden;position:relative;color:white;background:radial-gradient(circle at 75% 25%,#1a565d 0,#142c43 40%,#0f172a 75%)}.hero:before{display:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.hero-copy h1{font-size:clamp(2.55rem,5.1vw,4.25rem);line-height:1.1;margin:0 0 22px;letter-spacing:-.045em}.hero-copy h1 span{color:#5eead4}.hero-copy>p{font-size:1.07rem;color:#cbd5e1;max-width:600px;margin:0 0 30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.trust-row{display:flex;flex-wrap:wrap;gap:15px;margin-top:34px;color:#d5f5f0;font-size:.82rem;font-weight:600}.trust-row span{display:flex;align-items:center;gap:5px}.globe-wrap{min-height:455px;display:grid;place-items:center;perspective:1000px}.globe{width:min(370px,75vw);aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 33% 26%,#b8fff5 0 2%,transparent 3%),radial-gradient(circle at 68% 62%,#6ee7db 0 1.5%,transparent 2.5%),radial-gradient(circle at 55% 45%,#5eead4 0 1.5%,transparent 2.5%),radial-gradient(circle at 45% 38%,#164e63,#0f766e 41%,#12324b 75%);box-shadow:inset -35px -25px 55px rgba(0,0,0,.38),0 0 55px rgba(45,212,191,.35);animation:spin 18s linear infinite;transform-style:preserve-3d}.globe:before,.globe:after{content:"";position:absolute;inset:10%;border:1px solid rgba(153,246,228,.5);border-radius:50%;transform:rotateX(63deg)}.globe:after{transform:rotateY(62deg)}.orbit{position:absolute;inset:-16%;border:1px solid rgba(94,234,212,.55);border-radius:50%;transform:rotateX(66deg) rotateZ(-25deg);animation:orbit 8s linear infinite}.orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:#fbbf24;box-shadow:0 0 14px #fbbf24;top:3%;left:57%}.route{position:absolute;width:330px;height:135px;border-top:2px dashed #5eead4;border-radius:50%;transform:rotate(-23deg);opacity:.85}.route.r2{transform:rotate(41deg) scale(.8);border-color:#fbbf24}.globe-label{position:absolute;bottom:20px;right:0;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);padding:10px 15px;border:1px solid rgba(255,255,255,.18);border-radius:12px;font-size:.75rem;color:#d5f5f0}.globe-static{display:none}
/* audiences */.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.audience-card{padding:25px;border:1px solid #e5e7eb;border-radius:17px;box-shadow:0 3px 9px rgba(15,23,42,.03);background:white;transition:.35s;transform-style:preserve-3d}.audience-card:hover{transform:perspective(700px) rotateX(4deg) rotateY(-4deg) translateY(-7px);box-shadow:var(--shadow);border-color:#b5eee8}.audience-card .icon{font-size:1.65rem}.audience-card h3{margin:12px 0 4px;font-size:1.02rem}.audience-card p{font-size:.84rem;color:var(--muted);margin:0 0 10px}.inline-link{font-size:.82rem;font-weight:700;color:var(--primary)}
/* service cards */.services{background:var(--surface)}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.flip{height:255px;perspective:1000px}.flip-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .65s}.flip:hover .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;border-radius:16px;padding:23px;backface-visibility:hidden;background:#fff;border:1px solid #e6eeee;display:flex;flex-direction:column}.flip-front .icon{font-size:1.7rem}.flip-front h3{margin:17px 0 8px;font-size:1rem;line-height:1.3}.flip-front p{margin:0;color:var(--muted);font-size:.79rem}.flip-back{transform:rotateY(180deg);background:var(--navy);color:white}.flip-back h3{font-size:1rem;margin:0 0 10px}.flip-back ul{padding-left:17px;margin:0 0 13px;font-size:.75rem;line-height:1.7;color:#d5e0ec}.flip-back .inline-link{margin-top:auto;color:#5eead4}
/* process */.process-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:20px}.process-grid:before{content:"";height:2px;background:linear-gradient(90deg,var(--primary),#99f6e4,var(--primary));position:absolute;top:47px;left:12%;right:12%;transform-origin:left;transform:scaleX(0);transition:1.3s}.process-grid.visible:before{transform:scaleX(1)}.step{text-align:center;position:relative}.step-num{width:94px;height:94px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#ecfdfb;border:1px solid #99f6e4;box-shadow:0 12px 25px rgba(13,148,136,.13);font-size:2rem;position:relative;z-index:1;animation:bob 3s ease-in-out infinite}.step:nth-child(2) .step-num{animation-delay:.45s}.step:nth-child(3) .step-num{animation-delay:.9s}.step:nth-child(4) .step-num{animation-delay:1.35s}.step h3{font-size:1rem;margin:18px 0 6px}.step p{color:var(--muted);font-size:.82rem;margin:0}
/* stats */.stats{position:relative;color:white;background:radial-gradient(circle at 75% 25%,#1a565d 0,#142c43 40%,#0f172a 75%);padding:80px 0;overflow:hidden}.stats:before{display:none}.stat-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.stat{padding:25px 14px;text-align:center;border:1px solid rgba(153,246,228,.22);background:rgba(15,23,42,.45);backdrop-filter:blur(10px);border-radius:14px;transform:perspective(700px) rotateX(9deg)}.stat strong{display:block;color:#5eead4;font-size:2.45rem;line-height:1.2}.stat span{font-size:.86rem;color:#e2e8f0}
/* products */.product-stage{height:490px;display:grid;place-items:center;perspective:1000px;overflow:visible;position:relative;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}.product-stage.is-dragging{cursor:grabbing}.section:has(.product-stage){overflow-x:clip;overflow-y:visible}.product-ring{position:relative;width:220px;height:170px;transform-style:preserve-3d;will-change:transform}.product{position:absolute;width:154px;height:204px;left:33px;top:-17px;border-radius:16px;overflow:hidden;transform:rotateY(calc(var(--i) * 20deg)) translateZ(465px);background:linear-gradient(145deg,var(--tone1),var(--tone2));box-shadow:0 14px 26px rgba(15,23,42,.2);display:flex;align-items:end;padding:16px;color:white;font-weight:800;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,opacity .35s ease,filter .35s ease;cursor:pointer;backface-visibility:visible;will-change:transform}.product:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(15,23,42,.85));transition:opacity .35s ease}.product span{position:relative;z-index:2;transition:transform .3s ease,color .3s ease;text-shadow:0 2px 8px rgba(0,0,0,.6)}.product.is-dimmed{opacity:.72;filter:brightness(.88)}.product:hover,.product.is-hovered{transform:rotateY(calc(var(--i) * 20deg)) translateZ(495px) scale(1.04);box-shadow:0 24px 50px rgba(15,23,42,.4),0 0 0 2px #5eead4,0 0 24px rgba(94,234,212,.35);z-index:50;opacity:1!important;filter:brightness(1.06)!important}.product:hover:before,.product.is-hovered:before{opacity:.95}.product:hover span,.product.is-hovered span{color:#5eead4}.carousel-note{text-align:center;color:var(--muted);font-size:.85rem;margin:10px 0 0}
/* testimonials */.testimonials{background:var(--surface)}.testimonial{margin:auto;max-width:760px;padding:36px 42px;background:white;border-radius:21px;box-shadow:var(--shadow);text-align:center;position:relative}.quote-mark{color:#5eead4;font-size:4rem;line-height:.5}.stars{color:var(--gold);letter-spacing:3px;margin:12px}.testimonial blockquote{font-size:1.08rem;color:#334155;margin:12px 0 22px}.client{display:flex;justify-content:center;align-items:center;gap:10px}.avatar{width:43px;height:43px;border-radius:50%;background:linear-gradient(135deg,#14b8a6,#0f766e);color:white;display:grid;place-items:center;font-weight:800}.client b,.client small{display:block;text-align:left;line-height:1.4}.client small{color:var(--muted)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px}.testimonial-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:28px 24px;box-shadow:0 10px 25px -5px rgba(15,23,42,.06);display:flex;flex-direction:column;justify-content:space-between;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;position:relative}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px -10px rgba(13,148,136,.18);border-color:#99f6e4}.testimonial-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.testimonial-stars{color:#f59e0b;font-size:.9rem;letter-spacing:2px}.testimonial-loc-badge{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:700;color:#0f766e;background:#f0fdfa;border:1px solid #ccfbf1;padding:4px 10px;border-radius:999px}.testimonial-quote{font-size:.93rem;line-height:1.65;color:#334155;margin:0 0 20px;font-style:normal;flex-grow:1}.testimonial-client{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #f1f5f9}.testimonial-avatar{width:42px;height:42px;border-radius:50%;color:#ffffff;display:grid;place-items:center;font-weight:800;font-size:.88rem;flex-shrink:0}.testimonial-avatar.avatar-1{background:linear-gradient(135deg,#0d9488,#0f766e)}.testimonial-avatar.avatar-2{background:linear-gradient(135deg,#0284c7,#0369a1)}.testimonial-avatar.avatar-3{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.testimonial-avatar.avatar-4{background:linear-gradient(135deg,#ea580c,#c2410c)}.testimonial-avatar.avatar-5{background:linear-gradient(135deg,#059669,#047857)}.testimonial-avatar.avatar-6{background:linear-gradient(135deg,#d97706,#b45309)}.testimonial-meta b{display:block;font-size:.92rem;font-weight:700;color:#0f172a;line-height:1.25}.testimonial-meta small{display:block;font-size:.78rem;color:#64748b;line-height:1.35;margin-top:2px}@media(max-width:980px){.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media(max-width:640px){.testimonials-grid{grid-template-columns:1fr;gap:15px}.testimonial-card{padding:22px 18px}}
/* CTA footer */.cta{position:relative;overflow:hidden;background:linear-gradient(110deg,#0f766e,#0d9488 50%,#0f766e);color:white;padding:88px 0;text-align:center}.cta:before{content:"▤";position:absolute;right:8%;top:-95px;font-size:290px;opacity:.12;transform:rotate(-13deg);animation:containerFloat 10s ease-in-out infinite}.cta .container{position:relative}.cta h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 8px}.cta p{color:#d8fffb;margin:0 0 25px}.cta-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.cta .btn-primary{background:white;color:var(--primary)}.cta .btn-outline{border-color:#c4fff8}
.footer{background:var(--navy);color:#cbd5e1;padding:68px 0 20px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:35px}.footer .brand{margin-bottom:16px}.footer p{font-size:.82rem;max-width:290px}.footer h3{color:white;font-size:.84rem;margin:0 0 14px;text-transform:uppercase;letter-spacing:.08em}.footer ul{list-style:none;padding:0;margin:0}.footer li{font-size:.8rem;margin:7px 0}.footer li a:hover{color:#5eead4}.contact-mini{font-size:.8rem;line-height:2}.newsletter{display:flex;margin-top:15px}.newsletter input{width:100%;min-width:0;border:0;padding:10px;border-radius:8px 0 0 8px}.newsletter button{border:0;background:var(--primary);color:white;padding:0 12px;border-radius:0 8px 8px 0}.footer-bottom{border-top:1px solid #263448;margin-top:45px;padding-top:18px;font-size:.75rem;text-align:center}.whatsapp{position:fixed;bottom:26px;right:26px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;font-size:1.65rem;z-index:90;box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:pulse 2s infinite}.reveal{opacity:0;transform:perspective(800px) translateY(45px) rotateX(8deg);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@keyframes spin{to{transform:rotateY(360deg) rotateX(9deg)}}@keyframes orbit{to{transform:rotateX(66deg) rotateZ(335deg)}}@keyframes bob{50%{transform:translateY(-10px)}}@keyframes ring{to{transform:rotateY(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 15px rgba(37,211,102,0)}}@keyframes containerFloat{50%{transform:rotate(-8deg) translateY(22px)}}
@media(max-width:900px){.nav-links{display:none}.mobile-menu{display:block}.header .nav-cta{display:none}.hero-grid{grid-template-columns:1fr}.hero{padding-top:135px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.globe-wrap{min-height:330px}.service-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{width:min(100% - 30px,1160px)}.section{padding:70px 0}.hero{min-height:auto;padding-bottom:42px}.globe{width:255px}.globe-wrap{min-height:265px}.route{width:230px;height:90px}.audience-grid,.service-grid{grid-template-columns:repeat(2,1fr);gap:11px}.audience-card{padding:17px}.audience-card h3{font-size:.9rem}.flip{height:225px}.flip-face{padding:16px}.process-grid,.stat-grid{grid-template-columns:1fr 1fr;gap:26px}.process-grid:before{display:none}.step-num{width:75px;height:75px;font-size:1.55rem}.stat strong{font-size:1.8rem}.testimonial{padding:28px 21px}.testimonial blockquote{font-size:.95rem}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.contact-mini{word-break:break-all;overflow-wrap:anywhere}.whatsapp{bottom:16px;right:16px;width:52px;height:52px}.globe-static{display:block;color:#99f6e4;font-size:3rem}.hero .globe{display:none}.globe-wrap{min-height:80px}.flip:hover .flip-inner{transform:none}.flip-back{display:none}}
@media(max-width:500px){.footer-grid{grid-template-columns:1fr!important;gap:28px!important}.footer-grid>div:first-child{grid-column:auto!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.product-ring{animation:none}}
/* Supplied Home-page imagery */
.globe-wrap{position:relative}.globe-wrap:after{content:"";position:absolute;width:min(515px,100%);height:360px;background:linear-gradient(rgba(15,23,42,.32),rgba(15,23,42,.45)),url('../assets/images/hero/global-sourcing.jpg') center/cover;border-radius:25px;opacity:.62;border:1px solid rgba(94,234,212,.32);box-shadow:0 25px 65px rgba(0,0,0,.3);transform:rotateY(-7deg) rotateX(3deg);z-index:0}.globe,.globe-label,.globe-static{z-index:1}.product{background-position:center;background-size:cover}.product:nth-child(1){background-image:url('../assets/images/products/furniture.jpg')}.product:nth-child(2){background-image:url('../assets/images/products/bags.jpg')}.product:nth-child(3){background-image:url('../assets/images/products/beauty.jpg')}.product:nth-child(4){background-image:url('../assets/images/products/toys.jpg')}.product:nth-child(5){background-image:url('../assets/images/products/sports.jpg')}.product:nth-child(6){background-image:url('../assets/images/products/home.jpg')}.product:nth-child(7){background-image:url('../assets/images/products/garden.jpg')}.product:nth-child(8){background-image:url('../assets/images/products/electronics.jpg')}.product:nth-child(9){background-image:url('../assets/images/products/pet.jpg')}.product:nth-child(10){background-image:url('../assets/images/products/mom-baby.jpg')}.product:nth-child(11){background-image:url('../assets/images/products/hardware.jpg')}.product:nth-child(12){background-image:url('../assets/images/products/machinery.jpg')}.product:nth-child(13){background-image:url('../assets/images/products/apparel.jpg')}.product:nth-child(14){background-image:url('../assets/images/products/office-supplies.jpg')}.product:nth-child(15){background-image:url('../assets/images/products/automotive.jpg')}.product:nth-child(16){background-image:url('../assets/images/products/outdoor.jpg')}.product:nth-child(17){background-image:url('../assets/images/products/jewelry.jpg')}.product:nth-child(18){background-image:url('../assets/images/products/lighting.jpg')}
.carousel-note{font-size:0}.carousel-note:after{content:"Rotating product showcase: explore all 18 sourcing categories.";font-size:.85rem}
/* About page */
.inner-hero{padding:155px 0 75px;background:radial-gradient(circle at 75% 25%,#1a565d 0,#142c43 40%,#0f172a 75%);color:white;overflow:hidden;position:relative}.inner-hero:after{content:"";position:absolute;width:450px;height:450px;border:1px solid rgba(94,234,212,.2);border-radius:50%;right:9%;top:60px;box-shadow:0 0 0 55px rgba(94,234,212,.035),0 0 0 110px rgba(94,234,212,.025)}.inner-hero .container{position:relative;z-index:1;text-align:center;max-width:780px}.inner-hero h1{font-size:clamp(2.7rem,5vw,4.25rem);line-height:1.1;margin:9px 0 15px;letter-spacing:-.045em}.inner-hero p:last-child{color:#cbd5e1;font-size:1.05rem;margin:0}.story-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.story-photo{min-height:400px;border-radius:24px;background:linear-gradient(145deg,rgba(13,148,136,.1),rgba(15,23,42,.25)),url('../assets/images/hero/global-sourcing.jpg') center/cover;position:relative;overflow:hidden;box-shadow:var(--shadow)}.story-photo:after{content:"Shenzhen • China";position:absolute;bottom:20px;left:20px;background:rgba(15,23,42,.82);color:#fff;padding:10px 14px;border-radius:9px;font-size:.78rem;font-weight:700;backdrop-filter:blur(8px)}.story-copy h2,.why-intro h2,.timeline-heading h2,.office-copy h2{font-size:clamp(2rem,4vw,2.65rem);line-height:1.22;color:var(--navy);margin:0 0 18px}.story-copy p,.office-copy p{color:var(--muted);margin:0 0 15px}.check-list{list-style:none;padding:0;margin:23px 0 0}.check-list li{margin:9px 0;font-weight:600;font-size:.9rem}.check-list li:before{content:"✓";color:var(--primary);margin-right:10px}.why{background:var(--surface)}.why-intro{text-align:center;max-width:650px;margin:0 auto 40px}.why-intro p{color:var(--muted)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.why-card{background:white;padding:25px;border-radius:17px;border:1px solid #e5eeee;transition:.3s;transform-style:preserve-3d}.why-card:hover{transform:perspective(800px) rotateX(5deg) rotateY(-5deg) translateY(-7px);box-shadow:var(--shadow)}.why-card .icon{font-size:1.8rem}.why-card h3{font-size:1.05rem;margin:14px 0 6px}.why-card p{font-size:.85rem;color:var(--muted);margin:0}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.team-card{padding:12px 12px 20px;border-radius:18px;background:#fff;border:1px solid #e7eef0;text-align:center;transition:.3s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.team-card:hover{transform:translateY(-8px);box-shadow:0 18px 36px rgba(0,0,0,.09);border-color:var(--primary)}.team-portrait{height:235px;border-radius:14px;overflow:hidden;position:relative;display:grid;place-items:center;color:white;font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#14b8a6,#164e63)}.team-portrait img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(0.16,1,0.3,1)}.team-card:hover .team-portrait img{transform:scale(1.08)}.team-card:nth-child(1) .team-portrait{background:linear-gradient(135deg,#14b8a6,#164e63)}.team-card:nth-child(2) .team-portrait{background:linear-gradient(135deg,#0284c7,#0369a1)}.team-card:nth-child(3) .team-portrait{background:linear-gradient(135deg,#0d9488,#115e59)}.team-card:nth-child(4) .team-portrait{background:linear-gradient(135deg,#f59e0b,#b45309)}.team-card:nth-child(5) .team-portrait{background:linear-gradient(135deg,#6366f1,#4338ca)}.team-portrait-emblem-content{display:flex;flex-direction:column;align-items:center;gap:6px}.team-portrait-emblem-content .icon-badge{font-size:1.4rem;background:rgba(255,255,255,.18);padding:4px 12px;border-radius:999px}.team-card h3{font-size:1.05rem;margin:15px 0 3px;color:var(--navy)}.team-card p{color:var(--primary);font-size:.82rem;font-weight:700;margin:0 0 10px;line-height:1.35}.team-card .team-view-btn{margin-top:auto;font-size:.78rem;font-weight:700;color:var(--primary);display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;background:#f0fdfa;border-radius:999px;border:1px solid #ccfbf1;transition:.2s}.team-card:hover .team-view-btn{background:var(--primary);color:#fff;border-color:var(--primary)}.team-note{text-align:center;color:var(--muted);font-size:.82rem;margin:21px 0 0}.timeline{background:var(--navy);color:white}.timeline-heading{text-align:center;max-width:620px;margin:0 auto 42px}.timeline-heading h2{color:white}.timeline-heading p{color:#cbd5e1}.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.milestone{padding:22px;background:rgba(255,255,255,.06);border:1px solid rgba(153,246,228,.18);border-radius:15px;position:relative}.milestone:before{content:"";display:block;width:11px;height:11px;border-radius:50%;background:#5eead4;box-shadow:0 0 14px #5eead4;margin-bottom:17px}.milestone b{display:block;color:#5eead4;font-size:1.25rem}.milestone h3{font-size:.95rem;margin:8px 0}.milestone p{font-size:.8rem;color:#cbd5e1;margin:0}.office{background:var(--surface)}.office-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}.office-visual{height:345px;border-radius:22px;background:linear-gradient(135deg,rgba(15,118,110,.74),rgba(15,23,42,.34)),url('../assets/images/hero/global-sourcing.jpg') center/cover;box-shadow:var(--shadow);position:relative}.office-pin{position:absolute;left:50%;top:50%;translate:-50% -50%;font-size:2.6rem;filter:drop-shadow(0 3px 7px rgba(0,0,0,.4))}.office-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.office-details div{background:#fff;padding:14px;border-radius:10px;font-size:.82rem}.office-details b{display:block;color:var(--navy);margin-bottom:3px}
@media(max-width:900px){.story-grid,.office-grid{grid-template-columns:1fr;gap:32px}.why-grid{grid-template-columns:repeat(2,1fr)}.timeline-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.inner-hero{padding:130px 0 58px}.story-photo{min-height:280px}.why-grid,.team-grid{grid-template-columns:1fr}.timeline-grid{grid-template-columns:1fr}.office-details{grid-template-columns:1fr}.team-portrait{height:185px}}
/* Service Detail Pages */
.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.84rem;color:#94a3b8;margin-bottom:20px}.breadcrumbs a{color:#cbd5e1;text-decoration:none;transition:.2s}.breadcrumbs a:hover{color:#5eead4}.breadcrumbs span{color:#5eead4}
.service-hero{padding:145px 0 70px;background:radial-gradient(circle at 75% 25%,#1a565d 0,#142c43 40%,#0f172a 75%);color:white;position:relative;overflow:hidden}
.service-hero:before{display:none}
.service-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:45px}
.service-hero-copy h1{font-size:clamp(2.3rem,4.3vw,3.5rem);line-height:1.15;margin:0 0 16px;letter-spacing:-.04em}
.service-hero-copy p{font-size:1.05rem;color:#cbd5e1;line-height:1.65;margin:0 0 25px;max-width:580px}
.service-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}
.service-pill{background:rgba(255,255,255,.08);border:1px solid rgba(94,234,212,.28);padding:6px 14px;border-radius:20px;font-size:.78rem;font-weight:600;color:#d5f5f0}
.service-hero-visual{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.4);border:1px solid rgba(94,234,212,.25);aspect-ratio:4/3;background:#1e293b}
.service-hero-visual img{width:100%;height:100%;object-fit:cover;display:block}
.service-hero-visual .badge-overlay{position:absolute;bottom:16px;left:16px;background:rgba(15,23,42,.88);backdrop-filter:blur(8px);color:#fff;padding:8px 14px;border-radius:10px;font-size:.76rem;font-weight:700;border:1px solid rgba(94,234,212,.3)}
.features-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:26px;box-shadow:0 4px 15px rgba(15,23,42,.03);transition:.3s}
.feature-box:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b5eee8}
.feature-box .f-icon{font-size:1.8rem;margin-bottom:14px;display:inline-block}
.feature-box h3{font-size:1.08rem;margin:0 0 8px;color:var(--navy)}
.feature-box p{font-size:.85rem;color:var(--muted);margin:0;line-height:1.6}
.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.wf-card{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:24px;position:relative;transition:.3s}
.wf-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow)}
.wf-step{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#ecfdfb;color:var(--primary);font-weight:800;font-size:1rem;margin-bottom:14px;border:1px solid #99f6e4}
.wf-card h3{font-size:1rem;margin:0 0 8px;color:var(--navy)}
.wf-card p{font-size:.82rem;color:var(--muted);margin:0;line-height:1.55}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.benefit-item{display:flex;gap:14px;margin-bottom:18px}
.benefit-item .b-icon{width:28px;height:28px;border-radius:50%;background:#ecfdfb;color:var(--primary);display:grid;place-items:center;flex-shrink:0;font-weight:bold;margin-top:2px}
.benefit-item h4{font-size:.95rem;margin:0 0 3px;color:var(--navy)}
.benefit-item p{font-size:.82rem;color:var(--muted);margin:0}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.faq-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px 24px;box-shadow:0 3px 10px rgba(15,23,42,.02)}
.faq-card h3{font-size:.98rem;margin:0 0 8px;color:var(--navy);display:flex;align-items:baseline;gap:8px}
.faq-card h3:before{content:"Q.";color:var(--primary);font-weight:800}
.faq-card p{font-size:.84rem;color:var(--muted);margin:0;line-height:1.6}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.related-card{background:white;border:1px solid #e2e8f0;border-radius:14px;padding:22px;transition:.3s;text-decoration:none;display:flex;flex-direction:column}
.related-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b5eee8}
.related-card .r-icon{font-size:1.6rem;margin-bottom:10px}
.related-card h3{font-size:1rem;color:var(--navy);margin:0 0 6px}
.related-card p{font-size:.82rem;color:var(--muted);margin:0 0 12px}
.related-card span{margin-top:auto;color:var(--primary);font-weight:700;font-size:.82rem}
.flip{cursor:pointer}
@media(max-width:960px){.service-hero-grid{grid-template-columns:1fr;gap:35px}.features-grid-3{grid-template-columns:repeat(2,1fr)}.workflow-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.split-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}}
@media(max-width:620px){.features-grid-3,.workflow-grid{grid-template-columns:1fr}.service-hero{padding:125px 0 50px}}
/* Navigation Dropdown Menu */
.nav-item.dropdown{position:relative;display:flex;align-items:center;height:80px}
.dropdown-toggle{display:inline-flex;align-items:center;gap:4px;cursor:pointer;text-decoration:none}
.dropdown-toggle .chevron{font-size:.7rem;display:inline-block;transition:transform .25s ease;margin-left:2px}
.nav-item.dropdown:hover .dropdown-toggle .chevron{transform:rotate(180deg)}
.dropdown-menu{position:absolute;top:74px;left:50%;transform:translateX(-50%) translateY(8px);width:580px;background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 24px 50px -12px rgba(15,23,42,.22),0 0 0 1px rgba(13,148,136,.08);padding:14px;opacity:0;visibility:hidden;pointer-events:none;transition:all .22s cubic-bezier(.16,1,.3,1);z-index:1000;overflow-x:hidden!important}
.dropdown-menu:before{content:"";position:absolute;top:-15px;left:0;right:0;height:15px}
.nav-item.dropdown:hover .dropdown-menu,.nav-item.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow-x:hidden!important}
.dropdown-item{display:flex!important;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;text-decoration:none;transition:background .2s,transform .18s;background:transparent}
.header .nav-links .dropdown-item,.header.scrolled .nav-links .dropdown-item{color:#0f172a!important}
.header .nav-links .dropdown-item:hover,.header.scrolled .nav-links .dropdown-item:hover{background:#f0fdfa!important;color:#0f172a!important;transform:translateX(3px)}
.dropdown-item .d-icon{width:34px;height:34px;border-radius:9px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;transition:background .2s,transform .2s}
.dropdown-item:hover .d-icon{background:#ccfbf1;transform:scale(1.06)}
.dropdown-item b{display:block;font-size:.87rem;font-weight:700;color:#0f172a;line-height:1.25;transition:color .2s}
.dropdown-item:hover b{color:var(--primary)}
.dropdown-item small{display:block;font-size:.73rem;font-weight:500;color:#64748b;line-height:1.3;margin-top:2px}
@media(max-width:900px){
  .nav-links.nav-open{display:flex!important;position:fixed!important;top:80px!important;left:0!important;right:0!important;width:100%!important;max-width:100vw!important;background:#ffffff!important;box-shadow:0 12px 35px rgba(0,0,0,.15)!important;flex-direction:column!important;padding:18px 24px!important;align-items:stretch!important;max-height:calc(100vh - 80px)!important;overflow-y:auto!important;z-index:9999!important;box-sizing:border-box!important}
  .header .nav-links.nav-open a{color:var(--primary)!important;font-size:1.02rem!important;font-weight:700!important;padding:10px 0!important;width:100%!important;display:flex!important;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9;text-align:left!important}
  .nav-item.dropdown{height:auto!important;width:100%!important;flex-direction:column!important;align-items:stretch!important}
  .nav-item.dropdown .dropdown-toggle{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;cursor:pointer}
  .dropdown-menu{position:static!important;transform:none!important;width:100%!important;max-width:100%!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;box-shadow:none!important;border:1px solid #e2e8f0!important;background:#f8fafc!important;padding:8px!important;margin:8px 0!important;display:none;border-radius:12px!important;box-sizing:border-box!important}
  .dropdown-menu.prod-dropdown-menu{width:100%!important;max-width:100%!important}
  .nav-item.dropdown:hover .dropdown-menu,.nav-item.dropdown.is-active .dropdown-menu{display:block!important}
  .dropdown-grid{grid-template-columns:1fr!important;gap:4px!important}
  .prod-dropdown-grid{grid-template-columns:1fr!important;gap:4px!important}
  .header .nav-links.nav-open .dropdown-item{border-bottom:none!important;padding:8px 10px!important;font-size:.88rem!important;color:#0f172a!important}
}
/* Service Hub Page Styles */
.hub-hero{padding:150px 0 65px;background:radial-gradient(circle at 75% 25%,#1a565d 0,#142c43 40%,#0f172a 75%);color:white;text-align:center;position:relative;overflow:hidden}
.hub-hero .breadcrumbs{justify-content:center}
.hub-hero h1{font-size:clamp(2.4rem,4.5vw,3.8rem);line-height:1.15;margin:0 auto 16px;max-width:860px;letter-spacing:-.04em}
.hub-hero p{font-size:1.08rem;color:#cbd5e1;max-width:700px;margin:0 auto 28px;line-height:1.65}
.hub-hero-stats{display:flex;justify-content:center;gap:35px;flex-wrap:wrap;margin-top:20px}
.hub-hero-stat b{display:block;font-size:1.6rem;color:#5eead4;font-weight:800}
.hub-controls-wrap{position:relative;background:#ffffff;border-bottom:1px solid #e2e8f0;padding:24px 0;box-shadow:0 4px 20px rgba(15,23,42,.03)}
.hub-controls-inner{display:flex;flex-direction:column;gap:14px}
.hub-search-row{display:flex;gap:15px;align-items:center;justify-content:space-between}
.hub-search-box{position:relative;flex:1;max-width:440px}
.hub-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.95rem;pointer-events:none}
.hub-search-input{width:100%;padding:11px 16px 11px 40px;border-radius:999px;border:1px solid #cbd5e1;font-size:.9rem;background:#fff;transition:.25s;outline:none}
.hub-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(13,148,136,.15)}
.hub-counter{font-size:.85rem;color:var(--muted);font-weight:600}
.hub-tabs-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.hub-tab-btn{background:#f1f5f9;border:1px solid transparent;padding:8px 18px;border-radius:999px;font-size:.84rem;font-weight:600;color:var(--ink);cursor:pointer;transition:.2s}
.hub-tab-btn:hover{background:#e2e8f0;color:var(--navy)}
.hub-tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 14px rgba(13,148,136,.25)}
.hub-tags-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}
.hub-tag-btn{background:#fff;border:1px dashed #cbd5e1;padding:4px 12px;border-radius:6px;font-size:.78rem;font-weight:600;color:var(--muted);cursor:pointer;transition:.2s}
.hub-tag-btn:hover,.hub-tag-btn.active{border-color:var(--primary);color:var(--primary);background:#f0fdfa}
.hub-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:40px}
.hub-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(15,23,42,.04);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column}
.hub-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(15,23,42,.1);border-color:#99f6e4}
.hub-card-visual{position:relative;aspect-ratio:16/9;background:#1e293b;overflow:hidden}
.hub-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.hub-card:hover .hub-card-visual img{transform:scale(1.04)}
.hub-card-badge{position:absolute;top:14px;left:14px;background:rgba(15,23,42,.85);backdrop-filter:blur(6px);color:#5eead4;padding:6px 12px;border-radius:20px;font-size:.74rem;font-weight:700;border:1px solid rgba(94,234,212,.3)}
.hub-card-body{padding:26px;display:flex;flex-direction:column;flex:1}
.hub-card-title{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.hub-card-title .icon{font-size:1.6rem}
.hub-card-title h3{font-size:1.25rem;margin:0;color:var(--navy)}
.hub-card-summary{font-size:.9rem;color:var(--muted);line-height:1.6;margin:0 0 18px}
.hub-problem-box{background:#f8fafc;border-left:3px solid var(--primary);padding:10px 14px;border-radius:0 8px 8px 0;margin-bottom:18px}
.hub-problem-box b{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin-bottom:2px}
.hub-problem-box p{font-size:.82rem;color:#334155;margin:0;line-height:1.45}
.hub-deliverables{margin-bottom:20px}
.hub-deliverables b{display:block;font-size:.82rem;color:var(--navy);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}
.hub-deliverables-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.hub-deliverables-list li{font-size:.81rem;color:#475569;position:relative;padding-left:14px}
.hub-deliverables-list li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:bold}
.hub-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f8fafc;padding:12px 14px;border-radius:10px;margin-bottom:22px;border:1px solid #edf2f7}
.hub-meta-col b{display:block;font-size:.73rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.hub-meta-col span{font-size:.81rem;font-weight:600;color:var(--navy)}
.hub-action-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #f1f5f9}
.hub-link-btn{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:700;font-size:.88rem;text-decoration:none;transition:gap .2s}
.hub-card:hover .hub-link-btn{gap:10px;color:var(--primary-dark)}
.matrix-wrap{overflow-x:auto;background:#fff;border-radius:18px;border:1px solid #e2e8f0;box-shadow:var(--shadow);margin-top:35px}
.matrix-table{width:100%;border-collapse:collapse;text-align:left;font-size:.86rem}
.matrix-table th{background:#0f172a;color:#fff;padding:16px 20px;font-weight:700;letter-spacing:.02em}
.matrix-table td{padding:14px 20px;border-bottom:1px solid #edf2f7}
.matrix-table tr:hover td{background:#f0fdfa}
.matrix-table .service-name{font-weight:700;color:var(--navy);display:flex;align-items:center;gap:8px}
.hub-empty-state{text-align:center;padding:60px 20px;display:none;background:#f8fafc;border-radius:18px;border:2px dashed #cbd5e1;margin-top:30px}
.hub-empty-state h3{font-size:1.3rem;color:var(--navy);margin:0 0 8px}
.hub-empty-state p{color:var(--muted);margin:0 0 16px}
@media(max-width:960px){
  .hub-services-grid{grid-template-columns:1fr}
  .hub-deliverables-list{grid-template-columns:1fr}
  .hub-search-row{flex-direction:column;align-items:stretch}
  .hub-search-box{max-width:100%}
}
/* Products Hub Page Styles */
.prod-hero{padding:150px 0 60px;background:radial-gradient(circle at 75% 25%,#1a565d 0,#142c43 40%,#0f172a 75%);color:white;text-align:center;position:relative}
.prod-hero .breadcrumbs{justify-content:center}
.prod-hero h1{font-size:clamp(2.3rem,4.4vw,3.6rem);line-height:1.15;margin:0 auto 16px;max-width:880px;letter-spacing:-.04em}
.prod-hero p{font-size:1.06rem;color:#cbd5e1;max-width:720px;margin:0 auto 28px;line-height:1.65}
.search-autocomplete-wrap{position:relative;max-width:580px;margin:0 auto 25px;text-align:left}
.prod-search-input{width:100%;padding:14px 20px 14px 44px;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:.95rem;background:rgba(255,255,255,.98);color:#0f172a;box-shadow:0 12px 35px rgba(0,0,0,.25);outline:none;transition:.25s}
.prod-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(94,234,212,.3)}
.prod-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;font-size:1.1rem;pointer-events:none}
.autocomplete-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px rgba(15,23,42,.18);overflow:hidden;z-index:99;display:none;max-height:280px;overflow-y:auto}
.autocomplete-item{padding:10px 16px;font-size:.87rem;color:#1e293b;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9;transition:background .15s}
.autocomplete-item:hover{background:#f0fdfa;color:var(--primary-dark)}
.autocomplete-item span{font-size:.76rem;color:#94a3b8;background:#f8fafc;padding:3px 8px;border-radius:4px}
.prod-controls-bar{position:relative;background:#ffffff;border-bottom:1px solid #e2e8f0;padding:22px 0;box-shadow:0 4px 18px rgba(15,23,42,.03)}
.prod-controls-inner{display:flex;flex-direction:column;gap:14px}
.prod-filter-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px}
.cat-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px rgba(15,23,42,.04);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column}
.cat-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(15,23,42,.1);border-color:#99f6e4}
.cat-visual{position:relative;aspect-ratio:16/10;background:#1e293b;overflow:hidden}
.cat-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cat-card:hover .cat-visual img{transform:scale(1.05)}
.cat-hub-tag{position:absolute;bottom:12px;left:12px;background:rgba(15,23,42,.85);backdrop-filter:blur(6px);color:#5eead4;padding:5px 11px;border-radius:14px;font-size:.72rem;font-weight:700;border:1px solid rgba(94,234,212,.3)}
.cat-body{padding:22px;display:flex;flex-direction:column;flex:1}
.cat-body h3{font-size:1.18rem;margin:0 0 8px;color:var(--navy);display:flex;align-items:center;gap:8px}
.cat-body p{font-size:.85rem;color:var(--muted);margin:0 0 16px;line-height:1.55}
.cat-specs-box{background:#f8fafc;border-radius:10px;padding:12px 14px;border:1px solid #edf2f7;margin-bottom:16px}
.cat-specs-row{display:flex;justify-content:space-between;font-size:.78rem;padding:3px 0}
.cat-specs-row b{color:#64748b;font-weight:600}
.cat-specs-row span{color:var(--navy);font-weight:700}
.cat-samples-list{margin:0 0 18px;padding-left:16px;font-size:.8rem;color:#475569}
.cat-samples-list li{margin-bottom:4px}
.cat-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid #f1f5f9}
.custom-prompt-banner{background:linear-gradient(135deg,#f0fdfa,#ecfdf5);border:1px solid #99f6e4;border-radius:18px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:40px}
.custom-prompt-copy h3{font-size:1.25rem;margin:0 0 6px;color:var(--navy)}
.custom-prompt-copy p{font-size:.9rem;color:#334155;margin:0}
.custom-inquiry-section{background:linear-gradient(180deg,#f8fafc,#ffffff);padding:80px 0;border-top:1px solid #e2e8f0;margin-top:60px}
.inquiry-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 25px 60px -15px rgba(15,23,42,.12);padding:45px;max-width:860px;margin:0 auto}
.inquiry-card-header{text-align:center;margin-bottom:35px}
.inquiry-card-header h2{font-size:2rem;color:var(--navy);margin:0 0 10px;letter-spacing:-.03em}
.inquiry-card-header p{color:var(--muted);font-size:.95rem;max-width:620px;margin:0 auto}
.inquiry-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.inquiry-form-grid .full-width{grid-column:1/-1}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group label{font-size:.82rem;font-weight:700;color:var(--navy)}
.form-group label span{color:#e11d48}
.form-input,.form-select,.form-textarea{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:.88rem;color:#0f172a;background:#fff;transition:.2s;outline:none}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(13,148,136,.15)}
.form-textarea{min-height:100px;resize:vertical}
.form-hint{font-size:.75rem;color:#64748b}
.inquiry-confirm-box{display:none;background:#f0fdfa;border:1px solid #5eead4;border-radius:20px;padding:35px;text-align:center;margin-top:20px}
.inquiry-confirm-box .confirm-icon{font-size:3rem;margin-bottom:12px;display:block}
.inquiry-confirm-box h3{font-size:1.6rem;color:var(--navy);margin:0 0 8px}
.inquiry-confirm-box p{color:#334155;font-size:.92rem;margin:0 0 20px}
.ref-badge{display:inline-block;background:#0f172a;color:#5eead4;font-family:monospace;font-size:1.15rem;font-weight:700;padding:8px 18px;border-radius:8px;margin-bottom:20px;letter-spacing:.08em}
.confirm-summary-list{text-align:left;background:#ffffff;border:1px solid #ccfbf1;border-radius:12px;padding:18px 22px;margin:20px auto;max-width:550px;font-size:.85rem;color:#334155}
.confirm-summary-list div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #f1f5f9}
.confirm-summary-list div:last-child{border-bottom:none}
.confirm-summary-list b{color:var(--navy)}
@media(max-width:1024px){
  .categories-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .categories-grid{grid-template-columns:1fr}
  .inquiry-form-grid{grid-template-columns:1fr}
  .inquiry-card{padding:25px}
  .custom-prompt-banner{flex-direction:column;align-items:flex-start}
}
/* Products Mega Dropdown (18 Items) */
.dropdown-menu.prod-dropdown-menu{width:650px;overflow-x:hidden!important}
.prod-dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;max-height:none;overflow-x:hidden!important;padding:2px}
.prod-dropdown-grid .dropdown-item{padding:7px 10px;gap:10px}
.prod-dropdown-grid .dropdown-item .d-icon{width:32px;height:32px;font-size:1rem;flex-shrink:0}
.prod-dropdown-grid .dropdown-item b{font-size:.85rem}
.prod-dropdown-grid .dropdown-item small{font-size:.71rem}

/* Never show horizontal scrollbar on dropdowns */
.dropdown-menu::-webkit-scrollbar,
.dropdown-grid::-webkit-scrollbar,
.prod-dropdown-menu::-webkit-scrollbar,
.prod-dropdown-grid::-webkit-scrollbar{width:5px;height:0!important;display:none}
.dropdown-menu::-webkit-scrollbar-thumb,
.prod-dropdown-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
@media(min-width:901px) and (max-height:680px){
  .prod-dropdown-grid{max-height:calc(100vh - 110px);overflow-y:auto;overflow-x:hidden!important;scrollbar-width:thin}
  .prod-dropdown-grid::-webkit-scrollbar{display:block;width:5px}
}

/* 3D/4D Product Visual System */
.prod-3d-scene{perspective:1200px;display:flex;justify-content:center;align-items:center;position:relative;padding:15px}
.prod-3d-card{position:relative;width:100%;max-width:540px;aspect-ratio:16/11;border-radius:24px;overflow:hidden;background:#0f172a;box-shadow:0 30px 60px -15px rgba(15,23,42,.4),0 0 0 1px rgba(94,234,212,.25);transform-style:preserve-3d;transform:rotateX(6deg) rotateY(-8deg);transition:transform .45s cubic-bezier(.2,1,.3,1),box-shadow .45s ease;cursor:pointer}
.prod-3d-card:hover{transform:rotateX(0deg) rotateY(0deg) scale(1.02);box-shadow:0 40px 80px -15px rgba(13,148,136,.3),0 0 0 2px rgba(94,234,212,.6)}
.prod-3d-img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:transform .5s ease}
.prod-3d-card:hover .prod-3d-img{transform:scale(1.07)}
.prod-3d-sheen{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.25) 45%,rgba(94,234,212,.3) 50%,transparent 55%);pointer-events:none;transform:translateX(-130%);animation:sheenGlide 6s infinite cubic-bezier(.4,0,.2,1)}
@keyframes sheenGlide{0%{transform:translateX(-130%) translateY(-20%)}40%,100%{transform:translateX(140%) translateY(20%)}}
.prod-3d-glow{position:absolute;inset:-15px;background:radial-gradient(circle at 50% 50%,rgba(13,148,136,.35),transparent 70%);border-radius:30px;filter:blur(20px);z-index:-1;opacity:.7;animation:pulseGlow 4s ease-in-out infinite alternate}
@keyframes pulseGlow{0%{opacity:.5;transform:scale(.97)}100%{opacity:.85;transform:scale(1.03)}}
.prod-3d-badge{position:absolute;bottom:18px;left:18px;background:rgba(15,23,42,.88);backdrop-filter:blur(8px);border:1px solid rgba(94,234,212,.4);color:#5eead4;padding:7px 15px;border-radius:30px;font-size:.76rem;font-weight:700;display:inline-flex;align-items:center;gap:8px;box-shadow:0 10px 25px rgba(0,0,0,.3);transform:translateZ(35px);animation:floatBadge 3.5s ease-in-out infinite}
@keyframes floatBadge{0%,100%{transform:translateY(0) translateZ(35px)}50%{transform:translateY(-6px) translateZ(45px)}}
.prod-3d-badge-top{position:absolute;top:18px;right:18px;background:rgba(13,148,136,.9);backdrop-filter:blur(8px);color:#ffffff;padding:5px 13px;border-radius:20px;font-size:.72rem;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.25);transform:translateZ(30px)}

/* Category Detail Problem/Solution Layout */
.problem-solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0}
.pain-card{background:#fff1f2;border:1px solid #fecdd3;border-radius:16px;padding:24px;display:flex;flex-direction:column}
.pain-card h4{color:#be123c;font-size:1.02rem;margin:0 0 8px;display:flex;align-items:center;gap:8px}
.pain-card p{color:#881337;font-size:.86rem;line-height:1.55;margin:0}
.sol-card{background:#f0fdfa;border:1px solid #99f6e4;border-radius:16px;padding:24px;display:flex;flex-direction:column}
.sol-card h4{color:#0f766e;font-size:1.02rem;margin:0 0 8px;display:flex;align-items:center;gap:8px}
.sol-card p{color:#115e59;font-size:.86rem;line-height:1.55;margin:0}
.cluster-info-card{background:#0f172a;color:#ffffff;border-radius:18px;padding:30px;margin-top:35px;border:1px solid rgba(94,234,212,.3)}
.cluster-info-card h3{color:#5eead4;margin:0 0 10px;font-size:1.25rem}
.cluster-info-card p{color:#cbd5e1;font-size:.9rem;line-height:1.6;margin:0 0 18px}
.cluster-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cluster-stat-item b{display:block;color:#ffffff;font-size:1.2rem}
.cluster-stat-item span{color:#94a3b8;font-size:.78rem}

@media(max-width:900px){
  .dropdown-menu.prod-dropdown-menu{width:100%!important}
  .prod-dropdown-grid{grid-template-columns:1fr!important;max-height:none!important}
}
@media(max-width:960px){
  .problem-solution-grid{grid-template-columns:1fr}
  .cluster-stats-grid{grid-template-columns:1fr}
}

/* ==========================================================================
   3D Interactive Hero Globe & Live Logistics Telemetry HUD
   ========================================================================== */
.hero-3d-globe-wrapper {
  position: relative;
  width: 100%;
  min-height: 520px;
  height: 520px;
  border-radius: 26px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 45%, rgba(13, 148, 136, 0.16) 0%, rgba(15, 23, 42, 0.65) 75%);
  border: 1px solid rgba(94, 234, 212, 0.22);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45), inset 0 0 50px rgba(94, 234, 212, 0.08);
  backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}

.hero-globe-canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  cursor: grab;
  touch-action: none;
}

.hero-globe-canvas:active {
  cursor: grabbing;
}

.globe-hud-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 10;
}

.globe-hud-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.globe-hud-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(15, 23, 42, 0.82);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(94, 234, 212, 0.25);
  border-radius: 999px;
  padding: 8px 15px;
  font-size: 0.78rem;
  font-weight: 600;
  color: #e2e8f0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  pointer-events: auto;
}

.globe-badge-live .live-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 12px #10b981;
  animation: pulseLive 1.8s ease-in-out infinite;
  display: inline-block;
}

.globe-badge-live .live-text {
  color: #f8fafc;
  font-weight: 700;
}

.globe-badge-live .live-breakdown {
  color: #94a3b8;
  font-size: 0.72rem;
  font-weight: 500;
}

.globe-clock-badge {
  color: #5eead4;
}

.globe-clock-badge .clock-icon {
  font-size: 0.88rem;
}

.globe-clock-badge .clock-label {
  color: #94a3b8;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.globe-clock-badge .clock-time {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-weight: 700;
  color: #5eead4;
  letter-spacing: 0.5px;
}

.globe-hud-bottom {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 16px;
  flex-wrap: wrap;
}

.globe-route-card {
  pointer-events: auto;
  max-width: 325px;
  width: 100%;
  background: rgba(15, 23, 42, 0.88);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(94, 234, 212, 0.3);
  border-radius: 16px;
  padding: 15px 18px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5);
  color: #f8fafc;
  transition: all 0.3s ease;
}

.globe-route-card:hover {
  border-color: rgba(94, 234, 212, 0.55);
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.6), 0 0 20px rgba(94, 234, 212, 0.15);
}

.globe-route-card .tt-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  gap: 10px;
}

.globe-route-card .tt-mode {
  font-size: 0.69rem;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 6px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.globe-route-card .tt-live {
  font-size: 0.68rem;
  font-weight: 700;
  color: #34d399;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.globe-route-card .tt-route {
  font-size: 0.94rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 8px;
  line-height: 1.35;
}

.globe-route-card .tt-route b {
  color: #5eead4;
}

.globe-route-card .tt-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 0.77rem;
  color: #cbd5e1;
}

.globe-legend {
  pointer-events: auto;
  display: flex;
  gap: 8px;
  align-items: center;
  background: rgba(15, 23, 42, 0.90);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(94, 234, 212, 0.35);
  border-radius: 16px;
  padding: 6px 10px;
  font-size: 0.76rem;
  font-weight: 700;
  color: #cbd5e1;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.45);
}

.globe-legend .legend-item {
  background: transparent;
  border: 1px solid transparent;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 10px;
  color: #cbd5e1;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  font-size: 0.75rem;
  font-weight: 700;
}

.globe-legend .legend-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  transform: translateY(-1px);
}

.globe-legend .legend-item.legend-sea.is-active {
  background: rgba(56, 189, 248, 0.25);
  border-color: #38bdf8;
  color: #ffffff;
  box-shadow: 0 0 14px rgba(56, 189, 248, 0.45);
}

.globe-legend .legend-item.legend-air.is-active {
  background: rgba(250, 204, 21, 0.25);
  border-color: #facc15;
  color: #ffffff;
  box-shadow: 0 0 14px rgba(250, 204, 21, 0.45);
}

.globe-legend .legend-item.legend-rail.is-active {
  background: rgba(16, 185, 129, 0.25);
  border-color: #10b981;
  color: #ffffff;
  box-shadow: 0 0 14px rgba(16, 185, 129, 0.45);
}

.globe-legend .legend-item.is-dimmed {
  opacity: 0.38;
}

.globe-legend .legend-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transition: transform 0.25s ease;
}

.globe-legend .legend-item:hover .legend-dot {
  transform: scale(1.25);
}

.globe-fallback {
  text-align: center;
  color: #94a3b8;
  padding: 40px;
}

.globe-fallback-icon {
  font-size: 4rem;
  margin-bottom: 12px;
}

@keyframes pulseLive {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(0.85);
  }
}

@media(max-width: 900px) {
  .hero-3d-globe-wrapper {
    height: 440px;
    min-height: 440px;
    margin-top: 20px;
  }
  .globe-hud-overlay {
    padding: 14px;
  }
  .globe-hud-top, .globe-hud-bottom {
    gap: 10px;
  }
}

@media(max-width: 620px) {
  .hero-3d-globe-wrapper {
    height: 390px;
    min-height: 390px;
  }
  .globe-hud-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .globe-hud-bottom {
    flex-direction: column;
    align-items: stretch;
  }
  .globe-route-card {
    max-width: 100%;
    padding: 12px 14px;
  }
  .globe-legend {
    justify-content: center;
    font-size: 0.7rem;
    padding: 6px 10px;
    gap: 10px;
  }
}

/* Floating 3D Globe Destination Tooltip */
.globe-dest-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 90;
  opacity: 0;
  transform: translate(-50%, -100%) scale(0.92);
  transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  background: rgba(15, 23, 42, 0.94);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1.5px solid rgba(94, 234, 212, 0.45);
  border-radius: 14px;
  padding: 12px 16px;
  color: #f8fafc;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.75), 0 0 20px rgba(94, 234, 212, 0.18);
  min-width: 190px;
}

.globe-dest-tooltip .gdt-country {
  font-size: 0.96rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 3px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.globe-dest-tooltip .gdt-city {
  font-size: 0.84rem;
  color: #5eead4;
  margin-bottom: 2px;
}

.globe-dest-tooltip .gdt-port {
  color: #94a3b8;
  font-size: 0.72rem;
  margin-bottom: 6px;
}

.globe-dest-tooltip .gdt-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 5px;
  font-size: 0.72rem;
}

.globe-dest-tooltip .gdt-mode {
  padding: 2px 8px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 0.68rem;
  text-transform: uppercase;
}

.globe-dest-tooltip .gdt-mode.mode-air { background: #ca8a04; color: #fff; }
.globe-dest-tooltip .gdt-mode.mode-sea { background: #0284c7; color: #fff; }
.globe-dest-tooltip .gdt-mode.mode-rail { background: #059669; color: #fff; }

.globe-dest-tooltip .gdt-transit {
  color: #f8fafc;
  font-weight: 700;
}

.globe-dest-tooltip .gdt-origin {
  font-size: 0.70rem;
  color: #94a3b8;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding-top: 5px;
}

.globe-hud-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  pointer-events: auto;
}

.view-switcher-group {
  display: flex;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(94, 234, 212, 0.3);
  border-radius: 20px;
  padding: 3px;
  backdrop-filter: blur(10px);
}

.view-btn {
  background: transparent;
  border: none;
  color: #94a3b8;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.25s ease;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.view-btn:hover {
  color: #ffffff;
}

.view-btn.active {
  background: #0d9488;
  color: #ffffff;
  box-shadow: 0 0 10px rgba(13, 148, 136, 0.5);
}

.map-zoom-btn {
  width: 28px;
  height: 28px;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(94, 234, 212, 0.3);
  color: #5eead4;
  border-radius: 8px;
  font-size: 0.88rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  backdrop-filter: blur(8px);
}

.map-zoom-btn:hover {
  background: rgba(13, 148, 136, 0.4);
  color: #ffffff;
  border-color: #5eead4;
}

/* Animated Shipping Flowing Dash Styles */
@keyframes dashMoveAir {
  0% { stroke-dashoffset: 28; }
  100% { stroke-dashoffset: 0; }
}

@keyframes dashMoveSea {
  0% { stroke-dashoffset: 36; }
  100% { stroke-dashoffset: 0; }
}

@keyframes dashMoveRail {
  0% { stroke-dashoffset: 24; }
  100% { stroke-dashoffset: 0; }
}

.shipping-anim-line {
  transition: stroke 0.3s ease, stroke-width 0.3s ease, opacity 0.3s ease;
  cursor: pointer;
}

.route-flow-air {
  stroke-dasharray: 6 8;
  animation: dashMoveAir 1.1s linear infinite;
}

.route-flow-sea {
  stroke-dasharray: 8 10;
  animation: dashMoveSea 1.8s linear infinite;
}

.route-flow-rail {
  stroke-dasharray: 6 6;
  animation: dashMoveRail 1.4s linear infinite;
}

/* Vehicle Endpoint Markers */
.vehicle-endpoint-wrapper {
  background: transparent;
  border: none;
}

.vehicle-marker-badge {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease;
}

.vehicle-marker-badge:hover {
  transform: scale(1.35);
  z-index: 100;
}

.badge-air {
  background: rgba(15, 23, 42, 0.88);
  border: 1.8px solid #facc15;
  box-shadow: 0 0 12px rgba(250, 204, 21, 0.55);
}

.badge-sea {
  background: rgba(15, 23, 42, 0.88);
  border: 1.8px solid #38bdf8;
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.55);
}

.badge-rail {
  background: rgba(15, 23, 42, 0.88);
  border: 1.8px solid #10b981;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.55);
}

.veh-icon-svg {
  width: 17px;
  height: 17px;
  display: block;
}

.veh-pulse-ring {
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  pointer-events: none;
  animation: vehPulse 2s ease-out infinite;
}

.badge-air .veh-pulse-ring { border: 1.5px solid rgba(250, 204, 21, 0.7); }
.badge-sea .veh-pulse-ring { border: 1.5px solid rgba(56, 189, 248, 0.7); }
.badge-rail .veh-pulse-ring { border: 1.5px solid rgba(16, 185, 129, 0.7); }

@keyframes vehPulse {
  0% { transform: scale(0.85); opacity: 0.9; }
  100% { transform: scale(1.65); opacity: 0; }
}

/* China Origin Hub Markers */
.origin-hub-wrapper {
  background: transparent;
  border: none;
}

.origin-hub-beacon {
  position: relative;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hub-core-pin {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff066;
  border: 2px solid #ff3b30;
  box-shadow: 0 0 8px #ff3b30;
  z-index: 2;
}

.origin-hub-beacon.is-hq .hub-core-pin {
  width: 12px;
  height: 12px;
  background: #ffffff;
  border: 2.5px solid #ff3b30;
  box-shadow: 0 0 12px #ff3b30, 0 0 20px #ff7875;
}

.hub-pulse-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1.5px solid #ff3b30;
  animation: hubPulse 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}

.hub-pulse-ring.ring-2 {
  animation-delay: 1s;
}

@keyframes hubPulse {
  0% { transform: scale(0.3); opacity: 1; }
  100% { transform: scale(1.8); opacity: 0; }
}

/* Custom Destination Country Tooltip */
.custom-endpoint-tooltip.leaflet-tooltip {
  background: rgba(15, 23, 42, 0.94) !important;
  backdrop-filter: blur(14px) !important;
  border: 1.5px solid rgba(94, 234, 212, 0.45) !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
  color: #f8fafc !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.7), 0 0 20px rgba(94, 234, 212, 0.15) !important;
}

.custom-endpoint-tooltip.leaflet-tooltip-top:before {
  border-top-color: rgba(94, 234, 212, 0.45) !important;
}

.map-endpoint-tooltip {
  min-width: 190px;
}

.map-endpoint-tooltip .ep-country {
  font-size: 0.96rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 3px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.map-endpoint-tooltip .ep-city {
  font-size: 0.85rem;
  color: #5eead4;
  margin-bottom: 2px;
}

.map-endpoint-tooltip .ep-port {
  color: #94a3b8;
  font-size: 0.72rem;
  margin-bottom: 6px;
}

.map-endpoint-tooltip .ep-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
  font-size: 0.72rem;
}

.map-endpoint-tooltip .ep-mode {
  padding: 2px 8px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 0.68rem;
  text-transform: uppercase;
}

.map-endpoint-tooltip .ep-mode.mode-air { background: #ca8a04; color: #fff; }
.map-endpoint-tooltip .ep-mode.mode-sea { background: #0284c7; color: #fff; }
.map-endpoint-tooltip .ep-mode.mode-rail { background: #059669; color: #fff; }

.map-endpoint-tooltip .ep-transit {
  color: #f8fafc;
  font-weight: 700;
}

.map-endpoint-tooltip .ep-origin {
  font-size: 0.70rem;
  color: #94a3b8;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding-top: 5px;
}

.country-hover-tooltip.leaflet-tooltip {
  background: rgba(15, 23, 42, 0.88) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(94, 234, 212, 0.3) !important;
  border-radius: 6px !important;
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  padding: 4px 8px !important;
}

.origin-tooltip.leaflet-tooltip {
  background: rgba(30, 41, 59, 0.95) !important;
  border: 1px solid #ff3b30 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  font-size: 0.78rem !important;
}