/* HUMAN MAXIMUS V144 — TRUE CIRCLE / DIVINE PRESENTATION PASS
   Contained visual enhancement only. No routing, audio, checkout, or content-engine changes. */

/* ----------------------------------------------------------
   1) TRUE RADIAL SYSTEMS
   ---------------------------------------------------------- */
.hm-recognition-orbit,
.hm-elements-system{
  --orbit-radius: 305px;
  --node-size: 178px;
  position:relative;
  width:min(920px,100%);
  height:760px;
  min-height:0;
  margin:58px auto 0;
  isolation:isolate;
}

.hm-recognition-orbit::before,
.hm-elements-system::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:610px;
  height:610px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(195,163,255,.16);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%,rgba(141,92,246,.10),transparent 42%),
    repeating-conic-gradient(from 0deg,rgba(195,163,255,.08) 0 1deg,transparent 1deg 45deg);
  box-shadow:
    0 0 0 26px rgba(141,92,246,.018),
    0 0 90px rgba(141,92,246,.08);
  z-index:0;
}

/* Thin glowing spokes. */
.hm-recognition-orbit::after,
.hm-elements-system::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:610px;
  height:610px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:
    conic-gradient(
      from -90deg,
      transparent 0 5.3deg,
      rgba(185,156,255,.20) 5.3deg 5.7deg,
      transparent 5.7deg 50.3deg,
      rgba(185,156,255,.20) 50.3deg 50.7deg,
      transparent 50.7deg 95.3deg,
      rgba(185,156,255,.20) 95.3deg 95.7deg,
      transparent 95.7deg 140.3deg,
      rgba(185,156,255,.20) 140.3deg 140.7deg,
      transparent 140.7deg 185.3deg,
      rgba(185,156,255,.20) 185.3deg 185.7deg,
      transparent 185.7deg 230.3deg,
      rgba(185,156,255,.20) 230.3deg 230.7deg,
      transparent 230.7deg 275.3deg,
      rgba(185,156,255,.20) 275.3deg 275.7deg,
      transparent 275.7deg 320.3deg,
      rgba(185,156,255,.20) 320.3deg 320.7deg,
      transparent 320.7deg 360deg
    );
  -webkit-mask:radial-gradient(circle,transparent 0 118px,#000 120px 304px,transparent 306px);
  mask:radial-gradient(circle,transparent 0 118px,#000 120px 304px,transparent 306px);
  filter:drop-shadow(0 0 8px rgba(141,92,246,.35));
  opacity:.78;
  pointer-events:none;
  z-index:1;
}

.hm-recognition-core,
.hm-elements-core{
  position:absolute;
  left:50%;
  top:50%;
  width:238px;
  height:238px;
  min-height:238px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  z-index:4;
  background:
    radial-gradient(circle at 34% 24%,rgba(255,255,255,.18),transparent 27%),
    radial-gradient(circle at 50% 48%,#54267c 0,#2a123d 46%,#0a0710 74%);
  border:1px solid rgba(214,188,255,.70);
  box-shadow:
    0 0 0 12px rgba(141,92,246,.045),
    0 0 0 28px rgba(141,92,246,.018),
    0 0 80px rgba(141,92,246,.32),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -20px 50px rgba(0,0,0,.24);
}
.hm-recognition-core::before,
.hm-elements-core::before,
.hm-recognition-core::after,
.hm-elements-core::after{
  content:"";
  position:absolute;
  inset:-18px;
  border:1px solid rgba(195,163,255,.20);
  border-radius:50%;
  animation:hmCircleBreath 5.6s ease-in-out infinite;
  pointer-events:none;
}
.hm-recognition-core::after,
.hm-elements-core::after{
  inset:-40px;
  border-color:rgba(216,181,107,.10);
  animation-delay:-2.8s;
}
@keyframes hmCircleBreath{
  0%,100%{transform:scale(.96);opacity:.28}
  50%{transform:scale(1.04);opacity:.82}
}

.hm-recognition-orbit>article,
.hm-element-card{
  position:absolute;
  left:50%;
  top:50%;
  width:var(--node-size);
  height:var(--node-size);
  min-height:var(--node-size);
  padding:22px 18px;
  transform:
    translate(-50%,-50%)
    rotate(calc(var(--i) * 45deg))
    translateY(calc(var(--orbit-radius) * -1))
    rotate(calc(var(--i) * -45deg));
  border-radius:50%;
  border:1px solid rgba(226,216,238,.28);
  background:
    radial-gradient(circle at 34% 23%,rgba(255,255,255,.13),transparent 25%),
    radial-gradient(circle at 50% 58%,rgba(75,31,112,.26),transparent 68%),
    linear-gradient(145deg,rgba(29,23,36,.98),rgba(8,7,12,.995));
  box-shadow:
    0 18px 44px rgba(0,0,0,.34),
    0 0 0 1px rgba(195,163,255,.025),
    inset 0 1px 0 rgba(255,255,255,.10);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  z-index:3;
  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease,
    filter .25s ease,
    opacity .25s ease;
}

.hm-recognition-orbit>article::before,
.hm-element-card::before{
  content:"";
  position:absolute;
  inset:9px;
  border:1px solid rgba(195,163,255,.10);
  border-radius:50%;
  pointer-events:none;
}

.hm-recognition-orbit>article:hover,
.hm-element-card:hover{
  transform:
    translate(-50%,-50%)
    rotate(calc(var(--i) * 45deg))
    translateY(calc((var(--orbit-radius) + 3px) * -1))
    rotate(calc(var(--i) * -45deg))
    scale(1.055);
  border-color:rgba(226,207,255,.85);
  box-shadow:
    0 24px 58px rgba(0,0,0,.44),
    0 0 36px rgba(141,92,246,.30),
    inset 0 1px 0 rgba(255,255,255,.18);
  filter:brightness(1.08);
}

.hm-recognition-orbit:has(article:hover) article:not(:hover),
.hm-elements-system:has(.hm-element-card:hover) .hm-element-card:not(:hover){
  opacity:.58;
  filter:saturate(.72);
}

.hm-recognition-orbit:has(article:hover) .hm-recognition-core,
.hm-elements-system:has(.hm-element-card:hover) .hm-elements-core{
  box-shadow:
    0 0 0 14px rgba(141,92,246,.055),
    0 0 100px rgba(141,92,246,.50),
    inset 0 1px 0 rgba(255,255,255,.28);
}

.hm-recognition-orbit article i,
.hm-element-card i{
  font-style:normal;
  font-size:26px;
  color:#cbaeff;
  text-shadow:0 0 18px rgba(141,92,246,.38);
  margin-bottom:8px;
}

.hm-recognition-orbit article h3,
.hm-element-card h3{
  margin:5px 0 6px;
  font-size:15px;
  line-height:1.08;
}
.hm-recognition-orbit article p,
.hm-element-card p{
  margin:0;
  max-width:135px;
  color:#d3cbd8;
  font-size:11px;
  line-height:1.42;
}
.hm-element-card>span{
  position:absolute;
  right:auto;
  left:50%;
  top:14px;
  transform:translateX(-50%);
  color:#d8b56b;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}

/* Warmer human-energy identity for the recognition circle. */
.hm-recognition-orbit::before{
  background:
    radial-gradient(circle at 50% 50%,rgba(216,181,107,.055),transparent 29%),
    radial-gradient(circle at 50% 50%,rgba(141,92,246,.11),transparent 48%),
    repeating-conic-gradient(from 0deg,rgba(216,181,107,.055) 0 1deg,transparent 1deg 45deg);
}
.hm-recognition-orbit>article:nth-of-type(1),
.hm-recognition-orbit>article:nth-of-type(4),
.hm-recognition-orbit>article:nth-of-type(7){
  border-color:rgba(216,181,107,.28);
}

/* ----------------------------------------------------------
   2) EVERYTHING INCLUDED — CHAPTER PATH, FEWER BOXES
   ---------------------------------------------------------- */
.hm-world-groups{
  position:relative;
  gap:52px;
  margin-top:64px;
}
.hm-world-groups::before{
  content:"";
  position:absolute;
  left:23px;
  top:48px;
  bottom:48px;
  width:2px;
  background:linear-gradient(180deg,#d8b56b 0,#8d5cf6 45%,#c3a3ff 100%);
  box-shadow:0 0 18px rgba(141,92,246,.34);
  opacity:.72;
}
.hm-world-group{
  position:relative;
  padding:0 0 0 86px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.hm-world-group>header{
  min-height:64px;
  margin-bottom:22px;
}
.hm-world-group>header>span{
  position:absolute;
  left:0;
  top:0;
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(235,220,255,.72);
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 26%),
    linear-gradient(145deg,#6d3ba2,#271437);
  box-shadow:0 0 0 8px #07050b,0 0 28px rgba(141,92,246,.30),inset 0 1px rgba(255,255,255,.22);
}
.hm-world-group header h3{font-size:26px}
.hm-world-group header small{font-size:10px}
.hm-world-group__cards{
  grid-template-columns:1.35fr 1fr 1fr;
  gap:18px;
}
.hm-world-card{
  min-height:220px;
  border-radius:26px;
  background:
    radial-gradient(circle at 12% 0,rgba(141,92,246,.09),transparent 38%),
    linear-gradient(145deg,rgba(23,18,29,.98),rgba(8,7,12,.995));
}
.hm-world-card--featured{
  background:
    radial-gradient(circle at 15% 12%,rgba(195,163,255,.20),transparent 32%),
    linear-gradient(145deg,#24172f,#0b0810 72%);
  box-shadow:
    0 24px 58px rgba(0,0,0,.28),
    0 0 36px rgba(141,92,246,.08),
    inset 0 1px rgba(255,255,255,.09);
}

/* ----------------------------------------------------------
   3) EXPERIENCE IT YOUR WAY — A DAY ACTUALLY UNFOLDING
   ---------------------------------------------------------- */
.hm-pro-life-chapter{
  overflow:hidden;
}
.hm-pro-life-chapter::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:280px;
  height:450px;
  background:
    linear-gradient(90deg,
      rgba(255,172,88,.08) 0%,
      rgba(255,215,135,.075) 25%,
      rgba(216,181,107,.065) 50%,
      rgba(141,92,246,.09) 76%,
      rgba(75,37,126,.13) 100%);
  filter:blur(28px);
  pointer-events:none;
}
.hm-life-journey{
  gap:20px;
  margin-top:66px;
}
.hm-life-journey::before{
  top:58px;
  height:2px;
  background:linear-gradient(90deg,#f1b66f,#f0cf8c,#c79cff,#8d5cf6);
  box-shadow:0 0 18px rgba(141,92,246,.40);
}
.hm-life-journey article{
  min-height:320px;
  padding:92px 24px 26px;
  border-radius:28px;
  backdrop-filter:blur(8px);
}
.hm-life-journey article:nth-child(1){
  background:
    radial-gradient(circle at 50% 0,rgba(255,177,92,.19),transparent 38%),
    linear-gradient(145deg,rgba(31,22,27,.98),rgba(9,7,12,.99));
}
.hm-life-journey article:nth-child(2){
  background:
    radial-gradient(circle at 50% 0,rgba(255,220,139,.15),transparent 38%),
    linear-gradient(145deg,rgba(30,25,27,.98),rgba(9,8,12,.99));
}
.hm-life-journey article:nth-child(3){
  background:
    radial-gradient(circle at 50% 0,rgba(216,181,107,.14),transparent 38%),
    linear-gradient(145deg,rgba(29,22,31,.98),rgba(9,7,12,.99));
}
.hm-life-journey article:nth-child(4){
  background:
    radial-gradient(circle at 50% 0,rgba(141,92,246,.20),transparent 38%),
    linear-gradient(145deg,rgba(23,17,31,.98),rgba(8,6,12,.99));
}
.hm-life-journey article::before{
  top:48px;
  width:22px;
  height:22px;
  border-width:5px;
  background:#c3a3ff;
  box-shadow:
    0 0 0 1px rgba(236,226,255,.75),
    0 0 26px rgba(141,92,246,.70);
}
.hm-life-journey article i{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  margin:0 auto;
  border-radius:50%;
  border:1px solid rgba(226,216,238,.24);
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.13),transparent 28%),
    linear-gradient(145deg,rgba(78,39,112,.76),rgba(19,12,28,.94));
  box-shadow:0 0 24px rgba(141,92,246,.18),inset 0 1px rgba(255,255,255,.12);
  font-size:29px;
}
.hm-life-time{
  top:18px;
}
.hm-life-rhythm{
  margin-top:34px;
  opacity:.78;
}
.hm-life-rhythm span{
  padding:9px 14px;
  font-size:11px;
}

/* ----------------------------------------------------------
   4) GLOBAL WARMTH / FINISH
   ---------------------------------------------------------- */
.hm-pro-chapter__intro>p,
.hm-pro-lead{
  color:#ded6e3;
}
.hm-pro-chapter::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(195,163,255,.25),transparent);
}
.hm-pro-elements-chapter,
.hm-pro-recognition{
  padding-top:138px;
}

/* Tablet: preserve true circles, tighter orbit. */
@media(max-width:1100px) and (min-width:761px){
  .hm-recognition-orbit,
  .hm-elements-system{
    --orbit-radius:250px;
    --node-size:152px;
    width:780px;
    height:650px;
  }
  .hm-recognition-orbit::before,
  .hm-elements-system::before,
  .hm-recognition-orbit::after,
  .hm-elements-system::after{
    width:500px;
    height:500px;
  }
  .hm-recognition-core,
  .hm-elements-core{
    width:210px;
    height:210px;
    min-height:210px;
  }
  .hm-recognition-orbit article p,
  .hm-element-card p{
    font-size:10px;
    max-width:118px;
  }
}

/* Mobile: circular two-column constellation, never tiny. */
@media(max-width:760px){
  .hm-recognition-orbit,
  .hm-elements-system{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
    width:100%;
    height:auto;
    min-height:0;
  }
  .hm-recognition-orbit::before,
  .hm-recognition-orbit::after,
  .hm-elements-system::before,
  .hm-elements-system::after{
    display:none;
  }
  .hm-recognition-core,
  .hm-elements-core{
    position:relative;
    left:auto;
    top:auto;
    grid-column:1/-1;
    width:220px;
    height:220px;
    min-height:220px;
    margin:0 auto 12px;
    transform:none;
  }
  .hm-recognition-orbit>article,
  .hm-element-card{
    position:relative;
    left:auto;
    top:auto;
    width:min(42vw,170px);
    height:min(42vw,170px);
    min-height:min(42vw,170px);
    margin:auto;
    padding:18px 14px;
    transform:none!important;
  }
  .hm-recognition-orbit:has(article:hover) article:not(:hover),
  .hm-elements-system:has(.hm-element-card:hover) .hm-element-card:not(:hover){
    opacity:1;
    filter:none;
  }
  .hm-world-groups::before{left:20px}
  .hm-world-group{padding-left:68px}
  .hm-world-group__cards{grid-template-columns:1fr}
  .hm-life-journey{grid-template-columns:1fr}
  .hm-life-journey::before{display:none}
}