/* KENMOS opening brand animation - additive frontend layer */
.kenmos-intro{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:none;
  place-items:center;
  min-height:100vh;
  overflow:hidden;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  background:
    radial-gradient(circle at 14% 15%,rgba(0,120,255,.42),transparent 32%),
    radial-gradient(circle at 82% 14%,rgba(255,185,38,.34),transparent 28%),
    radial-gradient(circle at 70% 86%,rgba(124,82,255,.24),transparent 35%),
    radial-gradient(circle at 35% 76%,rgba(14,224,255,.30),transparent 36%),
    linear-gradient(135deg,#06172b 0%,#0b3363 31%,#06264a 56%,#073d6b 100%);
  transition:opacity .48s ease,visibility .48s ease;
}
.kenmos-intro.is-active{display:grid;pointer-events:auto;opacity:1;visibility:visible}
.kenmos-intro.is-leaving{opacity:0;visibility:hidden}
html.kenmos-intro-lock,html.kenmos-intro-lock body{overflow:hidden!important}
.kenmos-intro__backdrop{position:absolute;inset:-16%;overflow:hidden}
.kenmos-intro__grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(87,209,255,.11) 1px,transparent 1px),
    linear-gradient(90deg,rgba(87,209,255,.11) 1px,transparent 1px),
    radial-gradient(circle at center,rgba(255,190,54,.09),transparent 46%);
  background-size:48px 48px,48px 48px,100% 100%;
  transform:perspective(780px) rotateX(62deg) translateY(12%);
  transform-origin:center bottom;
  animation:kenmosGridSweep 3s linear infinite;
}
.kenmos-intro__backdrop:before,.kenmos-intro__backdrop:after{
  content:"";
  position:absolute;
  inset:4% -18%;
  border-radius:50%;
  background:conic-gradient(from 135deg,transparent 0deg,rgba(0,117,255,.28) 34deg,rgba(14,228,255,.38) 66deg,transparent 98deg,rgba(255,188,45,.33) 140deg,transparent 190deg,rgba(132,84,255,.25) 244deg,transparent 316deg);
  opacity:.76;
  filter:blur(1px);
  animation:kenmosSpin 8s linear infinite;
}
.kenmos-intro__backdrop:after{inset:12% -5%;opacity:.42;animation-duration:10.5s;animation-direction:reverse}
.kenmos-intro__aurora{position:absolute;width:clamp(240px,34vw,560px);height:clamp(240px,34vw,560px);border-radius:999px;filter:blur(22px);mix-blend-mode:screen;opacity:.62}
.kenmos-intro__aurora--blue{left:-4%;top:1%;background:radial-gradient(circle,rgba(0,111,255,.85),rgba(0,111,255,0));animation:kenmosAuroraOne 3.1s ease-in-out infinite}
.kenmos-intro__aurora--cyan{right:-2%;top:18%;background:radial-gradient(circle,rgba(0,222,255,.70),rgba(0,222,255,0));animation:kenmosAuroraTwo 3.35s ease-in-out infinite}
.kenmos-intro__aurora--gold{left:34%;bottom:-4%;background:radial-gradient(circle,rgba(255,185,34,.62),rgba(255,185,34,0));animation:kenmosAuroraThree 3.55s ease-in-out infinite}
.kenmos-intro__beam{
  position:absolute;
  left:-30%;
  width:160%;
  border-radius:999px;
  transform-origin:center;
  background:linear-gradient(90deg,transparent 0%,rgba(0,115,255,.08) 9%,rgba(34,231,255,.92) 26%,rgba(255,193,45,.88) 44%,rgba(117,91,255,.74) 61%,rgba(0,151,255,.62) 77%,transparent 100%);
  box-shadow:0 0 20px rgba(34,207,255,.56),0 0 58px rgba(255,185,45,.32),0 0 84px rgba(119,91,255,.22);
  opacity:.82;
  mix-blend-mode:screen;
}
.kenmos-intro__beam--one{top:18%;height:4px;animation:kenmosBeamOne 2.6s ease-in-out infinite}
.kenmos-intro__beam--two{top:30%;height:2px;animation:kenmosBeamTwo 2.75s ease-in-out infinite}
.kenmos-intro__beam--three{top:43%;height:5px;opacity:.62;animation:kenmosBeamThree 2.9s ease-in-out infinite}
.kenmos-intro__beam--four{top:57%;height:1px;animation:kenmosBeamFour 3.05s ease-in-out infinite}
.kenmos-intro__beam--five{top:68%;height:4px;opacity:.72;background:linear-gradient(90deg,transparent,rgba(255,197,41,.82),rgba(255,81,156,.62),rgba(0,220,255,.78),transparent);animation:kenmosBeamFive 2.8s ease-in-out infinite}
.kenmos-intro__beam--six{top:79%;height:2px;opacity:.8;background:linear-gradient(90deg,transparent,rgba(0,196,255,.82),rgba(51,126,255,.76),rgba(255,192,51,.72),transparent);animation:kenmosBeamSix 3.15s ease-in-out infinite}
.kenmos-intro__beam--seven{top:10%;height:1px;opacity:.64;background:linear-gradient(90deg,transparent,rgba(124,255,239,.7),rgba(255,206,64,.86),transparent);animation:kenmosBeamSeven 2.65s ease-in-out infinite}
.kenmos-intro__beam--eight{top:88%;height:3px;opacity:.58;background:linear-gradient(90deg,transparent,rgba(139,94,255,.76),rgba(0,220,255,.8),rgba(255,180,34,.72),transparent);animation:kenmosBeamEight 3.25s ease-in-out infinite}
.kenmos-intro__beam--nine{top:36%;height:1px;opacity:.66;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),rgba(36,218,255,.9),transparent);animation:kenmosBeamNine 2.7s ease-in-out infinite}
.kenmos-intro__beam--ten{top:51%;height:2px;opacity:.54;background:linear-gradient(90deg,transparent,rgba(255,180,38,.76),rgba(34,246,255,.86),rgba(0,112,255,.72),transparent);animation:kenmosBeamTen 3s ease-in-out infinite}
.kenmos-intro__particle{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(33,205,255,.16),0 0 28px rgba(0,142,255,.85),0 0 54px rgba(255,190,38,.36);animation:kenmosParticle 2.35s ease-in-out infinite;mix-blend-mode:screen}
.kenmos-intro__particle--1{left:10%;top:22%;animation-delay:.05s}.kenmos-intro__particle--2{left:22%;top:70%;animation-delay:.18s}.kenmos-intro__particle--3{left:39%;top:18%;animation-delay:.35s}.kenmos-intro__particle--4{left:51%;top:80%;animation-delay:.52s}.kenmos-intro__particle--5{right:33%;top:55%;animation-delay:.68s}.kenmos-intro__particle--6{right:16%;top:30%;animation-delay:.82s}.kenmos-intro__particle--7{right:9%;bottom:16%;animation-delay:1s}.kenmos-intro__particle--8{left:8%;bottom:20%;animation-delay:1.18s}

