body.site-home { padding-top: 92px; }

body:not(.site-home):not(.site-news) { padding-top: 92px; }
body:not(.site-home):not(.site-news) .site-header {
  position: fixed !important;
  inset-block-start: 10px;
  inset-inline: max(18px, calc((100vw - 1360px) / 2));
  z-index: 1000;
}
body:not(.site-home):not(.site-news) .site-header.is-scrolled {
  background: rgba(249, 250, 255, .8) !important;
  -webkit-backdrop-filter: blur(24px) saturate(155%);
  backdrop-filter: blur(24px) saturate(155%);
  box-shadow: 0 16px 48px rgba(39, 48, 130, .12);
}

body.site-home .site-header {
  position: fixed !important;
  inset-block-start: 10px;
  inset-inline: max(18px, calc((100vw - 1360px) / 2));
  z-index: 1000;
  transition: background-color .25s ease, box-shadow .25s ease, border-color .25s ease;
}

body.site-home .site-header.is-scrolled {
  background: rgba(249, 250, 255, .78) !important;
  border-color: rgba(77, 104, 255, .2) !important;
  box-shadow: 0 16px 48px rgba(39, 48, 130, .12);
  -webkit-backdrop-filter: blur(24px) saturate(155%);
  backdrop-filter: blur(24px) saturate(155%);
}

body.site-home .site-header nav { gap: clamp(16px, 2.5vw, 40px); }
body.site-home .site-header nav a { white-space: nowrap; }

.hero-home .hero-title {
  position: relative;
  isolation: isolate;
  color: rgba(32, 27, 111, .18) !important;
  text-shadow: 0 0 32px rgba(78, 93, 255, .12);
}

.hero-home .hero-title::after { content: none !important; }

.company-intro {
  position: relative;
  z-index: 1;
  width: min(1040px, calc(100% - 40px));
  margin: clamp(28px, 6vw, 76px) auto clamp(50px, 8vw, 104px);
  padding: clamp(28px, 5vw, 58px);
  overflow: hidden;
  text-align: right;
  border: 1px solid rgba(113, 133, 224, .2);
  border-radius: 32px;
  background: linear-gradient(135deg, rgba(255,255,255,.8), rgba(239,242,255,.62));
  box-shadow: 0 26px 80px rgba(61, 75, 160, .08), inset 0 1px rgba(255,255,255,.9);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}

.company-intro::before {
  content: '';
  position: absolute;
  inset-block: -45%;
  inset-inline-end: -8%;
  width: 38%;
  background: radial-gradient(ellipse, rgba(102, 117, 255, .15), transparent 68%);
  pointer-events: none;
}

