/* SIORA Homepage Rebuild V1 runtime composition layer — 6.11.08 */
:root{--v1-bg:#05060a;--v1-bg2:#080a12;--v1-white:#edeffc;--v1-secondary:#9ea5bc;--v1-muted:#60677d;--v1-violet:142,128,205;--v1-cyan:102,210,229}
.app{background:radial-gradient(ellipse at 50% 42%,rgba(77,72,126,.09),transparent 42%),linear-gradient(180deg,var(--v1-bg2),var(--v1-bg));color:var(--v1-white)}
.app>header{height:64px;background:rgba(5,6,10,.58)!important;border-bottom:1px solid rgba(158,165,188,.1)!important;backdrop-filter:blur(8px)}
.app>header .brand b{letter-spacing:.28em;font-weight:650}.app>header .brand span,.app>header .status{color:var(--v1-muted);font-size:10px;letter-spacing:.14em}.app>header .command{background:rgba(8,10,18,.38)!important;border-color:rgba(158,165,188,.15)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;color:var(--v1-secondary)!important}
.app>aside{background:transparent!important;border:0!important;box-shadow:none!important}.app>aside button{background:rgba(5,6,10,.16)!important;border-color:rgba(158,165,188,.09)!important;color:var(--v1-muted)!important;box-shadow:none!important}.app>aside button:hover{color:var(--v1-white)!important;border-color:rgba(var(--v1-cyan),.3)!important;box-shadow:0 0 18px rgba(var(--v1-cyan),.06)!important}
.hero{isolation:isolate}.avatar-presence{z-index:5!important;filter:saturate(.86) contrast(1.02)}.avatar-master-image{filter:drop-shadow(0 22px 44px rgba(0,0,0,.32)) saturate(.88)!important}
.guardian-takeover-rings{z-index:3!important;opacity:.42!important;filter:none!important}.takeover-ring{stroke:rgba(153,165,208,.32)!important;stroke-width:.72!important;filter:none!important}.takeover-ring:nth-child(2){stroke:rgba(126,116,185,.26)!important}.takeover-ring:nth-child(3){stroke:rgba(150,158,188,.22)!important}
.foreground-spatial-v690{z-index:7!important;opacity:.62}.energy-arc{opacity:.28!important;filter:none!important}.runtime-orb{opacity:.48!important;filter:saturate(.72)!important}.crystal{opacity:.28!important}.energy-stream{opacity:.24!important}.particle-cluster{opacity:.5!important}
.front-ai-core{z-index:10!important;transform:translate3d(-50%,0,0) scale(.9)!important;filter:saturate(.72)!important}.front-ai-core:hover{transform:translate3d(-50%,-5px,0) scale(.93)!important}.front-core-lens,.front-core-caustic{opacity:.48!important}.front-core-shell{box-shadow:0 0 0 1px rgba(237,239,252,.12),0 0 30px rgba(var(--v1-violet),.16),inset 0 0 30px rgba(var(--v1-violet),.1)!important}.front-core-seed{box-shadow:0 0 14px rgba(var(--v1-cyan),.36)!important}.front-core-label strong{font-size:11px!important;letter-spacing:.18em!important;font-weight:600!important}.front-core-label span{font-size:7px!important;letter-spacing:.13em!important;color:var(--v1-muted)!important}
.core-copy{opacity:.34!important;pointer-events:none}.core-copy h1{font-size:14px!important;letter-spacing:.08em!important;font-weight:500!important}.core-copy p{display:none!important}
.pod{background:transparent!important;border:1px solid transparent!important;border-radius:8px!important;box-shadow:none!important;backdrop-filter:none!important;transition:transform .26s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease!important;overflow:visible!important}.pod:before{content:attr(data-v1-index);position:absolute;left:0;top:-15px;font-size:8px;letter-spacing:.18em;color:rgba(158,165,188,.42)}.pod:after{content:"";position:absolute;left:0;right:16%;bottom:9px;height:1px;background:linear-gradient(90deg,rgba(158,165,188,.22),transparent)}.pod .pod-copy strong{font-size:13px!important;font-weight:540!important;color:rgba(237,239,252,.88)!important}.pod .pod-copy span{font-size:8px!important;letter-spacing:.14em!important;color:var(--v1-muted)!important}.pod .pod-copy em{opacity:0!important;transform:translateY(3px);transition:.18s ease!important;color:rgb(var(--v1-cyan))!important}.pod .pod-scene{opacity:.42!important;filter:saturate(.65)!important;transition:.22s ease!important}.pod:hover,.pod:focus-visible{background:rgba(12,15,26,.44)!important;border-color:rgba(158,165,188,.15)!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 32px rgba(0,0,0,.16)!important;transform:translateY(-4px)!important}.pod:hover .pod-copy em,.pod:focus-visible .pod-copy em{opacity:.85!important;transform:none}.pod:hover .pod-scene{opacity:.78!important;filter:saturate(.9) drop-shadow(0 0 9px rgba(var(--v1-cyan),.16))!important}
.orbit{background:rgba(5,6,10,.24)!important;border:1px solid rgba(158,165,188,.1)!important;box-shadow:none!important;backdrop-filter:blur(5px)!important}.orbit span{color:var(--v1-muted)!important;letter-spacing:.14em!important}.orbit b{color:rgba(158,165,188,.72)!important;font-weight:500!important}.orbit b:first-of-type{color:rgb(var(--v1-cyan))!important}
.siora-v1-telemetry{position:absolute;right:28px;top:88px;z-index:12;width:142px;font:500 8px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:var(--v1-muted);pointer-events:none}.siora-v1-telemetry:before{content:"SYSTEM / RUNTIME";display:block;margin-bottom:7px;color:rgba(237,239,252,.64)}.siora-v1-telemetry span{display:flex;justify-content:space-between;border-top:1px solid rgba(158,165,188,.08);padding:3px 0}.siora-v1-telemetry b{font-weight:500;color:rgba(158,165,188,.72)}.siora-v1-telemetry .online b{color:rgb(var(--v1-cyan))}.siora-v1-entity{position:absolute;left:calc(50% + 205px);top:31%;z-index:8;font:500 8px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:rgba(158,165,188,.5);pointer-events:none}.siora-v1-entity strong{display:block;color:rgba(237,239,252,.62);font-size:9px;font-weight:500}.siora-v1-entity:before{content:"";position:absolute;right:calc(100% + 9px);top:8px;width:58px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--v1-cyan),.28))}
.app>footer{color:rgba(96,103,125,.66)!important;font-size:8px!important;letter-spacing:.14em!important}
@media(max-width:1440px){.siora-v1-telemetry{right:18px}.siora-v1-entity{display:none}.pod{transform:scale(.94)}.pod:hover,.pod:focus-visible{transform:translateY(-3px) scale(.95)!important}}
@media(max-width:1100px){.siora-v1-telemetry{display:none}.guardian-takeover-rings{opacity:.28!important}.core-copy{display:none!important}}
@media(max-width:760px){.app>header .status{display:none}.app>header .command{max-width:48vw}.guardian-takeover-rings,.guardian-rings-front,.foreground-spatial-v690{opacity:.2!important}.pod{background:rgba(8,10,18,.36)!important;border-color:rgba(158,165,188,.1)!important}.pod .pod-copy em{opacity:.58!important}.orbit{opacity:.7}}
@media(prefers-reduced-motion:reduce){.pod,.pod *,.front-ai-core{transition:none!important;animation:none!important}}

