/* A landscape of floating marks and reciprocal data streams, without logo tiles. */
.universe-section { --selection-color:#b5fa53; background:#0a1014; color:#eef3f1; overflow:hidden; position:relative; padding-bottom:70px; }
.universe-heading { display:grid; grid-template-columns:1.35fr 1fr; gap:7vw; align-items:end; position:relative; z-index:2; }
.universe-heading h2 { margin:25px 0 0; font-size:clamp(44px,4.7vw,80px); line-height:1.05; }
.universe-heading h2 em { font-style:normal; color:#91aea4; }
.universe-heading>div>p { color:#9faeaf; max-width:490px; font-size:16px; line-height:1.8; margin:0 0 22px; }
.universe-heading .eyebrow { color:#9edbac; }
.universe-heading .text-link { font-size:13px; color:#d3e5d8; }
.universe-stage.orbit { position:relative; width:calc(100% + 6vw); max-width:none; height:clamp(670px,48vw,860px); aspect-ratio:auto; margin:28px -3vw 5px; isolation:isolate; overflow:visible; }
.uni-nebula { position:absolute; inset:0 -10%; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 51% 55%,#528aa51b,transparent 48%),radial-gradient(ellipse at 26% 43%,#5254ba10,transparent 44%),radial-gradient(ellipse at 82% 53%,#63d1a00e,transparent 40%); }
.uni-horizon { position:absolute; left:3%; right:3%; top:57%; height:1px; pointer-events:none; background:linear-gradient(90deg,transparent,#84aec121 30%,#b5fa5340 50%,#84aec121 70%,transparent); box-shadow:0 0 55px 8px #97dbb508; }
.uni-floor { pointer-events:none; position:absolute; width:94%; height:90%; top:53%; left:50%; transform:translate(-50%,-50%) perspective(680px) rotateX(64deg) rotateZ(-6deg); background:linear-gradient(#b9d3df08 1px,transparent 1px),linear-gradient(90deg,#b9d3df08 1px,transparent 1px); background-size:58px 58px; mask-image:radial-gradient(ellipse,#000b 10%,transparent 67%); }
.uni-floor-ring { position:absolute; left:50%; top:54%; border:1px solid #9bc7da12; border-radius:50%; width:78%; height:60%; transform:translate(-50%,-50%) rotate(-6deg); pointer-events:none; }
.uni-floor-ring.ring-inner { width:54%; height:41%; border-style:dashed; border-color:#a4cdb115; }
.uni-scene-label { position:absolute; left:3%; right:3%; top:20px; display:flex; justify-content:space-between; gap:30px; font:9px monospace; color:#77928f; letter-spacing:.16em; pointer-events:none; }
.uni-scene-label>span:last-child { color:#576d71; }
.universe-beams { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; z-index:2; }
.universe-beams g { opacity:.17; }
.universe-beams g.uni-connection-selected { opacity:1; }
.universe-beams path { fill:none; vector-effect:non-scaling-stroke; }
.uni-beam-base { stroke:var(--beam-color); stroke-opacity:.13; stroke-width:1; }
.uni-beam-glow { stroke:var(--beam-color); stroke-opacity:.22; stroke-width:4; filter:url(#uni-beam-glow); }
.uni-data-stream { stroke:var(--beam-color); stroke-width:1; stroke-opacity:.32; stroke-dasharray:26 65 5 72; }
.uni-data-stream.uni-inbound { stroke:#a6d7ea; stroke-opacity:.22; stroke-dasharray:14 94 3 55; }
.uni-packet { stroke-width:1.5; stroke:var(--beam-color); filter:drop-shadow(0 0 4px var(--beam-color)); }
.uni-packet-in { stroke:#cceaff; stroke-width:1.2; filter:drop-shadow(0 0 4px #92ceff); }
.uni-reactor { position:absolute; left:50%; top:54%; width:280px; height:205px; transform:translate(-50%,-50%); pointer-events:none; z-index:3; }
.uni-reactor-well { position:absolute; inset:20% -12% -5%; border-radius:50%; background:radial-gradient(ellipse,#b5fa531f 5%,#a8e4cc08 28%,transparent 67%); transform:perspective(700px) rotateX(60deg); box-shadow:inset 0 0 48px #86d3cc0a; }
.uni-reactor-orbit { position:absolute; left:0; top:35%; width:100%; height:51%; border:1px solid #98e6ca4f; border-top-color:#dbffee; border-right-color:#98e6ca0d; border-radius:50%; transform:rotate(-12deg); box-shadow:0 0 16px #97e2c315,inset 0 0 20px #97e2c30c; }
.uni-reactor-orbit.orbit-two { inset:41% 12% auto; width:76%; height:37%; border-color:#b5fa5340; border-left-color:transparent; transform:rotate(10deg); }
.uni-reactor-light { position:absolute; inset:-22% 6% 0; background:linear-gradient(0deg,#adfa7515,transparent 74%); clip-path:polygon(38% 0,62% 0,100% 100%,0 100%); mask-image:linear-gradient(0deg,#000,transparent 95%); }
.universe-core,.universe-node { position:absolute; border:0; padding:0; background:none; cursor:pointer; color:#d8e6e9; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; transform:translate(-50%,-50%); outline-offset:7px; }
.universe-core { left:50%; top:51%; width:250px; height:154px; z-index:20; --node-accent:#b5fa53; }
.uni-core-kicker { font:8px monospace; color:#a9cdbb; letter-spacing:.12em; }
.uni-core-caption { font-size:10px; color:#97aaa5; }
.universe-node { width:152px; height:116px; gap:8px; transform:translate(-50%,-50%) scale(var(--depth-scale,1)); }
.uni-logo { display:block; width:140px; height:59px; position:relative; pointer-events:none; transform:perspective(500px) rotateY(var(--logo-turn,0deg)) rotateX(var(--camera-y,0deg)); }
.uni-logo:before,.uni-logo:after { content:''; position:absolute; inset:0; mask-image:var(--brand-image); mask-size:100% auto; mask-repeat:no-repeat; mask-position:center; -webkit-mask-image:var(--brand-image); -webkit-mask-size:100% auto; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; }
.uni-logo:before { background:linear-gradient(135deg,#eff6f7 5%,#d6e7e9 38%,var(--node-accent) 85%); filter:drop-shadow(0 0 8px color-mix(in srgb,var(--node-accent) 27%,transparent)); z-index:1; }
.uni-logo:after { background:linear-gradient(0deg,#102428,var(--node-accent)); transform:translate(2px,4px); opacity:.65; filter:blur(.3px); }
.uni-core-logo { width:235px; height:55px; margin:0; }
.uni-core-logo:before { background:linear-gradient(115deg,#c8ff9c 2%,#b5fa53 25%,#f4fff8 62%,#a9d5c5); }
.uni-node-name { font-size:11px; line-height:1.2; color:#91a7ab; letter-spacing:.01em; position:relative; z-index:4; white-space:nowrap; }
.uni-node-platform { position:absolute; width:115px; height:18px; border-radius:50%; left:50%; bottom:0; transform:translateX(-50%) rotate(-8deg); border:1px solid color-mix(in srgb,var(--node-accent) 20%,transparent); border-top-color:color-mix(in srgb,var(--node-accent) 65%,transparent); background:radial-gradient(ellipse,color-mix(in srgb,var(--node-accent) 14%,transparent),transparent 67%); box-shadow:0 0 14px color-mix(in srgb,var(--node-accent) 9%,transparent); pointer-events:none; }
.uni-node-aura { position:absolute; inset:-24px -30px; background:radial-gradient(ellipse,color-mix(in srgb,var(--node-accent) 9%,transparent),transparent 64%); opacity:.45; pointer-events:none; }
.universe-node:is(:hover,:focus-visible,.selected) .uni-node-aura { opacity:1; }
.universe-node:is(:hover,:focus-visible,.selected) .uni-node-name { color:#f1f8f6; }
.universe-node:is(:hover,:focus-visible,.selected) .uni-logo:before { filter:drop-shadow(0 0 12px color-mix(in srgb,var(--node-accent) 45%,transparent)); }
.universe-node:focus-visible,.universe-core:focus-visible { outline:1px dashed var(--node-accent); border-radius:8px; }
.uni-scene-note { position:absolute; bottom:5px; left:3%; right:3%; display:flex; align-items:center; justify-content:space-between; gap:30px; font:8px monospace; letter-spacing:.1em; color:#657e7f; pointer-events:none; }
.uni-scene-note>span:last-child { font-size:7px; color:#4e656c; }
.universe-picker { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; position:relative; z-index:25; margin:20px 0 0; padding:23px 0; border-top:1px solid #afdbeb17; border-bottom:1px solid #afdbeb17; }
.universe-picker button { display:flex; align-items:center; gap:8px; border:1px solid transparent; padding:10px 12px; color:#8fa9aa; background:none; font:11px var(--head); cursor:pointer; }
.universe-picker button i { width:4px; height:4px; border-radius:50%; background:var(--node-accent); opacity:.5; }
.universe-picker button:is(:hover,:focus-visible,.selected) { color:#eef8f7; border-color:color-mix(in srgb,var(--node-accent) 32%,transparent); background:color-mix(in srgb,var(--node-accent) 5%,transparent); }
.universe-picker button.selected i { opacity:1; box-shadow:0 0 10px var(--node-accent); }
.universe-picker button:focus-visible { outline:2px solid var(--node-accent); outline-offset:3px; }
.universe-bottom { display:grid; grid-template-columns:1.3fr 1fr; gap:80px; padding-top:34px; align-items:center; }
.universe-bottom .eco-detail { border-left-color:var(--selection-color); margin:0; padding:0 0 0 25px; min-height:160px; }
.universe-bottom .eco-detail h3 { font:500 29px var(--head); letter-spacing:-.025em; margin:12px 0 10px; }
.universe-bottom .eco-detail p { font-size:15px; color:#a5b3b3; }
.universe-bottom .eco-detail .text-link { font-size:13px; }
.universe-direction { justify-self:end; }
.universe-direction>div { display:flex; align-items:center; gap:15px; font-size:11px; color:#a0b7b9; margin-bottom:15px; }
.universe-direction i { width:46px; height:1px; background:linear-gradient(90deg,transparent,var(--selection-color)); position:relative; }
.universe-direction i:after { content:''; position:absolute; right:0; top:-2px; width:5px; height:5px; border-top:1px solid var(--selection-color); border-right:1px solid var(--selection-color); transform:rotate(45deg); }
.universe-direction .uni-direction-in { background:linear-gradient(90deg,#b2d5f4,transparent); }
.universe-direction .uni-direction-in:after { left:0; right:auto; border-color:#b2d5f4; transform:rotate(-135deg); }
.universe-direction p { font-size:12px; line-height:1.7; color:#6d878c; margin:25px 0 0; }
body.motion-enabled .universe-beams g { transition:opacity .7s!important; }
body.motion-enabled :is(.uni-node-name,.uni-node-aura,.universe-picker button) { transition:color .4s,opacity .4s,border-color .4s,background .4s!important; }
body.motion-enabled .universe-running .uni-outbound { animation:uniDataOut 9s linear var(--flow-delay) infinite!important; }
body.motion-enabled .universe-running .uni-inbound { animation:uniDataIn 12s linear var(--flow-delay) infinite!important; }
body.motion-enabled .universe-running .uni-reactor-orbit { animation:uniReactor 14s ease-in-out infinite!important; }
body.motion-enabled .universe-running .uni-reactor-orbit.orbit-two { animation-direction:reverse!important; animation-duration:10s!important; }
body.motion-enabled .universe-running .uni-reactor-light { animation:uniCoreBreathe 5s ease-in-out infinite!important; }
@keyframes uniDataOut { to{stroke-dashoffset:-360} }
@keyframes uniDataIn { to{stroke-dashoffset:330} }
@keyframes uniReactor { 0%,100%{transform:rotate(-14deg) scaleX(1)}50%{transform:rotate(14deg) scaleX(.88)} }
@keyframes uniCoreBreathe { 0%,100%{opacity:.45}50%{opacity:1} }
/* Logos on the rest of the site are also free of white carrier rectangles. */
.logging-logo,.log-analyzer img,.cover-logo { background:transparent; padding:0; }
.product-logo { background:none; border:0; padding:0; min-width:0; backdrop-filter:none; z-index:2; }
.product-logo img { filter:brightness(0) invert(1) drop-shadow(0 2px 6px #0006); height:38px; max-width:145px; }
.product-card-visual:after { content:''; position:absolute; inset:45% 0 0; background:linear-gradient(0deg,#07100cb0,transparent); pointer-events:none; }
.connected-products a>img { padding:0; background:none; filter:brightness(0) invert(1); object-position:left center; width:105px; height:43px; }
.mosaic-copy>img { padding:0; background:none; filter:brightness(0) invert(1) drop-shadow(0 2px 5px #0005); }
.product-mini-row img { background:none; padding:0; filter:brightness(0) invert(1); }
.log-analyzer img { filter:brightness(0) invert(1); }
@media(min-width:1800px){.universe-stage.orbit{height:900px}.universe-node{width:185px}.uni-logo{width:162px;height:68px}.uni-core-logo{width:260px}.uni-node-name{font-size:13px}}
@media(max-width:1100px){.universe-heading{grid-template-columns:1.25fr 1fr;gap:40px}.universe-heading>div>p{font-size:14px}.universe-stage.orbit{height:680px}.universe-node{width:122px;height:101px}.uni-logo{width:113px;height:48px}.uni-core-logo{width:205px;height:45px}.universe-core{width:215px}.uni-node-name{font-size:10px}.uni-node-platform{width:94px}.uni-reactor{width:245px}.universe-bottom{gap:45px}}
@media(max-width:760px){
 .universe-section{padding:65px 22px 50px}.universe-heading{grid-template-columns:1fr;gap:25px}.universe-heading h2{font-size:43px;margin-top:20px}.universe-heading>div>p{font-size:14px;max-width:100%;margin-bottom:17px}.universe-heading .eyebrow{font-size:9px}.universe-heading .text-link{font-size:12px}
 .universe-stage.orbit{width:calc(100% + 32px);height:560px;margin:20px -16px 0}.uni-scene-label{top:7px;left:4%;font-size:6px;letter-spacing:.05em}.uni-scene-label>span:last-child{display:none}.uni-scene-note{font-size:6px;left:4%;right:4%;bottom:7px;justify-content:center;letter-spacing:.02em}.uni-scene-note>span:last-child{display:none}
 .uni-floor{width:170%;height:80%;background-size:38px 38px;transform:translate(-50%,-50%) perspective(500px) rotateX(68deg) rotateZ(-6deg)}.uni-floor-ring.ring-outer{width:82%;height:61%}.uni-floor-ring.ring-inner{width:63%;height:43%}
 .universe-node{width:84px;height:93px;gap:7px}.uni-logo{width:79px;height:40px}.uni-node-name{font-size:8px;white-space:normal;max-width:82px;text-align:center;line-height:1.3}.uni-node-platform{width:67px;height:12px}.uni-node-aura{inset:-9px -10px}
 .universe-core{width:148px;height:106px;gap:8px}.uni-core-kicker{font-size:5px;letter-spacing:.04em}.uni-core-logo{width:139px;height:32px}.uni-core-caption{font-size:6px}.uni-reactor{width:175px;height:135px}.uni-reactor-orbit{border-color:#b6eace55}.uni-reactor-light{inset:-35% 0 0}
 .universe-picker{justify-content:flex-start;gap:4px;margin:0;padding:18px 0}.universe-picker button{font-size:10px;padding:10px 9px;gap:6px}.universe-picker button i{width:3px;height:3px}.universe-bottom{grid-template-columns:1fr;gap:26px;padding-top:26px}.universe-bottom .eco-detail{padding-left:18px;min-height:145px}.universe-bottom .eco-detail h3{font-size:27px}.universe-bottom .eco-detail p{font-size:14px}.universe-direction{justify-self:start;display:flex;gap:25px;flex-wrap:wrap}.universe-direction>div{font-size:9px;gap:10px;margin:0}.universe-direction i{width:25px}.universe-direction p{font-size:11px;margin:0;width:100%}.universe-direction p br{display:none}
 .product-logo img{height:32px;max-width:130px}
}
@media(max-width:380px){.universe-heading h2{font-size:38px}.universe-stage.orbit{height:530px}.universe-node{width:73px}.uni-logo{width:70px}.uni-core-logo{width:128px}.uni-node-name{font-size:7px}.universe-core{width:130px}.universe-picker button{font-size:9px}}