/* IDA Studio V28 / GODMODE — motion, permanent silver Penrose, living cards.
   Additive layer over approved Navy / Classic. Reduced-motion safe. */
.ida-v27-assistant-hint{transform-origin:12% 0%;zoom:1}
.ida-v27-assistant-hint{font-size:10.5px;max-width:min(240px,calc(100vw - 30px));padding:9px 12px 9px 10px;gap:8px}
.ida-v27-chat-orb{width:22px;height:22px;border-radius:9px}
.ida-v27-chat-orb svg{width:15px;height:15px}
/* Permanent material identity regardless of theme or generated palette. */
.ida-penrose-assistant.ida-guide-launch{width:48px;height:48px;min-width:44px;min-height:44px}
.ida-penrose-assistant .penrose-mark,
.ida-penrose-assistant .penrose-mark svg{width:36px;height:36px}
.ida-v28-mesh{filter:none!important;opacity:1!important;color:#daefff!important;overflow:visible}
html[data-theme] .ida-penrose-assistant .penrose-mark,
html[data-theme] .ida-penrose-assistant .penrose-mark svg,
html[data-theme="ivory"] .ida-penrose-assistant .penrose-mark svg,
html[data-ida-universe] .ida-penrose-assistant .penrose-mark svg{
  filter:drop-shadow(0 2px 4px rgba(21,51,101,.34))!important;
}
.ida-penrose-assistant:hover .ida-v28-mesh{filter:drop-shadow(0 0 4px rgba(124,190,255,.42))!important}
html[data-theme="ivory"] .ida-penrose-assistant{background:transparent;color:#8cafd7}
/* The same immutable mesh appears *inside* the hero glass sphere. */
.hero-orb .orb-core{position:relative;overflow:hidden;isolation:isolate}
.ida-v28-orb-triangle{position:absolute;z-index:3;inset:20%;display:grid;place-items:center;
  transform:translateZ(1px) rotate(-9deg);animation:ida-v28-triangle-drift 13s ease-in-out infinite alternate;pointer-events:none}
.ida-v28-orb-triangle svg{width:100%;height:100%;filter:drop-shadow(0 6px 6px rgba(4,20,46,.4))}
.ida-v28-orb-cloud{position:absolute;z-index:4;inset:-22%;pointer-events:none;border-radius:50%;
  background:radial-gradient(ellipse at 48% 42%,rgba(239,249,255,.29),transparent 31%),radial-gradient(ellipse at 60% 58%,rgba(191,219,245,.26),transparent 27%),linear-gradient(100deg,transparent 15%,rgba(252,255,255,.27) 48%,transparent 76%);
  filter:blur(12px);mix-blend-mode:screen;opacity:.72;animation:ida-v28-cloudpass 15s ease-in-out infinite}
@keyframes ida-v28-cloudpass{0%{transform:translateX(-58%) translateY(7%) rotate(-17deg);opacity:.35}
  52%{opacity:.85}100%{transform:translateX(59%) translateY(-8%) rotate(15deg);opacity:.25}}
@keyframes ida-v28-triangle-drift{0%{transform:translateY(-3px) rotate(-10deg) rotateY(-8deg)}100%{transform:translateY(5px) rotate(14deg) rotateY(14deg)}}
/* Opacity and physical displacement must be distinct, not hover-only. */
.ida-v28-reveal{opacity:0;translate:0 12px;filter:blur(3px);
  transition:opacity .85s cubic-bezier(.22,1,.35,1),translate .85s cubic-bezier(.22,1,.35,1),filter .8s;
  transition-delay:var(--v28-delay,0ms)}
.ida-v28-reveal.ida-v28-seen{opacity:1;translate:0 0;filter:blur(0)}
.desktop-nav .ida-v28-reveal{translate:0 5px}
.ida-v28-illuminated{--light-x:35%;--light-y:20%;position:relative;isolation:isolate}
.ida-v28-illuminated>.ida-v28-light{position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:radial-gradient(circle at var(--light-x) var(--light-y),rgba(var(--accent-rgb),.18),transparent 53%),
  linear-gradient(115deg,transparent 4%,rgba(var(--accent-rgb),.04) 42%,rgba(var(--accent-rgb),.1) 50%,transparent 63%);
  background-size:100% 100%,235% 100%;
  background-position:center,0% 50%;
  opacity:.38;animation:ida-v28-light-sweep 11s linear infinite;
  animation-delay:var(--phase,0s);transition:opacity .5s}
.ida-v28-illuminated:hover>.ida-v28-light,
.ida-v28-illuminated:focus-within>.ida-v28-light{opacity:1}
.ida-v28-illuminated>*:not(.ida-v28-light):not(.ida-v25-rim):not(.particle-window):not(.ida-v16-edge):not(.ida-v17-trace-svg):not(.ida-v18-trace-svg){position:relative;z-index:1}
@keyframes ida-v28-light-sweep{0%{background-position:center,0% 50%;opacity:.26}
50%{background-position:center,100% 50%;opacity:.75}100%{background-position:center,0% 50%;opacity:.26}}
.ida-v27-motion-glyph{will-change:transform,opacity;animation:ida-v28-icon-breathe 5.5s ease-in-out infinite alternate}
@keyframes ida-v28-icon-breathe{from{opacity:.73;translate:0 2px;scale:.97}to{opacity:1;translate:0 -2px;scale:1.045}}
.ida-choice-glyph,.service-icon,.why-benefit-icon,.theme-icon{animation:ida-v28-icon-breathe 6s ease-in-out infinite alternate}
.ida-choice:nth-child(2n) .ida-choice-glyph{animation-delay:-2.7s}
.ida-choice:nth-child(3n) .ida-choice-glyph{animation-delay:-4.1s}
html[data-theme="ivory"] .ida-v28-illuminated>.ida-v28-light{
  background:radial-gradient(circle at var(--light-x) var(--light-y),rgba(193,145,232,.22),transparent 53%),
  linear-gradient(115deg,transparent 3%,rgba(109,174,241,.14) 40%,rgba(235,144,210,.22) 50%,transparent 63%);
  background-size:100% 100%,235% 100%}
/* Responsive balance for logo, menus and luminous menus. */
@media(max-width:670px){
 .ida-penrose-assistant.ida-guide-launch{width:43px;height:43px;min-width:41px;min-height:41px}
 .ida-penrose-assistant .penrose-mark,.ida-penrose-assistant .penrose-mark svg{width:32.5px;height:32.5px}
 .ida-v27-assistant-hint{font-size:10px;max-width:min(235px,calc(100vw - 25px));padding:8px 11px 8px 9px}
 .ida-v28-illuminated>.ida-v28-light{animation-duration:16s;opacity:.35}
}
@media(prefers-reduced-motion:reduce){
 .ida-v28-reveal{opacity:1;translate:none;filter:none;transition:none}
 .ida-v28-icon,.ida-v28-orb-triangle,.ida-v28-orb-cloud,.ida-v28-light,
 .ida-v27-motion-glyph,.ida-choice-glyph,.service-icon,.why-benefit-icon,.theme-icon{animation:none!important}
}
html[data-ida-motion-off="true"] .ida-v28-orb-triangle,
html[data-ida-motion-off="true"] .ida-v28-orb-cloud,
html[data-ida-motion-off="true"] .ida-v28-light{animation-play-state:paused}