html{scroll-behavior:smooth}
body.spa-site{min-height:100vh}
#app{min-height:100vh}
.route-view{animation:kotechSpaFade .24s ease both}
@keyframes kotechSpaFade{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}
.nav-dropdown::before,.nav-dropdown::after,.nav-dropdown-wrap::before,.nav-dropdown-wrap::after{display:none!important;content:none!important}
.nav-menu-link:focus-visible,.global-menu-layer a:focus-visible,.lang-toggle:focus-visible,.all-menu-toggle:focus-visible{outline:3px solid rgba(47,111,237,.28);outline-offset:3px}
body.global-menu-open{overflow:hidden}
body:not(.global-menu-open) .global-menu-layer{pointer-events:none}
.global-menu-layer[aria-hidden="false"]{pointer-events:auto}

[data-include]{display:none!important}

@media (min-width:761px){
  .header .nav-dropdown-wrap:not(:hover):focus-within > .nav-dropdown{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(0,-18px,0)!important;
  }
  .header .nav-dropdown-wrap:not(:hover):focus-within > .nav-menu-link::before{
    transform:scaleX(0)!important;
  }
  .header .nav-dropdown-wrap:not(:hover):focus-within > .nav-menu-link{
    color:inherit!important;
    background:transparent!important;
  }
  .header .nav-dropdown-wrap.is-click-open,
  .header .nav-dropdown-wrap.is-click-open *{
    pointer-events:auto;
  }
}

.company-main,.promotion-main{scroll-margin-top:88px}
#promoClientGrid .promo-client-card.hidden,
#promoClientGrid .promo-client-card[hidden]{display:none!important}
.home-page .back-to-top{z-index:9000!important;background:#2446a5!important;color:#fff!important;border:1px solid rgba(255,255,255,.38)!important;box-shadow:0 18px 46px rgba(36,70,165,.28),0 6px 14px rgba(7,20,38,.14)!important}
.home-page .back-to-top.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}
.home-page .back-to-top:hover{background:#102c78!important;color:#fff!important;transform:translateY(-3px) scale(1)!important}
@media (max-width:760px){.home-page .back-to-top{right:18px!important;bottom:92px!important;width:48px!important;height:48px!important}}

.route-view .back-to-top:not(.spa-global-back-to-top),
.detail-main-footer .back-to-top:not(.spa-global-back-to-top){display:none!important}
.home-page .spa-global-back-to-top,
.detail-page .spa-global-back-to-top,
.spa-global-back-to-top{
  right:var(--kotech-float-right,24px)!important;
  bottom:calc(var(--kotech-float-bottom,24px) + var(--kotech-float-size,56px) + var(--kotech-float-gap,12px))!important;
  z-index:9500!important;
  width:var(--kotech-float-size,56px)!important;
  height:var(--kotech-float-size,56px)!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.92)!important;
  color:#071426!important;
  border:1px solid rgba(13,45,104,.12)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  box-shadow:0 14px 34px rgba(7,20,38,.13),0 3px 10px rgba(7,20,38,.07)!important;
  font-size:23px!important;
  font-weight:900!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(12px) scale(.96)!important;
  transition:opacity .22s ease,transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease!important;
}
.home-page .spa-global-back-to-top.show,
.detail-page .spa-global-back-to-top.show,
.spa-global-back-to-top.show{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
}
.home-page .spa-global-back-to-top:hover,
.detail-page .spa-global-back-to-top:hover,
.spa-global-back-to-top:hover{
  background:#2446a5!important;
  color:#fff!important;
  transform:translateY(-3px) scale(1)!important;
  box-shadow:0 20px 44px rgba(36,70,165,.22),0 5px 14px rgba(36,70,165,.16)!important;
}
.spa-global-back-to-top span{display:block!important;transform:translateY(-1px)!important}
body.kc-chat-open .spa-global-back-to-top{opacity:0!important;pointer-events:none!important;transform:translateY(10px) scale(.94)!important}
@media (max-width:760px){
  .home-page .spa-global-back-to-top,
  .detail-page .spa-global-back-to-top,
  .spa-global-back-to-top{
    right:var(--kotech-float-right,18px)!important;
    bottom:calc(var(--kotech-float-bottom,18px) + var(--kotech-float-size,52px) + var(--kotech-float-gap,10px))!important;
    width:var(--kotech-float-size,52px)!important;
    height:var(--kotech-float-size,52px)!important;
  }
}