/* SIORA V1.1 — Visual Calibration */
/* Avatar remains the primary focal point; reduce overlap and open the center composition. */
.avatar-presence{transform:translateX(-50%) translateY(-3.5%) scale(.94)!important;transform-origin:50% 100%!important}
.avatar-master-image{filter:drop-shadow(0 24px 46px rgba(0,0,0,.38)) saturate(.88) contrast(1.025)!important}

/* AI Core: darker intelligence engine, layered energy instead of a uniform violet glass orb. */
.front-ai-core{top:69.2%!important;width:268px!important;transform:translate3d(-50%,-50%,0) scale(.94)!important;background:radial-gradient(circle at 49% 50%,rgba(245,248,255,.92) 0 1.1%,rgba(135,224,235,.58) 1.4% 2.4%,transparent 3.2%),radial-gradient(circle at 46% 48%,rgba(107,92,178,.16) 0 13%,rgba(20,24,43,.72) 25%,rgba(8,10,20,.94) 48%,rgba(3,5,11,.98) 68%,rgba(2,3,8,.98) 100%)!important;border-color:rgba(199,207,230,.22)!important;box-shadow:inset 0 0 24px rgba(230,235,250,.055),inset 0 0 62px rgba(93,83,151,.10),0 18px 44px rgba(0,0,0,.36),0 0 30px rgba(111,101,178,.10)!important;filter:none!important;backdrop-filter:blur(2px) saturate(.76)!important;-webkit-backdrop-filter:blur(2px) saturate(.76)!important}
.front-ai-core:hover{transform:translate3d(-50%,-50%,0) scale(.96)!important}
.front-ai-core:before{inset:-19px!important;border-color:rgba(188,197,222,.24)!important;box-shadow:none!important}
.front-ai-core:after{inset:-39px!important;border-color:rgba(137,153,190,.14)!important;box-shadow:none!important}
.front-core-shell{inset:11%!important;border-color:rgba(202,210,233,.24)!important;background:radial-gradient(circle at 50% 50%,rgba(139,220,231,.08) 0 6%,transparent 7% 31%,rgba(119,104,183,.09) 32% 34%,transparent 35% 55%,rgba(190,199,225,.08) 56% 57%,transparent 58%)!important;box-shadow:inset 0 0 28px rgba(176,184,216,.07)!important}
.front-core-grid{inset:23%!important;opacity:.38!important;background:repeating-radial-gradient(circle at center,transparent 0 16px,rgba(152,164,197,.12) 17px 18px),linear-gradient(90deg,transparent 49.6%,rgba(145,219,229,.13) 50%,transparent 50.4%),linear-gradient(0deg,transparent 49.6%,rgba(145,219,229,.10) 50%,transparent 50.4%)!important}
.front-core-seed{width:17px!important;height:17px!important;background:rgba(239,244,252,.96)!important;border-color:rgba(255,255,255,.7)!important;box-shadow:0 0 7px rgba(255,255,255,.75),0 0 17px rgba(145,219,229,.38),0 0 34px rgba(124,108,194,.22)!important}
.front-core-lens{opacity:.26!important}.front-core-caustic{opacity:.20!important}
.front-core-label{top:auto!important;bottom:13%!important;gap:4px!important;text-shadow:0 2px 10px rgba(0,0,0,.92)!important}
.front-core-label strong{font-size:10px!important;letter-spacing:.17em!important;font-weight:600!important;color:rgba(237,239,252,.88)!important}
.front-core-label span{font-size:6px!important;letter-spacing:.14em!important;color:rgba(158,165,188,.66)!important}
.core-copy{display:none!important}