.kenmos-intro__stage{
  position:relative;
  width:min(960px,calc(100vw - 32px));
  min-height:min(520px,calc(100vh - 32px));
  display:grid;
  place-items:center;
  padding:clamp(18px,4vw,58px);
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:0;
  transform:translateY(18px) scale(.96);
  animation:kenmosStageIn .58s cubic-bezier(.16,1,.3,1) .05s forwards;
}
.kenmos-intro__stage:before,
.kenmos-intro__stage:after{display:none!important;content:none!important}
.kenmos-intro__halo{position:absolute;inset:50%;width:min(520px,70vw);height:min(520px,70vw);transform:translate(-50%,-50%);pointer-events:none}
.kenmos-intro__halo span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(77,219,255,.24);box-shadow:0 0 54px rgba(25,190,255,.18)}
.kenmos-intro__halo span:nth-child(1){border-top-color:rgba(33,224,255,.9);border-right-color:rgba(255,195,48,.72);animation:kenmosSpin 2.1s linear infinite}.kenmos-intro__halo span:nth-child(2){inset:11%;border-bottom-color:rgba(255,176,29,.86);border-left-color:rgba(115,91,255,.7);animation:kenmosSpin 2.7s linear infinite reverse}.kenmos-intro__halo span:nth-child(3){inset:23%;border-style:dashed;opacity:.72;animation:kenmosSpin 3.4s linear infinite}.kenmos-intro__halo span:nth-child(4){inset:35%;background:radial-gradient(circle,rgba(36,217,255,.30),rgba(255,187,39,.08),transparent 72%);border:0;animation:kenmosPulse 1.9s ease-in-out infinite}
.kenmos-intro__logo-shell{position:relative;z-index:2;width:min(760px,84vw);display:grid;place-items:center;padding:clamp(8px,2vw,20px);border-radius:0;overflow:visible;filter:drop-shadow(0 24px 30px rgba(0,20,45,.42)) drop-shadow(0 0 26px rgba(31,206,255,.28));opacity:0;transform:translateY(8px) scale(.9);animation:kenmosLogoShellIn .65s cubic-bezier(.16,1,.3,1) .2s forwards;background:transparent!important;box-shadow:none!important}
.kenmos-intro__logo-shell:before{content:"";position:absolute;inset:6% 8%;border-radius:50%;background:radial-gradient(ellipse,rgba(34,224,255,.26),rgba(255,194,52,.10) 45%,transparent 72%);filter:blur(22px);opacity:.72;z-index:0}.kenmos-intro__logo-shell:after{content:"";position:absolute;left:8%;right:8%;bottom:5%;height:20px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,20,45,.42),transparent 66%);filter:blur(13px);opacity:.9;z-index:0}
.kenmos-intro__shine{position:absolute;top:-22%;bottom:-22%;left:-34%;width:26%;z-index:3;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);filter:blur(1px);animation:kenmosLogoShine 1.85s cubic-bezier(.25,.7,.25,1) .56s infinite}
.kenmos-intro__logo{position:relative;z-index:2;width:100%;max-height:210px;object-fit:contain;animation:kenmosLogoFloat 2.1s ease-in-out .82s infinite}
.kenmos-intro__meter,.kenmos-intro__skip{display:none!important}
@keyframes kenmosGridSweep{to{background-position:48px 48px,48px 48px,0 0}}@keyframes kenmosSpin{to{transform:rotate(360deg)}}@keyframes kenmosStageIn{to{transform:translateY(0) scale(1);opacity:1}}@keyframes kenmosLogoShellIn{to{transform:translateY(0) scale(1);opacity:1}}@keyframes kenmosLogoFloat{50%{transform:translateY(-6px) scale(1.01)}}@keyframes kenmosLogoShine{0%{left:-35%;opacity:0}18%{opacity:.85}55%,100%{left:110%;opacity:0}}@keyframes kenmosPulse{50%{transform:scale(1.1);opacity:.64}}@keyframes kenmosMeter{to{transform:scaleX(1)}}@keyframes kenmosAuroraOne{50%{transform:translate(8vw,5vh) scale(1.08)}}@keyframes kenmosAuroraTwo{50%{transform:translate(-6vw,4vh) scale(.94)}}@keyframes kenmosAuroraThree{50%{transform:translate(2vw,-5vh) scale(1.12)}}@keyframes kenmosBeamOne{0%,100%{transform:translateX(-2%) rotate(-9deg) scaleX(.95)}50%{transform:translateX(6%) rotate(-5deg) scaleX(1.08)}}@keyframes kenmosBeamTwo{0%,100%{transform:translateX(5%) rotate(8deg) scaleX(1.04)}50%{transform:translateX(-5%) rotate(3deg) scaleX(.94)}}@keyframes kenmosBeamThree{0%,100%{transform:translateX(-3%) rotate(-2deg) scaleX(.92)}50%{transform:translateX(5%) rotate(2deg) scaleX(1.08)}}@keyframes kenmosBeamFour{0%,100%{transform:translateX(7%) rotate(12deg) scaleX(.9)}50%{transform:translateX(-4%) rotate(7deg) scaleX(1.04)}}@keyframes kenmosBeamFive{0%,100%{transform:translateX(-6%) rotate(-14deg) scaleX(.9)}50%{transform:translateX(7%) rotate(-7deg) scaleX(1.13)}}@keyframes kenmosBeamSix{0%,100%{transform:translateX(8%) rotate(15deg) scaleX(.88)}50%{transform:translateX(-5%) rotate(8deg) scaleX(1.08)}}@keyframes kenmosBeamSeven{0%,100%{transform:translateX(-7%) rotate(4deg) scaleX(.9)}50%{transform:translateX(6%) rotate(10deg) scaleX(1.05)}}@keyframes kenmosBeamEight{0%,100%{transform:translateX(4%) rotate(-5deg) scaleX(.96)}50%{transform:translateX(-8%) rotate(-11deg) scaleX(1.1)}}@keyframes kenmosBeamNine{0%,100%{transform:translateX(-4%) rotate(2deg) scaleX(.88)}50%{transform:translateX(8%) rotate(-1deg) scaleX(1.06)}}@keyframes kenmosBeamTen{0%,100%{transform:translateX(6%) rotate(-3deg) scaleX(.9)}50%{transform:translateX(-5%) rotate(4deg) scaleX(1.09)}}@keyframes kenmosParticle{0%,100%{transform:translateY(0) scale(.65);opacity:.2}45%{transform:translateY(-16px) scale(1.08);opacity:1}}
@media (max-width:640px){.kenmos-intro__stage{border-radius:26px;min-height:min(460px,calc(100vh - 28px));padding:42px 18px}.kenmos-intro__logo-shell{width:92vw}.kenmos-intro__meter{bottom:66px;width:64vw}.kenmos-intro__halo{width:88vw;height:88vw}}
@media (prefers-reduced-motion:reduce){.kenmos-intro,.kenmos-intro *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* Final no-frame / no-skip override for the 20260624 intro update */
.kenmos-intro .kenmos-intro__stage{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-radius:0!important;
}
.kenmos-intro .kenmos-intro__stage:before,
.kenmos-intro .kenmos-intro__stage:after,
.kenmos-intro .kenmos-intro__meter,
.kenmos-intro .kenmos-intro__skip{
  display:none!important;
  content:none!important;
}


/* 20260624 clean-logo / refined color override */
.kenmos-intro{
  background:
    radial-gradient(circle at 12% 18%,rgba(45,236,255,.30),transparent 34%),
    radial-gradient(circle at 83% 14%,rgba(255,202,79,.24),transparent 30%),
    radial-gradient(circle at 76% 78%,rgba(255,74,176,.18),transparent 34%),
    radial-gradient(circle at 30% 82%,rgba(74,255,171,.18),transparent 34%),
    linear-gradient(135deg,#070816 0%,#111428 24%,#22143a 48%,#0d2937 73%,#091324 100%)!important;
}
.kenmos-intro__grid{
  opacity:.66;
  background-image:
    linear-gradient(rgba(64,232,255,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,204,79,.07) 1px,transparent 1px),
    radial-gradient(circle at center,rgba(255,73,180,.10),transparent 46%)!important;
}
.kenmos-intro__backdrop:before,
.kenmos-intro__backdrop:after{
  opacity:.54!important;
  background:conic-gradient(from 135deg,transparent 0deg,rgba(55,229,255,.28) 36deg,rgba(118,255,191,.26) 70deg,transparent 104deg,rgba(255,203,72,.28) 146deg,transparent 190deg,rgba(255,73,180,.22) 250deg,transparent 316deg)!important;
}
.kenmos-intro__aurora{opacity:.48!important;filter:blur(34px)!important}
.kenmos-intro__aurora--blue{background:radial-gradient(circle,rgba(20,204,255,.72),rgba(20,204,255,0))!important}
.kenmos-intro__aurora--cyan{background:radial-gradient(circle,rgba(95,255,184,.58),rgba(95,255,184,0))!important}
.kenmos-intro__aurora--gold{background:radial-gradient(circle,rgba(255,184,55,.52),rgba(255,84,176,.12),rgba(255,184,55,0))!important}
.kenmos-intro__beam{
  background:linear-gradient(90deg,transparent 0%,rgba(37,223,255,.05) 8%,rgba(45,236,255,.86) 24%,rgba(116,255,190,.76) 39%,rgba(255,205,74,.82) 54%,rgba(255,77,184,.58) 70%,rgba(98,126,255,.58) 84%,transparent 100%)!important;
  box-shadow:0 0 18px rgba(44,225,255,.48),0 0 50px rgba(255,199,63,.24),0 0 82px rgba(255,77,184,.20)!important;
  opacity:.62!important;
}
.kenmos-intro__beam--five,
.kenmos-intro__beam--eight,
.kenmos-intro__beam--ten{opacity:.50!important}
.kenmos-intro__halo span{opacity:.55!important;border-color:rgba(66,229,255,.22)!important;box-shadow:0 0 40px rgba(41,219,255,.14)!important}
.kenmos-intro__halo span:nth-child(1){border-top-color:rgba(60,238,255,.76)!important;border-right-color:rgba(255,203,74,.55)!important}
.kenmos-intro__halo span:nth-child(2){border-bottom-color:rgba(255,78,182,.50)!important;border-left-color:rgba(106,255,194,.50)!important}
.kenmos-intro__halo span:nth-child(4){background:radial-gradient(circle,rgba(42,219,255,.18),rgba(255,203,72,.08),transparent 72%)!important}
.kenmos-intro__logo-shell{
  width:min(780px,84vw)!important;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.52)) drop-shadow(0 0 18px rgba(45,223,255,.22)) drop-shadow(0 0 30px rgba(255,202,73,.12))!important;
  opacity:1!important;
}
.kenmos-intro__logo-shell:before{
  inset:2% 10%!important;
  background:radial-gradient(ellipse,rgba(34,225,255,.16),rgba(255,204,74,.06) 48%,transparent 76%)!important;
  filter:blur(26px)!important;
  opacity:.58!important;
}
.kenmos-intro__logo-shell:after{display:none!important;content:none!important}
.kenmos-intro__shine{display:none!important;content:none!important}
.kenmos-intro__logo{
  opacity:1!important;
  max-height:230px!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  image-rendering:auto!important;
  -webkit-font-smoothing:antialiased;
  backface-visibility:hidden;
  transform:translateZ(0);
}
.kenmos-intro__particle{box-shadow:0 0 0 4px rgba(45,225,255,.12),0 0 26px rgba(54,231,255,.70),0 0 48px rgba(255,202,74,.28)!important}


