/* Navigation controls share one lightweight SVG system. */
html{--site-header-offset:64px;scrollbar-gutter:stable;scroll-padding-top:calc(var(--site-header-offset) + 16px)}
[hidden]{display:none!important}
.header{position:fixed;top:0;left:0;right:0;transition:background-color 180ms ease,box-shadow 180ms ease}
.header.is-scrolled,.header.header-hover{background:#fff;box-shadow:0 4px 20px #162a4e14}
.header.is-scrolled .main-box .logo .cybertron1{display:none}
.header.is-scrolled .main-box .logo .cybertron2{display:block}
.header.is-scrolled .main-box .nav>li,.header.is-scrolled .main-box .nav>li>a{color:#26344c}
.ui-icon{box-sizing:border-box;display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle;pointer-events:none}
button.nav-trigger,button.fir-tle,button.open-nav,button.back-top{appearance:none;border:0;margin:0;font:inherit;color:inherit;background:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.header .main-box .nav>li>.nav-trigger{position:relative;display:block;height:64px;line-height:64px;padding:0 30px;font-size:14px;cursor:pointer}
.header .nav-trigger .nav-chevron{position:absolute;right:8px;top:25px;width:14px;height:14px;transition:transform 180ms ease}
.header .nav-trigger[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}
.header .main-box .second-nav .box .box-logo{display:grid;place-items:center;background:#f1f4f9;border:1px solid #e7ecf4;border-radius:16px;color:#1d356d}
.header .box-logo .nav-category-icon{width:48px;height:48px;stroke-width:1.45}
.menu-icon{width:24px;height:24px}
.menu-line{transform-origin:12px 12px}
.menu-line-top{transform:translateY(calc((1 - var(--menu-progress,0)) * -5px)) rotate(calc(var(--menu-progress,0) * 45deg))}
.menu-line-middle{opacity:calc(1 - var(--menu-progress,0));transform:scaleX(calc(1 - var(--menu-progress,0) * .8))}
.menu-line-bottom{transform:translateY(calc((1 - var(--menu-progress,0)) * 5px)) rotate(calc(var(--menu-progress,0) * -45deg))}
.accordion-panel{--accordion-rows:0fr;display:grid;grid-template-rows:var(--accordion-rows)}
.accordion-inner{min-height:0;overflow:hidden;opacity:0;transform:translateY(-6px)}
.accordion-panel.is-animating>.accordion-inner{will-change:transform,opacity}
.accordion-icon{transform-origin:center;transform:rotate(0deg)}
.back-top[aria-label]{display:none;place-items:center;border-radius:50%;background:#fff;color:#243c6a;box-shadow:0 5px 24px #162a4e24;border:1px solid #e7ebf2}
.back-top>.ui-icon{width:24px;height:24px;position:absolute;inset:0;margin:auto}
.carousel-toggle{display:inline-grid;place-items:center;border-radius:6px;width:28px;height:28px;padding:5px;line-height:1}
.carousel-toggle .ui-icon{width:16px;height:16px;stroke-width:1.8}
.ecosystem-icon{display:block;width:70px;height:70px;margin:0 auto;padding:15px;border:1px solid #e7ecf4;border-radius:18px;background:#f4f6fa;color:#1d356d;stroke-width:1.5}
.detail-arrow{display:inline-block;width:18px;height:18px;margin-left:10px;vertical-align:middle}
@media(max-width:1024px){
  html{--site-header-offset:calc(clamp(56px,1rem,72px) + env(safe-area-inset-top,0px))}
  .m-header{--mobile-header-height:clamp(56px,1rem,72px);position:fixed;top:0;left:0;right:0;height:calc(var(--mobile-header-height) + env(safe-area-inset-top,0px))}
  .m-header .m-main-box .m-nav-head{height:calc(var(--mobile-header-height) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);transition:background-color 180ms ease,box-shadow 180ms ease;z-index:2}
  .m-header.is-scrolled .m-main-box .m-nav-head,.m-header.is-menu-open .m-main-box .m-nav-head{background:#fff;box-shadow:0 4px 20px #162a4e14}
  .m-header.is-scrolled .m-nav-head .cybertron1{display:none}
  .m-header.is-scrolled .m-nav-head .cybertron2{display:block}
  .m-header .m-main-box .m-nav-head>a{width:100px;height:auto;top:calc(50% + env(safe-area-inset-top,0px)/2);left:16px;margin:0;transform:translateY(-50%)}
  .m-header .m-main-box .m-nav-head .open-nav{display:grid;place-items:center;width:44px;height:44px;top:calc(50% + env(safe-area-inset-top,0px)/2);right:10px;margin:0;transform:translateY(-50%);border-radius:12px;color:#fff;transition:color 180ms ease,background-color 180ms ease;cursor:pointer}
  .m-header.is-scrolled .m-nav-head .open-nav,.m-header.is-menu-open .m-nav-head .open-nav{color:#213452;background:#f2f5f9}
  .m-header .open-nav:active{background:#a8b8d82b}
  .m-header .mobile-drawer{position:fixed;inset:0;height:100vh;height:100dvh;padding-top:calc(var(--mobile-header-height) + env(safe-area-inset-top,0px));background:#fff;opacity:0;transform:translateY(-12px);z-index:1;contain:layout paint}
  .mobile-drawer.is-animating{will-change:transform,opacity}
  .mobile-drawer-scroll{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
  .m-header .m-main-box .mobile-drawer .m-nav{display:block;position:static;inset:auto;padding:10px 0 calc(24px + env(safe-area-inset-bottom,0px));margin:0;background:transparent;overflow:visible}
  .m-header .m-main-box .m-nav .fir:not(:last-child){border-bottom:1px solid #edf0f5}
  .m-header .m-main-box .m-nav .fir>.fir-tle,.m-header .m-main-box .m-nav .fir>a{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:60px;height:auto;padding:18px 22px;line-height:24px;text-align:left;font-size:16px;font-weight:500;letter-spacing:.02em;color:#26344c}
  .m-header .m-main-box .m-nav .fir>.fir-tle[aria-expanded=true]{color:#1d356d}
  .m-header .m-main-box .m-nav .fir .fir-tle .status,.m-footer .m-nav .fir .fir-tle .status{display:flex;align-items:center;justify-content:center;float:none;width:24px;height:24px;color:inherit}
  .fir-tle .status .ui-icon{width:19px;height:19px}
  .m-header .m-main-box .m-nav .accordion-panel .sec{display:block;padding:8px 22px 18px;background:#f6f8fb;border-radius:0;margin:0}
  .m-header .m-main-box .m-nav .accordion-panel .sec li{padding:12px 0 4px}
  .m-header .m-main-box .m-nav .accordion-panel .sec p{padding:0 12px 8px;font-size:12px;line-height:20px;color:#8791a3;letter-spacing:.06em}
  .m-header .m-main-box .m-nav .accordion-panel .sec a{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:14px;line-height:24px;color:#34425a;border-radius:8px;-webkit-tap-highlight-color:transparent}
  .m-header .m-main-box .m-nav .accordion-panel .sec a:active{background:#e9eef6;color:#1d356d}
  .m-header .m-main-box .m-nav .accordion-panel .sec a[aria-current=page]{background:#e9eef6;color:#1d356d}
  .m-footer .m-nav .fir>button.fir-tle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:60px;height:auto;padding:18px 22px;line-height:24px;font-size:14px;text-align:left}
  .m-footer .m-nav .fir .accordion-panel .sec{display:block;padding:12px 22px 20px}
  .m-footer .m-nav .fir .accordion-panel .sec li{padding-bottom:14px}
  .m-footer .m-nav .fir .accordion-panel .sec p{font-size:12px;line-height:20px;padding:0 12px 8px}
  .m-footer .m-nav .fir .accordion-panel .sec a{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:13px;line-height:24px}
  .m-footer .m-nav .fir .accordion-panel .sec span{font-size:13px;line-height:24px}
  .ecosystem-icon{width:44px;height:44px;padding:10px;border-radius:12px}
  .carousel-toggle{width:28px;height:28px;padding:5px;right:12px;bottom:8px}
  .m-sec3-swiper-container .carousel-toggle{bottom:8px}
  .detail-arrow{width:16px;height:16px}
}
@media(prefers-reduced-motion:reduce){.header,.header .nav-trigger .nav-chevron,.m-header .m-main-box .m-nav-head,.m-header .m-main-box .m-nav-head .open-nav{transition:none}}