@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('assets/fonts/plus-jakarta-latin.woff2') format('woff2')}
*{box-sizing:border-box}
html{height:100%;overflow:hidden;background:#e8eeeb}
body.landing-page{margin:0;height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;overscroll-behavior:none;color:#173644;font-family:'Plus Jakarta Sans',sans-serif;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
.landing-header{display:flex;align-items:center;gap:24px;min-height:68px;padding:10px max(24px,env(safe-area-inset-right)) 10px max(32px,env(safe-area-inset-left));border-bottom:1px solid #cbd1d2;background:#f1f2f0}
.brand{display:flex;align-items:center;gap:10px;flex:none;color:#152026}
.brand-icon{display:grid;place-items:center;width:37px;height:37px;border:2px solid currentColor;font-size:24px;font-weight:600}
.brand strong{font-size:12px;letter-spacing:-.03em;font-weight:650}
.landing-header nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:12px;font-weight:600;color:#526169}
.landing-header nav a{display:flex;align-items:center;min-height:44px}
.landing-header nav a:hover{color:#173644}
.landing-header .guest-link{padding:0 18px;background:#152026;color:#fff}
.language-toggle{border:1px solid #cbd1d2;background:transparent;color:#152026;min-width:58px;min-height:44px;padding:10px 12px;font-size:12px;cursor:pointer}
.language-toggle span{display:none}
.language-toggle strong{font-weight:500}
.welcome-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;overflow:hidden}
.welcome-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-width:0;min-height:0;padding:clamp(28px,6dvh,72px) clamp(28px,4.3vw,88px);overflow:hidden}
.welcome-projects{color:white;background:#19313c}
.welcome-project-choice{position:relative;min-width:0;min-height:0}
.welcome-project-choice>.welcome-panel{height:100%}
.welcome-projects .welcome-eyebrow{padding-right:110px}
.welcome-reel{pointer-events:none;opacity:0}
.welcome-reel.is-ready{opacity:1}
.welcome-video-toggle{position:absolute;top:calc(clamp(28px,6dvh,72px) - 12px);right:clamp(28px,4.3vw,88px);z-index:2;min-height:44px;padding:10px 14px;border:1px solid #ffffff70;border-radius:24px;background:#102b36b3;color:#fff;font-size:.6875rem;line-height:1.4;cursor:pointer;backdrop-filter:blur(8px)}
.welcome-video-toggle:hover{background:#102b36}
.welcome-video-toggle[hidden]{display:none}
.welcome-building{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 50%;z-index:-2;transition:transform 900ms cubic-bezier(.2,.65,.3,1)}
.welcome-projects::after{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(180deg,#0a1b2833 0%,#10233100 28%,#0b202580 58%,#0b2025ed 100%)}
.welcome-partners{--opportunity-gutter:clamp(24px,3.4vw,64px);--opportunity-icon:46px;--opportunity-gap:20px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:0;background:#102329;color:#f4f7f2;border-left:1px solid #ffffff1a}
.welcome-eyebrow{font-size:.6875rem;font-weight:500;line-height:1.5;letter-spacing:.18em}
.welcome-panel-copy{width:100%;max-width:650px}
.welcome-panel h2{font-size:clamp(2.5rem,min(5.4vw,9dvh),6.5rem);font-weight:500;line-height:1.07;letter-spacing:-.055em;max-width:10ch;margin:0;text-wrap:balance}
.opportunity-intro{padding:clamp(24px,4dvh,48px) var(--opportunity-gutter)}
.welcome-partners h2{max-width:none;margin-top:0;font-size:clamp(2rem,3.5vw,3.75rem);line-height:1.12;text-wrap:initial}
.opportunity-intro h2>span,.opportunity-intro h2>strong{display:block}
.opportunity-intro strong{font-weight:500;color:#d1f58b}
.opportunity-grid{display:flex;flex-direction:column;gap:0;min-height:0}
.opportunity-tile{position:relative;flex:1;min-width:0;min-height:44px;border-top:1px solid #ffffff25;background:linear-gradient(110deg,#ffffff05,transparent 70%);transition:background-color 240ms ease,color 240ms ease}
.opportunity-tile h3{height:100%;margin:0;font-size:inherit;font-weight:inherit}
.opportunity-trigger{display:grid;grid-template-columns:var(--opportunity-icon) minmax(0,1fr);align-items:center;gap:var(--opportunity-gap);width:100%;height:100%;margin:0;padding:12px var(--opportunity-gutter);border:0;background:transparent;color:inherit;text-align:left}
.opportunity-icon{display:grid;place-items:center;width:var(--opportunity-icon);height:var(--opportunity-icon);border:1px solid #ffffff26;border-radius:12px;color:#d1f58b;transition:border-color 240ms ease,color 240ms ease,transform 240ms ease}
.opportunity-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.opportunity-title{font-size:clamp(1.125rem,2vw,2rem);font-weight:500;line-height:1.25;letter-spacing:-.035em}
.opportunity-title-with-caption{display:flex;flex-wrap:wrap;align-items:center;gap:4px clamp(6px,1vw,14px)}
.opportunity-title-with-caption>span{white-space:nowrap}
.opportunity-caption{font-size:clamp(.6875rem,.55em,.875rem);font-weight:500;letter-spacing:0;color:#d1f58b}
@media(hover:hover){.opportunity-tile:hover{background-color:#d1f58b;color:#142b23}.opportunity-tile:hover .opportunity-caption{color:#294b37}.opportunity-tile:hover .opportunity-icon{border-color:#183b3b33;color:#193a2c;transform:rotate(-5deg)}}
.welcome-panel-copy>p{font-size:clamp(.9375rem,1.35vw,1.25rem);line-height:1.6;margin:clamp(14px,3dvh,28px) 0 clamp(20px,5dvh,48px);max-width:32ch}
.welcome-projects .welcome-panel-copy>p{color:#e4eeeb}
.welcome-action{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding-top:20px;border-top:1px solid #ffffff59;font-size:.9375rem;font-weight:600;line-height:1.5}
.opportunity-contact{display:flex;flex-wrap:wrap;align-items:center;gap:0 24px;min-height:72px;padding:10px var(--opportunity-gutter);border-top:1px solid #ffffff25;font-size:.8125rem;color:#c6d4ce}
.opportunity-contact a,.opportunity-wechat{display:flex;align-items:center;gap:10px;min-height:44px;max-width:100%}
.opportunity-wechat{white-space:nowrap}
.opportunity-contact a:hover{color:#d1f58b}
.opportunity-contact a span{overflow-wrap:anywhere}
.opportunity-contact svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;color:#d1f58b}
.welcome-arrow{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:44px;height:44px;flex:none;font-size:1.5rem;transition:transform 250ms ease}
a:focus-visible,button:focus-visible{outline:3px solid #b37b22;outline-offset:4px}
.welcome-panel:focus-visible{outline:4px solid #d4ab5c;outline-offset:-8px}
.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link:focus{position:fixed;z-index:10;top:8px;left:8px;padding:12px;background:#fff;color:#173644}
.lang-zh .welcome-panel h2{letter-spacing:-.025em;line-height:1.2}
@media(hover:hover){.welcome-projects:hover .welcome-building{transform:scale(1.035)}.welcome-projects:hover .welcome-arrow{transform:translate(3px,-3px)}}
@media(max-width:1100px){.opportunity-contact a[href^="mailto:"]{order:2}}
@media(max-width:900px){.landing-header nav{gap:16px}.landing-header{gap:16px;padding-inline:24px}}
@media(max-width:700px){
  .landing-header{min-height:60px;padding:8px 20px;gap:12px}
  .landing-header nav{display:none}
  .language-toggle{margin-left:auto;min-width:52px}
  .welcome-split{grid-template-columns:1fr;grid-template-rows:minmax(0,2fr) minmax(0,3fr)}
  .welcome-panel{padding:clamp(16px,2.6dvh,28px) 24px;gap:12px}
  .welcome-video-toggle{top:calc(clamp(16px,2.6dvh,28px) - 12px);right:24px;padding-inline:12px;font-size:.625rem}
  .welcome-partners{--opportunity-gutter:24px;--opportunity-icon:36px;--opportunity-gap:14px;padding:0 0 env(safe-area-inset-bottom);border-left:0;border-top:1px solid #ffffff25;gap:0}
  .welcome-eyebrow{font-size:.5625rem;letter-spacing:.15em}
  .welcome-panel h2{font-size:clamp(1.875rem,min(8.5vw,4.5dvh),2.625rem);line-height:1.12;max-width:none;letter-spacing:-.045em}
  .welcome-panel-copy>p{font-size:.875rem;line-height:1.45;margin:10px 0 16px;max-width:none}
  .welcome-action{min-height:40px;padding-top:10px;font-size:.75rem}
  .welcome-arrow{width:30px;height:30px;font-size:1.125rem}
  .welcome-partners h2{margin-top:0;font-size:1.625rem}
  .opportunity-intro{padding:18px var(--opportunity-gutter)}
  .opportunity-trigger{padding-block:8px}
  .opportunity-icon{border-radius:9px}
  .opportunity-icon svg{width:22px;height:22px}
  .opportunity-title{font-size:1.125rem}
  .opportunity-contact{min-height:52px;padding-block:4px;font-size:.75rem}
}
@media(max-height:700px) and (max-width:700px){
  .welcome-split{grid-template-rows:minmax(0,1fr) minmax(0,2.6fr)}
  .welcome-panel{padding-block:16px}
  .welcome-projects{gap:4px;padding-block:12px}
  .welcome-projects h2{font-size:clamp(1.625rem,7vw,1.875rem)}
  .welcome-video-toggle{top:4px}
  .welcome-panel-copy>p{margin:8px 0 12px}
  .welcome-projects .welcome-panel-copy>p{margin:6px 0 8px}
  .welcome-partners{padding:0 0 env(safe-area-inset-bottom);gap:0;--opportunity-gutter:24px;--opportunity-icon:30px;--opportunity-gap:12px}
  .welcome-partners h2{font-size:1.375rem}
  .opportunity-intro{padding-block:8px}
  .opportunity-title{font-size:.9375rem}
  .opportunity-trigger{padding-block:4px}
  .opportunity-contact{min-height:44px;padding-block:0}
}
@media(max-height:550px) and (min-width:701px){
  .landing-header{min-height:56px;padding-block:6px}
  .welcome-panel{padding-block:24px}
  .welcome-video-toggle{top:12px}
  .welcome-partners{padding:0;gap:0;--opportunity-icon:32px;--opportunity-gap:14px}
  .welcome-partners h2{font-size:1.75rem;margin-top:0}
  .opportunity-intro{padding-block:16px}
  .opportunity-trigger{padding-block:6px}
  .opportunity-title{font-size:1.125rem}
  .opportunity-contact{min-height:48px;padding-block:2px}
  .welcome-panel-copy>p{margin:12px 0 18px}
  .welcome-action{min-height:44px;padding-top:12px}
}
@media(max-height:450px){
  .welcome-split{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}
  .welcome-panel{padding:16px 20px}
  .welcome-video-toggle{top:4px;right:20px}
  .welcome-partners{padding:0;border-top:0;border-left:1px solid #ffffff25;gap:0;--opportunity-gutter:20px;--opportunity-icon:28px;--opportunity-gap:12px}
  .welcome-panel h2{font-size:clamp(1.5rem,4vw,2.25rem)}
  .welcome-panel-copy>p{font-size:.8125rem;margin:10px 0 12px}
  .welcome-action{min-height:40px;padding-top:10px;font-size:.75rem}
  .welcome-arrow{width:30px;height:30px;font-size:1.125rem}
  .welcome-partners h2{font-size:1.375rem;margin-top:0}
  .opportunity-intro{padding-block:12px}
  .opportunity-trigger{padding-block:4px}
  .opportunity-icon svg{width:20px;height:20px}
  .opportunity-title{font-size:1rem}
  .opportunity-contact{min-height:44px;padding-block:0}
}
@media(max-height:620px) and (max-width:700px){
  .welcome-projects .welcome-eyebrow{visibility:hidden}
  .welcome-projects h2{font-size:1.375rem;max-width:8ch}
  .welcome-projects .welcome-panel-copy>p{font-size:.6875rem;line-height:1.25;margin:4px 0 6px}
  .welcome-projects .welcome-action{min-height:30px;padding-top:6px}
  .welcome-projects .welcome-arrow{width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){.welcome-building,.welcome-arrow,.opportunity-tile,.opportunity-title,.opportunity-icon{transition:none}.welcome-projects:hover .welcome-building,.welcome-panel:hover .welcome-arrow,.opportunity-tile:hover .opportunity-icon{transform:none}}