.company-intro__eyebrow { color: #5968df; font-size: .82rem; font-weight: 700; }
.company-intro h2 { margin: 12px 0; color: #201b6f; font-size: clamp(1.5rem, 3.1vw, 2.35rem); }
.company-intro p { max-width: 760px; margin: 0 0 24px; color: #596487; line-height: 2.1; }

.home-suppliers, .home-industries, .home-journal { width: min(1240px, calc(100% - 40px)); margin: clamp(64px, 9vw, 120px) auto; }
.home-section-heading { margin: 0 auto 34px; text-align: center; }
.home-section-heading > span { color: #6272ed; font-size: .75rem; font-weight: 700; letter-spacing: .18em; }
.home-section-heading h2 { margin: 9px 0; color: #201b6f; font-size: clamp(1.65rem, 3.4vw, 2.6rem); }
.home-section-heading p { margin: 0; color: #68749e; }
.supplier-wordmarks { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 14px; }
.supplier-wordmark { position: relative; isolation: isolate; overflow: hidden; min-height: 142px; padding: 22px 14px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; text-align: center; text-decoration: none; color: #201b6f; border: 1px solid rgba(112,130,222,.19); border-radius: 24px; background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(239,242,255,.68)); box-shadow: 0 16px 42px rgba(47,62,147,.065), inset 0 1px rgba(255,255,255,.9); transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, border-color .3s, color .3s, background .3s; }
.supplier-wordmark::before { content: ''; position: absolute; z-index: -1; inset: -35%; opacity: 0; transform: scale(.72); background: radial-gradient(ellipse, rgba(96,130,255,.55), transparent 64%); filter: blur(12px); transition: opacity .35s, transform .45s; }
.supplier-wordmark:hover { transform: translateY(-7px) scale(1.02); border-color: rgba(83,102,245,.45); box-shadow: 0 24px 54px rgba(52,68,155,.14); }
.supplier-wordmark:hover::before { opacity: 1; transform: scale(1.1); }
.supplier-wordmark b { position: relative; color: #29227d; font-size: clamp(.88rem, 1.45vw, 1.25rem); letter-spacing: .035em; transition: color .25s, text-shadow .25s; }
.supplier-wordmark span { position: relative; color: #7b85a7; font-size: .82rem; transition: color .25s; }
.supplier-wordmark span i { margin-inline-start: 4px; font-style: normal; }
.supplier-wordmark:hover b, .supplier-wordmark:hover span { color: #fff; text-shadow: 0 0 12px rgba(255,255,255,.4); }
.supplier-yuanli:hover { background: linear-gradient(140deg,#ff3a18,#d10017); box-shadow: 0 0 26px rgba(246,40,32,.46), 0 22px 50px rgba(66,32,90,.16); }
.supplier-cemotech:hover { background: linear-gradient(140deg,#12b7f0,#0559ca); box-shadow: 0 0 26px rgba(16,150,250,.45), 0 22px 50px rgba(66,32,90,.16); }
.supplier-celotech:hover { background: linear-gradient(140deg,#05a848,#006b30); box-shadow: 0 0 26px rgba(7,180,83,.42), 0 22px 50px rgba(66,32,90,.16); }
.supplier-dadi:hover { background: linear-gradient(140deg,#75b6eb,#27568c); box-shadow: 0 0 26px rgba(80,147,221,.48), 0 22px 50px rgba(66,32,90,.16); }
.supplier-fenghong:hover { background: linear-gradient(140deg,#f53238,#b90017); box-shadow: 0 0 26px rgba(235,24,45,.44), 0 22px 50px rgba(66,32,90,.16); }
.supplier-celotech b { color: #147f51; letter-spacing: -.02em; }
.supplier-yuanli b, .supplier-dadi b, .supplier-fenghong b { letter-spacing: -.02em; }
.home-bestsellers, .home-bestsellers * { scroll-margin-top: 100px; }
#cr-t { overflow: visible; }
#cr-t > a.cr-s { display: inline-flex; align-items: center; justify-content: center; visibility: visible; opacity: 1; }

/* Supplier cards on the dedicated supplier page use the same restrained neon response. */
body[class*="supplier"] :is(.supplier-card, .supplier-item, .supplier-box, .supplier-tile, .supplier-logo-card),
body[class*="supplier"] [class*="supplier-card"] {
  position: relative;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
}
body[class*="supplier"] :is(.supplier-card, .supplier-item, .supplier-box, .supplier-tile, .supplier-logo-card):hover,
body[class*="supplier"] [class*="supplier-card"]:hover {
  transform: translateY(-5px);
  border-color: rgba(100,119,255,.72) !important;
  box-shadow: 0 0 24px rgba(91,115,255,.34), 0 18px 44px rgba(38,47,118,.14) !important;
  background-image: linear-gradient(145deg, rgba(255,255,255,.95), rgba(224,231,255,.82)) !important;
}
body[class*="supplier"] :is(.supplier-card, .supplier-item, .supplier-box, .supplier-tile, .supplier-logo-card) img,
body[class*="supplier"] [class*="supplier-card"] img { max-width: 100%; max-height: 112px; object-fit: contain; }
.home-section-link { display: table; margin: 28px auto 0; padding: 11px 18px; color: #4657d7; text-decoration: none; border: 1px solid rgba(86,105,233,.2); border-radius: 999px; background: rgba(255,255,255,.62); transition: transform .2s, background .2s, box-shadow .2s; }
.home-section-link span { margin-inline-start: 8px; }
.home-section-link:hover { transform: translateY(-2px); background: white; box-shadow: 0 12px 28px rgba(58,74,151,.12); }
.industry-links { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.industry-card { position: relative; display: flex; min-height: 172px; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 6px; overflow: hidden; padding: 24px; color: #201b6f; text-decoration: none; border: 1px solid rgba(120,136,222,.18); border-radius: 25px; background: radial-gradient(ellipse at 85% 10%, rgba(177,190,255,.3), transparent 48%), rgba(255,255,255,.68); box-shadow: 0 14px 36px rgba(53,67,148,.06); transition: transform .28s, box-shadow .28s, border-color .28s; }
.industry-card:hover { transform: translateY(-6px); border-color: rgba(89,106,245,.46); box-shadow: 0 22px 46px rgba(53,67,148,.13); }
.industry-card i { position: absolute; inset-block-start: 18px; inset-inline-end: 20px; color: #8a94c6; font-size: .76rem; font-style: normal; letter-spacing: .12em; }
.industry-card b { font-size: 1.15rem; }
.industry-card span { color: #717d9f; font-size: .86rem; }
.industry-card em { position: absolute; inset-inline-start: 22px; inset-block-end: 24px; color: #6170ec; font-size: 1.35rem; font-style: normal; transition: transform .2s; }
.industry-card:hover em { transform: translateX(-5px); }
.journal-cards { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.journal-card { min-height: 216px; padding: 25px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; text-decoration: none; color: #24206f; border: 1px solid rgba(119,136,222,.2); border-radius: 25px; background: linear-gradient(140deg, rgba(255,255,255,.82), rgba(240,242,255,.65)); box-shadow: 0 15px 38px rgba(49,62,143,.065); transition: transform .28s, box-shadow .28s; }
.journal-card:hover { transform: translateY(-6px); box-shadow: 0 23px 48px rgba(49,62,143,.13); }
.journal-card > span { color: #6976d6; font-size: .8rem; }
.journal-card h3 { margin: 20px 0; font-size: 1.12rem; line-height: 1.8; }
.journal-card b { color: #5565df; font-size: .84rem; }
.journal-card i { margin-inline-start: 8px; font-style: normal; }
.motion-in { opacity: 0; transform: translateY(24px); transition: opacity .6s ease var(--item-delay, 0ms), transform .65s cubic-bezier(.2,.7,.2,1) var(--item-delay, 0ms); }
.motion-in.is-visible { opacity: 1; transform: translateY(0); }
html:focus-within { scroll-behavior: smooth; }

@media (max-width: 700px) {
  body.site-home { padding-top: 78px; }
  body.site-home .site-header { inset-inline: 12px; inset-block-start: 8px; }
  .company-intro { width: calc(100% - 28px); border-radius: 24px; }
  .home-suppliers, .home-industries, .home-journal { width: calc(100% - 28px); margin-block: 64px; }
  .supplier-wordmarks { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  .supplier-wordmark { min-height: 116px; border-radius: 19px; }
  .supplier-wordmark:last-child { grid-column: 1 / -1; }
  .industry-links, .journal-cards { grid-template-columns: 1fr; gap: 12px; }
  .industry-card { min-height: 145px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-home .hero-title::after { animation: none; }
  .motion-in, .supplier-wordmark, .industry-card, .journal-card { transition: none; transform: none; opacity: 1; }
}