/* Fidelity pass: measured against the 1920 px Photoshop artboards. */
@font-face { font-family: 'HuoPan Prototype'; src: url('../fonts/huopan-prototype-regular.woff2') format('woff2'); font-weight: 100 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'HuoPan Prototype'; src: url('../fonts/huopan-prototype-bold.woff2') format('woff2'); font-weight: 600 900; font-style: normal; font-display: swap; }
:root { --brand: #ff3600; --action: #ff3600; --action-hover: #d62d00; --ink: #333; --muted: #777; --soft: #f5f5f7; --footer: #ededed; }
body { font-family: 'HuoPan Prototype','PingFang SC','Microsoft YaHei',sans-serif; }
html[lang="en"] body { font-family: Arial,'HuoPan Prototype','PingFang SC','Microsoft YaHei',sans-serif; }
.legal-content > h2 ~ h2 { margin-top: 29.6px; }
h1,h2,h3 { font-weight: 700; }
img.icon { object-fit: contain; }
.category-grid .category-content img.icon { width: 45px; height: 55px; aspect-ratio: auto; border-radius: 0; object-fit: contain; }
.account-intro > img { mix-blend-mode: multiply; }
.friend-links a.text-button { display: inline-flex; align-items: center; }
@media (min-width: 1101px) {
  :root { --u: min(.052083333vw,1px); --header-height: calc(100 * var(--u)); }
  .container { width: calc(1440 * var(--u)); max-width: 1440px; }
  .header-inner { gap: calc(47 * var(--u)); }
  .brand img { width: calc(174 * var(--u)); }
  .desktop-nav { gap: calc(32 * var(--u)); flex: 0 0 auto; }
  .desktop-nav a, .header-actions .button-small, .language-button,.login-link { font-size: calc(18 * var(--u)); }
  .header-actions { gap: calc(12 * var(--u)); }
  .header-actions .button-small { height: calc(42 * var(--u)); min-height: 34px; padding: 0 calc(12 * var(--u)); border-radius: 4px; }
  .header-actions .button-outline { color: #666; border-color: #bbb; }
  .language-button { min-width: calc(75 * var(--u)); gap: calc(3 * var(--u)); }
  .login-link { margin-inline: calc(18 * var(--u)) calc(22 * var(--u)); min-width: calc(40 * var(--u)); }
  .button { min-height: calc(68 * var(--u)); padding: calc(14 * var(--u)) calc(34 * var(--u)); font-size: calc(26 * var(--u)); border-radius: calc(9 * var(--u)); font-weight: 400; }
  .button-outline { color: var(--brand); }
  .button-glass { background: transparent; border-color: #ffd0b5; }
  .button-white { color: #555; }
  .hero-inner { min-height: calc(500 * var(--u)); height: calc(500 * var(--u)); display: block; }
  .hero-copy { position: absolute; top: calc(133 * var(--u)); left: 0; width: calc(850 * var(--u)); padding: 0; }
  .hero h1 { font-size: calc(60 * var(--u)); line-height: calc(70 * var(--u)); letter-spacing: 0; }
  .hero-subtitle { font-size: calc(50 * var(--u)); line-height: calc(70 * var(--u)); margin: 0; color: var(--brand); }
  .hero-description { position: absolute; top: calc(180 * var(--u)); font-size: calc(28 * var(--u)); line-height: calc(34 * var(--u)); margin: 0; width: calc(760 * var(--u)); color: #777; }
  .hero-art { top: 0; bottom: auto; right: auto; }
  .hero-art > img { width: 100%; height: 100%; object-fit: fill; }
  .hero-art::after { display: none; }
  .hero-categories .hero-art::after { display: block; background: linear-gradient(90deg,#fcf8f4,transparent 28%); }
  .hero-warehouses .hero-art::after { display: block; background: linear-gradient(90deg,#fde9d3,transparent 38%); }
  .hero-about .hero-art::after { display: block; background: linear-gradient(90deg,#fdf1e2,transparent 30%); }
  .hero-categories { background: #fcf8f4; }
  .hero-categories .hero-art { left: calc(50% - 194 * var(--u)); width: calc(1179 * var(--u)); height: calc(506 * var(--u)); top: calc(2 * var(--u)); }
  .hero-home .hero-inner { min-height: calc(800 * var(--u)); height: calc(800 * var(--u)); }
  .hero-home .hero-copy { top: calc(154 * var(--u)); width: calc(900 * var(--u)); padding: 0; }
  .hero-home h1 { font-size: calc(74.72 * var(--u)); line-height: calc(90 * var(--u)); }
  .hero-home .hero-description { top: calc(230 * var(--u)); font-size: calc(28 * var(--u)); line-height: calc(34 * var(--u)); width: calc(850 * var(--u)); text-shadow: none; }
  .hero-home .hero-buttons { position: absolute; top: calc(444 * var(--u)); margin: 0; gap: calc(20 * var(--u)); }
  .hero-home .hero-buttons .button { width: calc(202 * var(--u)); min-width: 0; padding-inline: 0; }
  .hero-home .hero-art { left: 0; width: 100%; height: 100%; }
  .hero-seller,.hero-supplier { background: #fdf7f2; }
  .hero-seller .hero-inner,.hero-supplier .hero-inner { height: calc(700 * var(--u)); min-height: calc(700 * var(--u)); }
  .hero-seller .hero-copy,.hero-supplier .hero-copy { width: calc(900 * var(--u)); }
  .hero-seller .hero-subtitle,.hero-supplier .hero-subtitle { font-size: calc(50 * var(--u)); }
  .hero-seller .hero-description,.hero-supplier .hero-description,.hero-warehouses .hero-description,.hero-about .hero-description { font-size: calc(26 * var(--u)); line-height: calc(40 * var(--u)); top: calc(182 * var(--u)); }
  .hero-copy > .button { position: absolute; top: calc(369 * var(--u)); margin: 0; padding-inline: calc(44 * var(--u)); min-width: calc(202 * var(--u)); }
  .hero-seller .hero-art { left: calc(50% - 125 * var(--u)); top: calc(96 * var(--u)); width: calc(1085 * var(--u)); height: calc(611 * var(--u)); }
  .hero-supplier .hero-art { left: calc(50% - 182 * var(--u)); top: calc(27 * var(--u)); width: calc(1198 * var(--u)); height: calc(674 * var(--u)); }
  .hero-warehouses { background: #fde9d3; }
  .hero-warehouses .hero-copy { top: calc(107 * var(--u)); }
  .hero-warehouses .hero-art { left: calc(50% - 64 * var(--u)); top: calc(-201 * var(--u)); width: calc(1059 * var(--u)); height: calc(795 * var(--u)); }
  .hero-about { background: #fdf1e2; }
  .hero-about .hero-copy { top: calc(69 * var(--u)); }
  .hero-about .hero-description { top: calc(230 * var(--u)); }
  .hero-about .hero-art { left: calc(50% - 325 * var(--u)); top: calc(-130 * var(--u)); width: calc(1332 * var(--u)); height: calc(749 * var(--u)); }
  .hero-help { background: #f3f3f3; }
  .hero-help .hero-copy { top: calc(81 * var(--u)); }
  .hero-help .hero-description { top: calc(110 * var(--u)); }
  .hero-help .hero-art { left: calc(50% - 77 * var(--u)); right: auto; top: calc(2 * var(--u)); width: calc(803 * var(--u)); height: calc(481 * var(--u)); }
  .hero-help .help-search { position: absolute; top: calc(222 * var(--u)); margin: 0; width: calc(623 * var(--u)); height: calc(68 * var(--u)); padding: calc(6 * var(--u)); }
  .help-search input { min-height: 0; font-size: calc(18 * var(--u)); padding: 0 calc(14 * var(--u)); }
  .help-search button { min-width: calc(92 * var(--u)); }
  .help-search .icon { width: calc(30 * var(--u)); height: calc(30 * var(--u)); }
  .stats-band { height: calc(240 * var(--u)); padding: calc(44 * var(--u)) 0; }
  .stat { padding-inline: calc(12 * var(--u)); }
  .stat .icon { width: calc(65 * var(--u)); height: calc(63 * var(--u)); margin-bottom: calc(10 * var(--u)); }
  .stat strong { font-family: Arial,sans-serif; font-size: calc(50 * var(--u)); line-height: calc(58 * var(--u)); }
  .stat > span { font-size: calc(26 * var(--u)); line-height: calc(32 * var(--u)); }
  .role-section { height: calc(500 * var(--u)); padding: calc(60 * var(--u)) 0 calc(58 * var(--u)); }
  .role-grid { gap: calc(18 * var(--u)); }
  .role-card { height: calc(382 * var(--u)); padding: calc(38 * var(--u)) calc(46 * var(--u)); }
  .role-card h2 { font-size: calc(40 * var(--u)); line-height: calc(56 * var(--u)); }
  .role-card p { font-size: calc(28 * var(--u)); line-height: calc(40 * var(--u)); margin: calc(3 * var(--u)) 0 calc(25 * var(--u)); }
  .role-card li { font-size: calc(26 * var(--u)); line-height: calc(40 * var(--u)); gap: calc(18 * var(--u)); }
  .role-card li .icon { width: calc(28 * var(--u)); height: calc(28 * var(--u)); }
  .role-card .button { right: calc(70 * var(--u)); bottom: calc(38 * var(--u)); font-size: calc(26 * var(--u)); padding-inline: calc(26 * var(--u)); }
  .section-title { font-size: calc(50 * var(--u)); line-height: calc(70 * var(--u)); margin-bottom: calc(38 * var(--u)); }
  .section-lead { font-size: calc(36 * var(--u)); line-height: calc(48 * var(--u)); margin-top: calc(-28 * var(--u)); margin-bottom: calc(46 * var(--u)); }
  body[data-page="index"] main > .section:nth-of-type(4) { height: calc(690 * var(--u)); padding: calc(44 * var(--u)) 0; }
  .category-preview { gap: calc(24 * var(--u)); }
  .category-preview .category-card img { aspect-ratio: 221/214; }
  .category-preview h3 { font-size: calc(26 * var(--u)); line-height: calc(36 * var(--u)); padding: calc(14 * var(--u)) 0; }
  .center-action { margin-top: calc(48 * var(--u)); }
  body[data-page="index"] main > .section:nth-of-type(5) { height: calc(660 * var(--u)); padding: calc(60 * var(--u)) 0; }
  .warehouse-preview { grid-template-columns: calc(560 * var(--u)) 1fr; gap: calc(40 * var(--u)); position: relative; }
  .warehouse-preview h2 { font-size: calc(50 * var(--u)); line-height: calc(60 * var(--u)); }
  .warehouse-preview p { font-size: calc(24 * var(--u)); line-height: calc(30 * var(--u)); margin-top: calc(22 * var(--u)); white-space: nowrap; }
  .warehouse-preview a { position: absolute; left: calc(611 * var(--u)); top: calc(-32 * var(--u)); width: calc(893 * var(--u)); margin: 0; }
  .warehouse-preview .metrics { margin-top: calc(90 * var(--u)); width: calc(520 * var(--u)); grid-template-columns: repeat(2,calc(160 * var(--u))); justify-content: space-between; gap: calc(55 * var(--u)) 0; }
  .warehouse-preview .metrics strong,.metrics strong { font-family: Arial,sans-serif; font-size: calc(50 * var(--u)); line-height: calc(54 * var(--u)); }
  .warehouse-preview .metrics span,.metrics span { font-size: calc(26 * var(--u)); line-height: calc(36 * var(--u)); }
  .metrics { gap: calc(20 * var(--u)); margin-block: calc(56 * var(--u)); }
  body[data-page="index"] main > .section:nth-of-type(6) { height: calc(600 * var(--u)); padding: calc(45 * var(--u)) 0; }
  .benefit-grid { padding-block: calc(40 * var(--u)); column-gap: calc(60 * var(--u)); row-gap: calc(84 * var(--u)); }
  .benefit { gap: calc(78 * var(--u)); }
  .benefit > .icon { width: calc(90 * var(--u)); height: calc(90 * var(--u)); }
  .benefit h3 { font-size: calc(30 * var(--u)); line-height: calc(40 * var(--u)); margin-bottom: calc(18 * var(--u)); }
  .benefit p { font-size: calc(22 * var(--u)); line-height: calc(28 * var(--u)); }
  .process-section { height: calc(522 * var(--u)); padding: calc(46 * var(--u)) 0; }
  .process-tabs { gap: calc(145 * var(--u)); margin-bottom: calc(60 * var(--u)); }
  .process-tabs button { font-size: calc(30 * var(--u)); min-height: calc(48 * var(--u)); padding: 0; }
  .process-steps { gap: 0; }
  .process-steps li:not(:last-child)::after { content: ''; top: calc(12 * var(--u)); left: calc(100% - 36 * var(--u)); width: calc(48 * var(--u)); height: calc(20 * var(--u)); border-bottom: calc(2 * var(--u)) dotted var(--brand); transform: translateY(calc(-10 * var(--u))); }
  .process-steps li:not(:last-child)::before { content: ''; position: absolute; top: calc(6 * var(--u)); left: calc(100% + 4 * var(--u)); width: calc(18 * var(--u)); height: calc(18 * var(--u)); border-top: calc(2 * var(--u)) solid var(--brand); border-right: calc(2 * var(--u)) solid var(--brand); transform: rotate(45deg); }
  .step-number { font-family: Arial,sans-serif; font-size: calc(40 * var(--u)); line-height: calc(50 * var(--u)); font-weight: 300; }
  .process-steps h3 { font-size: calc(30 * var(--u)); line-height: calc(40 * var(--u)); margin: calc(16 * var(--u)) 0 calc(18 * var(--u)); }
  .process-steps p { font-size: calc(22 * var(--u)); line-height: calc(28 * var(--u)); }
  .join-banner { height: calc(500 * var(--u)); padding: calc(86 * var(--u)) 0; }
  .join-banner h2 { font-size: calc(56 * var(--u)); line-height: calc(76 * var(--u)); }
  .join-banner p { font-size: calc(26 * var(--u)); line-height: calc(36 * var(--u)); margin-top: calc(26 * var(--u)); }
  .join-banner .hero-buttons { margin-top: calc(66 * var(--u)); gap: calc(36 * var(--u)); }
  .join-banner .button { min-width: calc(302 * var(--u)); }
  .category-section { height: calc(1398 * var(--u)); padding: calc(36 * var(--u)) 0 calc(30 * var(--u)); }
  .category-grid { gap: calc(20 * var(--u)) calc(40 * var(--u)); }
  .category-grid .category-card { height: calc(250.4 * var(--u)); padding: calc(10 * var(--u)); border-radius: calc(18 * var(--u)); }
  .category-grid .category-card img { width: calc(326 * var(--u)); height: calc(230 * var(--u)); aspect-ratio: auto; }
  .category-grid .category-content { padding: calc(6 * var(--u)) calc(18 * var(--u)) calc(48 * var(--u)) calc(32 * var(--u)); }
  .category-number { font-size: calc(26 * var(--u)); line-height: calc(34 * var(--u)); }
  .category-grid h2 { font-size: calc(30 * var(--u)); line-height: calc(40 * var(--u)); margin: calc(4 * var(--u)) 0; }
  .category-grid p { font-size: calc(18 * var(--u)); line-height: calc(26 * var(--u)); }
  .category-grid .category-content img.icon { bottom: calc(14 * var(--u)); right: calc(18 * var(--u)); width: calc(56 * var(--u)); height: calc(55 * var(--u)); }
  .service-strip { height: calc(210 * var(--u)); padding: calc(55 * var(--u)) 0; }
  .service-strip .benefit-grid { gap: calc(20 * var(--u)); }
  .service-strip .benefit { gap: calc(20 * var(--u)); }
  .service-strip .benefit h3 { font-size: calc(22 * var(--u)); line-height: calc(32 * var(--u)); margin-bottom: calc(10 * var(--u)); }
  .service-strip .benefit p { font-size: calc(18 * var(--u)); line-height: calc(24 * var(--u)); }
  .service-strip .benefit .icon { width: calc(64 * var(--u)); height: calc(64 * var(--u)); }
  .feature-row { height: calc(350 * var(--u)); padding: 0; overflow: hidden; }
  .feature-inner { height: 100%; min-height: 0; gap: calc(94 * var(--u)); grid-template-columns: calc(720 * var(--u)) 1fr; }
  .feature-inner > img { width: calc(604 * var(--u)); max-height: none; height: calc(362 * var(--u)); object-fit: contain; margin-left: calc(45 * var(--u)); }
  .feature-copy { padding: 0; }
  .feature-copy h2 { font-size: calc(30 * var(--u)); line-height: calc(40 * var(--u)); }
  .feature-subtitle { font-size: calc(24 * var(--u)); line-height: calc(32 * var(--u)); margin: calc(4 * var(--u)) 0 calc(30 * var(--u)); }
  .feature-copy ul { font-size: calc(20 * var(--u)); line-height: calc(30 * var(--u)); }
  .feature-inner.reverse .feature-copy { padding-left: calc(68 * var(--u)); }
  .feature-inner.reverse > img { width: calc(484 * var(--u)); height: calc(338 * var(--u)); margin-left: calc(4 * var(--u)); }
  body[data-page="seller"] .feature-row:nth-of-type(4) img { width: calc(582 * var(--u)); height: calc(320 * var(--u)); margin-left: calc(80 * var(--u)); }
  body[data-page="supplier"] .feature-row:nth-of-type(2) img { width: calc(586 * var(--u)); height: calc(331 * var(--u)); margin-left: calc(11 * var(--u)); }
  body[data-page="supplier"] .feature-row:nth-of-type(3) img { width: calc(583 * var(--u)); height: calc(294 * var(--u)); margin-left: calc(-24 * var(--u)); }
  body[data-page="supplier"] .feature-row:nth-of-type(4) img { width: calc(555 * var(--u)); height: calc(312 * var(--u)); margin-left: calc(17 * var(--u)); }
  .service-process { height: calc(500 * var(--u)); padding: calc(86 * var(--u)) 0; }
  .service-process .section-title { margin-bottom: calc(84 * var(--u)); }
  .partners { height: calc(359 * var(--u)); padding: calc(64 * var(--u)) 0 0; }
  .partner-logos { grid-template-columns: 273fr 333fr 308fr 261fr 219fr; gap: calc(24 * var(--u)); margin-top: calc(54 * var(--u)); }
  .partner-logos img { height: calc(112 * var(--u)); }
  .warehouse-network { height: calc(1094 * var(--u)); padding: calc(58 * var(--u)) 0 0; }
  .warehouse-network .section-title { margin-bottom: calc(28 * var(--u)); }
  .warehouse-network .section-lead { font-size: calc(24 * var(--u)); line-height: calc(34 * var(--u)); margin: 0; }
  .warehouse-network .metrics { margin: calc(76 * var(--u)) 0 calc(58 * var(--u)); }
  .network-map { width: calc(1035 * var(--u)); max-width: none; margin: 0 auto; }
  body[data-page="warehouses"] main > .section:nth-of-type(3) { height: calc(720 * var(--u)); padding: calc(86 * var(--u)) 0; }
  .boxed { gap: calc(24 * var(--u)); padding: 0; }
  .boxed .benefit { height: calc(204 * var(--u)); padding: calc(24 * var(--u)) calc(38 * var(--u)); gap: calc(30 * var(--u)); }
  .boxed .benefit > .icon { width: calc(94 * var(--u)); height: calc(82 * var(--u)); }
  .boxed .benefit h3 { font-size: calc(28 * var(--u)); line-height: calc(40 * var(--u)); margin-bottom: calc(10 * var(--u)); }
  .boxed .benefit p { font-size: calc(20 * var(--u)); line-height: calc(26 * var(--u)); }
  body[data-page="warehouses"] main > .section:last-child { height: calc(637 * var(--u)); padding: calc(75 * var(--u)) 0 0; }
  .steps-6 { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 0; }
  .steps-6 h3 { font-size: calc(26 * var(--u)); }
  .steps-6 p { font-size: calc(22 * var(--u)); line-height: calc(32 * var(--u)); }
  .steps-6 .step-number { font-size: calc(40 * var(--u)); }
  .callout { padding: calc(32 * var(--u)) calc(70 * var(--u)); margin-top: calc(62 * var(--u)); min-height: calc(162 * var(--u)); gap: calc(30 * var(--u)); border-radius: calc(8 * var(--u)); }
  .callout h2 { font-size: calc(30 * var(--u)); line-height: calc(40 * var(--u)); }
  .callout p { font-size: calc(20 * var(--u)); line-height: calc(28 * var(--u)); margin-top: calc(6 * var(--u)); }
  .callout .button { padding-inline: calc(30 * var(--u)); }
  .about-intro { height: calc(835 * var(--u)); padding: calc(95 * var(--u)) 0 0; }
  .about-grid { grid-template-columns: calc(520 * var(--u)) 1fr; gap: calc(68 * var(--u)); align-items: center; }
  .about-pillars { gap: calc(56 * var(--u)); align-self: start; margin-top: calc(169 * var(--u)); }
  .about-pillars h2 { font-size: calc(44 * var(--u)); line-height: calc(56 * var(--u)); }
  .about-pillars p { font-size: calc(24 * var(--u)); line-height: calc(30 * var(--u)); margin-top: calc(6 * var(--u)); }
  .about-story { padding-top: calc(8 * var(--u)); }
  .about-story h2 { font-size: calc(44 * var(--u)); line-height: calc(56 * var(--u)); margin-bottom: calc(44 * var(--u)); }
  .about-story p { font-size: calc(26 * var(--u)); line-height: calc(40 * var(--u)); margin-top: calc(40 * var(--u)); }
  .about-story p:first-of-type { margin-top: 0; }
  .culture-section { height: calc(560 * var(--u)); padding: calc(62 * var(--u)) 0; }
  .culture-section .section-title { margin-bottom: calc(68 * var(--u)); }
  .culture-grid { gap: calc(44 * var(--u)); }
  .culture-grid article { padding: calc(38 * var(--u)); height: calc(288 * var(--u)); border-radius: calc(20 * var(--u)); }
  .culture-grid .icon { width: calc(70 * var(--u)); height: calc(70 * var(--u)); }
  .culture-grid h3 { font-size: calc(36 * var(--u)); line-height: calc(48 * var(--u)); margin-top: calc(18 * var(--u)); }
  .culture-grid p { font-size: calc(20 * var(--u)); line-height: calc(26 * var(--u)); margin-top: calc(8 * var(--u)); }
  body[data-page="about"] .partners { height: calc(368 * var(--u)); padding-top: calc(68 * var(--u)); }
  .help-content { padding: calc(54 * var(--u)) 0 calc(21 * var(--u)); }
  .help-role-grid { gap: calc(38 * var(--u)); }
  .help-role { height: calc(130 * var(--u)); padding: calc(22 * var(--u)) calc(30 * var(--u)); gap: calc(28 * var(--u)); }
  .help-role-icon { width: calc(90 * var(--u)); height: calc(90 * var(--u)); }
  .help-role-icon .icon { width: calc(52 * var(--u)); height: calc(52 * var(--u)); }
  .help-role strong { font-size: calc(28 * var(--u)); line-height: calc(40 * var(--u)); }
  .help-role-description { font-size: calc(18 * var(--u)); line-height: calc(28 * var(--u)); margin-top: calc(6 * var(--u)); white-space: nowrap; }
  .faq-filters { margin: calc(52 * var(--u)) 0 calc(42 * var(--u)); gap: calc(24 * var(--u)); }
  .faq-filters button { min-height: calc(46 * var(--u)); height: calc(46 * var(--u)); flex: 1; padding: 0 calc(16 * var(--u)); font-size: calc(20 * var(--u)); }
  .faq-list summary { min-height: calc(70 * var(--u)); padding: calc(17 * var(--u)) calc(48 * var(--u)) calc(17 * var(--u)) calc(26 * var(--u)); font-size: calc(24 * var(--u)); line-height: calc(36 * var(--u)); }
  .faq-list summary::after { top: calc(29 * var(--u)); right: calc(26 * var(--u)); width: calc(10 * var(--u)); height: calc(10 * var(--u)); }
  .faq-list details p { padding: 0 calc(48 * var(--u)) calc(8 * var(--u)) calc(50 * var(--u)); font-size: calc(18 * var(--u)); line-height: calc(26 * var(--u)); }
  .faq-list details { margin-bottom: 0; }
  .help-callout .callout { margin-top: calc(32 * var(--u)); min-height: calc(162 * var(--u)); padding-left: calc(224 * var(--u)); padding-right: calc(90 * var(--u)); }
  .help-contact-art { width: calc(124 * var(--u)); height: calc(116 * var(--u)); top: calc(22 * var(--u)); left: calc(55 * var(--u)); }
  .account-section { padding: calc(88 * var(--u)) 0 calc(81 * var(--u)); min-height: calc(901 * var(--u)); }
  .account-grid { min-height: calc(732 * var(--u)); grid-template-columns: 1fr 1fr; gap: 0; position: relative; align-items: start; }
  .account-intro { padding: 0; position: relative; min-height: calc(730 * var(--u)); }
  .account-intro h1 { position: absolute; top: calc(68 * var(--u)); left: calc(85 * var(--u)); font-size: calc(36 * var(--u)); line-height: calc(38 * var(--u)); }
  .account-intro > p { position: absolute; top: calc(160 * var(--u)); left: calc(85 * var(--u)); margin: 0; font-size: calc(18 * var(--u)); line-height: calc(28 * var(--u)); white-space: nowrap; }
  .account-intro > img { position: absolute; left: calc(28 * var(--u)); top: calc(174 * var(--u)); width: calc(634 * var(--u)); height: calc(476 * var(--u)); max-height: none; margin: 0; }
  .account-card { padding: calc(70 * var(--u)) calc(70 * var(--u)) calc(63 * var(--u)); min-height: calc(732 * var(--u)); border-radius: calc(22 * var(--u)); }
  .form-field { margin-bottom: calc(7 * var(--u)); }
  .form-field label { font-size: calc(22 * var(--u)); line-height: calc(30 * var(--u)); margin-bottom: calc(14 * var(--u)); }
  .form-field input,.form-field select { font-size: calc(22 * var(--u)); line-height: calc(32 * var(--u)); min-height: calc(62 * var(--u)); height: calc(62 * var(--u)); padding: calc(14 * var(--u)) calc(20 * var(--u)); }
  .field-error { font-size: calc(16 * var(--u)); }
  .consent-field { margin-top: calc(20 * var(--u)); }
  .consent-line,.checkbox-label { font-size: calc(18 * var(--u)); }
  .consent-line { gap: calc(8 * var(--u)); }
  .checkbox-label { gap: calc(10 * var(--u)); }
  .consent-line a,.checkbox-label { min-height: calc(44 * var(--u)); }
  input[type="checkbox"] { width: calc(22 * var(--u)); height: calc(22 * var(--u)); }
  .form-submit { margin-top: calc(28 * var(--u)); min-height: calc(62 * var(--u)); font-size: calc(24 * var(--u)); }
  body[data-page="login"] .account-intro h1 { left: 0; top: calc(56 * var(--u)); line-height: calc(46 * var(--u)); }
  body[data-page="login"] .account-intro > p { left: 0; top: calc(160 * var(--u)); font-size: calc(20 * var(--u)); line-height: calc(30 * var(--u)); }
  body[data-page="login"] .account-intro > img { left: calc(8 * var(--u)); top: calc(229 * var(--u)); width: calc(708 * var(--u)); height: calc(399 * var(--u)); }
  .account-form h2 { font-size: calc(32 * var(--u)); line-height: calc(38 * var(--u)); font-weight: 400; margin: calc(7 * var(--u)) 0 calc(67 * var(--u)); }
  .form-options { margin: calc(30 * var(--u)) 0 calc(12 * var(--u)); }
  .forgot-password { font-size: calc(18 * var(--u)); }
  body[data-page="login"] .form-submit { margin-top: calc(14 * var(--u)); }
  .signup-link { margin-top: calc(24 * var(--u)); font-size: calc(18 * var(--u)); line-height: calc(30 * var(--u)); }
  .legal-stripe { height: calc(100 * var(--u)); }
  .legal-content { padding: calc(44 * var(--u)) 0 calc(76 * var(--u)); }
  body[data-page="terms"] .legal-content { padding-bottom: calc(81 * var(--u)); }
  body[data-page="privacy"] .legal-content { padding-bottom: calc(64 * var(--u)); }
  .legal-content header { margin-bottom: calc(50 * var(--u)); }
  .legal-content h1 { font-size: calc(30 * var(--u)); line-height: calc(36 * var(--u)); margin-bottom: calc(10 * var(--u)); font-weight: 400; }
  .legal-content header p { font-size: calc(18 * var(--u)); line-height: calc(24 * var(--u)); }
  .legal-content h2 { font-size: calc(20 * var(--u)); line-height: calc(24 * var(--u)); margin: 0; font-weight: 400; }
  .legal-content > h2 ~ h2 { margin-top: calc(24 * var(--u)); }
  .legal-content > p { font-size: calc(18 * var(--u)); line-height: calc(24 * var(--u)); white-space: pre-wrap; color: #666; }
  .site-footer { padding: calc(50 * var(--u)) 0 calc(20 * var(--u)); }
  .footer-grid { grid-template-columns: 353fr 223fr 169fr 371fr 324fr; gap: 0; height: calc(200 * var(--u)); }
  .footer-brand > a { min-height: 0; display: block; margin-top: calc(12 * var(--u)); }
  .footer-brand > a img { width: calc(174 * var(--u)); }
  .footer-brand p { font-size: calc(18 * var(--u)); line-height: calc(32 * var(--u)); margin-top: calc(20 * var(--u)); }
  .social-image { width: calc(206 * var(--u)); max-height: none; height: calc(33 * var(--u)); margin-top: calc(24 * var(--u)); }
  .social-links { --social-unit: var(--u); margin-top: calc(24 * var(--u)); }
  .site-footer h2 { font-size: calc(20 * var(--u)); line-height: calc(32 * var(--u)); padding-bottom: calc(27 * var(--u)); margin: 0; font-weight: 700; }
  .site-footer h2::after { bottom: calc(13 * var(--u)); width: calc(28 * var(--u)); }
  .footer-links a,.footer-contact a { font-size: calc(18 * var(--u)); line-height: calc(32 * var(--u)); padding: 0; }
  .footer-contact p { font-size: calc(18 * var(--u)); line-height: calc(32 * var(--u)); white-space: nowrap; }
  .qr-group { grid-column: auto; width: auto; gap: calc(44 * var(--u)); padding-left: calc(42 * var(--u)); align-items: flex-start; }
  .qr-group img { width: calc(120 * var(--u)); height: calc(130 * var(--u)); object-fit: contain; }
  .qr-group figure { flex: 1; }
  .qr-group figcaption { font-size: calc(18 * var(--u)); line-height: calc(20 * var(--u)); margin-top: calc(10 * var(--u)); }
  .friend-links { height: calc(56 * var(--u)); margin-top: calc(52 * var(--u)); padding: 0; gap: calc(28 * var(--u)); font-size: calc(18 * var(--u)); }
  .friend-links > .icon { width: calc(21 * var(--u)); height: calc(21 * var(--u)); margin-right: calc(-18 * var(--u)); }
  .friend-links .text-button { min-height: calc(44 * var(--u)); }
  .friend-links .text-button + .text-button::before { margin-right: calc(28 * var(--u)); }
  .copyright { margin-top: calc(14 * var(--u)); font-size: calc(18 * var(--u)); line-height: calc(38 * var(--u)); }
  html[lang="en"] .desktop-nav { gap: calc(24 * var(--u)); }
  html[lang="en"] .header-inner { gap: calc(28 * var(--u)); }
  html[lang="en"] .footer-grid { gap: calc(18 * var(--u)); }
  html[lang="en"] .footer-contact p { white-space: normal; }
  html[lang="en"] .hero-copy { width: calc(830 * var(--u)); }
  html[lang="en"] .hero h1 { font-size: calc(48 * var(--u)); }
  html[lang="en"] .hero-subtitle { font-size: calc(38 * var(--u)); line-height: calc(56 * var(--u)); }
  html[lang="en"] .hero-description { font-size: calc(23 * var(--u)); }
  html[lang="en"] .account-intro > p { white-space: normal; width: calc(560 * var(--u)); }
  html[lang="en"] .role-card .button { position: absolute; margin-top: 0; }
  html[lang="en"] .role-card p { min-height: 0; }
  html[lang="en"] .help-role-description { white-space: normal; }
  html[lang="en"] .role-card h2 { font-size: calc(35 * var(--u)); }
  html[lang="en"] .role-card p { font-size: calc(25 * var(--u)); }
  html[lang="en"] .benefit { gap: calc(38 * var(--u)); }
  html[lang="en"] .about-intro,html[lang="en"] .culture-section { height: auto; min-height: calc(835 * var(--u)); padding-bottom: calc(75 * var(--u)); }
  html[lang="en"] .culture-section { min-height: calc(560 * var(--u)); }
}
@media (max-width: 1100px) {
 .category-grid .category-content img.icon { width: 34px; height: 34px; }
 .process-steps li::before { display: none; }
 .category-preview .category-card img { aspect-ratio: 221/214; }
 .hero-home .button-glass { background: transparent; }
 .account-intro > img { mix-blend-mode: multiply; }
}
@media (max-width: 767px) {
 .category-grid .category-content img.icon { width: 28px; height: 28px; }
}

/* English copy needs flexible rows and normal text flow instead of artboard heights. */
html[lang="en"] :is(.role-card, .category-content, .benefit > div, .help-role > span, .account-grid > *, .footer-grid > *) { min-width: 0; }
html[lang="en"] :is(h1, h2, h3, .button, .role-card li, .benefit p, .form-result) { overflow-wrap: anywhere; }
html[lang="en"] .warehouse-preview p { white-space: normal; }
html[lang="en"] .faq-filters button { flex: 1 0 auto; height: auto; min-height: 44px; white-space: nowrap; }
html[lang="en"] .form-options { flex-wrap: wrap; gap: 8px 16px; }

@media (min-width: 1101px) {
  html[lang="en"] body[data-page] main > :is(.section, .role-section, .category-section, .service-strip, .feature-row, .service-process, .warehouse-network, .process-section, .join-banner) { height: auto; }
  html[lang="en"] .hero .hero-inner { height: auto; display: flex; align-items: center; }
  html[lang="en"] .hero .hero-copy { position: relative; top: auto; left: auto; padding-block: calc(80 * var(--u)); }
  html[lang="en"] .hero .hero-description { position: static; width: 100%; margin-top: calc(28 * var(--u)); }
  html[lang="en"] .hero .hero-subtitle { margin-top: calc(12 * var(--u)); }
  html[lang="en"] .hero .hero-copy > .button,
  html[lang="en"] .hero .hero-buttons,
  html[lang="en"] .hero .help-search { position: static; margin-top: calc(40 * var(--u)); }
  html[lang="en"] .role-card { height: auto; min-height: calc(382 * var(--u)); display: flex; flex-direction: column; align-items: flex-start; }
  html[lang="en"] .role-card .button { position: static; margin-top: calc(24 * var(--u)); }
  html[lang="en"] .category-grid .category-card { height: auto; min-height: calc(250.4 * var(--u)); }
  html[lang="en"] .warehouse-preview { align-items: center; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); }
  html[lang="en"] .warehouse-preview a { position: static; width: 100%; margin: 0; }
  html[lang="en"] .warehouse-preview .metrics { width: 100%; margin-top: calc(40 * var(--u)); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(32 * var(--u)); }
  html[lang="en"] .boxed .benefit { height: auto; min-height: calc(204 * var(--u)); align-items: flex-start; }
  html[lang="en"] .culture-grid article { height: auto; min-height: calc(288 * var(--u)); }
  html[lang="en"] .help-role { height: auto; min-height: calc(130 * var(--u)); }
  html[lang="en"] .feature-inner { height: auto; min-height: calc(350 * var(--u)); padding-block: calc(24 * var(--u)); }
  html[lang="en"] .feature-row { overflow: visible; }
  html[lang="en"] .footer-grid { height: auto; min-height: calc(200 * var(--u)); }
  html[lang="en"] .partners { padding-bottom: calc(64 * var(--u)); }
  html[lang="en"] body[data-page="warehouses"] main > .section:last-child { padding-bottom: calc(64 * var(--u)); }
  html[lang="en"] .account-intro { padding: calc(68 * var(--u)) calc(60 * var(--u)) 0; }
  html[lang="en"] .account-intro h1,
  html[lang="en"] .account-intro > p,
  html[lang="en"] .account-intro > img { position: static; width: 100%; height: auto; }
  html[lang="en"] .account-intro > p { margin-top: calc(30 * var(--u)); }
  html[lang="en"] .account-intro > img { margin-top: calc(24 * var(--u)); }
}
@media (max-width: 767px) {
  html[lang="en"] .account-intro { display: grid; grid-template-columns: minmax(0, 1fr) 72px; gap: 12px; align-items: center; }
  html[lang="en"] .account-intro h1 { grid-column: 1; padding-right: 0; }
  html[lang="en"] .account-intro > img { position: static; grid-column: 2; grid-row: 1; width: 72px; height: auto; margin: 0; }
  html[lang="en"] .account-intro > p { grid-column: 1 / -1; margin: 0; max-width: none; }
  html[lang="en"] .process-tabs { gap: 24px; justify-content: space-between; }
  html[lang="en"] .mobile-nav-actions .button { min-width: 0; padding-inline: 12px; }
}