/* 20260624 bright-background / white-edge cleanup override */
.kenmos-intro{
  background:
    radial-gradient(circle at 10% 15%,rgba(95,216,255,.54),transparent 34%),
    radial-gradient(circle at 88% 18%,rgba(255,207,92,.50),transparent 31%),
    radial-gradient(circle at 78% 82%,rgba(255,136,212,.32),transparent 36%),
    radial-gradient(circle at 22% 82%,rgba(118,255,209,.36),transparent 36%),
    linear-gradient(135deg,#fbfeff 0%,#dff7ff 24%,#f7f4ff 48%,#fff4d8 72%,#eafcff 100%)!important;
}
.kenmos-intro__grid{
  opacity:.50!important;
  background-image:
    linear-gradient(rgba(0,132,210,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,132,210,.08) 1px,transparent 1px),
    radial-gradient(circle at center,rgba(255,184,39,.13),transparent 48%)!important;
}
.kenmos-intro__backdrop:before,
.kenmos-intro__backdrop:after{
  opacity:.44!important;
  filter:blur(.4px)!important;
  background:conic-gradient(from 120deg,transparent 0deg,rgba(0,147,255,.34) 34deg,rgba(0,221,255,.38) 66deg,transparent 102deg,rgba(255,179,31,.42) 146deg,transparent 192deg,rgba(255,87,187,.30) 246deg,transparent 316deg)!important;
}
.kenmos-intro__aurora{opacity:.45!important;filter:blur(42px)!important;mix-blend-mode:multiply!important}
.kenmos-intro__aurora--blue{background:radial-gradient(circle,rgba(79,206,255,.62),rgba(79,206,255,0))!important}
.kenmos-intro__aurora--cyan{background:radial-gradient(circle,rgba(114,255,213,.54),rgba(114,255,213,0))!important}
.kenmos-intro__aurora--gold{background:radial-gradient(circle,rgba(255,203,84,.54),rgba(255,136,207,.14),rgba(255,203,84,0))!important}
.kenmos-intro__beam{
  background:linear-gradient(90deg,transparent 0%,rgba(0,144,255,.12) 8%,rgba(0,179,255,.78) 24%,rgba(0,226,255,.68) 38%,rgba(255,181,33,.74) 54%,rgba(255,99,190,.52) 70%,rgba(63,100,255,.46) 84%,transparent 100%)!important;
  box-shadow:0 0 16px rgba(0,153,255,.38),0 0 46px rgba(255,184,39,.28),0 0 74px rgba(255,96,188,.18)!important;
  opacity:.50!important;
  mix-blend-mode:multiply!important;
}
.kenmos-intro__beam--one,.kenmos-intro__beam--three,.kenmos-intro__beam--five{opacity:.62!important}
.kenmos-intro__particle{
  background:#0b87d8!important;
  box-shadow:0 0 0 4px rgba(0,139,216,.10),0 0 24px rgba(0,154,255,.52),0 0 42px rgba(255,184,39,.24)!important;
}
.kenmos-intro__halo span{
  opacity:.58!important;
  border-color:rgba(0,142,220,.22)!important;
  box-shadow:0 0 36px rgba(0,150,255,.16)!important;
}
.kenmos-intro__halo span:nth-child(1){border-top-color:rgba(0,168,255,.64)!important;border-right-color:rgba(255,183,43,.62)!important}
.kenmos-intro__halo span:nth-child(2){border-bottom-color:rgba(255,97,190,.48)!important;border-left-color:rgba(0,204,255,.52)!important}
.kenmos-intro__halo span:nth-child(4){background:radial-gradient(circle,rgba(0,164,255,.14),rgba(255,187,44,.10),transparent 72%)!important}
.kenmos-intro__logo-shell{
  width:min(790px,84vw)!important;
  filter:drop-shadow(0 18px 24px rgba(0,80,140,.18)) drop-shadow(0 0 16px rgba(0,137,218,.14))!important;
}
.kenmos-intro__logo-shell:before{
  inset:0 8%!important;
  background:radial-gradient(ellipse,rgba(0,165,255,.13),rgba(255,190,45,.08) 48%,transparent 76%)!important;
  filter:blur(30px)!important;
  opacity:.44!important;
}
.kenmos-intro__logo{
  filter:drop-shadow(0 5px 8px rgba(0,78,135,.16))!important;
}


/* 20260624 smoother logo dock-to-header ending animation */
.kenmos-intro{
  --kenmos-dock-x:0px;
  --kenmos-dock-y:0px;
  --kenmos-dock-scale:.18;
  --kenmos-dock-duration:1650ms;
}
.kenmos-intro.is-dock-ready{
  pointer-events:none!important;
}
.kenmos-intro.is-docking{
  pointer-events:none!important;
  background:transparent!important;
  transition:background .55s ease!important;
}
.kenmos-intro.is-dock-ready .kenmos-intro__logo-shell{
  animation:none!important;
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transform-origin:center center!important;
  will-change:transform,filter,opacity!important;
  transition:
    transform var(--kenmos-dock-duration) cubic-bezier(.20,.82,.18,1),
    filter var(--kenmos-dock-duration) cubic-bezier(.20,.82,.18,1),
    opacity .34s ease calc(var(--kenmos-dock-duration) - 120ms)!important;
  filter:drop-shadow(0 8px 14px rgba(0,98,170,.20))!important;
}
.kenmos-intro.is-docking .kenmos-intro__logo-shell{
  transform:translate3d(var(--kenmos-dock-x),var(--kenmos-dock-y),0) scale(var(--kenmos-dock-scale))!important;
  opacity:.92!important;
  filter:drop-shadow(0 2px 4px rgba(0,78,135,.12))!important;
}
.kenmos-intro.is-docking .kenmos-intro__backdrop{
  opacity:0!important;
  transform:scale(1.03)!important;
  transition:
    opacity .9s ease,
    transform var(--kenmos-dock-duration) cubic-bezier(.20,.82,.18,1)!important;
}
.kenmos-intro.is-docking .kenmos-intro__halo,
.kenmos-intro.is-docking .kenmos-intro__grid,
.kenmos-intro.is-docking .kenmos-intro__aurora,
.kenmos-intro.is-docking .kenmos-intro__beam,
.kenmos-intro.is-docking .kenmos-intro__particle{
  opacity:0!important;
  transition:opacity .72s ease!important;
}
.kenmos-intro.is-docking .kenmos-intro__stage{
  pointer-events:none!important;
}
.kenmos-intro.is-docking .kenmos-intro__logo-shell:before{
  opacity:0!important;
  transition:opacity .55s ease!important;
}
.kenmos-intro.is-docking .kenmos-intro__logo{
  animation:none!important;
  transform:translate3d(0,0,0)!important;
  filter:drop-shadow(0 2px 4px rgba(0,78,135,.12))!important;
  transition:filter .55s ease!important;
}
.kenmos-intro.is-leaving{
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .38s ease,visibility .38s ease!important;
}



/* 20260624 smoother exact logo-to-header alignment */
.kenmos-intro{
  --kenmos-dock-duration:1850ms;
}
.kenmos-intro__dock-clone{
  position:fixed;
  z-index:2147483002;
  display:block;
  object-fit:contain;
  transform-origin:left top;
  will-change:transform,opacity;
  backface-visibility:hidden;
  pointer-events:none;
  image-rendering:auto;
  filter:drop-shadow(0 10px 16px rgba(0,112,180,.16));
}
.kenmos-intro.is-clone-docking .kenmos-intro__logo-shell{
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .16s ease!important;
}
.kenmos-intro.is-clone-docking .kenmos-intro__stage{
  animation:none!important;
  opacity:1!important;
  transform:none!important;
}
.kenmos-intro.is-clone-docking .kenmos-intro__backdrop{
  opacity:0!important;
  transform:scale(1.015)!important;
  transition:opacity 1.05s ease,transform 1.85s cubic-bezier(.16,1,.22,1)!important;
}
.kenmos-intro.is-clone-docking .kenmos-intro__halo,
.kenmos-intro.is-clone-docking .kenmos-intro__grid,
.kenmos-intro.is-clone-docking .kenmos-intro__aurora,
.kenmos-intro.is-clone-docking .kenmos-intro__beam,
.kenmos-intro.is-clone-docking .kenmos-intro__particle{
  opacity:0!important;
  transition:opacity .86s ease!important;
}
.kenmos-intro.is-leaving .kenmos-intro__dock-clone{
  opacity:0!important;
  transition:opacity .22s ease!important;
}


/* 20260625 header logo transfer: hide the real header logo until the intro logo arrives */
body.kenmos-intro-brand-pending .site-header .brand img,
html.kenmos-intro-brand-hidden .site-header .brand img{
  opacity:0!important;
  transition:opacity .22s ease!important;
}
html.kenmos-intro-brand-reveal .site-header .brand img{
  opacity:1!important;
  transition:opacity .22s ease!important;
}

/* 20260728 intro visual variant: orbiting lines around the central KENMOS logo only */
.kenmos-intro{
  background:
    radial-gradient(ellipse at center,rgba(218,238,255,.82) 0%,rgba(244,249,253,.96) 44%,#eef5fa 100%)!important;
}

/* Remove the previous grid, aurora, particles, broad light effects and logo shine. */
.kenmos-intro__grid,
.kenmos-intro__aurora,
.kenmos-intro__particle,
.kenmos-intro__shine{
  display:none!important;
}
.kenmos-intro__backdrop:before,
.kenmos-intro__backdrop:after{
  display:none!important;
  content:none!important;
}
.kenmos-intro__backdrop{
  inset:0!important;
  overflow:hidden!important;
}

/* Reuse the existing line elements as clean elliptical streams around the logo. */
.kenmos-intro__beam{
  --orbit-width:min(1120px,92vw);
  --orbit-height:min(350px,46vw);
  --orbit-line:2px;
  --orbit-tilt:0deg;
  --orbit-speed:8s;
  --orbit-direction:normal;
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  width:var(--orbit-width)!important;
  height:var(--orbit-height)!important;
  padding:var(--orbit-line)!important;
  border:0!important;
  border-radius:50%!important;
  opacity:.82!important;
  background:
    conic-gradient(
      from 10deg,
      transparent 0deg 24deg,
      rgba(19,133,221,.08) 34deg,
      rgba(18,170,236,.92) 62deg,
      rgba(79,211,244,.98) 88deg,
      transparent 112deg 176deg,
      rgba(12,103,190,.08) 190deg,
      rgba(20,119,208,.82) 216deg,
      rgba(238,174,45,.88) 242deg,
      transparent 270deg 360deg
    )!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 7px rgba(24,157,226,.42))!important;
  mix-blend-mode:normal!important;
  transform-origin:center!important;
  animation:kenmosOrbitStream var(--orbit-speed) linear infinite!important;
  animation-direction:var(--orbit-direction)!important;
}
.kenmos-intro__beam--one{
  --orbit-width:min(1180px,94vw);--orbit-height:min(330px,42vw);--orbit-line:3px;--orbit-tilt:-7deg;--orbit-speed:7.2s;
}
.kenmos-intro__beam--two{
  --orbit-width:min(1060px,89vw);--orbit-height:min(410px,49vw);--orbit-line:1px;--orbit-tilt:8deg;--orbit-speed:10.5s;--orbit-direction:reverse;opacity:.62!important;
}
.kenmos-intro__beam--three{
  --orbit-width:min(980px,84vw);--orbit-height:min(285px,38vw);--orbit-line:4px;--orbit-tilt:3deg;--orbit-speed:8.4s;opacity:.70!important;
}
.kenmos-intro__beam--four{
  --orbit-width:min(900px,80vw);--orbit-height:min(455px,54vw);--orbit-line:1px;--orbit-tilt:-11deg;--orbit-speed:12.8s;--orbit-direction:reverse;opacity:.50!important;
}
.kenmos-intro__beam--five{
  --orbit-width:min(820px,76vw);--orbit-height:min(250px,34vw);--orbit-line:2px;--orbit-tilt:12deg;--orbit-speed:6.8s;opacity:.72!important;
}
.kenmos-intro__beam--six{
  --orbit-width:min(1240px,98vw);--orbit-height:min(520px,60vw);--orbit-line:1px;--orbit-tilt:5deg;--orbit-speed:15s;opacity:.40!important;
}
.kenmos-intro__beam--seven{
  --orbit-width:min(760px,72vw);--orbit-height:min(390px,48vw);--orbit-line:2px;--orbit-tilt:-4deg;--orbit-speed:9.7s;--orbit-direction:reverse;opacity:.58!important;
}
.kenmos-intro__beam--eight,
.kenmos-intro__beam--nine,
.kenmos-intro__beam--ten{
  display:none!important;
}

.kenmos-intro__stage{
  overflow:visible!important;
}
.kenmos-intro__stage:before,
.kenmos-intro__stage:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:min(930px,84vw)!important;
  height:min(320px,40vw)!important;
  border-radius:50%!important;
  pointer-events:none!important;
  background:conic-gradient(from 180deg,transparent 0deg 36deg,rgba(28,181,234,.92) 62deg,rgba(245,180,50,.88) 89deg,transparent 118deg 360deg)!important;
  padding:2px!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  filter:drop-shadow(0 0 6px rgba(22,150,220,.35))!important;
  transform-origin:center!important;
}
.kenmos-intro__stage:before{
  z-index:1!important;
  clip-path:inset(0 0 50% 0)!important;
  animation:kenmosOrbitFront 8.8s linear infinite reverse!important;
  opacity:.68!important;
}
.kenmos-intro__stage:after{
  z-index:4!important;
  clip-path:inset(52% 0 0 0)!important;
  animation:kenmosOrbitFront 8.8s linear infinite!important;
  opacity:.92!important;
}