body.spa-site{--anchor-offset:96px;scroll-padding-top:var(--anchor-offset)}
body.home-page{--anchor-offset:96px}
body.detail-page{--anchor-offset:108px}
body.ai-eval-page{--anchor-offset:124px}
body.company-page,
body.promotion-detail-page{--anchor-offset:92px}
[id]{scroll-margin-top:var(--anchor-offset)}

@media (max-width:760px){
  .spa-global-back-to-top,
  .back-to-top{display:none!important}
}
body.kc-chat-open .spa-global-back-to-top,
body.kc-chat-open .back-to-top{display:none!important}

.home-section-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.home-detail-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  letter-spacing:-.02em;
  text-decoration:none;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease,color .22s ease;
}
.home-detail-btn i{font-style:normal;font-size:14px;line-height:1;transition:transform .22s ease}
.home-detail-btn.primary{
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#0f4edc);
  border:1px solid rgba(37,99,235,.18);
  box-shadow:0 14px 30px rgba(37,99,235,.20);
}
.home-detail-btn.ghost{
  color:#17396f;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(96,139,210,.25);
  box-shadow:0 10px 22px rgba(20,50,95,.08);
}
.home-detail-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(37,99,235,.20),0 8px 18px rgba(15,34,68,.08);
}
.home-detail-btn:hover i{transform:translateX(3px)}
.field-detail-actions{margin-top:18px;padding-top:16px;border-top:1px solid rgba(91,122,171,.14)}
.field-detail-actions .home-detail-btn{flex:1 1 180px}
.home-company-actions{margin-top:20px}
.home-promo-actions{justify-content:center;margin-top:18px}
@media (min-width:761px){
  body[data-main-nav-jump="true"] .header .nav-dropdown,
  body[data-main-nav-jump="true"] .header .nav-dropdown-wrap:hover > .nav-dropdown,
  body[data-main-nav-jump="true"] .header .nav-dropdown-wrap:focus-within > .nav-dropdown{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(0,-18px,0)!important;
  }
  body[data-main-nav-jump="true"] .header .nav-dropdown-wrap:hover > .nav-menu-link::before,
  body[data-main-nav-jump="true"] .header .nav-dropdown-wrap:focus-within > .nav-menu-link::before{transform:scaleX(0)!important}
}
@media (max-width:760px){
  .home-section-actions{gap:8px;margin-top:14px}
  .home-detail-btn{min-height:40px;padding:0 15px;font-size:12.5px}
  .home-promo-actions{justify-content:flex-start}
}

.promotion.promo-assets-final .promo-card-head.home-promo-card-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 16px!important;
}
.promotion.promo-assets-final .home-promo-head-copy{
  min-width:0;
}
.promotion.promo-assets-final .home-promo-head-copy p{
  margin-top:7px!important;
  max-width:360px!important;
}
.promotion.promo-assets-final .promo-card-more{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:38px;
  padding:0 10px 0 16px;
  border-radius:999px;
  color:#1454d8;
  font-size:12.5px;
  font-weight:900;
  letter-spacing:-.025em;
  text-decoration:none;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,248,255,.92));
  border:1px solid rgba(65,114,214,.22);
  box-shadow:0 10px 22px rgba(28,65,130,.10);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease;
}
.promotion.promo-assets-final .promo-card-more i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:50%;
  color:#fff;
  font-size:17px;
  font-style:normal;
  line-height:1;
  font-weight:900;
  background:linear-gradient(135deg,#2563eb,#0f4edc);
  box-shadow:0 8px 16px rgba(37,99,235,.23);
  transition:transform .22s ease;
}
.promotion.promo-assets-final .promo-card-more:hover{
  color:#0b3fb3;
  transform:translateY(-2px);
  border-color:rgba(37,99,235,.36);
  box-shadow:0 16px 30px rgba(28,65,130,.14);
}
.promotion.promo-assets-final .promo-card-more:hover i{
  transform:rotate(90deg) scale(1.04);
}
@media (max-width:760px){
  .promotion.promo-assets-final .promo-card-head.home-promo-card-head{
    align-items:flex-start!important;
    gap:12px!important;
  }
  .promotion.promo-assets-final .promo-card-more{
    min-height:34px;
    padding:0 8px 0 12px;
    font-size:11.5px;
  }
  .promotion.promo-assets-final .promo-card-more i{
    width:22px;
    height:22px;
    font-size:15px;
  }
}

