/* Header and footer CSS extracted from site/home-v2.html by build_preview.py. */
    .site-header,.site-footer,.mobile-drawer,.mobile-drawer-scrim{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:normal;--line:rgba(17,26,63,.12);--paper-rgb:246,247,246;--surface-muted:#f3f4f6;--text-muted:#7d828e;--gold-deep:#ad8532;text-rendering:optimizeLegibility}
    .site-header{padding:0;border:0;--type-nav:14px}.site-header .header-inner{padding:0}.site-header .beta{background:transparent}.site-header .menu-toggle{gap:0;margin:0;font:inherit}
    .site-footer{margin:0}.site-footer h2{letter-spacing:normal}.site-footer .beta{background:transparent}.site-footer :focus-visible{outline:2px solid var(--blue);outline-offset:4px}
    :root{--header-h: 96px;--shell: min(72vw, 1440px);--menu-shell: min(68vw, 1360px);}
.shell{
      width: var(--shell);
      margin-inline: auto;
    }
.site-header{
      position: fixed;
      inset: 0 0 auto;
      z-index: 20;
      height: var(--header-h);
      background: #fff;
      will-change: transform, opacity;
      transition: transform .24s cubic-bezier(.22, 1, .36, 1), opacity .18s ease;
    }
.site-header.is-hidden{
      opacity: 0 !important;
      transform: translateY(calc(-100% - 12px)) !important;
      pointer-events: none;
    }
.header-inner{
      height: 100%;
      display: grid;
      grid-template-columns: minmax(210px, 1fr) auto minmax(140px, 1fr);
      align-items: center;
      gap: 28px;
    }
.platform-name{
      justify-self: start;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      text-decoration: none;
      white-space: nowrap;
    }
.platform-name strong{
      font-size: 16px;
      font-weight: 720;
      letter-spacing: .025em;
    }
.beta{
      padding: 3px 6px 2px;
      border: 1px solid rgba(173, 133, 50, .6);
      border-radius: 4px;
      color: var(--gold-deep);
      font-size: 9px;
      font-weight: 760;
      letter-spacing: .12em;
      line-height: 1;
    }
.primary-nav{
      display: flex;
      align-items: center;
      height: 100%;
      gap: clamp(12px, 1.25vw, 24px);
    }
.nav-item{
      position: relative;
      display: flex;
      align-items: center;
      height: 100%;
    }
.nav-topline{
      display: flex;
      align-items: center;
      gap: 4px;
      padding: 0 6px;
      border: 1px solid transparent;
      border-radius: 10px;
      transition: background .22s ease, border-color .22s ease;
    }
.nav-item:hover .nav-topline,.nav-item:focus-within .nav-topline,.nav-item.is-open .nav-topline{
      border-color: rgba(17, 26, 63, .10);
      background: rgba(255, 255, 255, .76);
    }
.nav-parent{
      position: relative;
      padding: 17px 0;
      font-size: var(--type-nav);
      font-weight: 560;
      text-decoration: none;
      white-space: nowrap;
    }
.nav-disclosure{
      display: grid;
      place-items: center;
      width: 18px;
      height: 32px;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--navy);
      cursor: pointer;
    }
.nav-disclosure::before{
      content: "";
      width: 6px;
      height: 6px;
      border-right: 1.5px solid currentColor;
      border-bottom: 1.5px solid currentColor;
      transform: translateY(-2px) rotate(45deg);
      transition: transform .28s cubic-bezier(.22, 1, .36, 1);
    }
.nav-disclosure:focus-visible{
      outline: 1px solid rgba(36, 73, 164, .72);
      outline-offset: 0;
      border-radius: 4px;
    }