/* Keep the logo itself clean and stable; the motion comes from the surrounding lines. */
.kenmos-intro__halo{
  display:none!important;
}
.kenmos-intro__logo-shell{
  z-index:3!important;
  filter:drop-shadow(0 18px 30px rgba(20,92,145,.20))!important;
}
.kenmos-intro__logo-shell:before,
.kenmos-intro__logo-shell:after{
  display:none!important;
  content:none!important;
}
.kenmos-intro__logo{
  animation:none!important;
  transform:none!important;
}

.kenmos-intro.is-clone-docking .kenmos-intro__stage:before,
.kenmos-intro.is-clone-docking .kenmos-intro__stage:after,
.kenmos-intro.is-docking .kenmos-intro__stage:before,
.kenmos-intro.is-docking .kenmos-intro__stage:after{
  opacity:0!important;
  transition:opacity .72s ease!important;
}

@keyframes kenmosOrbitStream{
  from{transform:translate(-50%,-50%) rotate(var(--orbit-tilt)) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(var(--orbit-tilt)) rotate(360deg)}
}
@keyframes kenmosOrbitFront{
  from{transform:translate(-50%,-50%) rotate(-5deg) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(-5deg) rotate(360deg)}
}

@media (max-width:720px){
  .kenmos-intro__beam{
    --orbit-width:112vw;
    --orbit-height:58vw;
  }
  .kenmos-intro__stage:before,
  .kenmos-intro__stage:after{
    width:94vw!important;
    height:42vw!important;
  }
  .kenmos-intro__logo-shell{
    width:min(760px,88vw)!important;
  }
}