:root{--primary:#00857d;--primary-dark:#00655f;--ink:#292f2e;--pale:#f7fbfa;--line:#dbece8}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
button,a{font:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
section{scroll-margin-top:60px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.section-inner{width:min(1160px,calc(100% - 80px));margin:auto}
.section-inner>h2,.strength-sticky>h2{font-size:clamp(32px,3.2vw,44px);line-height:1.25;text-align:center;margin:0;font-weight:700}

.site-header{position:fixed;z-index:30;top:0;left:0;right:0;height:60px;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.04)}
.header-inner{height:100%;width:min(1160px,calc(100% - 80px));margin:auto;display:flex;align-items:center}
.brand{width:190px;display:flex;align-items:center;flex:none}
.brand img{width:190px;height:auto;max-height:56px;object-fit:contain;object-position:left center}
.site-nav{display:flex;align-items:center;gap:27px;margin-left:auto;height:100%}
.site-nav>a,.nav-entry>a{font-size:14px;font-weight:500;white-space:nowrap;transition:color .2s}
.site-nav>a:hover,.nav-entry>a:hover,.nav-entry.current>a{color:var(--primary)}
.nav-entry{position:relative;height:100%;display:flex;align-items:center}
.nav-sub{position:absolute;left:50%;top:60px;min-width:230px;padding:10px 15px;background:#fff;border-radius:12px;box-shadow:0 16px 38px rgba(0,50,45,.15);transform:translate(-50%,8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
.nav-entry:hover .nav-sub,.nav-entry:focus-within .nav-sub{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-sub a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:45px;padding:8px 16px;border-radius:7px;color:#303735;font-size:clamp(17px,1.1vw,19px);line-height:1.45;white-space:nowrap;transition:background-color .2s,color .2s}
.nav-sub a:hover,.nav-sub a:focus-visible{background:var(--primary);color:#fff}
.nav-sub a:hover::after,.nav-sub a:focus-visible::after{content:"";width:28px;height:28px;flex:none;background:url('/favicon-chucun.png') center/contain no-repeat}
.header-call{height:42px;min-width:126px;margin-left:25px;padding:6px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary);border-radius:3px;color:#fff;line-height:1.2}
.header-call strong{font-size:12px}.header-call small{font-size:9px;white-space:nowrap}
.menu-toggle{display:none}

.hero{height:100svh;min-height:540px;position:relative;overflow:hidden;background:#d9e9e5}
.hero video{position:absolute;inset:60px 0 0;width:100%;height:calc(100% - 60px);object-fit:cover}
.hero-curve{position:absolute;bottom:-1px;left:0;width:100%;height:130px;pointer-events:none}

.story{padding:100px 0 95px;background:linear-gradient(180deg,var(--pale),#fff)}
.story h2{color:var(--primary);margin-bottom:36px}
.story-copy{max-width:980px;margin:auto;text-align:center}
.story-copy p{font-size:clamp(17px,1.35vw,20px);line-height:1.9;margin:0 0 10px}
.story-copy a{color:#00857d;text-underline-offset:3px}
.story-copy p:last-child{margin-top:24px}
.story-no-break{white-space:nowrap}
@media(min-width:801px){.story-copy p:last-child{white-space:nowrap}}
@media(min-width:801px) and (max-width:920px){.story-copy p:last-child{white-space:normal}}

.history{padding:40px 0 95px;background:#fff}
.history h2{margin-bottom:48px}
.history .section-inner{width:100%}
.history-marquee{height:255px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;touch-action:pan-x;user-select:none}
.history-marquee::-webkit-scrollbar{display:none}
.history-marquee:active{cursor:grabbing}
.history-track{display:flex;width:max-content;height:100%;align-items:center}
.history-track img{flex:none;width:2750px;max-width:none;height:auto;pointer-events:none}

.strength-scroll{height:calc(100svh + 1085px);position:relative;background:#fff;scroll-margin-top:0}
.strength-sticky{height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-bottom:20px}
.strength-sticky>h2{margin:0 0 60px}
.strength-window{width:100%;overflow:hidden}
.strength-track{display:flex;gap:28px;width:max-content;padding:0 max(24px,calc((100vw - 1040px)/2));will-change:transform}
.strength-card{width:510px;height:337px;flex:none;position:relative;overflow:hidden;border-radius:13px;background:#e4efed}
.strength-media,.strength-media img{width:100%;height:100%}
.strength-media img{object-fit:cover}
.strength-card::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,20,21,.72));transition:opacity .35s}
.strength-card:hover::after,.strength-card:focus::after{opacity:1}
.strength-copy{position:absolute;z-index:1;left:27px;right:27px;bottom:24px;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.25)}
.strength-copy h3{font-size:22px;line-height:1.35;margin:0;font-weight:700}
.strength-copy p{font-size:14px;line-height:1.55;margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .3s,margin-top .4s}
.strength-card:hover .strength-copy p,.strength-card:focus .strength-copy p{max-height:180px;opacity:1;margin-top:12px}

.culture{padding:115px 0 125px;background:linear-gradient(180deg,#fbfdfd,#fff)}
.culture h2{margin-bottom:70px}
.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.culture-grid article{min-height:320px;padding:0 24px 35px;text-align:center;border-radius:14px;background:#fff;box-shadow:0 15px 38px rgba(0,54,50,.055);border:1px solid #e4efed}
.culture-icon{width:80px;height:80px;display:grid;place-items:center;margin:-18px auto 34px;border-radius:0 0 50% 50%;background:var(--primary)}
.culture-icon img{width:52px;height:52px;object-fit:contain}
.culture-grid h3{margin:0 0 23px;font-size:24px;color:var(--primary)}
.culture-grid p{margin:0;font-size:17px;line-height:1.85}

.compliance{padding:95px 0 120px;background:linear-gradient(180deg,#f6faf9,#fff)}
.compliance h2{margin-bottom:50px}
.compliance-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.75fr) minmax(0,1fr);gap:clamp(10px,1.5vw,28px);aspect-ratio:3.88/1;align-items:stretch}
.compliance-gallery img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:clamp(12px,1.4vw,26px);background:#fff}
.compliance-gallery img:nth-child(2){object-fit:contain;object-position:center;background:#eaf4f8}

.join{height:470px;position:relative;overflow:hidden;background:#316c77;color:#fff}
.join>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.join-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,50,56,.78),rgba(0,45,54,.27) 70%)}
.join-content{position:relative;z-index:1;width:min(1160px,calc(100% - 80px));height:100%;margin:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.join h2{font-size:clamp(37px,4.3vw,60px);margin:0 0 17px}
.join p{font-size:clamp(17px,1.5vw,22px);margin:0 0 30px}
.join a{display:inline-flex;align-items:center;gap:22px;padding:10px 23px;border-radius:50px;background:var(--primary);font-size:15px;font-weight:700}
.join a:hover{background:var(--primary-dark)}

.site-footer{height:177px;position:relative;overflow:hidden;background:var(--primary);color:#fff}
.footer-wave{position:absolute;left:-8%;width:116%;height:160px;top:-65px;border-radius:50% 50% 0 0/85% 85% 0 0}
.wave-back{left:40%;width:70%;background:#54beb1;transform:rotate(-2deg);top:-70px}
.wave-front{background:var(--primary);top:-32px;transform:rotate(2deg)}
.footer-content{position:relative;z-index:2;width:min(1160px,calc(100% - 80px));margin:auto;padding-top:85px}
.socials{display:flex;gap:12px}
.socials span{display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);width:27px;height:27px;border-radius:50%;font-size:11px}
.footer-line{display:flex;align-items:center;gap:22px;margin-top:20px;font-size:13px;color:rgba(255,255,255,.92)}
.footer-line>div{display:flex;gap:5px;white-space:nowrap}
.footer-line b{font-weight:400}
.footer-line p{margin:0;white-space:nowrap}
.back-top{position:absolute;z-index:3;right:36px;bottom:19px;width:28px;height:28px;border:0;border-radius:50%;background:#fff;color:var(--primary);font-size:23px;line-height:22px}

@media(max-width:1100px){.header-inner{width:calc(100% - 44px)}.brand,.brand img{width:155px}.site-nav{gap:16px}.site-nav>a,.nav-entry>a{font-size:12px}.header-call{margin-left:15px;min-width:112px}.section-inner{width:calc(100% - 60px)}}
@media(min-width:1101px){
  section{scroll-margin-top:72px}
  .site-header{height:72px}
  .header-inner{width:min(1760px,94vw)}
  .brand,.brand img{width:clamp(190px,12vw,230px)}
  .site-nav{gap:clamp(18px,1.8vw,30px)}
  .site-nav>a,.nav-entry>a{font-size:clamp(14px,1.15vw,17px)}
  .nav-sub{top:72px}
  .header-call{height:50px;min-width:130px}
  .header-call strong{font-size:14px}
  .header-call small{font-size:11px}
  .section-inner,.join-content{width:min(1800px,92vw)}
  .section-inner>h2,.strength-sticky>h2{font-size:clamp(48px,3.5vw,66px)}
  .hero video{top:72px;height:calc(100% - 72px)}
  .hero-curve{height:clamp(130px,10vw,190px)}
  .story{padding:clamp(100px,7vw,145px) 0 clamp(95px,6vw,125px)}
  .story h2{margin-bottom:clamp(36px,3vw,55px)}
  .story-copy{max-width:min(1400px,88vw)}
  .story-copy p{font-size:clamp(20px,1.6vw,30px)}
  .history{padding:clamp(40px,4vw,75px) 0 clamp(95px,6vw,125px)}
  .history h2{margin-bottom:clamp(48px,4vw,75px)}
  .history-marquee{height:clamp(255px,20vw,360px)}
  .history-track img{width:clamp(2750px,220vw,4000px)}
  .strength-sticky>h2{margin-bottom:clamp(60px,4vw,78px)}
  .strength-track{gap:clamp(28px,2.2vw,42px);padding:0 4vw}
  .strength-card{width:clamp(510px,40vw,760px);height:auto;aspect-ratio:510/337;border-radius:clamp(13px,1.1vw,20px)}
  .strength-copy{left:clamp(27px,2vw,38px);right:clamp(27px,2vw,38px);bottom:clamp(24px,2vw,38px)}
  .strength-copy h3{font-size:clamp(22px,1.6vw,30px)}
  .strength-copy p{font-size:clamp(14px,1.05vw,19px)}
  .culture{padding:clamp(115px,8vw,160px) 0}
  .culture-grid{gap:clamp(28px,2vw,40px)}
  .culture-grid article{min-height:clamp(320px,25vw,470px)}
  .culture-icon{width:clamp(80px,5vw,105px);height:clamp(80px,5vw,105px)}
  .culture-icon img{width:60%;height:60%}
  .culture-grid h3{font-size:clamp(24px,1.7vw,32px)}
  .culture-grid p{font-size:clamp(17px,1.35vw,25px)}
  .compliance{padding:clamp(95px,7vw,140px) 0 clamp(120px,8vw,160px)}
  .compliance h2{margin-bottom:clamp(50px,4vw,80px)}
  .join{height:clamp(470px,38vw,690px)}
  .join h2{font-size:clamp(60px,4.2vw,78px)}
  .join p{font-size:clamp(22px,1.7vw,32px)}
  .join a{font-size:clamp(15px,1vw,19px)}
  .footer-content{width:min(1500px,92vw)}
}
@media(min-width:1500px){
  .header-inner{width:88vw;max-width:none}
  .brand,.brand img{width:260px}
  .brand img{max-height:70px}
  .site-nav{flex:1;justify-content:space-evenly;gap:0;margin-left:clamp(90px,7vw,140px)}
  .site-nav>a,.nav-entry>a{font-size:clamp(17px,1vw,20px)}
  .header-call{width:152px;flex:none}
}
@media(max-width:800px){
  .header-inner{width:calc(100% - 30px)}.brand,.brand img{width:155px}.menu-toggle{display:flex;order:3;flex-direction:column;justify-content:center;gap:5px;margin-left:14px;padding:8px;border:0;background:none}.menu-toggle span{display:block;width:22px;height:2px;background:var(--primary)}
  .site-nav{display:none;position:absolute;top:60px;left:0;right:0;height:auto;max-height:calc(100svh - 60px);overflow-y:auto;margin:0;padding:14px 24px 26px;background:#fff;box-shadow:0 15px 30px rgba(0,40,35,.12)}.site-nav.open{display:block}.site-nav>a,.nav-entry>a{display:block;padding:11px 0;font-size:16px}.nav-entry{height:auto;display:block}.nav-sub{position:static;min-width:0;visibility:visible;opacity:1;transform:none;box-shadow:none;border-radius:0;background:transparent;display:flex;flex-wrap:wrap;padding:0 0 8px}.nav-entry:hover .nav-sub,.nav-entry:focus-within .nav-sub{transform:none}.nav-sub a{min-height:0;padding:6px 10px;font-size:13px}.nav-sub a:hover::after{display:none}
  .header-call{margin-left:auto}.section-inner{width:calc(100% - 40px)}
  .strength-scroll{height:auto!important}.strength-sticky{height:auto;min-height:0;position:static;padding:90px 0 85px}.strength-sticky>h2{margin-bottom:38px}.strength-window{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.strength-window::-webkit-scrollbar{display:none}.strength-track{transform:none!important;padding:0 20px}.strength-card{width:min(82vw,510px);height:440px;scroll-snap-align:center}.strength-copy p{font-size:13px;max-height:none;opacity:1;margin-top:12px}
  .culture-grid{gap:15px}.culture-grid article{padding-inline:12px}.culture-grid h3{font-size:20px}.culture-grid p{font-size:14px}
  .footer-line{display:block}.footer-line p{margin-top:8px}
}
@media(max-width:600px){
  .brand,.brand img{width:137px}.header-call{height:37px;min-width:101px;padding:4px}.header-call strong{font-size:11px}.header-call small{font-size:8px}.menu-toggle{margin-left:5px}
  .hero{min-height:540px;height:86svh}.hero video{object-position:55% center}.hero-curve{height:85px}
  .section-inner{width:calc(100% - 34px)}.section-inner>h2,.strength-sticky>h2{font-size:32px}
  .story{padding:76px 0 65px}.story h2{font-size:31px;margin-bottom:25px}.story-copy{text-align:left}.story-copy p{font-size:16px;line-height:1.9;margin-bottom:12px}.story-copy p:last-child{margin-top:16px}
  .history{padding:50px 0 75px}.history h2{margin-bottom:30px}.history-marquee{height:205px}.history-track img{width:2350px}
  .strength-sticky{padding:80px 0}.strength-card{width:86vw;height:440px}.strength-copy{left:20px;right:19px;bottom:18px}.strength-copy h3{font-size:21px}.strength-copy p{font-size:12px;line-height:1.55}
  .culture{padding:75px 0 80px}.culture h2{margin-bottom:48px}.culture-grid{grid-template-columns:1fr;gap:42px}.culture-grid article{min-height:235px}.culture-icon{width:70px;height:70px;margin-bottom:25px}.culture-icon img{width:44px;height:44px}.culture-grid h3{margin-bottom:16px}.culture-grid p{font-size:16px}
  .compliance{padding:75px 0 80px}.compliance h2{margin-bottom:30px}.compliance-gallery{grid-template-columns:repeat(2,minmax(0,1fr));aspect-ratio:auto;gap:10px}.compliance-gallery img{height:auto;aspect-ratio:1;border-radius:6px}.compliance-gallery img:nth-child(2){grid-column:1/-1;grid-row:1;aspect-ratio:1267/934}
  .join{height:410px}.join-content{width:calc(100% - 42px)}.join-shade{background:linear-gradient(90deg,rgba(0,50,56,.82),rgba(0,45,54,.3))}.join h2{font-size:39px}.join p{font-size:16px;line-height:1.7;max-width:310px}
  .site-footer{height:190px}.footer-content{width:calc(100% - 35px)}.footer-line{font-size:10px}.footer-line p{white-space:normal}.back-top{right:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}