html,body,#root{max-width:100%;overflow-x:hidden}
img,video,iframe,svg{max-width:100%}
*{box-sizing:border-box}
.route-view{width:100%;min-width:0}
.detail-wrap,.wrap{min-width:0}
.detail-hero-grid,.detail-section-head,.detail-card-grid,.detail-pill-row,.detail-hero-proof{min-width:0}
.detail-hero-copy,.detail-desc,.detail-card p,.company-page p,.promotion-detail-page p{overflow-wrap:anywhere;word-break:keep-all}
.lang-en .detail-hero-copy,.lang-en .detail-desc,.lang-en .detail-card p,.lang-en .company-page p,.lang-en .promotion-detail-page p{word-break:normal;overflow-wrap:break-word}
@media(max-width:760px){
  html,body{width:100%;min-width:0;overscroll-behavior-x:none}
  body{font-size:15px}
  .wrap,.detail-wrap{width:100%;padding-left:18px!important;padding-right:18px!important}
  .detail-main{overflow-x:hidden}
  .detail-hero{min-height:auto!important;padding-top:92px!important;padding-bottom:48px!important}
  .detail-hero-grid{display:grid!important;grid-template-columns:1fr!important;gap:26px!important}
  .detail-hero-visual{max-width:100%;overflow:hidden}
  .detail-hero h1,.detail-title,.company-hero-title,.promotion-hero-title{font-size:clamp(34px,10vw,46px)!important;line-height:1.08!important;letter-spacing:-.055em!important}
  .detail-section{padding:58px 0!important;min-height:auto!important}
  .detail-section-head{display:block!important;margin-bottom:24px!important}
  .detail-card-grid{grid-template-columns:1fr!important;gap:14px!important}
  .detail-quick{overflow-x:auto!important;justify-content:flex-start!important;border-radius:22px!important;-webkit-overflow-scrolling:touch}
  .detail-quick-inner{width:max-content;min-width:100%;justify-content:flex-start!important}
  .detail-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .detail-btn{width:100%;justify-content:center;text-align:center}
  .detail-pill-row,.detail-hero-proof{gap:8px!important}
  .detail-pill{white-space:normal!important}
  .detail-page #demo,.detail-page .demo-section,.detail-page [id$="Demo"],.detail-page .score-original-demo-frame,.detail-page .cms-demo-frame,.detail-page .lms-demo-frame,.detail-page .ocrd-demo,.detail-page .ae-demo,.detail-page .cbd-demo{display:none!important}
  .detail-page a[href="#demo"],.detail-page a[href="#eval-demo"],.detail-page a[href="#ocr-demo"]{display:none!important}
  iframe{max-width:100%!important}
  table{width:100%!important;max-width:100%!important}
  .nav-dropdown{display:none!important}
  .global-menu-shell{width:calc(100% - 24px)!important;max-height:calc(100vh - 24px)!important;overflow:auto!important;border-radius:28px!important}
  .global-menu-grid,.refined-global-menu-grid{grid-template-columns:1fr!important}
  .mobile-nav-panel{max-width:min(420px,92vw)!important}
  .spa-global-back-to-top{right:16px!important;bottom:16px!important}
}
@media(max-width:420px){
  .wrap,.detail-wrap{padding-left:14px!important;padding-right:14px!important}
  .detail-hero h1,.detail-title,.company-hero-title,.promotion-hero-title{font-size:clamp(30px,11vw,40px)!important}
  .detail-section{padding:48px 0!important}
}

/* Mobile: hide interactive business demos that are hard to operate on small screens. */
@media(max-width:760px){
  .detail-page #eval-demo,
  .detail-page #ocr-demo,
  .detail-page #cms-demo,
  .detail-page #lms-demo,
  .detail-page #score-demo,
  .detail-page .ae-demo-section,
  .detail-page .ocrd-demo-section,
  .detail-page .detail-demo-section,
  .detail-page .embedded-demo-section,
  .detail-page [data-ae-demo="evaluation"]{
    display:none!important;
  }
  .detail-page a[href="#eval-demo"],
  .detail-page a[href="#ocr-demo"],
  .detail-page a[href="#cms-demo"],
  .detail-page a[href="#lms-demo"],
  .detail-page a[href="#score-demo"]{
    display:none!important;
  }
}