.nav-disclosure[aria-expanded="true"]::before{ transform: translateY(2px) rotate(225deg); }
.mega-panel{
      position: fixed;
      top: calc(var(--header-h) - 5px);
      left: 50%;
      right: auto;
      z-index: 18;
      width: var(--menu-shell);
      padding: 28px;
      border: 1px solid rgba(17, 26, 63, .10);
      border-radius: 18px;
      background: rgba(255, 255, 255, .985);
      box-shadow: 0 24px 65px rgba(17, 26, 63, .12);
      opacity: 0;
      visibility: hidden;
      transform: translate(-50%, -10px);
      pointer-events: none;
      transition: opacity .26s ease, transform .32s cubic-bezier(.22, 1, .36, 1), visibility .26s;
    }
.mega-inner{
      width: 100%;
      margin: 0;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px 14px;
    }
.mega-heading{
      grid-column: 1 / -1;
      margin: 0 0 10px;
      color: var(--navy);
      font-size: 18px;
      font-weight: 650;
      letter-spacing: -.015em;
    }
.mega-link{
      position: relative;
      display: block;
      min-height: 76px;
      padding: 14px 16px;
      border-radius: 14px;
      text-decoration: none;
      transition: background .22s ease;
    }
.mega-link::before{
      content: none;
    }
.mega-link strong{
      display: block;
      font-size: 15px;
      font-weight: 650;
      line-height: 1.35;
    }
.mega-link small{
      display: block;
      margin-top: 4px;
      color: var(--text-muted);
      font-size: 12.5px;
      line-height: 1.45;
    }
.mega-link:hover,.mega-link:focus-visible{
      background: var(--surface-muted);
      outline-offset: 0;
    }
@media (min-width: 1041px){.nav-item.is-open .mega-panel{
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, 0);
        pointer-events: auto;
      }}
.brand-mark{
      justify-self: end;
      display: block;
      width: 102px;
      height: 35px;
      text-decoration: none;
    }
.brand-mark img{
      display: block;
      width: 102px;
      height: 35px;
      object-fit: contain;
      object-position: right center;
    }
