/* ARTEMIS award-inspired decorative layer.
   Keeps the existing PPT palette and original methodology content.
   Inspired by the supplied reference's purposeful micro-interactions,
   product-suite navigation and enterprise storytelling patterns. */
#artemis-page-wrapper .ap-wow-hero{margin-top:0;padding-top:124px;padding-bottom:86px;min-height:calc(100vh - 0px);isolation:isolate}
#artemis-page-wrapper .ap-wow-hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 24%,transparent 78%,rgba(0,0,0,.12));}
#artemis-page-wrapper .ap-wow-grid{position:absolute;inset:0;z-index:2;opacity:.16;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 82%,transparent 100%);animation:apGridDrift 18s linear infinite}
#artemis-page-wrapper .ap-wow-glow{position:absolute;z-index:2;width:360px;height:360px;border-radius:50%;pointer-events:none;filter:blur(2px);opacity:.22;border:1px solid rgba(0,212,170,.3)}
#artemis-page-wrapper .ap-wow-glow--one{right:-130px;top:18%;box-shadow:0 0 90px rgba(0,212,170,.2)}
#artemis-page-wrapper .ap-wow-glow--two{left:-190px;bottom:4%;width:430px;height:430px;border-color:rgba(0,153,216,.22);box-shadow:0 0 110px rgba(0,153,216,.18)}
#artemis-page-wrapper .ap-wow-side-index{position:absolute;z-index:8;right:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:11px;color:rgba(255,255,255,.58);font-size:10px;letter-spacing:.16em;font-weight:700;writing-mode:vertical-rl}
#artemis-page-wrapper .ap-wow-side-index i{display:block;width:1px;height:82px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.65),transparent)}
#artemis-page-wrapper .ap-wow-side-index b{font-weight:700;color:rgba(255,255,255,.78)}
#artemis-page-wrapper .ap-wow-breadcrumb{position:relative;z-index:12;display:flex;justify-content:center;align-items:center;gap:9px;margin:0 auto 24px;font-size:.76rem;letter-spacing:.03em;color:rgba(255,255,255,.68)}
#artemis-page-wrapper .ap-wow-breadcrumb a{color:rgba(255,255,255,.76);transition:color .2s ease}
#artemis-page-wrapper .ap-wow-breadcrumb a:hover{color:#fff}
#artemis-page-wrapper .ap-wow-breadcrumb strong{color:#fff;font-weight:700}
#artemis-page-wrapper .ap-wow-eyebrow{position:relative;z-index:12;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:14px;color:rgba(255,255,255,.78);font-size:.72rem;letter-spacing:.2em;font-weight:800}
#artemis-page-wrapper .ap-wow-eyebrow span{width:34px;height:1px;background:rgba(255,255,255,.48)}
#artemis-page-wrapper .ap-wow-hero .ap-hero-title{position:relative;z-index:12;margin-bottom:18px;font-size:clamp(3rem,5.2vw,5.1rem);letter-spacing:-.045em}
#artemis-page-wrapper .ap-wow-hero .ap-hero-subtitle{position:relative;z-index:12;max-width:900px;margin-bottom:26px}
#artemis-page-wrapper .ap-wow-toolrail{position:relative;z-index:15;display:flex;justify-content:center;gap:0;max-width:1100px;margin:0 auto 42px;padding:7px;border:1px solid rgba(255,255,255,.16);background:rgba(7,24,43,.38);backdrop-filter:blur(12px);box-shadow:0 16px 45px rgba(0,0,0,.18);overflow:auto;scrollbar-width:none}
#artemis-page-wrapper .ap-wow-toolrail::-webkit-scrollbar{display:none}
#artemis-page-wrapper .ap-wow-toolrail button{position:relative;flex:1 0 auto;min-width:105px;padding:11px 13px;border-right:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.68);background:transparent;font-size:.68rem;font-weight:800;letter-spacing:.07em;cursor:pointer;transition:color .25s ease,background .25s ease,transform .25s ease}
#artemis-page-wrapper .ap-wow-toolrail button:last-child{border-right:0}
#artemis-page-wrapper .ap-wow-toolrail button span{display:block;font-size:.57rem;opacity:.55;margin-bottom:3px;letter-spacing:.14em}
#artemis-page-wrapper .ap-wow-toolrail button:hover{color:#fff;background:rgba(255,255,255,.06);transform:translateY(-1px)}
#artemis-page-wrapper .ap-wow-toolrail button.is-active{color:#fff;background:rgba(0,153,216,.18);box-shadow:inset 0 -2px 0 #0099d8}
#artemis-page-wrapper .ap-wow-hero .ap-hub-container{position:relative;z-index:12;margin-top:0}
#artemis-page-wrapper .ap-wow-hero .ap-hub-content-card{position:relative;overflow:hidden;border-color:rgba(255,255,255,.18);box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.025) inset}
#artemis-page-wrapper .ap-wow-hero .ap-hub-content-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,170,.85),rgba(0,153,216,.85),transparent)}
#artemis-page-wrapper .ap-wow-hero .ap-hub-diagram::before{content:"";position:absolute;inset:7%;border:1px dashed rgba(255,255,255,.1);border-radius:50%;animation:apOrbitSpin 32s linear infinite;pointer-events:none}
#artemis-page-wrapper .ap-wow-hero .ap-hub-core{box-shadow:0 0 45px rgba(0,212,170,.42),0 0 95px rgba(0,164,204,.25),inset 0 0 30px rgba(255,255,255,.1)}
#artemis-page-wrapper .ap-wow-hero .ap-satellite{box-shadow:0 10px 28px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12)}
#artemis-page-wrapper .ap-wow-scroll-cue{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;gap:7px;margin:-28px 0 10px;color:#64748b;font-size:.62rem;letter-spacing:.18em;font-weight:800}
#artemis-page-wrapper .ap-wow-scroll-cue i{display:block;width:1px;height:34px;background:linear-gradient(to bottom,#0099d8,transparent);animation:apScrollCue 1.8s ease-in-out infinite}
@keyframes apGridDrift{from{background-position:0 0,0 0}to{background-position:72px 72px,72px 72px}}
@keyframes apOrbitSpin{to{transform:rotate(360deg)}}
@keyframes apScrollCue{0%,100%{transform:scaleY(.65);transform-origin:top;opacity:.5}50%{transform:scaleY(1);opacity:1}}
@media(max-width:1024px){#artemis-page-wrapper .ap-wow-hero{padding-top:138px}#artemis-page-wrapper .ap-wow-side-index{display:none}#artemis-page-wrapper .ap-wow-toolrail{margin-left:16px;margin-right:16px}}
@media(max-width:700px){#artemis-page-wrapper .ap-wow-hero{padding-top:118px}#artemis-page-wrapper .ap-wow-breadcrumb{font-size:.68rem;flex-wrap:wrap;margin-bottom:18px}#artemis-page-wrapper .ap-wow-eyebrow{font-size:.62rem}#artemis-page-wrapper .ap-wow-toolrail{justify-content:flex-start;margin-bottom:28px}#artemis-page-wrapper .ap-wow-toolrail button{min-width:92px}#artemis-page-wrapper .ap-wow-hero .ap-hero-title{font-size:2.15rem}#artemis-page-wrapper .ap-wow-hero .ap-hero-subtitle{font-size:.98rem}#artemis-page-wrapper .ap-wow-glow{opacity:.12}}
@media(prefers-reduced-motion:reduce){#artemis-page-wrapper .ap-wow-grid,#artemis-page-wrapper .ap-wow-hero .ap-hub-diagram::before,#artemis-page-wrapper .ap-wow-scroll-cue i{animation:none}}



/* ARTEMIS final satellite spacing polish */
#artemis-page-wrapper .ap-wow-hero .ap-hub-diagram{overflow:visible}
#artemis-page-wrapper .ap-wow-hero .ap-satellite{z-index:20}
#artemis-page-wrapper .ap-wow-hero .ap-hub-core{z-index:30}
#artemis-page-wrapper .ap-wow-hero .ap-satellite.ap-active{transform:scale(1.03)}
#artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="atlas"].ap-active{transform:translateX(-50%) scale(1.03)}
#artemis-page-wrapper .ap-wow-hero .ap-satellite:hover{transform:scale(1.03)}
#artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="atlas"]:hover{transform:translateX(-50%) scale(1.03)}
#artemis-page-wrapper .ap-wow-scroll-cue{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:50;margin:0;color:rgba(255,255,255,.72);font-size:.62rem;letter-spacing:.18em;font-weight:800;white-space:nowrap;pointer-events:none;text-align:center}
#artemis-page-wrapper .ap-wow-scroll-cue i{display:block;width:1px;height:24px;margin:8px auto 0;background:linear-gradient(to bottom,#0099d8,transparent);animation:apScrollCue 1.8s ease-in-out infinite}
@media (min-width:1025px){
  #artemis-page-wrapper .ap-wow-hero .ap-hub-diagram{min-height:500px}
  #artemis-page-wrapper .ap-wow-hero .ap-satellite{width:100px;height:95px}
  #artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="atlas"]{top:0!important;left:50%!important;right:auto!important}
  #artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="radar"]{top:4%!important;right:0!important;left:auto!important}
  #artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="transit"]{top:35%!important;right:0!important;left:auto!important;margin-top:0!important}
  #artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="examiner"]{bottom:0!important;right:3%!important;left:auto!important}
  #artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="mentor"]{bottom:0!important;left:3%!important;right:auto!important}
  #artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="illustrator"]{top:35%!important;left:0!important;right:auto!important;margin-top:0!important}
  #artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="synapse"]{top:4%!important;left:0!important;right:auto!important}
}
@media (max-width:1024px){#artemis-page-wrapper .ap-wow-scroll-cue{display:none}}


/* =========================================================
   FINAL ARTEMIS DESKTOP POLISH
   Purpose: keep every tool visible, separated and readable.
   This intentionally preserves the approved design, colors and content.
   ========================================================= */
@media (min-width: 1025px) {
  #artemis-page-wrapper .ap-wow-hero .ap-hub-container {
    position: relative;
    z-index: 12;
  }

  #artemis-page-wrapper .ap-wow-hero .ap-hub-diagram {
    position: relative !important;
    width: min(560px, 100%) !important;
    height: 520px !important;
    min-height: 520px !important;
    overflow: visible !important;
  }

  #artemis-page-wrapper .ap-wow-hero .ap-satellite {
    width: 100px !important;
    height: 95px !important;
    z-index: 40 !important;
    margin: 0 !important;
  }

  /* Top */
  #artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="atlas"] {
    top: -7% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
  }

  /* Upper left / upper right */
  #artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="synapse"] {
    top: 3% !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

  #artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="radar"] {
    top: 3% !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

  /* Middle left / middle right: deliberately separated from bottom cards */
  #artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="illustrator"] {
    top: 43% !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

  #artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="transit"] {
    top: 43% !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

  /* Bottom left / bottom right */
  #artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="mentor"] {
    bottom: -1% !important;
    left: 7% !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
  }

  #artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="examiner"] {
    bottom: -1% !important;
    right: 7% !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }

  /* Keep hover/active effects subtle enough that cards never collide. */
  #artemis-page-wrapper .ap-wow-hero .ap-satellite:hover,
  #artemis-page-wrapper .ap-wow-hero .ap-satellite.ap-active {
    transform: scale(1.025) !important;
  }

  #artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="atlas"]:hover,
  #artemis-page-wrapper .ap-wow-hero .ap-satellite[data-tool="atlas"].ap-active {
    transform: translateX(-50%) scale(1.025) !important;
  }

  /* Scroll cue belongs to the dark hero, not the white stats section. */
  #artemis-page-wrapper .ap-wow-scroll-cue {
    position: absolute !important;
    left: 50% !important;
    bottom: 18px !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    z-index: 60 !important;
    color: rgba(255,255,255,.72) !important;
    white-space: nowrap !important;
    pointer-events: none !important;
  }
}

@media (max-width: 1024px) {
  #artemis-page-wrapper .ap-wow-scroll-cue {
    display: none !important;
  }
}