.customers-page .customers-section{background:var(--paper);padding:72px 0 80px}.customers-page .customers-head{display:block}.customers-page :is(.partnership-head,.collaboration-head){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:48px;display:grid}.customers-page .section-copy{font-size:17px;line-height:1.8}.customers-page .customer-toolbar{background:#fff;border-radius:12px;align-items:center;gap:20px;margin:36px 0 24px;padding:12px 22px;display:flex}.customers-page .customer-search{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.customers-page .customer-search svg{fill:none;width:20px;height:20px;stroke:var(--blue-600);stroke-width:1.7px;flex-shrink:0}.customers-page .customer-search input{width:100%;color:var(--ink);background:0 0;border:0;min-height:48px;padding:12px 0;font-size:16px}.customers-page .customer-search input::placeholder{color:var(--muted)}.customers-page .customer-reset{text-underline-offset:5px;color:var(--blue-600);background:0 0;border:0;min-height:44px;font-size:14px;text-decoration:underline}.customers-page .customer-count{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px}.customers-page .customer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.customers-page .client-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;transition:border-color .22s;display:flex;overflow:hidden}.customers-page .client-card:hover{border-color:#8cadce}.customers-page .client-stage{justify-content:center;align-items:center;height:230px;padding:28px;display:flex;overflow:hidden}.customers-page .client-stage img{width:min(100%,var(--logo-width,300px));object-fit:contain;flex:none;max-width:none;height:auto;transition:transform .28s;display:block}.customers-page .client-card:hover img{transform:scale(1.035)}.customers-page .client-card[data-logo-id=customer-baiksan]{--logo-width:320px}.customers-page .client-card[data-logo-id=customer-huge-bamboo]{--logo-width:258px}.customers-page .client-card[data-logo-id=customer-hyundae-sm-vina]{--logo-width:350px}.customers-page .client-card[data-logo-id=customer-kuraray]{--logo-width:310px}.customers-page .client-card[data-logo-id=customer-thanh-cong]{--logo-width:205px}.customers-page .client-card[data-logo-id=customer-prominent]{--logo-width:355px}.customers-page .client-card[data-logo-id=customer-yumark-thailand]{--logo-width:290px}.customers-page .client-card[data-logo-id=customer-prominent] .client-stage img{transform:scale(1.22)}.customers-page .client-card[data-logo-id=customer-prominent]:hover .client-stage img{transform:scale(1.26)}.customers-page .client-card.dark .client-stage{background:#050505}.customers-page .client-meta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding:20px 22px;display:flex}.customers-page .client-meta small{color:var(--muted);font-size:13px}.customers-page .client-meta h3{letter-spacing:-.015em;margin:5px 0 0;font-size:18px;line-height:1.3}.customers-page .client-open{width:44px;height:44px;color:var(--ink);background:#fff;border:1px solid #bfceda;border-radius:50%;flex-shrink:0;font-size:20px}.customers-page .client-open:hover{background:var(--blue-600);border-color:var(--blue-600);color:#fff}.customers-page :is(.client-card,.client-empty,.customer-reset)[hidden]{display:none}.customers-page .client-empty{text-align:center;color:var(--muted);background:#fff;border-radius:16px;grid-column:1/-1;padding:48px 24px}.customers-page .partnership{background:var(--navy-950);color:#fff;padding:80px 0}.customers-page .partnership .section-copy{color:#c4d5e7}.customers-page .partnership .section-title em{color:#a9c9f6}.customers-page .partner-grid{grid-template-columns:1fr 1fr;gap:0 7%;margin-top:42px;display:grid}.customers-page .partner-item{border-top:1px solid #35506a;grid-template-columns:.9fr 1.1fr;align-items:start;gap:24px;padding:28px 0;display:grid}.customers-page .partner-item h3{letter-spacing:-.02em;margin:0;font-size:24px;line-height:1.25}.customers-page .partner-item p{color:#c4d5e7;margin:0;font-size:16px;line-height:1.8}.customers-page .collaboration{background:#fff;padding:80px 0}.customers-page .collab-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px;display:grid}.customers-page .collab-step{border-top:1px solid #b2c5d6;padding-top:24px}.customers-page .collab-step small{color:var(--blue-600);font-size:16px;font-weight:800}.customers-page .collab-step h3{letter-spacing:-.02em;min-height:2.6em;margin:20px 0 12px;font-size:21px;line-height:1.3}.customers-page .collab-step p{color:var(--muted);margin:0;font-size:16px;line-height:1.75}.customers-page .customer-story{background:#fff;padding:0 0 80px}.customers-page .story-shell{background:var(--paper);border-radius:16px;grid-template-columns:1fr 1fr;min-height:470px;display:grid;overflow:hidden}.customers-page .story-media{min-height:360px;position:relative}.customers-page .story-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.customers-page .story-copy{padding:48px}.customers-page .story-copy h2{letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(34px,4vw,56px);line-height:1.08}.customers-page .story-copy h2 em{font-family:var(--font-sans);color:var(--blue-600);font-style:normal;font-weight:700}.customers-page .story-copy p{color:var(--muted);font-size:16px;line-height:1.8}.customers-page .story-points{grid-template-columns:1fr 1fr;gap:0 24px;margin-top:28px;display:grid}.customers-page .story-point{border-top:1px solid #bdcbd6;padding:16px 0;font-size:14px;font-weight:700}.customers-page .customers-final{background:var(--navy-950);color:#fff;padding:64px 0}.customers-page .customers-final-inner{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.customers-page .customers-final h2{letter-spacing:-.03em;margin:0;font-size:clamp(36px,4vw,56px);line-height:1.1}.customers-page .customers-final h2 em{font-family:var(--font-sans);color:#a9c9f6;font-style:normal;font-weight:700}.customers-page .customers-final p{color:#c4d5e7;margin:24px 0 0;font-size:17px}.customers-page .customers-final .btn{flex-shrink:0}.inner-page .customer-dialog{width:min(720px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:#fff;border:0;border-radius:16px;padding:0;overflow:auto;box-shadow:0 24px 80px #0000004d}.inner-page .customer-dialog::backdrop{background:#031426c7}.inner-page .modal-close{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:#fff;border-radius:50%;font-size:24px;position:absolute;top:16px;right:16px}.inner-page .modal-logo{justify-content:center;align-items:center;min-height:320px;padding:48px;display:flex;overflow:hidden}.inner-page .modal-logo.dark{background:#050505}.inner-page .modal-logo img{width:min(100%,var(--modal-logo-width,440px));object-fit:contain;flex:none;max-width:none;height:auto;display:block}.inner-page .modal-logo[data-logo-id=customer-baiksan]{--modal-logo-width:500px}.inner-page .modal-logo[data-logo-id=customer-huge-bamboo]{--modal-logo-width:350px}.inner-page .modal-logo[data-logo-id=customer-hyundae-sm-vina],.inner-page .modal-logo[data-logo-id=customer-kuraray]{--modal-logo-width:480px}.inner-page .modal-logo[data-logo-id=customer-thanh-cong]{--modal-logo-width:260px}.inner-page .modal-logo[data-logo-id=customer-prominent]{--modal-logo-width:530px}.inner-page .modal-logo[data-logo-id=customer-yumark-thailand]{--modal-logo-width:380px}.inner-page .modal-info{border-top:1px solid var(--line);padding:24px 32px 32px}.inner-page .modal-info small{color:var(--muted);font-size:13px}.inner-page .modal-info h2{margin:8px 0 0;font-size:28px;line-height:1.25}html[lang=vi] .customers-page :is(h2,h3){letter-spacing:-.025em;line-height:1.2}@media (width<=1060px){.customers-page .customer-grid{grid-template-columns:1fr 1fr}.customers-page .partner-item{grid-template-columns:1fr;gap:14px}.customers-page .collab-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.customers-page .story-copy{padding:32px}}@media (width<=760px){.customers-page :is(.customers-section,.partnership,.collaboration){padding:52px 0}.customers-page :is(.partnership-head,.collaboration-head,.story-shell){grid-template-columns:1fr;gap:22px}.customers-page .customer-toolbar{flex-wrap:wrap;gap:4px 20px;margin-top:28px;padding:12px 18px}.customers-page .customer-search{flex-basis:100%}.customers-page .customer-count{padding-block:10px}.customers-page .customer-grid{grid-template-columns:1fr;gap:16px}.customers-page .client-stage{height:200px;padding:24px}.customers-page .client-stage img{width:min(100%,var(--logo-width,300px))}.customers-page .partner-grid{grid-template-columns:1fr;margin-top:30px}.customers-page .partner-item{padding:24px 0}.customers-page .collab-flow{grid-template-columns:1fr;gap:0;margin-top:30px}.customers-page .collab-step{grid-template-columns:32px 1fr;gap:0 16px;padding:24px 0;display:grid}.customers-page .collab-step small{grid-row:span 2}.customers-page .collab-step h3{min-height:0;margin:0 0 12px}.customers-page .collab-step p{grid-column:2}.customers-page .customer-story{padding-bottom:52px}.customers-page .story-shell{gap:0}.customers-page .story-media{min-height:270px}.customers-page .story-copy{padding:30px 24px}.customers-page .story-copy h2{font-size:36px}.customers-page .customers-final{padding:48px 0}.customers-page .customers-final-inner{display:block}.customers-page .customers-final .btn{margin-top:28px}.inner-page .modal-logo{min-height:260px;padding:36px 24px}.inner-page .modal-logo img{width:min(100%,var(--modal-logo-width,440px))}}