.menu-toggle{ display: none; }
.mobile-search{ display: none; }
.drawer-head{ display: none; }
.mobile-drawer,.mobile-drawer-scrim{ display: none; }
.site-footer{ position: relative; overflow: hidden; padding: clamp(82px, 11vw, 144px) 0 30px; border-top: 1px solid rgba(17, 26, 63, .08); background: #f4f6f7; }
.site-footer::before{ content: ""; position: absolute; inset: 0 auto 0 0; width: min(58vw, 930px); pointer-events: none; background-image: radial-gradient(circle, rgba(88, 167, 215, .24) 1.25px, transparent 1.9px); background-size: 13px 13px; mask-image: radial-gradient(ellipse at 26% 100%, #000 0%, rgba(0,0,0,.78) 38%, transparent 73%); opacity: .72; }
.footer-grid{ position: relative; display: grid; grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(130px, .72fr)); gap: clamp(32px, 5vw, 88px); }
.footer-brand{ display: flex; align-items: flex-start; }
.footer-platform{ margin: 0; }
.footer-column h2{ margin: 0; color: var(--navy); font-size: 16px; font-weight: 620; line-height: 1.3; }
.footer-column ul{ display: grid; gap: 13px; margin: 21px 0 0; padding: 0; list-style: none; }
.footer-column a{ color: #66708e; font-size: 14px; line-height: 1.45; text-decoration: none; transition: color .18s ease; }
.footer-column a:hover,.footer-column a:focus-visible{ color: var(--navy); }
.footer-bottom{ position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: clamp(64px, 9vw, 126px); padding-top: 20px; border-top: 1px solid rgba(17, 26, 63, .10); color: #7d859c; font-size: 12px; }
.footer-cn-mark{ display: block; width: 60px; height: 60px; object-fit: contain; }
.motion .site-header{ opacity: 0; transform: translateY(-10px); }
.motion.ready .site-header{
      opacity: 1;
      transform: translateY(0);
      transition: opacity .8s ease-out .55s, transform .8s cubic-bezier(.16, 1, .3, 1) .55s;
    }
@media (max-width: 1280px){:root{--shell: calc(100vw - 112px);}
.header-inner{ grid-template-columns: minmax(190px, 1fr) auto 102px; gap: 20px; }
.primary-nav{ gap: 18px; }
.primary-nav a{ font-size: 13px; }}
@media (max-width: 1040px){:root{--header-h: 82px;--shell: calc(100vw - 64px);}
.header-inner{ grid-template-columns: 44px minmax(0, 1fr) 94px; }
.menu-toggle{ grid-column: 1; grid-row: 1; }
.platform-name{ grid-column: 2; grid-row: 1; }
.brand-mark{ grid-column: 3; grid-row: 1; }
.primary-nav{
        position: fixed;
        inset: var(--header-h) 24px auto;
        display: grid;
        height: auto;
        gap: 0;
        padding: 10px 18px;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: rgba(var(--paper-rgb), .97);
        box-shadow: 0 18px 60px rgba(17, 26, 63, .12);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
        max-height: calc(100svh - var(--header-h) - 24px);
        overflow-y: auto;
        transition: opacity .25s ease, transform .25s ease, visibility .25s;
      }
.site-header.menu-open .primary-nav{ opacity: 1; visibility: visible; transform: translateY(0); }
.nav-item{ display: block; height: auto; border-bottom: 1px solid rgba(17,26,63,.08); }
.nav-item:last-child{ border-bottom: 0; }
.nav-topline{ justify-content: space-between; }
.nav-parent{ flex: 1; padding: 15px 3px; font-size: 13px; }
.nav-parent::after{ display: none; }
.nav-disclosure{ width: 38px; height: 42px; }
.mega-panel{
        position: static;
        top: auto;
        left: auto;
        right: auto;
        width: auto;
        display: none;
        padding: 0 0 12px;
        border: 0;
        background: transparent;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: auto;
      }
.nav-item.is-open .mega-panel{ display: block; }
.mega-inner{ width: auto; display: grid; grid-template-columns: 1fr; gap: 0; }
.mega-heading{ margin: 0 3px 5px; color: var(--blue); font-size: 10px; font-weight: 750; letter-spacing: .12em; }
.mega-link{ min-height: 0; padding: 10px 14px; border-radius: 10px; }
.mega-link::before{ left: 13px; font-size: 17px; }
.mega-link strong{ font-size: 13px; }
.mega-link small{ display: none; }
.menu-toggle{
        display: grid;
        place-items: center;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--navy);
      }
.menu-toggle::before,.menu-toggle::after{ content: none; display: none; }
.menu-toggle img{ display: block; width: 23px; height: 23px; aspect-ratio: 1; object-fit: contain; }
.brand-mark,.brand-mark img{ width: 94px; height: 33px; }
.footer-grid{ grid-template-columns: 1fr 1fr; }
.footer-brand{ grid-column: 1 / -1; }}
@media (max-width: 640px){:root{--shell: calc(100vw - 40px);--header-safe-top: max(env(safe-area-inset-top, 0px), 26px);--header-h: calc(76px + var(--header-safe-top));}
.platform-name{ display: none; }
.brand-mark{ display: none; }
.mobile-search{ display: block; grid-column: 2; grid-row: 1; min-width: 0; }
.mobile-search input{ display: block; width: 100%; height: 42px; padding: 0 16px; border: 1px solid rgba(17,26,63,.10); border-radius: 21px; background: #f1f3f5; color: var(--navy); font: inherit; font-size: 14px; outline: none; }
.mobile-search input:focus{ border-color: rgba(36,73,164,.55); background: #fff; }
.brand-mark,.brand-mark img{ width: 76px; height: 30px; }
.header-inner{ grid-template-columns: 44px 1fr auto; gap: 10px; }
.header-inner{ height: 76px; }
.site-header{ padding-top: var(--header-safe-top); box-sizing: border-box; }
.menu-toggle{
        grid-column: 1;
        grid-row: 1;
        width: 44px;
        height: 44px;
        border: 0;
        border-radius: 12px;
        background: transparent;
      }
.menu-toggle::before,.menu-toggle::after{ content: none; display: none; }
.menu-toggle img{ display: block; flex: none; width: 23px; height: 23px; aspect-ratio: 1; object-fit: contain; }
.primary-nav{ display: none !important; }
.mobile-drawer-scrim{ display: block; position: fixed; inset: var(--header-h) 0 0; z-index: 40; background: rgba(17,26,63,.28); opacity: 0; visibility: hidden; transition: opacity .24s ease, visibility .24s; }
.mobile-drawer{ display: block; position: fixed; inset: var(--header-h) auto 0 0; z-index: 41; width: min(84vw,360px); padding: 0 18px 28px; overflow-y: auto; border-radius: 0 18px 18px 0; background: #fff; box-shadow: 18px 0 48px rgba(17,26,63,.16); transform: translateX(-102%); transition: transform .32s cubic-bezier(.22,1,.36,1); }
body.mobile-menu-open .mobile-drawer{ transform: translateX(0); }
body.mobile-menu-open .mobile-drawer-scrim{ opacity: 1; visibility: visible; }
.mobile-drawer-head{ display: flex; align-items: center; justify-content: space-between; min-height: 92px; padding: 0 10px; border-bottom: 1px solid rgba(17,26,63,.10); color: var(--navy); text-decoration: none; }
.mobile-drawer-head strong{ color: var(--navy); font-size: 15px; font-weight: 700; letter-spacing: .02em; }
.mobile-drawer-head img{ width: 84px; height: 28px; object-fit: contain; object-position: right center; }
.mobile-drawer > .mobile-drawer-head::before{ display: none; }
.mobile-drawer nav{ display: grid; }
.mobile-drawer nav > a{ font-size: 14px; font-weight: 600; line-height: 1.6; }
.mobile-drawer a{ display: flex; align-items: center; min-height: 56px; padding: 0 10px; border-bottom: 1px solid rgba(17,26,63,.10); color: var(--navy); font-size: 16px; font-weight: 600; text-decoration: none; }
.mobile-drawer a::before{ content: ""; width: 5px; height: 5px; margin-right: 13px; border-radius: 50%; background: var(--blue); opacity: .75; }
.mobile-drawer a:last-child{ border-bottom: 0; }
.mobile-drawer > .mobile-drawer-head{ min-height: 92px; padding: 0 10px; border-bottom: 1px solid rgba(17,26,63,.10); font-size: inherit; font-weight: inherit; }
.site-header.menu-open::before{
        content: "";
        position: fixed;
        inset: var(--header-h) 0 0;
        z-index: 16;
        background: rgba(17, 26, 63, .28);
      }
.primary-nav{
        inset: var(--header-h) auto 0 0;
        z-index: 19;
        width: min(84vw, 360px);
        max-height: none;
        padding: 0 18px 28px;
        border: 0;
        border-radius: 0 18px 18px 0;
        box-shadow: 18px 0 48px rgba(17, 26, 63, .16);
        transform: translateX(-102%);
        transition: opacity .24s ease, transform .32s cubic-bezier(.22, 1, .36, 1), visibility .24s;
      }
.site-header.menu-open .primary-nav{ transform: translateX(0); }
.primary-nav{ grid-auto-rows: max-content; align-content: start; }
.drawer-head{ display: flex !important; align-items: center; justify-content: space-between; min-height: 92px; padding: 0 10px; border-bottom: 1px solid rgba(17,26,63,.10); opacity: 1 !important; visibility: visible !important; }
.drawer-head strong{ color: var(--navy); font-size: 15px; font-weight: 700; letter-spacing: .02em; }
.drawer-head img{ width: 84px; height: 28px; object-fit: contain; object-position: right center; }
.primary-nav .nav-item{ display: block !important; height: auto !important; opacity: 1 !important; visibility: visible !important; border-bottom: 1px solid rgba(17,26,63,.10); }
.nav-item:last-child{ border-bottom: 0; }
.primary-nav .nav-topline{ display: block !important; padding: 0; }
.primary-nav .nav-parent{ display: flex !important; align-items: center; min-height: 56px; padding: 0 10px; color: var(--navy) !important; font-size: 16px; font-weight: 600; opacity: 1 !important; visibility: visible !important; }
.nav-parent::before{ content: ""; width: 5px; height: 5px; margin-right: 13px; border-radius: 50%; background: var(--blue); opacity: .75; }
.nav-disclosure,.mega-panel{ display: none !important; }
.site-footer{ padding-top: 52px; border-top: 0; }
.footer-grid{ grid-template-columns: 1fr; gap: 34px; }
.footer-brand{ grid-column: auto; }
.site-footer .footer-column{ display: none; }
.site-footer .footer-grid{ gap: 0; }
.footer-bottom{ flex-direction: column; align-items: center; gap: 16px; margin-top: 36px; padding-top: 0; border-top: 0; text-align: center; }}
@media (prefers-reduced-motion: reduce){.motion .site-header{ opacity: 1; transform: none; filter: none; clip-path: none; }}
    :root{--header:var(--header-h);--rail:0px}html{scroll-padding-top:calc(var(--header-h) + 16px)}
    .site-header :focus-visible,.mobile-drawer :focus-visible{outline:2px solid var(--blue);outline-offset:4px}
    .site-header .nav-item.is-dismissed .mega-panel{opacity:0;visibility:hidden;pointer-events:none}
.mobile-drawer[aria-hidden="true"]{visibility:hidden}.mobile-drawer-scrim{border:0}

    .site-header .newcomer-menu-group{min-width:0}.site-header .newcomer-menu-section{display:flex;align-items:baseline;gap:10px;min-height:44px;padding:8px 12px;margin-bottom:4px;border-radius:10px;text-decoration:none;font-size:16px;color:var(--navy)}.site-header .newcomer-menu-section>span{color:#71809b;font-size:14px}.site-header .newcomer-menu-section>strong{font-size:16px;font-weight:600}.site-header .newcomer-menu-link{display:block;min-height:42px;padding:11px 12px 11px 36px;border-radius:10px;text-decoration:none;color:#536079;font-size:14px;line-height:1.5}.site-header .newcomer-menu-section:hover,.site-header .newcomer-menu-link:hover{background:var(--surface-muted)}.newcomer-menu-quick{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;min-height:44px;margin-top:12px;padding:12px 16px;border-radius:10px;background:#f3f4f6;color:var(--blue);font-size:14px!important;text-decoration:none}
    /* Phones and narrow desktop windows use this same navigation tree and drawer. */
    @media(max-width:1040px){
      .site-header .primary-nav{display:none!important}
      body.mobile-menu-open{overflow:hidden}
      .mobile-drawer-scrim{display:block;position:fixed;inset:var(--header-h) 0 0;z-index:40;background:rgba(17,26,63,.28);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s}
      .mobile-drawer{display:block;position:fixed;inset:var(--header-h) auto 0 0;z-index:41;box-sizing:border-box;width:min(84vw,360px);padding:0 18px 28px;overflow-y:auto;overscroll-behavior:contain;border-radius:0 18px 18px 0;background:#fff;box-shadow:18px 0 48px rgba(17,26,63,.16);transform:translateX(-102%);transition:transform .32s cubic-bezier(.22,1,.36,1)}
      body.mobile-menu-open .mobile-drawer{transform:translateX(0)}
      body.mobile-menu-open .mobile-drawer-scrim{opacity:1;visibility:visible}
      .mobile-drawer>.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:92px;padding:0 10px;border-bottom:1px solid rgba(17,26,63,.10);color:var(--navy);text-decoration:none}
      .mobile-drawer-head strong{font-size:15px;font-weight:700;letter-spacing:.02em}
      .mobile-drawer-head img{flex:none;width:84px;height:28px;object-fit:contain}
      .mobile-drawer>.mobile-drawer-head::before{display:none}
      .mobile-drawer nav{display:grid}
      .mobile-nav-section{border-bottom:1px solid rgba(17,26,63,.10)}
      .mobile-nav-section:last-child{border-bottom:0}
      .mobile-nav-section>summary{display:flex;align-items:center;gap:0;min-height:56px;padding:0 10px;list-style:none;color:var(--navy);font-size:14px;font-weight:600;line-height:1.6;cursor:pointer}
      .mobile-nav-section>summary::-webkit-details-marker{display:none}
      .mobile-nav-section>summary::before{content:"";flex:none;width:5px;height:5px;margin-right:13px;border-radius:50%;background:var(--blue);opacity:.75}
      .mobile-nav-section>summary::after{content:"";flex:none;width:6px;height:6px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
      .mobile-nav-section[open]>summary::after{transform:rotate(225deg)}
      .mobile-nav-section>summary:hover{background:var(--surface-muted)}
      .mobile-nav-links{padding:0 8px 16px 18px}
      .mobile-drawer .mobile-nav-links .mobile-nav-link{display:flex;align-items:center;min-height:44px;padding:10px 8px 10px 26px;border:0;border-radius:8px;color:#536079;font-size:14px;font-weight:400;line-height:1.6;text-decoration:none}
      .mobile-drawer .mobile-nav-link::before{display:none}
      .mobile-drawer .mobile-nav-link:hover,.mobile-drawer .newcomer-menu-link:hover{background:var(--surface-muted)}
      .mobile-drawer .newcomer-menu-group{margin:4px 0 12px}
      .mobile-drawer .newcomer-menu-section,.mobile-drawer .newcomer-menu-link,.mobile-drawer .newcomer-menu-quick{display:flex;align-items:baseline;min-height:44px;padding:10px 8px;border:0;font-size:14px;line-height:1.6;text-decoration:none}
      .mobile-drawer .newcomer-menu-section{gap:8px;font-weight:600}
      .mobile-drawer .newcomer-menu-section>span{color:#71809b;font-weight:400}
      .mobile-drawer .newcomer-menu-section strong{font-size:14px;font-weight:600}
      .mobile-drawer .newcomer-menu-link{padding-left:32px;color:#536079;font-weight:400}
      .mobile-drawer .newcomer-menu-section::before,.mobile-drawer .newcomer-menu-link::before,.mobile-drawer .newcomer-menu-quick::before{display:none}
      .mobile-drawer .newcomer-menu-quick{padding:10px 12px;margin-top:4px;color:var(--blue);font-weight:400}
    }
    @media(prefers-reduced-motion:reduce){.site-header,.site-header *,.site-header *::before,.site-header *::after,.mobile-drawer,.mobile-drawer-scrim{transition:none!important}}
    
/* Shared chrome also serves the existing company, product, course and recruit pages. */
.site-header,.site-footer,.mobile-drawer{--navy:#111a3f;--blue:#2449a4}
.legacy-pages{padding-top:var(--header-h)}
.legacy-pages .global-search-results{top:var(--header-h)}
.legacy-pages .site-header .drawer-head{display:none!important}
.legacy-pages .site-header a,.legacy-pages .mobile-drawer a,.legacy-pages .site-footer a{color:inherit}
.legacy-pages .site-header .newcomer-menu-link,.legacy-pages .mobile-drawer .newcomer-menu-link{color:#536079}
.legacy-pages .site-footer .footer-column a{color:#66708e}
.legacy-pages .site-footer h2{font-size:16px;font-weight:620;line-height:1.3}