/* Hand -> core reading path: one restrained energy relationship, not another spotlight. */
.avatar-hand-link{opacity:.42!important;filter:none!important}

/* Capability nodes: HUD first, card only on interaction. Kill the legacy diagonal sweep/spotlight. */
.pod:before{content:attr(data-v1-index)!important;inset:auto!important;left:0!important;top:-16px!important;width:auto!important;height:auto!important;transform:none!important;background:none!important;font:500 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.18em!important;color:rgba(158,165,188,.58)!important;opacity:1!important;box-shadow:none!important}
.pod:hover:before,.pod:focus-visible:before{transform:none!important}
.pod{opacity:.96!important}
.pod .pod-copy strong{font-size:13px!important;font-weight:560!important;color:rgba(237,239,252,.94)!important;text-shadow:0 1px 12px rgba(0,0,0,.65)}
.pod .pod-copy span{font-size:8px!important;color:rgba(158,165,188,.76)!important}
.pod .pod-scene{opacity:.58!important;filter:saturate(.58) brightness(1.08)!important}
.pod:after{right:7%!important;bottom:8px!important;background:linear-gradient(90deg,rgba(145,219,229,.28),rgba(158,165,188,.13) 48%,transparent)!important}
.pod .pod-copy:after{content:"";position:absolute;width:4px;height:4px;border:1px solid rgba(145,219,229,.5);border-radius:50%;bottom:6px;right:6%;background:#080a12;box-shadow:0 0 8px rgba(145,219,229,.16)}
.pod:hover,.pod:focus-visible{background:rgba(10,13,23,.36)!important;border-color:rgba(174,184,216,.17)!important;box-shadow:inset 0 1px rgba(255,255,255,.022),0 10px 28px rgba(0,0,0,.14)!important}
.pod:hover .pod-scene,.pod:focus-visible .pod-scene{opacity:.82!important;filter:saturate(.72) brightness(1.12) drop-shadow(0 0 7px rgba(145,219,229,.12))!important}

/* Spread visual density outward without turning the edges into card columns. */
.p0{left:8.5%!important;top:22.5%!important}.p1{right:8.5%!important;top:22.5%!important}.p2{left:5%!important;top:59.5%!important}.p3{right:5%!important;top:59.5%!important}.p4{right:13.5%!important;top:74%!important}
.guardian-takeover-rings{opacity:.36!important}.takeover-ring{filter:none!important}.energy-arc{opacity:.20!important}.runtime-orb{opacity:.38!important}.crystal{opacity:.20!important}.energy-stream{opacity:.17!important}

/* Runtime HUD remains fourth-order information. */
.siora-v1-telemetry{color:rgba(158,165,188,.68)!important}.siora-v1-telemetry:before{color:rgba(237,239,252,.72)!important}.siora-v1-telemetry b{color:rgba(181,188,207,.80)!important}.siora-v1-telemetry .online b{color:rgba(145,219,229,.88)!important}
.siora-v1-entity{opacity:.72!important}

@media(max-width:1440px){.avatar-presence{transform:translateX(-50%) translateY(-3%) scale(.93)!important}.front-ai-core{top:69.5%!important;width:236px!important}.p0{left:7%!important}.p1{right:7%!important}.p2{left:4%!important}.p3{right:4%!important}.p4{right:11%!important}}
@media(max-width:1366px){.avatar-presence{transform:translateX(-50%) translateY(-2.5%) scale(.92)!important}.front-ai-core{top:70%!important;width:224px!important}.pod{transform:scale(.92)!important}.pod:hover,.pod:focus-visible{transform:translateY(-3px) scale(.93)!important}.p0{left:6.5%!important}.p1{right:6.5%!important}.p2{left:3.5%!important}.p3{right:3.5%!important}.p4{right:9.5%!important}}
@media(min-width:1700px){.avatar-presence{transform:translateX(-50%) translateY(-4%) scale(.945)!important}.front-ai-core{top:68.8%!important;width:278px!important}.p0{left:9.5%!important}.p1{right:9.5%!important}.p2{left:5.8%!important}.p3{right:5.8%!important}.p4{right:14.5%!important}}
@media(max-width:900px){.avatar-presence{transform:translateX(-50%) translateY(-1%) scale(.96)!important}.front-ai-core{top:66%!important;width:168px!important}.pod .pod-copy:after{display:none}}
@media(prefers-reduced-motion:reduce){.front-ai-core,.front-ai-core:before,.front-ai-core:after{animation:none!important;transition:none!important}}
