/* About page: final dark-mode and responsive layer */
#about,
#about *{box-sizing:border-box}

/* Dark mode */
body.kt-theme-dark #about{
  background:
    radial-gradient(circle at 18% 8%,rgba(0,224,239,.09),transparent 25%),
    radial-gradient(circle at 82% 48%,rgba(24,214,127,.07),transparent 28%),
    #071f25;
}
body.kt-theme-dark .about-team-hero .stitle,
body.kt-theme-dark .fusion-section-head .stitle{color:#f1fdff!important}
body.kt-theme-dark .about-team-hero .stitle span{color:#7cf3ff!important}
body.kt-theme-dark .about-team-lead,
body.kt-theme-dark .fusion-section-head .ecosystem-subtext{color:#b4d1d6!important}
body.kt-theme-dark .about-team-photo{
  background:#0b2b33!important;
  border-color:rgba(124,243,255,.16)!important;
  box-shadow:0 26px 68px rgba(0,0,0,.34)!important;
}
body.kt-theme-dark .about-team-photo img{filter:saturate(.98) brightness(.95) contrast(1.03)}
body.kt-theme-dark .about-team-highlight-card{
  background:linear-gradient(155deg,#0e343d,#0a2931)!important;
  border-color:rgba(124,243,255,.12)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
}
body.kt-theme-dark .about-team-highlight-card strong{color:#f0fcfe!important}
body.kt-theme-dark .about-team-highlight-card p{color:#b2cfd4!important}
body.kt-theme-dark .about-team-highlight-icon{
  background:linear-gradient(145deg,#00aebd,#0aa66f)!important;
  box-shadow:0 12px 26px rgba(0,190,186,.18)!important;
}
body.kt-theme-dark .fusion-ecosystem-scene{
  background:
    radial-gradient(circle at 50% 50%,rgba(0,224,239,.13),transparent 34%),
    radial-gradient(circle at 84% 22%,rgba(24,214,127,.08),transparent 27%),
    linear-gradient(180deg,#0b2a32,#08242b 58%,#071f25)!important;
  border-color:rgba(124,243,255,.12)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.34)!important;
}
body.kt-theme-dark .fusion-ring{border-color:rgba(124,243,255,.13)!important}
body.kt-theme-dark .fusion-glow-a{background:radial-gradient(circle,rgba(0,224,239,.17),rgba(0,224,239,0))!important}
body.kt-theme-dark .fusion-glow-b{background:radial-gradient(circle,rgba(24,214,127,.12),rgba(24,214,127,0))!important}
body.kt-theme-dark .fusion-center-card,
body.kt-theme-dark .fusion-track-card{
  background:linear-gradient(155deg,rgba(15,55,64,.98),rgba(8,39,47,.98))!important;
  border-color:rgba(124,243,255,.14)!important;
  box-shadow:0 24px 56px rgba(0,0,0,.30)!important;
}
body.kt-theme-dark .fusion-center-card{box-shadow:0 26px 64px rgba(0,0,0,.32),0 0 0 10px rgba(124,243,255,.025)!important}
body.kt-theme-dark .fusion-track-card:hover{border-color:rgba(124,243,255,.30)!important;box-shadow:0 30px 70px rgba(0,0,0,.38)!important}
body.kt-theme-dark .fusion-card-browser{
  background:linear-gradient(180deg,#123b45,#0d3038)!important;
  border-bottom-color:rgba(255,255,255,.07)!important;
}
body.kt-theme-dark .fusion-card-browser small{color:#9fc5cb!important}
body.kt-theme-dark .fusion-card-body{background:transparent!important}
body.kt-theme-dark .fusion-track-copy{color:#c2dadd!important}
body.kt-theme-dark .fusion-track-tags span,
body.kt-theme-dark .fusion-track-highlight span{
  background:linear-gradient(180deg,rgba(0,224,239,.13),rgba(0,174,187,.07))!important;
  color:#aaf8ff!important;
  border-color:rgba(124,243,255,.16)!important;
}
body.kt-theme-dark .fusion-card-preview{background:#0b2931!important}
body.kt-theme-dark .fusion-card-preview::after{background:linear-gradient(180deg,transparent,rgba(3,22,27,.18))!important}
body.kt-theme-dark .fusion-card-preview-university{
  background:linear-gradient(135deg,#092e37 0%,#0f4f5b 56%,#0b2730 100%)!important;
}
body.kt-theme-dark .fusion-preview-outline-btn,
body.kt-theme-dark .fusion-junior-action-secondary{
  background:rgba(8,38,46,.84)!important;
  color:#b9fbff!important;
  border-color:rgba(124,243,255,.20)!important;
}
body.kt-theme-dark .fusion-preview-university-copy h3,
body.kt-theme-dark .fusion-junior-hero-copy h3,
body.kt-theme-dark .fusion-junior-side-panel h4{color:#f4feff!important}
body.kt-theme-dark .fusion-junior-hero-copy p,
body.kt-theme-dark .fusion-junior-side-panel p{color:#b8d4d9!important}
body.kt-theme-dark .fusion-card-preview-junior-pro{
  background:linear-gradient(135deg,#0b3038,#0d4148 57%,#08242b)!important;
}
body.kt-theme-dark .fusion-junior-side-panel{
  background:rgba(7,31,37,.74)!important;
  border-color:rgba(124,243,255,.12)!important;
}
body.kt-theme-dark .fusion-junior-form-line{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.08)!important}
body.kt-theme-dark .fusion-junior-stats b{background:rgba(255,255,255,.06)!important;color:#dffcff!important;border-color:rgba(255,255,255,.07)!important}
body.kt-theme-dark .fusion-connector,
body.kt-theme-dark .fusion-connector::before{background:rgba(124,243,255,.26)!important}
body.kt-theme-dark .fusion-connector::after{background:#7cf3ff!important;box-shadow:0 0 14px rgba(124,243,255,.55)!important}

/* Tablet and mobile: remove the orbit positioning and let content flow naturally. */
@media(max-width:900px){
  #about{padding:58px 4.5% 64px!important}
  .about-showcase-wrap{gap:42px!important}
  .about-team-hero .stitle{font-size:clamp(2.15rem,8vw,3.4rem)!important}
  .about-team-lead{margin:16px auto 22px!important;font-size:1rem!important;line-height:1.65!important}
  .about-team-photo{width:min(760px,92%)!important;margin:0 auto!important;border-radius:24px!important;height:clamp(220px,34vw,280px)!important;aspect-ratio:auto!important}
  .about-team-photo img{object-position:center 78%!important}
  .about-team-highlights{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .about-team-highlight-card{height:100%;padding:16px!important}

  .ecosystem-fusion-section{width:100%!important;padding-top:0!important}
  .fusion-section-head{margin-bottom:20px!important}
  .fusion-section-head .stitle{font-size:clamp(1.85rem,6.5vw,2.65rem)!important;line-height:1.12!important}
  .fusion-section-head .ecosystem-subtext{font-size:.96rem!important;line-height:1.62!important}
  .fusion-ecosystem-scene{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:16px!important;
    min-height:0!important;
    padding:18px!important;
    border-radius:28px!important;
    overflow:hidden!important;
  }
  .fusion-scene-glow,.fusion-ring,.fusion-connector{display:none!important}
  .fusion-center-card,.fusion-track-card{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    animation:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
  }
  .fusion-center-card{grid-column:1/-1!important;order:1!important;justify-self:stretch!important;min-height:104px!important;padding:18px!important}
  .fusion-center-logo{width:min(210px,72%)!important}
  .fusion-card-top{order:2!important}
  .fusion-card-right{order:3!important}
  .fusion-card-left{order:4!important}
  .fusion-card-bottom{order:5!important;grid-column:1/-1!important}
  .fusion-track-card{display:flex!important;flex-direction:column!important;border-radius:22px!important}
  .fusion-card-browser{flex:0 0 36px!important}
  .fusion-card-preview,
  .fusion-card-top .fusion-card-preview,
  .fusion-card-bottom .fusion-card-preview,
  .fusion-card-left .fusion-card-preview,
  .fusion-card-right .fusion-card-preview,
  .fusion-card-bottom .fusion-card-preview-junior-pro{
    flex:0 0 auto!important;
    width:100%!important;
    height:180px!important;
    min-height:180px!important;
    max-height:none!important;
  }
  .fusion-card-body,
  .fusion-card-top .fusion-card-body,
  .fusion-card-bottom .fusion-card-body,
  .fusion-card-left .fusion-card-body,
  .fusion-card-right .fusion-card-body{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:14px 15px 16px!important;
    gap:10px!important;
    overflow:visible!important;
  }
  .fusion-track-highlight{width:100%!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:6px!important}
  .fusion-track-highlight span{min-height:27px!important;padding:6px 9px!important;font-size:.62rem!important}
  .fusion-track-copy,
  .fusion-card-top .fusion-track-copy,
  .fusion-card-bottom .fusion-track-copy,
  .fusion-card-left .fusion-track-copy,
  .fusion-card-right .fusion-track-copy{
    min-height:0!important;
    margin:0!important;
    font-size:.82rem!important;
    line-height:1.5!important;
  }
  .fusion-track-logo{margin:0!important;max-height:38px!important}
  .fusion-track-tags{margin-top:auto!important}
  .fusion-card-preview-junior-pro{display:grid!important;grid-template-columns:1.15fr .85fr!important;padding:12px!important;gap:10px!important}
}

@media(max-width:640px){
  #about{padding:46px 16px 54px!important}
  .about-showcase-wrap{gap:34px!important}
  .about-team-hero .stitle{font-size:clamp(2rem,11vw,2.75rem)!important}
  .about-team-lead{font-size:.94rem!important;line-height:1.62!important;margin-bottom:18px!important}
  .about-team-photo{width:94%!important;height:clamp(150px,40vw,180px)!important;aspect-ratio:auto!important;border-radius:20px!important}
  .about-team-photo img{object-position:center 78%!important}
  .about-team-highlights{grid-template-columns:1fr!important;margin-top:16px!important}
  .about-team-highlight-card{padding:15px!important;border-radius:18px!important;gap:12px!important}
  .about-team-highlight-icon{width:46px!important;height:46px!important;flex-basis:46px!important}
  .about-team-highlight-card strong{font-size:.96rem!important}
  .about-team-highlight-card p{font-size:.84rem!important;line-height:1.52!important}

  .fusion-section-head{margin-bottom:16px!important}
  .fusion-section-head .stitle{font-size:clamp(1.65rem,9vw,2.2rem)!important}
  .fusion-section-head .ecosystem-subtext{font-size:.9rem!important;line-height:1.58!important}
  .fusion-ecosystem-scene{grid-template-columns:1fr!important;gap:13px!important;padding:13px!important;border-radius:23px!important}
  .fusion-center-card,.fusion-card-bottom{grid-column:auto!important}
  .fusion-center-card{min-height:88px!important;padding:14px!important;border-radius:20px!important}
  .fusion-center-logo{width:min(190px,72%)!important}
  .fusion-track-card{border-radius:19px!important}
  .fusion-card-preview,
  .fusion-card-top .fusion-card-preview,
  .fusion-card-bottom .fusion-card-preview,
  .fusion-card-left .fusion-card-preview,
  .fusion-card-right .fusion-card-preview,
  .fusion-card-bottom .fusion-card-preview-junior-pro{
    height:176px!important;
    min-height:176px!important;
  }
  .fusion-card-body,
  .fusion-card-top .fusion-card-body,
  .fusion-card-bottom .fusion-card-body{padding:12px 13px 14px!important}
  .fusion-card-preview-junior-pro{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;padding:14px!important}
  .fusion-junior-side-panel{display:none!important}
  .fusion-junior-hero-copy h3{font-size:1rem!important;line-height:1.2!important}
  .fusion-junior-hero-copy p{font-size:.73rem!important;line-height:1.45!important}
  .fusion-junior-actions{flex-wrap:wrap!important}
  .fusion-junior-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:390px){
  #about{padding-left:12px!important;padding-right:12px!important}
  .about-team-highlight-card{padding:13px!important}
  .about-team-highlight-icon{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:1.1rem!important}
  .fusion-ecosystem-scene{padding:10px!important}
  .fusion-card-preview,
  .fusion-card-top .fusion-card-preview,
  .fusion-card-bottom .fusion-card-preview,
  .fusion-card-left .fusion-card-preview,
  .fusion-card-right .fusion-card-preview{height:160px!important;min-height:160px!important}
  .fusion-preview-university-copy{width:62%!important;left:11px!important}
  .fusion-preview-university-copy h3{font-size:.78rem!important}
  .fusion-preview-university-orbit{right:8px!important;width:62px!important;height:62px!important}
  .fusion-junior-stats{gap:4px!important}
  .fusion-junior-stats b{font-size:.49rem!important;padding:6px 3px!important}
}

@media(prefers-reduced-motion:reduce){
  #about .fusion-center-card,
  #about .fusion-track-card,
  #about .fusion-ring,
  #about .fusion-connector::after{animation:none!important}
}


/* V20 — dark-mode contrast fixes + mobile spacing/card layout */
body.kt-theme-dark .about-team-hero .stitle{
  color:#f7ffff!important;
  text-shadow:0 10px 24px rgba(0,0,0,.18);
}
body.kt-theme-dark .about-team-hero .stitle span{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#22d8e6!important;
  color:#22d8e6!important;
  text-shadow:0 0 22px rgba(34,216,230,.24);
}
body.kt-theme-dark .fusion-card-top{
  border-color:rgba(124,243,255,.18)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.30)!important;
}
body.kt-theme-dark .fusion-card-top .fusion-card-browser{
  background:linear-gradient(180deg,rgba(13,53,61,.98),rgba(9,38,45,.96))!important;
  border-bottom-color:rgba(124,243,255,.12)!important;
}
body.kt-theme-dark .fusion-card-top .fusion-card-preview,
body.kt-theme-dark .fusion-card-preview-university{
  background:
    radial-gradient(circle at 18% 72%,rgba(37,220,88,.18),transparent 32%),
    radial-gradient(circle at 84% 18%,rgba(124,243,255,.12),transparent 24%),
    linear-gradient(105deg,#12444f 0%,#0d3942 48%,#10692c 100%)!important;
}
body.kt-theme-dark .fusion-card-browser-branded .fusion-browser-logo,
body.kt-theme-dark .fusion-preview-mini-logo{
  filter:brightness(1.15) saturate(1.05) drop-shadow(0 5px 10px rgba(0,0,0,.18))!important;
}
body.kt-theme-dark .fusion-card-browser-branded small,
body.kt-theme-dark .fusion-card-top .fusion-card-browser small{
  color:#dff8fc!important;
}
body.kt-theme-dark .fusion-preview-outline-btn{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.26)!important;
  color:#f5feff!important;
}
body.kt-theme-dark .fusion-preview-university-copy h3{
  color:#ffffff!important;
  text-shadow:0 8px 18px rgba(0,0,0,.22)!important;
}
body.kt-theme-dark .fusion-preview-primary-btn{
  background:linear-gradient(135deg,#27e058,#00bc39)!important;
  box-shadow:0 12px 28px rgba(31,204,72,.28)!important;
}
body.kt-theme-dark .fusion-preview-university-orbit{
  border-color:rgba(39,224,88,.55)!important;
  background:rgba(8,41,18,.16)!important;
}
body.kt-theme-dark .fusion-preview-university-orbit::before{
  border-color:rgba(39,224,88,.35)!important;
}
body.kt-theme-dark .fusion-preview-university-orbit-inner{
  background:linear-gradient(135deg,#23d84f,#0cb53c)!important;
  box-shadow:0 10px 24px rgba(24,188,57,.24)!important;
}
body.kt-theme-dark .fusion-card-top .fusion-track-highlight span{
  background:linear-gradient(180deg,rgba(124,243,255,.14),rgba(124,243,255,.07))!important;
  border-color:rgba(124,243,255,.18)!important;
  color:#ecfeff!important;
}
body.kt-theme-dark .fusion-card-top .fusion-track-copy{
  color:#d9eef2!important;
}

@media(max-width:640px){
  #about{
    padding-top:calc(var(--nh) + 28px)!important;
  }
  .about-team-hero .stitle{
    margin-top:0!important;
  }
  .about-team-highlights{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:12px!important;
    margin-top:18px!important;
  }
  .about-team-highlight-card{
    height:100%!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
    padding:14px!important;
    border-radius:18px!important;
  }
  .about-team-highlight-icon{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
    border-radius:14px!important;
    font-size:1.15rem!important;
  }
  .about-team-highlight-card strong{
    margin-bottom:4px!important;
    font-size:.92rem!important;
    line-height:1.22!important;
  }
  .about-team-highlight-card p{
    font-size:.80rem!important;
    line-height:1.45!important;
  }
}

@media(max-width:390px){
  #about{
    padding-top:calc(var(--nh) + 24px)!important;
  }
  .about-team-highlights{
    gap:10px!important;
  }
  .about-team-highlight-card{
    padding:12px!important;
    border-radius:16px!important;
    gap:8px!important;
  }
  .about-team-highlight-icon{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
    border-radius:12px!important;
    font-size:1.02rem!important;
  }
  .about-team-highlight-card strong{
    font-size:.85rem!important;
  }
  .about-team-highlight-card p{
    font-size:.74rem!important;
    line-height:1.38!important;
  }
}

/* V24 — PDP Ecosystem mobile: one-card carousel with compact center logo */
.fusion-mobile-carousel{display:none}

@media(max-width:640px){
  .fusion-ecosystem-scene{
    display:block!important;
    padding:12px!important;
  }
  .fusion-ecosystem-scene > .fusion-track-card{
    display:none!important;
  }
  .fusion-center-card{
    width:min(250px,78%)!important;
    min-height:72px!important;
    margin:0 auto!important;
    padding:10px 14px!important;
    border-radius:18px!important;
  }
  .fusion-center-logo{
    width:min(138px,54%)!important;
    margin:0 auto!important;
  }
  .fusion-mobile-carousel{
    display:block;
    position:relative;
    width:100%;
    margin-top:14px;
  }
  .fusion-mobile-viewport{
    position:relative;
    width:100%;
    overflow:hidden;
    padding:8px 34px 12px;
    touch-action:pan-y;
  }
  .fusion-mobile-track{
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    width:max-content;
    max-width:none;
    gap:14px;
    margin:0;
    padding:4px 0 10px;
    transform:translate3d(0,0,0);
    transition:transform .62s cubic-bezier(.22,1,.36,1);
    will-change:transform;
  }
  .fusion-mobile-track .fusion-track-card{
    display:flex!important;
    order:initial!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    animation:none!important;
    border-radius:20px!important;
  }
  .fusion-mobile-track .fusion-track-card:hover{
    transform:none!important;
  }
  .fusion-mobile-track .fusion-track-card.is-active{
    box-shadow:0 22px 52px rgba(0,41,48,.15),0 0 0 4px rgba(0,224,239,.07)!important;
  }
  .fusion-mobile-arrow{
    position:absolute;
    z-index:6;
    top:50%;
    width:40px;
    height:40px;
    border:0;
    border-radius:14px;
    display:grid;
    place-items:center;
    background:rgba(65,99,104,.94);
    color:#fff;
    box-shadow:0 14px 30px rgba(0,41,48,.20);
    cursor:pointer;
    transform:translateY(-50%);
    transition:transform .2s ease,opacity .2s ease,background .2s ease;
  }
  .fusion-mobile-arrow span{
    display:block;
    font:700 1.65rem/1 Arial,sans-serif;
    transform:translateY(-1px);
  }
  .fusion-mobile-arrow-prev{left:0}
  .fusion-mobile-arrow-next{right:0}
  .fusion-mobile-arrow:active:not(:disabled){transform:translateY(-50%) scale(.94)}
  .fusion-mobile-arrow:disabled{opacity:.28;cursor:not-allowed;box-shadow:none}
  .fusion-mobile-dots{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:18px;
    margin-top:2px;
  }
  .fusion-mobile-dots button{
    appearance:none;
    width:8px;
    height:8px;
    padding:0;
    border:0;
    border-radius:999px;
    background:#c5e2e6;
    cursor:pointer;
    transition:width .22s ease,background .22s ease,transform .22s ease;
  }
  .fusion-mobile-dots button.active{
    width:26px;
    background:linear-gradient(90deg,#00c8d7,#00c787);
  }
  .fusion-mobile-dots button:focus-visible{
    outline:2px solid #00b6c5;
    outline-offset:3px;
  }
  body.kt-theme-dark .fusion-mobile-track .fusion-track-card.is-active{
    box-shadow:0 24px 56px rgba(0,0,0,.34),0 0 0 4px rgba(124,243,255,.08)!important;
  }
  body.kt-theme-dark .fusion-mobile-arrow{
    background:rgba(224,251,254,.14);
    border:1px solid rgba(124,243,255,.12);
  }
  body.kt-theme-dark .fusion-mobile-dots button{background:#31565e}
  body.kt-theme-dark .fusion-mobile-dots button.active{
    background:linear-gradient(90deg,#00d2e0,#0bcf88);
  }
}

@media(max-width:390px){
  .fusion-center-card{
    width:min(218px,76%)!important;
    min-height:64px!important;
    padding:8px 12px!important;
  }
  .fusion-center-logo{
    width:min(120px,52%)!important;
  }
  .fusion-mobile-viewport{
    padding-left:30px;
    padding-right:30px;
  }
  .fusion-mobile-arrow{
    width:36px;
    height:36px;
    border-radius:12px;
  }
  .fusion-mobile-arrow span{font-size:1.45rem}
}


/* V26 — ecosystem dark-logo contrast + true one-card mobile viewport */
body.kt-theme-dark .fusion-center-card{
  position:relative!important;
  background:linear-gradient(180deg,rgba(15,76,86,.92),rgba(10,54,62,.95))!important;
  border:1px solid rgba(124,243,255,.16)!important;
  box-shadow:0 24px 54px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.kt-theme-dark .fusion-center-card::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:22px;
  background:radial-gradient(circle at 50% 45%,rgba(226,255,248,.22),rgba(136,241,255,.12) 58%,rgba(255,255,255,0) 86%);
  pointer-events:none;
}
body.kt-theme-dark .fusion-center-logo{
  position:relative;
  z-index:1;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.18)) saturate(1.08) contrast(1.03)!important;
}

@media(max-width:640px){
  .fusion-center-card{
    width:min(236px,76%)!important;
    min-height:68px!important;
    padding:9px 14px!important;
  }
  .fusion-center-logo{
    width:min(126px,50%)!important;
  }

  .fusion-mobile-viewport{
    padding:8px 0 14px!important;
    overflow:hidden!important;
  }
  .fusion-mobile-track{
    gap:0!important;
    padding:4px 0 10px!important;
  }
  .fusion-mobile-track .fusion-track-card{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  .fusion-mobile-track .fusion-card-top,
  .fusion-mobile-track .fusion-card-left,
  .fusion-mobile-track .fusion-card-right,
  .fusion-mobile-track .fusion-card-bottom{
    width:100%!important;
    max-width:100%!important;
  }
  .fusion-mobile-track .fusion-card-browser,
  .fusion-mobile-track .fusion-card-top .fusion-card-browser,
  .fusion-mobile-track .fusion-card-bottom .fusion-card-browser{
    min-height:44px!important;
    padding:10px 14px!important;
  }
  .fusion-mobile-track .fusion-card-preview,
  .fusion-mobile-track .fusion-card-top .fusion-card-preview,
  .fusion-mobile-track .fusion-card-bottom .fusion-card-preview{
    height:176px!important;
    min-height:176px!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  .fusion-mobile-track .fusion-card-preview img,
  .fusion-mobile-track .fusion-card-top .fusion-card-preview img,
  .fusion-mobile-track .fusion-card-bottom .fusion-card-preview img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .fusion-mobile-track .fusion-card-body,
  .fusion-mobile-track .fusion-card-top .fusion-card-body,
  .fusion-mobile-track .fusion-card-bottom .fusion-card-body{
    min-height:146px!important;
    padding:14px 14px 16px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .fusion-mobile-track .fusion-track-logo,
  .fusion-mobile-track .fusion-card-top .fusion-track-logo,
  .fusion-mobile-track .fusion-card-bottom .fusion-track-logo{
    max-width:132px!important;
    max-height:34px!important;
  }
  .fusion-mobile-track .fusion-track-copy,
  .fusion-mobile-track .fusion-card-top .fusion-track-copy,
  .fusion-mobile-track .fusion-card-bottom .fusion-track-copy{
    font-size:.80rem!important;
    line-height:1.5!important;
    min-height:4.5em!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  .fusion-mobile-track .fusion-track-tags,
  .fusion-mobile-track .fusion-card-top .fusion-track-highlight,
  .fusion-mobile-track .fusion-card-bottom .fusion-track-highlight{
    gap:8px!important;
    flex-wrap:wrap!important;
    margin-top:auto!important;
  }
  .fusion-mobile-track .fusion-track-tags span,
  .fusion-mobile-track .fusion-card-top .fusion-track-highlight span,
  .fusion-mobile-track .fusion-card-bottom .fusion-track-highlight span{
    font-size:.68rem!important;
    padding:7px 9px!important;
  }
  .fusion-mobile-track .fusion-card-top .fusion-preview-university-copy h3,
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-hero-copy h3,
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-side-panel h4{
    font-size:1rem!important;
    line-height:1.26!important;
  }
  .fusion-mobile-track .fusion-card-top .fusion-preview-university-copy,
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-hero-copy,
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-side-panel{
    gap:8px!important;
  }
  .fusion-mobile-track .fusion-card-top .fusion-preview-primary-btn,
  .fusion-mobile-track .fusion-card-top .fusion-preview-outline-btn,
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-action-primary,
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-action-secondary,
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-form-button{
    font-size:.72rem!important;
    padding:8px 10px!important;
  }
  .fusion-mobile-track .fusion-card-top .fusion-preview-university-orbit,
  .fusion-mobile-track .fusion-card-top .fusion-preview-university-orbit::before{
    width:76px!important;
    height:76px!important;
  }
  .fusion-mobile-track .fusion-card-top .fusion-preview-university-orbit-inner{
    width:48px!important;
    height:48px!important;
    font-size:.58rem!important;
  }
  .fusion-mobile-arrow{
    top:50%!important;
    width:38px!important;
    height:38px!important;
    border-radius:13px!important;
  }
  .fusion-mobile-arrow-prev{left:4px!important}
  .fusion-mobile-arrow-next{right:4px!important}
}

@media(max-width:390px){
  .fusion-center-card{
    width:min(208px,74%)!important;
    min-height:62px!important;
    padding:8px 12px!important;
  }
  .fusion-center-logo{
    width:min(112px,48%)!important;
  }
  .fusion-mobile-track .fusion-card-preview,
  .fusion-mobile-track .fusion-card-top .fusion-card-preview,
  .fusion-mobile-track .fusion-card-bottom .fusion-card-preview{
    height:164px!important;
    min-height:164px!important;
  }
  .fusion-mobile-track .fusion-card-body,
  .fusion-mobile-track .fusion-card-top .fusion-card-body,
  .fusion-mobile-track .fusion-card-bottom .fusion-card-body{
    min-height:136px!important;
    padding:13px 13px 14px!important;
  }
  .fusion-mobile-arrow-prev{left:2px!important}
  .fusion-mobile-arrow-next{right:2px!important}
}


/* V28 — fix desktop dark ecosystem logo + normalize Junior mobile card */
body.kt-theme-dark .fusion-center-card{
  background:linear-gradient(180deg,rgba(238,252,255,.97),rgba(224,247,250,.95))!important;
  border-color:rgba(124,243,255,.20)!important;
  box-shadow:0 24px 54px rgba(0,0,0,.30), 0 0 0 10px rgba(124,243,255,.05)!important;
}
body.kt-theme-dark .fusion-center-card::before{
  inset:12px!important;
  background:radial-gradient(circle at 50% 45%,rgba(19,213,58,.10),rgba(0,224,239,.08) 54%,rgba(255,255,255,0) 84%)!important;
}
body.kt-theme-dark .fusion-center-logo{
  width:236px!important;
  max-width:78%!important;
  filter:drop-shadow(0 10px 18px rgba(0,41,48,.10))!important;
}

@media(max-width:640px){
  .fusion-mobile-viewport{
    padding:8px 0 14px!important;
  }
  .fusion-mobile-track .fusion-track-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    align-self:stretch!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-card-preview-junior-pro{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:12px!important;
    height:176px!important;
    min-height:176px!important;
    max-height:176px!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-hero-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    height:100%!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-hero-copy h3{
    font-size:.98rem!important;
    line-height:1.24!important;
    margin:8px 0 8px!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-hero-copy p{
    font-size:.75rem!important;
    line-height:1.45!important;
    margin:0!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-kicker{
    align-self:flex-start!important;
    padding:5px 8px!important;
    font-size:.5rem!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-actions,
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-stats,
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-side-panel{
    display:none!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-card-body{
    min-height:146px!important;
    max-height:none!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-track-highlight{
    gap:8px!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-track-copy{
    min-height:4.5em!important;
    font-size:.80rem!important;
    line-height:1.5!important;
  }
}

@media(max-width:390px){
  .fusion-mobile-track .fusion-card-bottom .fusion-card-preview-junior-pro{
    height:164px!important;
    min-height:164px!important;
    max-height:164px!important;
    padding:10px!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-hero-copy h3{
    font-size:.9rem!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-hero-copy p{
    font-size:.7rem!important;
  }
}

/* V29 — stable one-product mobile carousel + separate desktop/mobile dark logo */
@media(min-width:641px){
  body.kt-theme-dark .fusion-center-card{
    background:linear-gradient(180deg,rgba(15,76,86,.96),rgba(8,47,55,.98))!important;
    border-color:rgba(124,243,255,.20)!important;
    box-shadow:0 26px 60px rgba(0,0,0,.34),0 0 0 10px rgba(124,243,255,.045)!important;
  }
  body.kt-theme-dark .fusion-center-card::before{
    inset:12px!important;
    background:radial-gradient(circle at 50% 45%,rgba(124,243,255,.14),rgba(19,213,58,.07) 55%,transparent 84%)!important;
  }
  body.kt-theme-dark .fusion-center-logo{
    width:236px!important;
    max-width:78%!important;
    opacity:1!important;
    visibility:visible!important;
    filter:drop-shadow(0 10px 22px rgba(0,0,0,.24))!important;
  }
}

@media(max-width:640px){
  /* Restore the previous mobile dark-logo panel. */
  body.kt-theme-dark .fusion-center-card{
    background:linear-gradient(180deg,rgba(15,76,86,.92),rgba(10,54,62,.95))!important;
    border-color:rgba(124,243,255,.16)!important;
    box-shadow:0 24px 54px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  body.kt-theme-dark .fusion-center-card::before{
    inset:10px!important;
    background:radial-gradient(circle at 50% 45%,rgba(226,255,248,.22),rgba(136,241,255,.12) 58%,transparent 86%)!important;
  }
  body.kt-theme-dark .fusion-center-logo{
    width:min(126px,50%)!important;
    max-width:none!important;
    opacity:1!important;
    visibility:visible!important;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.18)) saturate(1.08) contrast(1.03)!important;
  }

  .fusion-mobile-carousel,
  .fusion-mobile-viewport{
    width:100%!important;
    max-width:100%!important;
  }
  .fusion-mobile-viewport{
    box-sizing:border-box!important;
    padding:8px 0 14px!important;
    overflow:hidden!important;
  }
  .fusion-mobile-track{
    display:flex!important;
    align-items:stretch!important;
    width:max-content!important;
    max-width:none!important;
    gap:0!important;
    padding:4px 0 10px!important;
    margin:0!important;
  }
  .fusion-mobile-track > .fusion-track-card{
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    flex-shrink:0!important;
    height:392px!important;
    min-height:392px!important;
    max-height:392px!important;
    margin:0!important;
    padding:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    animation:none!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
  }
  .fusion-mobile-track > .fusion-track-card > .fusion-card-browser{
    box-sizing:border-box!important;
    display:flex!important;
    flex:0 0 44px!important;
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:9px 14px!important;
    grid-column:auto!important;
  }
  .fusion-mobile-track > .fusion-track-card > .fusion-card-preview,
  .fusion-mobile-track > .fusion-card-bottom > .fusion-card-preview-junior-pro{
    box-sizing:border-box!important;
    display:block!important;
    flex:0 0 176px!important;
    width:100%!important;
    height:176px!important;
    min-height:176px!important;
    max-height:176px!important;
    border-radius:0!important;
    overflow:hidden!important;
    grid-column:auto!important;
  }
  .fusion-mobile-track > .fusion-track-card > .fusion-card-body{
    box-sizing:border-box!important;
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    justify-content:center!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:14px 16px 16px!important;
    gap:10px!important;
    overflow:hidden!important;
    grid-template-columns:none!important;
    grid-template-areas:none!important;
    grid-template-rows:none!important;
  }

  .fusion-mobile-track .fusion-card-left .fusion-card-preview img,
  .fusion-mobile-track .fusion-card-right .fusion-card-preview img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .fusion-mobile-track .fusion-track-logo{
    flex:0 0 auto!important;
    align-self:flex-start!important;
    width:auto!important;
    max-width:132px!important;
    max-height:32px!important;
    margin:0!important;
    grid-area:auto!important;
  }
  .fusion-mobile-track .fusion-track-copy{
    flex:0 0 auto!important;
    min-height:0!important;
    max-height:4.5em!important;
    margin:0!important;
    overflow:hidden!important;
    font-size:.80rem!important;
    line-height:1.5!important;
    grid-area:auto!important;
  }
  .fusion-mobile-track .fusion-track-tags,
  .fusion-mobile-track .fusion-track-highlight{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    margin:0!important;
    grid-area:auto!important;
  }
  .fusion-mobile-track .fusion-track-tags span,
  .fusion-mobile-track .fusion-track-highlight span{
    min-height:0!important;
    padding:6px 9px!important;
    font-size:.66rem!important;
    line-height:1.15!important;
  }

  /* University uses the same card dimensions as School/Academy. */
  .fusion-mobile-track .fusion-card-top .fusion-card-preview-university{
    display:block!important;
    height:176px!important;
    min-height:176px!important;
    max-height:176px!important;
  }
  .fusion-mobile-track .fusion-card-top .fusion-card-body{
    justify-content:center!important;
  }
  .fusion-mobile-track .fusion-card-top .fusion-track-highlight{
    order:1!important;
  }
  .fusion-mobile-track .fusion-card-top .fusion-track-copy{
    order:2!important;
  }

  /* Junior is deliberately reduced to the same browser/preview/body geometry. */
  .fusion-mobile-track .fusion-card-bottom .fusion-card-preview-junior-pro{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    grid-template-columns:none!important;
    gap:0!important;
    padding:12px 14px!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-hero-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-kicker{
    align-self:flex-start!important;
    padding:5px 8px!important;
    font-size:.50rem!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-hero-copy h3{
    margin:8px 0 7px!important;
    font-size:.96rem!important;
    line-height:1.23!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-hero-copy p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
    margin:0!important;
    font-size:.73rem!important;
    line-height:1.42!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-actions,
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-stats,
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-side-panel{
    display:none!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-card-body{
    justify-content:center!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-track-highlight{
    order:1!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-track-copy{
    order:2!important;
  }

  .fusion-mobile-arrow{
    top:50%!important;
    width:38px!important;
    height:38px!important;
    border-radius:13px!important;
  }
  .fusion-mobile-arrow-prev{left:4px!important}
  .fusion-mobile-arrow-next{right:4px!important}
}

@media(max-width:390px){
  .fusion-mobile-track > .fusion-track-card{
    height:370px!important;
    min-height:370px!important;
    max-height:370px!important;
  }
  .fusion-mobile-track > .fusion-track-card > .fusion-card-preview,
  .fusion-mobile-track > .fusion-card-bottom > .fusion-card-preview-junior-pro,
  .fusion-mobile-track .fusion-card-top .fusion-card-preview-university{
    flex-basis:162px!important;
    height:162px!important;
    min-height:162px!important;
    max-height:162px!important;
  }
  .fusion-mobile-track > .fusion-track-card > .fusion-card-body{
    padding:12px 13px 14px!important;
  }
  .fusion-mobile-track .fusion-track-copy{
    font-size:.75rem!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-hero-copy h3{
    font-size:.88rem!important;
  }
  .fusion-mobile-track .fusion-card-bottom .fusion-junior-hero-copy p{
    font-size:.68rem!important;
  }
}

/* V30 — guaranteed inline PDP Ecosystem logo visibility */
.fusion-center-logo-inline{
  display:block!important;
  width:236px!important;
  max-width:78%!important;
  height:auto!important;
  margin:18px auto 16px!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
}
.fusion-center-logo-inline .eco-logo-core{fill:#171717}
.fusion-center-logo-inline .eco-logo-dots{fill:#13d53a}
.fusion-center-logo-inline .eco-logo-lines{stroke:#9bea3d;opacity:.9}
.fusion-center-logo-inline .eco-logo-pdp,
.fusion-center-logo-inline .eco-logo-system{fill:#171717}

body.kt-theme-dark .fusion-center-logo-inline{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 9px 20px rgba(0,0,0,.28))!important;
}
body.kt-theme-dark .fusion-center-logo-inline .eco-logo-core{fill:#eaffff!important}





@media(max-width:640px){
  .fusion-center-logo-inline{
    width:min(126px,50%)!important;
    max-width:none!important;
    margin:0 auto!important;
  }
}
@media(max-width:390px){
  .fusion-center-logo-inline{
    width:min(112px,48%)!important;
  }
}

/* V31 — exact one-card paging: no accumulated width/offset drift */
@media(max-width:640px){
  .fusion-mobile-carousel{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .fusion-mobile-viewport{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:8px 0 14px!important;
    overflow:hidden!important;
    contain:layout paint!important;
  }
  .fusion-mobile-track{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    margin:0!important;
    padding:4px 0 10px!important;
    will-change:transform!important;
    transition:transform .58s cubic-bezier(.22,1,.36,1)!important;
  }
  .fusion-mobile-track > .fusion-track-card{
    box-sizing:border-box!important;
    flex-shrink:0!important;
    margin:0!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    animation:none!important;
    overflow:hidden!important;
  }
  .fusion-mobile-track > .fusion-track-card > *{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .fusion-mobile-track > .fusion-track-card > .fusion-card-browser,
  .fusion-mobile-track > .fusion-track-card > .fusion-card-preview,
  .fusion-mobile-track > .fusion-track-card > .fusion-card-body{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  /* Restore the previously visible mobile dark logo; desktop keeps the white-text version. */
  body.kt-theme-dark .fusion-center-logo-inline{
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))!important;
  }
  body.kt-theme-dark .fusion-center-logo-inline .eco-logo-core{fill:#171717!important}
  body.kt-theme-dark .fusion-center-logo-inline .eco-logo-dots{fill:#13d53a!important}
  body.kt-theme-dark .fusion-center-logo-inline .eco-logo-lines{stroke:#9bea3d!important;opacity:.9!important}
  body.kt-theme-dark .fusion-center-logo-inline .eco-logo-pdp,
  body.kt-theme-dark .fusion-center-logo-inline .eco-logo-system{fill:#171717!important}
}


/* V32 — restore center PDP Ecosystem logo visibility on desktop dark mode */
@media(min-width:641px){
  .fusion-ecosystem-scene{
    isolation:isolate!important;
  }
  .fusion-center-card{
    z-index:8!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .fusion-card-top,
  .fusion-card-bottom,
  .fusion-card-left,
  .fusion-card-right{
    z-index:4!important;
  }
  .fusion-center-logo,
  .fusion-center-logo-inline{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.kt-theme-dark .fusion-center-card{
    background:linear-gradient(180deg,rgba(246,252,255,.98),rgba(232,247,250,.96))!important;
    border:1px solid rgba(124,243,255,.22)!important;
    box-shadow:0 28px 64px rgba(0,0,0,.28), 0 0 0 10px rgba(124,243,255,.05)!important;
  }
  body.kt-theme-dark .fusion-center-card::before{
    content:"";
    position:absolute;
    inset:10px;
    border-radius:22px;
    background:radial-gradient(circle at 50% 50%,rgba(0,224,239,.10),rgba(19,213,58,.06) 52%,rgba(255,255,255,0) 80%);
    pointer-events:none;
  }
  body.kt-theme-dark .fusion-center-logo-inline{
    width:180px!important;
    max-width:82%!important;
    filter:drop-shadow(0 10px 20px rgba(0,41,48,.12))!important;
  }
}


/* V33 — place PDP Ecosystem logo card in the true center area on desktop dark mode */
@media(min-width:901px){
  .fusion-ecosystem-scene{
    position:relative!important;
    isolation:isolate!important;
  }
  .fusion-center-card{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    z-index:7!important;
    width:246px!important;
    min-height:132px!important;
    padding:18px 18px!important;
    border-radius:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .fusion-center-logo-inline,
  .fusion-center-logo{
    width:176px!important;
    max-width:82%!important;
    margin:0 auto!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    position:relative!important;
    z-index:2!important;
  }
  .fusion-card-top,
  .fusion-card-left,
  .fusion-card-right,
  .fusion-card-bottom{
    z-index:4!important;
  }
  body.kt-theme-dark .fusion-center-card{
    background:linear-gradient(180deg,rgba(246,252,255,.98),rgba(232,247,250,.96))!important;
    border:1px solid rgba(124,243,255,.22)!important;
    box-shadow:0 28px 64px rgba(0,0,0,.28), 0 0 0 10px rgba(124,243,255,.05)!important;
  }
  body.kt-theme-dark .fusion-center-card::before{
    content:"";
    position:absolute;
    inset:10px;
    border-radius:24px;
    background:radial-gradient(circle at 50% 50%,rgba(0,224,239,.10),rgba(19,213,58,.06) 52%,rgba(255,255,255,0) 80%);
    pointer-events:none;
  }
}

@media(min-width:901px) and (max-width:1160px){
  .fusion-center-card{top:50%!important;width:228px!important;min-height:122px!important}
  .fusion-center-logo-inline,
  .fusion-center-logo{width:164px!important}
}


/* V34 — PDP EcoSystem logo: exact center in light and dark modes */
.fusion-center-card{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.fusion-center-logo-inline,
.fusion-center-logo{
  display:block!important;
  margin-left:auto!important;
  margin-right:auto!important;
  transform:none!important;
  transform-origin:center center!important;
}

/* Dark theme keeps the same centered layout with a native dark card. */
body.kt-theme-dark .fusion-center-card{
  background:linear-gradient(155deg,rgba(15,55,64,.98),rgba(8,39,47,.98))!important;
  border-color:rgba(124,243,255,.18)!important;
  box-shadow:0 26px 64px rgba(0,0,0,.34),0 0 0 10px rgba(124,243,255,.035)!important;
}
body.kt-theme-dark .fusion-center-card::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:24px;
  background:radial-gradient(circle at 50% 50%,rgba(0,224,239,.10),rgba(19,213,58,.055) 52%,rgba(255,255,255,0) 80%)!important;
  pointer-events:none;
}
body.kt-theme-dark .fusion-center-logo-inline .eco-logo-core{fill:#171717!important}
body.kt-theme-dark .fusion-center-logo-inline .eco-logo-dots{fill:#20df4d!important}
body.kt-theme-dark .fusion-center-logo-inline .eco-logo-lines{stroke:#b8ff54!important;opacity:1!important}
body.kt-theme-dark .fusion-center-logo-inline .eco-logo-pdp{fill:#ffffff!important}
body.kt-theme-dark .fusion-center-logo-inline .eco-logo-system{fill:#dffcff!important}

@media(min-width:901px){
  .fusion-center-card{
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
}

@media(max-width:900px){
  .fusion-center-card{
    justify-self:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* V35 — refined compact PDP EcoSystem logo card (light + dark) */
.fusion-center-card{
  width:218px!important;
  min-height:112px!important;
  height:auto!important;
  padding:14px 16px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,253,254,.97))!important;
  border:1px solid rgba(0,174,187,.15)!important;
  box-shadow:0 22px 50px rgba(0,41,48,.105),0 0 0 8px rgba(255,255,255,.38)!important;
}
.fusion-center-card::before{
  content:"";
  position:absolute;
  inset:8px!important;
  border-radius:21px!important;
  background:radial-gradient(circle at 50% 48%,rgba(0,224,239,.065),rgba(19,213,58,.035) 55%,transparent 82%)!important;
  pointer-events:none;
}
.fusion-center-logo-inline,
.fusion-center-logo{
  width:142px!important;
  max-width:72%!important;
  height:auto!important;
  margin:0 auto!important;
  position:relative!important;
  z-index:2!important;
  filter:drop-shadow(0 7px 14px rgba(0,41,48,.085))!important;
}

body.kt-theme-dark .fusion-center-card{
  width:218px!important;
  min-height:112px!important;
  padding:14px 16px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:linear-gradient(155deg,rgba(15,55,64,.985),rgba(8,39,47,.985))!important;
  border:1px solid rgba(124,243,255,.17)!important;
  box-shadow:0 24px 56px rgba(0,0,0,.34),0 0 0 8px rgba(124,243,255,.03)!important;
}
body.kt-theme-dark .fusion-center-card::before{
  inset:8px!important;
  border-radius:21px!important;
  background:radial-gradient(circle at 50% 48%,rgba(0,224,239,.09),rgba(19,213,58,.05) 55%,transparent 82%)!important;
}
body.kt-theme-dark .fusion-center-logo-inline,
body.kt-theme-dark .fusion-center-logo{
  width:142px!important;
  max-width:72%!important;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.25))!important;
}

@media(min-width:901px) and (max-width:1160px){
  .fusion-center-card,
  body.kt-theme-dark .fusion-center-card{
    width:202px!important;
    min-height:104px!important;
    padding:13px 15px!important;
    border-radius:26px!important;
  }
  .fusion-center-logo-inline,
  .fusion-center-logo,
  body.kt-theme-dark .fusion-center-logo-inline,
  body.kt-theme-dark .fusion-center-logo{
    width:132px!important;
    max-width:72%!important;
  }
}

@media(min-width:641px) and (max-width:900px){
  .fusion-center-card,
  body.kt-theme-dark .fusion-center-card{
    width:min(210px,72%)!important;
    min-height:104px!important;
    padding:13px 15px!important;
    border-radius:26px!important;
  }
  .fusion-center-logo-inline,
  .fusion-center-logo,
  body.kt-theme-dark .fusion-center-logo-inline,
  body.kt-theme-dark .fusion-center-logo{
    width:134px!important;
    max-width:72%!important;
  }
}

@media(max-width:640px){
  .fusion-center-card,
  body.kt-theme-dark .fusion-center-card{
    width:min(204px,76%)!important;
    min-height:92px!important;
    padding:11px 14px!important;
    border-radius:22px!important;
  }
  .fusion-center-card::before,
  body.kt-theme-dark .fusion-center-card::before{
    inset:7px!important;
    border-radius:16px!important;
  }
  .fusion-center-logo-inline,
  .fusion-center-logo,
  body.kt-theme-dark .fusion-center-logo-inline,
  body.kt-theme-dark .fusion-center-logo{
    width:124px!important;
    max-width:68%!important;
  }
}

@media(max-width:390px){
  .fusion-center-card,
  body.kt-theme-dark .fusion-center-card{
    width:min(188px,78%)!important;
    min-height:86px!important;
    padding:10px 12px!important;
    border-radius:20px!important;
  }
  .fusion-center-logo-inline,
  .fusion-center-logo,
  body.kt-theme-dark .fusion-center-logo-inline,
  body.kt-theme-dark .fusion-center-logo{
    width:112px!important;
    max-width:68%!important;
  }
}

/* V36 — dark desktop: lock the PDP EcoSystem hub to the true scene center */
@media (min-width:901px){
  body.kt-theme-dark .fusion-ecosystem-scene{
    position:relative!important;
    isolation:isolate!important;
  }

  body.kt-theme-dark .fusion-ecosystem-scene > .fusion-center-card{
    position:absolute!important;
    inset:auto!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    transform-origin:center center!important;
    animation:none!important;
    align-self:auto!important;
    justify-self:auto!important;
    z-index:8!important;
  }
}


/* V37 — remove PDP EcoSystem frame in both light and dark modes, keep logo centered */
.fusion-center-card,
body.kt-theme-dark .fusion-center-card{
  width:auto!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  backdrop-filter:none!important;
}
.fusion-center-card::before,
body.kt-theme-dark .fusion-center-card::before{
  content:none!important;
  display:none!important;
  background:none!important;
}
.fusion-center-logo-inline,
.fusion-center-logo,
body.kt-theme-dark .fusion-center-logo-inline,
body.kt-theme-dark .fusion-center-logo{
  width:142px!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  display:block!important;
  filter:none!important;
}
@media (min-width:901px){
  .fusion-ecosystem-scene > .fusion-center-card,
  body.kt-theme-dark .fusion-ecosystem-scene > .fusion-center-card{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    z-index:8!important;
  }
}
@media (max-width:900px){
  .fusion-center-card,
  body.kt-theme-dark .fusion-center-card{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    margin:0 auto 6px!important;
    justify-self:center!important;
    align-self:center!important;
  }
}
@media (max-width:640px){
  .fusion-center-logo-inline,
  .fusion-center-logo,
  body.kt-theme-dark .fusion-center-logo-inline,
  body.kt-theme-dark .fusion-center-logo{
    width:124px!important;
  }
}
@media (max-width:390px){
  .fusion-center-logo-inline,
  .fusion-center-logo,
  body.kt-theme-dark .fusion-center-logo-inline,
  body.kt-theme-dark .fusion-center-logo{
    width:112px!important;
  }
}




/* V39 — professional ecosystem connection system: subtle data flow, anchored ports, light/dark parity */
.fusion-flow-network{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:2;
  pointer-events:none;
  overflow:visible;
  opacity:.96;
}
.fusion-flow-depth,
.fusion-flow-main,
.fusion-flow-signal{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.fusion-flow-depth{
  stroke:rgba(0,77,86,.10);
  stroke-width:14;
  filter:blur(5px);
}
.fusion-flow-main{
  stroke:url(#fusionFlowLight);
  stroke-width:5;
}
.fusion-flow-signal{
  stroke:url(#fusionFlowActive);
  stroke-width:2.1;
  stroke-dasharray:2 15;
  opacity:.82;
  animation:fusionSignalTravel 13s linear infinite;
}
.fusion-flow-right .fusion-flow-signal{animation-duration:14.5s;animation-delay:-3s}
.fusion-flow-bottom .fusion-flow-signal{animation-duration:13.8s;animation-delay:-6s}
.fusion-flow-left .fusion-flow-signal{animation-duration:15.2s;animation-delay:-8s}
.fusion-flow-packet{fill:#17d774;opacity:0}
.fusion-flow-packet-secondary{fill:#3edff2}
.fusion-flow-port-halo{
  fill:none;
  stroke:rgba(15,190,204,.20);
  stroke-width:2;
  transform-box:fill-box;
  transform-origin:center;
  animation:fusionPortBreathe 4.8s ease-in-out infinite;
}
.fusion-flow-port-ring{
  fill:rgba(255,255,255,.72);
  stroke:rgba(0,157,172,.52);
  stroke-width:2;
}
.fusion-flow-port-core{
  fill:url(#fusionPortFill);
  filter:drop-shadow(0 0 5px rgba(0,193,210,.45));
}
.fusion-flow-port-edge .fusion-flow-port-halo{animation-delay:-2.4s}
.fusion-flow-port-edge .fusion-flow-port-ring{
  fill:rgba(248,255,255,.92);
  stroke:rgba(23,207,119,.52);
}
.fusion-flow-port-edge .fusion-flow-port-core{fill:#17d774}
.fusion-connector{opacity:0!important}
@keyframes fusionSignalTravel{to{stroke-dashoffset:-136}}
@keyframes fusionPortBreathe{
  0%,100%{opacity:.2;transform:scale(.82)}
  50%{opacity:.72;transform:scale(1.2)}
}

body.kt-theme-dark .fusion-flow-depth{
  stroke:rgba(0,0,0,.34);
}
body.kt-theme-dark .fusion-flow-main{
  stroke:url(#fusionFlowActive);
  opacity:.58;
}
body.kt-theme-dark .fusion-flow-signal{
  opacity:.94;
}
body.kt-theme-dark .fusion-flow-port-halo{
  stroke:rgba(81,229,245,.32);
}
body.kt-theme-dark .fusion-flow-port-ring{
  fill:rgba(7,41,47,.94);
  stroke:rgba(92,229,242,.64);
}
body.kt-theme-dark .fusion-flow-port-core{
  fill:#67e9f6;
  filter:drop-shadow(0 0 7px rgba(76,229,244,.7));
}
body.kt-theme-dark .fusion-flow-port-edge .fusion-flow-port-ring{
  fill:rgba(7,41,47,.96);
  stroke:rgba(40,225,104,.70);
}
body.kt-theme-dark .fusion-flow-port-edge .fusion-flow-port-core{
  fill:#2be267;
  filter:drop-shadow(0 0 7px rgba(43,226,103,.7));
}

@media (min-width:901px){
  .fusion-center-card{
    z-index:8!important;
  }
  .fusion-track-card{
    z-index:4!important;
  }
}
@media (max-width:900px){
  .fusion-flow-network{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .fusion-flow-signal,
  .fusion-flow-port-halo{animation:none!important}
  .fusion-flow-packet{display:none!important}
}



/* V40 — remove center orbit rings and make connection circles feel more alive */
@media (min-width:901px){
  .fusion-ring,
  body.kt-theme-dark .fusion-ring{
    display:none!important;
    opacity:0!important;
  }
}

.fusion-flow-port-halo{
  stroke-width:2.4!important;
  animation:fusionPortPulseStrong 2.35s cubic-bezier(.4,0,.2,1) infinite!important;
}
.fusion-flow-port-ring{
  animation:fusionPortRingDrift 2.8s ease-in-out infinite!important;
  transform-box:fill-box;
  transform-origin:center;
}
.fusion-flow-port-core{
  animation:fusionPortCoreBlink 1.9s ease-in-out infinite!important;
  transform-box:fill-box;
  transform-origin:center;
}
.fusion-flow-port-edge .fusion-flow-port-halo{animation-delay:-1.15s!important}
.fusion-flow-port-hub .fusion-flow-port-halo{animation-delay:-.45s!important}

@keyframes fusionPortPulseStrong{
  0%{opacity:.08;transform:scale(.62)}
  35%{opacity:.95;transform:scale(1.58)}
  60%{opacity:.34;transform:scale(1.16)}
  100%{opacity:.04;transform:scale(1.92)}
}
@keyframes fusionPortRingDrift{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.12)}
}
@keyframes fusionPortCoreBlink{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.78;transform:scale(1.18)}
}

body.kt-theme-dark .fusion-flow-port-halo{
  stroke:rgba(98,238,250,.46)!important;
}
body.kt-theme-dark .fusion-flow-port-ring{
  animation-duration:2.55s!important;
}
body.kt-theme-dark .fusion-flow-port-core{
  animation-duration:1.7s!important;
}

@media (max-width:900px){
  .fusion-ring,
  body.kt-theme-dark .fusion-ring{
    display:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .fusion-flow-port-ring,
  .fusion-flow-port-core,
  .fusion-flow-port-halo{
    animation:none!important;
  }
}


/* V41 — remove all decorative donut/port circles from ecosystem links */
.fusion-flow-ports,
.fusion-flow-port,
.fusion-flow-port-halo,
.fusion-flow-port-ring,
.fusion-flow-port-core{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  animation:none!important;
}

/* ===== Mobil: PDP University "sayt" prevyusi — absolyut joylashgan elementlar
   bir-birining ustiga chiqib ketardi. Kichik ekranda oddiy oqimda joylashadi. ===== */
@media (max-width:760px){
  .fusion-card-preview-university{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    padding:14px 16px 16px!important;
  }
  .fusion-preview-university-head,
  .fusion-preview-university-copy{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
  }
  /* Brauzer chizig‘ida logo bor — prevyu ichidagi takroriy mini-logo yashiriladi */
  .fusion-preview-university-head{display:none!important}
  .fusion-card-preview-university{padding-top:18px!important}
  .fusion-preview-university-copy h3{font-size:.92rem!important;line-height:1.25!important;max-width:30ch}
  .fusion-preview-primary-btn{margin-top:10px!important;height:30px!important;font-size:.66rem!important}
  .fusion-preview-outline-btn,
  .fusion-preview-university-orbit{display:none!important}
}