@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Nunito:wght@600;700;800&family=Raleway:wght@200;300;800&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;background:#020710;color:#c8e8f5;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-width:300px}body{background:#020710;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid #8de9ff;outline-offset:7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:16px;padding:12px;background:#72e2ff;color:#032131;z-index:20}.skip-link:focus{top:12px}.universe{position:relative;isolation:isolate;height:100svh;min-height:660px;overflow:hidden;background:radial-gradient(ellipse at 50% 49%,#08233c88 0,#04132266 23%,#020710 68%)}#circuits{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 25%,#02071030 60%,#02071099 100%);z-index:-1}.header{position:absolute;top:0;left:0;right:0;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;z-index:4}.brand{display:flex;align-items:center;gap:22px}.brand>img{width:95px;height:auto}.brand>span{height:22px;width:1px;background:#284153}.brand strong{font-family:'Space Grotesk',sans-serif;font-size:15px;letter-spacing:4px;font-weight:500;display:flex;align-items:center;gap:7px}.brand i{width:4px;height:4px;background:#64dcff;border-radius:50%;box-shadow:0 0 9px #40c9ff99}.header-tools{display:flex;align-items:center;gap:24px}.app-total{font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:1px;color:#69aac8}.app-total>span{font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:2px;color:#577084;margin-left:9px}.motion-toggle{height:33px;width:33px;border:1px solid #1c3548;background:#07152288;border-radius:50%;display:grid;place-items:center;transition:.2s}.motion-toggle:hover{border-color:#72dfff;background:#163345}.motion-toggle svg{width:15px;height:15px;fill:none;stroke:#86bcd4;stroke-width:1.5;stroke-linecap:round}.constellation{position:absolute;left:0;right:0;top:88px;bottom:72px;max-width:1640px;margin:auto}.core-position{position:absolute;left:50%;top:50%;width:224px;height:258px;transform:translate(-50%,-50%);perspective:650px}.core-frame{position:absolute;inset:-2px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,#b1f4ff,#2097e7 24%,#154e82 48%,#57dcff 72%,#2383c5);filter:drop-shadow(0 0 12px #5ad9ff);transition:filter .4s}.core{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(ellipse at 50% 26%,#133951,#071c2e 42%,#041321 80%);overflow:hidden}.core:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#8addff03 4px);pointer-events:none}.core:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 30%,#78dfff0a 48%,transparent 65%);transform:translateX(-100%);animation:core-sheen 8s ease-in-out infinite}.core>img{width:158px;height:auto;position:relative;z-index:1;transition:filter .4s,transform .4s}.core>span{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:6px;text-indent:6px;color:#a0d7eb;z-index:1}.core>i{height:3px;width:3px;background:#8de9ff;border-radius:50%;box-shadow:0 0 8px #49ccff;position:absolute;bottom:37px}.core:hover>img{filter:drop-shadow(0 0 13px #5cdfff66);transform:scale(1.035)}.core-aura{position:absolute;inset:-85px;background:radial-gradient(ellipse,#067dc52b,transparent 65%);filter:blur(16px);pointer-events:none;animation:breathe 7s ease-in-out infinite}.core-orbit{position:absolute;inset:-16px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#1b6a9b66;pointer-events:none}.core-orbit:after{content:'';position:absolute;inset:1px;clip-path:inherit;background:#03101ce8}.core-orbit{z-index:-1}.core-position:has(.core:focus-visible) .core-frame{background:#b7f4ff;filter:drop-shadow(0 0 14px #7ee6ff)}.core:focus-visible{outline:none}.core-position:has(.core:hover) .core-frame{background:linear-gradient(135deg,#e0fbff,#25c1ff 40%,#96f2ff 70%,#0084ec)}
.app-node{position:absolute;left:var(--x);top:var(--y);width:228px;height:120px;transform:translate(-50%,-50%);perspective:650px;outline:none!important}.node-surface{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #20476288;border-radius:12px;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,50%),#0d2c4155,transparent 85%),linear-gradient(135deg,#091b2acc,#04111caa);box-shadow:0 7px 35px #0003,inset 0 1px 0 #75d9ff06;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease,border-color .3s,box-shadow .3s,background .3s;will-change:transform}.node-surface:before,.node-surface:after{content:'';position:absolute;width:12px;height:12px;border-color:#4a9cc388;transition:border-color .3s}.node-surface:before{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid;border-radius:12px 0 0 0}.node-surface:after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid;border-radius:0 0 12px 0}.node-number{position:absolute;top:12px;left:14px;font-family:'Space Grotesk',sans-serif;font-size:7px;letter-spacing:1px;color:#375c73;transition:color .3s}.node-corner{position:absolute;right:13px;top:9px;font-size:15px;color:#3e738e;transition:color .3s,transform .3s}.node-logo{width:155px;height:65px;display:flex;align-items:center;justify-content:center;margin-top:7px}.node-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:filter .3s,transform .3s;user-select:none}.roundbrain .node-logo{width:177px}.roundbase .node-logo{width:94px;height:57px}.regis .node-logo{width:139px}.roundbsiba .node-logo{width:157px}.versiona .node-logo{width:129px}.roundbuddy .node-logo{width:154px}.node-caption{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:.8px;color:#7297ac;margin-top:9px;display:flex;align-items:center;gap:7px;transition:color .3s}.node-caption>i{height:3px;width:3px;border-radius:50%;background:#305469;transition:background .3s,box-shadow .3s}.app-node:hover .node-surface,.app-node:focus-visible .node-surface{border-color:#61d5ff88;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,50%),#10446488,transparent 95%),#071c2ae8;box-shadow:0 0 40px #138ada15,inset 0 0 24px #138ada0c}.app-node:hover .node-logo img,.app-node:focus-visible .node-logo img{filter:drop-shadow(0 0 9px #41baff30);transform:scale(1.035)}.app-node:hover .node-caption,.app-node:focus-visible .node-caption{color:#c5edff}.app-node:hover .node-caption>i,.app-node:focus-visible .node-caption>i{background:#64daff;box-shadow:0 0 6px #64daff}.app-node:hover .node-corner,.app-node:focus-visible .node-corner{color:#a5ebff;transform:translate(1px,-1px)}.app-node:focus-visible .node-surface{outline:2px solid #7ddfff;outline-offset:5px}.app-node:hover .node-number{color:#66a9c8}footer{position:absolute;bottom:0;left:0;right:0;height:63px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;color:#3f627b;font-size:9px;letter-spacing:.3px}.hint{position:absolute;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:2.2px;color:#527a94;display:flex;align-items:center;gap:10px}.hint i{width:4px;height:4px;background:#419cc1;border-radius:50%;box-shadow:0 0 7px #3aafe1;animation:breathe 4s ease-in-out infinite}footer>a{color:#618a9f}footer>a>span{margin-left:7px;color:#77c1de}.paused .core:after,.paused .core-aura,.paused .hint i{animation-play-state:paused}.paused .node-surface{will-change:auto}
@keyframes core-sheen{0%,50%{transform:translateX(-110%)}80%,100%{transform:translateX(110%)}}@keyframes breathe{0%,100%{opacity:.4}50%{opacity:1}}
@media(min-width:1650px){.app-node{width:250px;height:132px}.node-logo{height:70px}.node-caption{margin-top:11px}.core-position{width:246px;height:284px}.core>img{width:175px}}
@media(max-width:1100px){.header{padding-inline:35px}.app-node{width:190px;height:112px}.node-logo{max-width:137px;height:60px}.roundbrain .node-logo{width:151px;max-width:151px}.roundbase .node-logo{width:87px}.roundbsiba .node-logo{width:139px}.regis .node-logo{width:125px}.versiona .node-logo{width:119px}.core-position{width:186px;height:215px}.core>img{width:133px}.core>span{font-size:8px;letter-spacing:5px}.core>i{bottom:29px}.constellation{top:82px;bottom:66px}footer{padding-inline:35px}}
@media(max-width:760px){.universe{min-height:680px}.header{height:78px;padding-inline:23px}.brand{gap:15px}.brand>img{width:83px}.brand strong{font-size:13px;letter-spacing:3px}.brand>span{height:20px}.header-tools{gap:15px}.app-total>span{display:none}.app-total{font-size:10px}.motion-toggle{width:30px;height:30px}.constellation{top:79px;bottom:52px}.core-position{top:40%;width:142px;height:164px}.core>img{width:103px}.core{gap:8px}.core>span{font-size:7px;letter-spacing:4px}.core>i{bottom:22px;width:2px;height:2px}.core-orbit{inset:-12px}.core-aura{inset:-65px}.app-node{width:170px;height:106px}.roundbuddy{left:25%;top:13%}.versiona{left:75%;top:13%}.roundbrain{left:25%;top:65%}.roundbase{left:75%;top:65%}.roundbsiba{left:25%;top:87%}.regis{left:75%;top:87%}.node-logo{max-width:128px;height:58px;margin-top:10px}.roundbrain .node-logo{width:137px;max-width:137px}.roundbase .node-logo{width:82px;height:53px}.roundbsiba .node-logo{width:128px}.versiona .node-logo{width:111px}.regis .node-logo{width:119px}.node-caption{font-size:9px;letter-spacing:.5px;margin-top:6px}.node-number{top:10px;left:11px;font-size:6px}.node-corner{top:7px;right:10px;font-size:13px}.node-surface{border-radius:10px}.node-surface:before{border-top-left-radius:10px}.node-surface:after{border-bottom-right-radius:10px}footer{height:45px;padding-inline:23px;font-size:8px}.hint{display:none}}
@media(max-width:390px){.app-node{width:149px;height:102px}.node-logo{max-width:115px}.roundbrain .node-logo{width:125px;max-width:125px}.roundbsiba .node-logo{width:116px}.regis .node-logo{width:110px}.core-position{width:134px;height:155px}.core>img{width:99px}.header{padding-inline:19px}.brand{gap:12px}footer{padding-inline:19px}.node-caption{font-size:9px}}
@media(max-width:330px){.app-node{width:135px;height:100px}.brand>img{width:73px}.header-tools{gap:10px}.node-logo{max-width:107px}.roundbrain .node-logo{width:112px;max-width:112px}.roundbsiba .node-logo{width:107px}.core-position{width:125px;height:144px}.core>img{width:94px}}
/* Inkflow com a paleta azul e ciano do Hub. */
.inkflow{--cursor-x:0px;--cursor-y:0px;--cursor-angle:0rad;--cursor-speed:0;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:8}
.ink-cursor{position:absolute;left:var(--cursor-x);top:var(--cursor-y);width:calc(24px - var(--i)*2px);height:calc(24px - var(--i)*2px);border-radius:50%;background:#59d7ff;opacity:0;transform:translate(-50%,-50%) rotate(var(--cursor-angle)) scaleX(calc(1 + var(--cursor-speed)*.25));transition:left calc(var(--i)*.025s) cubic-bezier(.22,1,.36,1),top calc(var(--i)*.025s) cubic-bezier(.22,1,.36,1),transform .09s ease-out,opacity .1s ease;mix-blend-mode:screen;pointer-events:none;will-change:left,top;z-index:calc(10 - var(--i));box-shadow:0 0 9px #2db9ff28}
.ink-cursor:nth-child(2){background:#43c9fb}.ink-cursor:nth-child(3){background:#34b9f1}.ink-cursor:nth-child(4){background:#2ca8e9}.ink-cursor:nth-child(5){background:#2495dc}.ink-cursor:nth-child(6){background:#2186cc}.ink-cursor:nth-child(7){background:#1b72b4}
.inkflow.is-active .ink-cursor{opacity:calc(.9 - var(--i)*.08)}
.inkflow.is-initializing .ink-cursor{transition:none}
.ink-pointer-active,.ink-pointer-active a,.ink-pointer-active button{cursor:none}
.constellation{z-index:1}
footer{z-index:1}
.paused .inkflow{display:none}
/* Aplicações no mesmo sistema hexagonal do núcleo. */
.brand strong,.core>span{font-family:'Nunito','Arial Rounded MT Bold',sans-serif;font-weight:800;letter-spacing:2.8px}
.core>span{font-size:13px;text-indent:2.8px}
.app-node{width:190px;height:220px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.node-surface{border:0;border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(140deg,#55b8df99,#193d5788 45%,#2b7ca4aa);box-shadow:none}
.node-surface:before{inset:1px;width:auto;height:auto;border:0;border-radius:0;clip-path:inherit;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,50%),#10334a,#061420 85%);z-index:0}
.node-surface:after{display:none}
.node-logo,.node-caption{position:relative;z-index:1}
.node-logo{width:144px;height:65px;margin-top:6px}
.roundbrain .node-logo{width:161px;max-width:161px}
.roundbuddy .node-logo{width:145px}
.versiona .node-logo{width:122px}
.roundbase .node-logo{width:94px;height:59px}
.roundbsiba .node-logo{width:146px}
.regis .node-logo{width:132px}
.node-number{z-index:1;left:19%;top:22%;font-size:7px}
.node-corner{z-index:1;right:18%;top:20%;font-size:13px}
.node-caption{margin-top:13px}
.app-node:hover .node-surface,.app-node:focus-visible .node-surface{background:linear-gradient(135deg,#a8efff,#247daf 45%,#63d8ff);box-shadow:none}
.app-node:hover .node-surface:before,.app-node:focus-visible .node-surface:before{background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,50%),#13405b,#071a28 85%)}
.app-node:focus-visible .node-surface{outline:none;background:#b8f2ff}
.app-node:focus-visible .node-surface:before{inset:2px}
@media(min-width:1650px){.app-node{width:208px;height:240px}}
@media(max-width:1100px){.app-node{width:166px;height:192px}.node-logo{max-width:128px;height:57px}.roundbrain .node-logo{width:142px;max-width:142px}.roundbuddy .node-logo{width:130px}.versiona .node-logo{width:111px}.roundbsiba .node-logo{width:131px}.regis .node-logo{width:117px}.roundbase .node-logo{width:84px;height:52px}.node-caption{font-size:9px;margin-top:10px}.core>span{font-size:12px}}
@media(max-width:760px){.app-node{width:140px;height:162px}.roundbuddy,.versiona{top:12%}.roundbrain,.roundbase{top:64%}.roundbsiba,.regis{top:89%}.core-position{top:37%}.node-logo{max-width:107px;height:45px;margin-top:5px}.roundbrain .node-logo{width:120px;max-width:120px}.roundbuddy .node-logo{width:110px}.roundbsiba .node-logo{width:108px}.regis .node-logo{width:100px}.versiona .node-logo{width:95px}.roundbase .node-logo{width:74px;height:45px}.node-caption{font-size:8px;letter-spacing:.3px;margin-top:8px;gap:5px}.node-number{font-size:5px}.node-corner{font-size:11px}.core>span{font-size:11px;letter-spacing:2.5px}}
@media(max-width:330px){.app-node{width:128px;height:148px}.node-logo{max-width:99px}.roundbrain .node-logo{width:108px;max-width:108px}.roundbuddy .node-logo{width:100px}.roundbsiba .node-logo{width:100px}.regis .node-logo{width:94px}.versiona .node-logo{width:87px}.node-caption{font-size:7.5px}}
@media(max-width:760px) and (max-height:740px){.app-node{width:114px;height:132px}.core-position{width:120px;height:138px}.core>img{width:92px}.core>i{bottom:17px}.node-logo{max-width:88px;height:38px}.roundbrain .node-logo{width:98px;max-width:98px}.roundbuddy .node-logo{width:89px}.roundbsiba .node-logo{width:88px}.regis .node-logo{width:82px}.versiona .node-logo{width:77px}.roundbase .node-logo{width:60px;height:37px}.node-caption{margin-top:5px;font-size:7px}.node-number{font-size:4px}.node-corner{font-size:9px}}
/* Zoom do hexágono completo, com a ligação sempre acessível. */
.app-node{transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.app-node:hover,.app-node:focus-visible{transform:translate(-50%,-50%) scale(1.18);z-index:3}
@media(max-width:760px){.app-node:hover,.app-node:focus-visible{transform:translate(-50%,-50%) scale(1.10)}}
/* Sétima aplicação: RoundBusiness. */
.roundbusiness .node-logo{width:156px;max-width:156px;height:65px;overflow:hidden}
.roundbusiness .node-logo img{width:124%;max-width:none;max-height:none;height:auto;flex-shrink:0}
@media(max-width:1100px){.roundbusiness .node-logo{width:135px;max-width:135px;height:57px}}
@media(max-width:760px){.core-position{left:25%;top:12%;width:140px;height:162px}.roundbusiness{left:75%;top:12%}.roundbuddy,.versiona{top:37%}.roundbrain,.roundbase{top:63%}.roundbusiness .node-logo{width:115px;max-width:115px;height:45px}}
@media(max-width:330px){.core-position{width:128px;height:148px}.roundbusiness .node-logo{width:105px;max-width:105px}}
@media(max-width:760px) and (max-height:740px){.core-position{width:114px;height:132px}.roundbusiness .node-logo{width:95px;max-width:95px;height:38px}}
/* Marca RoundB 2030 no núcleo central. */
.core{gap:8px}
.core>.core-brand{width:146px;height:auto;object-fit:contain}
@media(max-width:1100px){.core>.core-brand{width:123px}.core{gap:6px}}
@media(max-width:760px){.core>.core-brand{width:90px}}
@media(max-width:330px){.core>.core-brand{width:82px}.core{gap:5px}}
@media(max-width:760px) and (max-height:740px){.core>.core-brand{width:70px}.core{gap:4px}}
/* Folga entre o núcleo, o cabeçalho e a aplicação superior. */
@media(min-width:761px){.universe{min-height:820px}.header{pointer-events:none}.header>a,.header>.header-tools{pointer-events:auto}}
@media(min-width:1650px){.universe{min-height:900px}}
/* Logótipo completo RoundBase, incluindo o nome. */
.roundbase .node-logo{width:126px;max-width:126px;height:90px;margin-top:0}
@media(max-width:1100px){.roundbase .node-logo{width:110px;max-width:110px;height:79px}}
@media(max-width:760px){.roundbase .node-logo{width:100px;max-width:100px;height:72px}}
@media(max-width:330px){.roundbase .node-logo{width:90px;max-width:90px;height:65px}}
@media(max-width:760px) and (max-height:740px){.roundbase .node-logo{width:82px;max-width:82px;height:59px}}
/* Ampliação de layout: as imagens são renderizadas no tamanho final. */
@property --node-scale{syntax:'<number>';inherits:true;initial-value:1}
.app-node{--node-scale:1;--node-width:190px;--node-height:220px;width:calc(var(--node-width)*var(--node-scale));height:calc(var(--node-height)*var(--node-scale));perspective:none;transition:--node-scale .18s cubic-bezier(.2,.8,.2,1)}
.app-node:hover,.app-node:focus-visible{--node-scale:1.18;transform:translate(-50%,-50%)}
.node-surface{transform:none;will-change:auto}
.node-logo,.node-caption{zoom:var(--node-scale)}
.node-logo img,.app-node:hover .node-logo img,.app-node:focus-visible .node-logo img{filter:none;transform:none;transition:none}
.core:hover>img{filter:none;transform:none}
@media(min-width:1650px){.app-node{--node-width:208px;--node-height:240px}}
@media(max-width:1100px){.app-node{--node-width:166px;--node-height:192px}}
@media(max-width:760px){.app-node{--node-width:140px;--node-height:162px}.app-node:hover,.app-node:focus-visible{--node-scale:1.10;transform:translate(-50%,-50%)}}
@media(max-width:330px){.app-node{--node-width:128px;--node-height:148px}}
@media(max-width:760px) and (max-height:740px){.app-node{--node-width:114px;--node-height:132px}}
.sound-toggle .sound-waves{display:none}
.sound-toggle.sound-active .sound-waves{display:block}
.sound-toggle.sound-active .sound-muted{display:none}
.sound-toggle.sound-active{border-color:#3d9abd;background:#103045}
.sound-toggle.sound-active svg{stroke:#83e5ff}
.sound-toggle[hidden]{display:none}
/* GeoRef sobre o fundo do hexágono. */
.georef .node-logo{--geo-size:112px;width:var(--geo-size);max-width:var(--geo-size);height:var(--geo-size);margin-top:0;overflow:visible;background:transparent;flex-direction:column;gap:3px}
.georef-symbol{position:relative;display:block;width:100%;height:calc(var(--geo-size)*.56);overflow:hidden;flex-shrink:0}
.georef .georef-symbol img{position:absolute;width:125%;height:auto;left:-12.5%;top:calc(var(--geo-size)*-.198);max-width:none;max-height:none}
.georef-wordmark{display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff;font-family:'Raleway','Segoe UI Light',sans-serif;line-height:1;white-space:nowrap}
.georef-roundb{font-size:calc(var(--geo-size)*.19);font-weight:200;letter-spacing:-.035em}
.georef-roundb>b{font-size:1.1em;font-weight:800;line-height:1;vertical-align:baseline;margin-left:-.075em}
.georef-name{font-size:calc(var(--geo-size)*.115);font-weight:300;letter-spacing:.12em}
@media(min-width:761px){.universe{min-height:900px}}
@media(min-width:1650px){.universe{min-height:960px}}
@media(max-width:1100px){.georef .node-logo{--geo-size:96px}}
@media(max-width:760px){
  .universe{min-height:1020px}
  .core-position,.roundbusiness{top:10%}
  .roundbuddy,.versiona{top:30%}
  .roundbrain,.roundbase{top:50%}
  .roundbsiba,.regis{top:70%}
  .georef{left:50%;top:90%}
  .georef .node-logo{--geo-size:82px}
}
@media(max-width:330px){.georef .node-logo{--geo-size:74px}}
@media(max-width:760px) and (max-height:740px){.universe{min-height:950px}.georef .node-logo{--geo-size:68px}}
/* Composições verticais com os símbolos e os wordmarks das marcas originais. */
.app-node .stacked-logo{width:160px;max-width:160px;height:136px;margin-top:0;display:flex;flex-direction:column;gap:10px;overflow:visible}
.brand-symbol{display:block;width:76px;height:76px;flex-shrink:0;overflow:hidden}
.brand-wordmark{display:block;width:150px;height:28px;flex-shrink:0;overflow:hidden}
.roundbrain .brand-symbol{width:82px;height:76px}
.roundbsiba .brand-symbol{width:70px;height:70px}
.roundbsiba .brand-wordmark{width:130px;height:48px}
.regis-wordmark{font-family:'Raleway','Segoe UI Light',sans-serif;font-weight:300;font-size:23px;line-height:1;color:#fff;letter-spacing:3px;text-indent:3px}
.versiona .node-logo{width:150px;max-width:150px;height:100px;margin-top:0}
.georef .node-logo{--geo-size:124px}
footer{pointer-events:none}footer>a{pointer-events:auto}
@media(max-width:1100px){
  .app-node .stacked-logo{width:138px;max-width:138px;height:122px;gap:8px}
  .brand-symbol{width:66px;height:66px}.brand-wordmark{width:132px;height:25px}
  .roundbrain .brand-symbol{width:72px;height:66px}
  .roundbsiba .brand-symbol{width:60px;height:60px}.roundbsiba .brand-wordmark{width:116px;height:43px}
  .regis-wordmark{font-size:21px}
  .versiona .node-logo{width:130px;max-width:130px;height:88px}
  .georef .node-logo{--geo-size:108px}
}
@media(max-width:760px){
  .universe{--grid-node-width:140px;--grid-node-height:162px;--grid-gap:max(20px,calc(50vw - var(--grid-node-width)));min-height:calc(163px + var(--grid-node-height)*5 + var(--grid-gap)*4)}
  .core-position{width:var(--grid-node-width);height:var(--grid-node-height)}
  .app-node .stacked-logo{width:110px;max-width:110px;height:108px;gap:7px}
  .brand-symbol{width:57px;height:57px}.brand-wordmark{width:106px;height:22px}
  .roundbrain .brand-symbol{width:63px;height:57px}
  .roundbsiba .brand-symbol{width:51px;height:51px}.roundbsiba .brand-wordmark{width:96px;height:35px}
  .regis-wordmark{font-size:18px;letter-spacing:2px}
  .versiona .node-logo{width:112px;max-width:112px;height:76px}
  .georef .node-logo{--geo-size:90px}
}
@media(max-width:330px){.universe{--grid-node-width:128px;--grid-node-height:148px}}
@media(max-width:760px) and (max-height:740px){
  .universe{--grid-node-width:114px;--grid-node-height:132px}
  .app-node .stacked-logo{width:92px;max-width:92px;height:90px;gap:6px}
  .brand-symbol{width:47px;height:47px}.brand-wordmark{width:90px;height:19px}
  .roundbrain .brand-symbol{width:52px;height:47px}
  .roundbsiba .brand-symbol{width:44px;height:44px}.roundbsiba .brand-wordmark{width:84px;height:31px}
  .regis-wordmark{font-size:16px}
  .versiona .node-logo{width:95px;max-width:95px;height:64px}
  .georef .node-logo{--geo-size:76px}
}
@media(min-width:761px) and (max-width:900px){
  .app-node{--node-width:140px;--node-height:162px}
  .core-position{width:152px;height:176px}.core>.core-brand{width:105px}.core>span{font-size:11px}
  .app-node .stacked-logo{width:110px;max-width:110px;height:108px;gap:7px}
  .brand-symbol{width:57px;height:57px}.brand-wordmark{width:106px;height:22px}
  .roundbrain .brand-symbol{width:63px;height:57px}
  .roundbsiba .brand-symbol{width:51px;height:51px}.roundbsiba .brand-wordmark{width:96px;height:35px}
  .regis-wordmark{font-size:18px;letter-spacing:2px}
  .versiona .node-logo{width:112px;max-width:112px;height:76px}
  .roundbase .node-logo{width:100px;max-width:100px;height:72px}
  .georef .node-logo{--geo-size:90px}
}
/* Todos os atalhos cabem na área visível, incluindo o espaço do hover. */
html,body{width:100%;height:100%;min-width:0;overflow:hidden;overscroll-behavior:none}
.universe{--layout-scale:1;--core-width:246px;--core-height:284px;--header-height:clamp(44px,10dvh,82px);--footer-height:clamp(22px,5dvh,40px);position:fixed;inset:0;width:100%;height:100%;height:100dvh;min-height:0}
.header{top:env(safe-area-inset-top,0px);height:var(--header-height);padding-inline:clamp(12px,3vw,56px);pointer-events:none}
.header>a,.header>.header-tools{pointer-events:auto}
.brand{gap:clamp(9px,1.5vw,22px)}
.brand>img{width:clamp(58px,7vw,95px)}
.brand>span{height:18px}
.brand strong{font-size:clamp(10px,1.4vw,15px);letter-spacing:2.8px}
.header-tools{gap:clamp(8px,1.8vw,24px)}
.motion-toggle{width:clamp(24px,4dvh,33px);height:clamp(24px,4dvh,33px)}
.constellation{top:calc(var(--header-height) + env(safe-area-inset-top,0px) + 8px);bottom:calc(var(--footer-height) + env(safe-area-inset-bottom,0px) + 10px);left:0;right:0;max-width:none}
.core-position{width:calc(var(--core-width)*var(--layout-scale));height:calc(var(--core-height)*var(--layout-scale))}
.core{gap:calc(8px*var(--layout-scale))}
.core>.core-brand{width:calc(146px*var(--layout-scale))}
.core>span{font-size:calc(13px*var(--layout-scale));letter-spacing:calc(2.8px*var(--layout-scale));text-indent:calc(2.8px*var(--layout-scale))}
.core>i{bottom:calc(37px*var(--layout-scale))}
.core-orbit{inset:calc(-16px*var(--layout-scale))}
.core-aura{inset:calc(-85px*var(--layout-scale));filter:blur(calc(16px*var(--layout-scale)))}
.app-node{--node-width:calc(208px*var(--layout-scale));--node-height:calc(240px*var(--layout-scale))}
.node-logo,.node-caption{zoom:calc(var(--node-scale)*var(--layout-scale))}
.node-logo{width:144px;max-width:none;height:65px;margin-top:0}
.app-node .stacked-logo{width:160px;max-width:160px;height:136px;gap:10px}
.brand-symbol{width:76px;height:76px}.brand-wordmark{width:150px;height:28px}
.roundbrain .brand-symbol{width:82px;height:76px}
.roundbsiba .brand-symbol{width:70px;height:70px}.roundbsiba .brand-wordmark{width:130px;height:48px}
.regis-wordmark{font-size:23px;letter-spacing:3px}
.versiona .node-logo{width:150px;max-width:150px;height:100px}
.roundbase .node-logo{width:126px;max-width:126px;height:90px}
.georef .node-logo{--geo-size:124px}
footer{bottom:env(safe-area-inset-bottom,0px);height:var(--footer-height);padding-inline:clamp(12px,3vw,56px);font-size:clamp(7px,1vw,9px)}
.footer-links{display:flex;align-items:center;gap:clamp(10px,2vw,24px);pointer-events:auto;white-space:nowrap}
.footer-links a{color:#618a9f;transition:color .18s ease}
.footer-links a span{margin-left:4px;color:#77c1de}
.footer-links a:hover,.footer-links a:focus-visible{color:#b8edff}
.footer-links a:focus-visible{outline:1px solid #77c1de;outline-offset:4px;border-radius:2px}
.planungen .node-logo{width:154px;max-width:154px;height:148px;margin-top:0}
.roundbusiness .node-logo{width:160px;max-width:160px;height:146px;overflow:visible}
.roundbusiness .node-logo img{width:auto;height:auto;max-width:100%;max-height:100%;flex-shrink:1}
.audit .node-logo{width:144px;max-width:144px;height:136px;flex-direction:column;gap:10px}
.audit .node-logo img{width:76px;height:76px;flex-shrink:0}
.audit-wordmark{font-family:'Raleway','Segoe UI Light',sans-serif;font-weight:300;font-size:23px;line-height:1;color:#fff;letter-spacing:3px;text-indent:3px}
.logo-filters{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.app-node .node-logo.supplied-logo{width:160px;max-width:160px;height:146px;margin-top:0;overflow:visible;display:flex;align-items:center;justify-content:center}
.supplied-art{display:block;width:100%;height:100%;overflow:hidden}
.core>.core-hub-brand{position:relative;z-index:1;flex-shrink:0;width:calc(174px*var(--layout-scale));height:auto;overflow:hidden}
.brand.brand-hub{gap:clamp(6px,1vw,12px)}
.header-hub-symbol{display:block;flex-shrink:0;height:clamp(28px,6.5dvh,52px);width:auto}
.header-hub-name{display:block;flex-shrink:0;width:clamp(94px,11vw,136px);height:auto}
@media(max-width:600px){.universe{--footer-height:44px}footer{flex-direction:column;align-items:stretch;justify-content:center;gap:6px}footer>span{order:2}.footer-links{justify-content:space-between;gap:8px}}
@media(max-width:380px){.universe{--footer-height:58px}.footer-links{flex-wrap:wrap;row-gap:5px}.footer-links>.footer-site{margin-left:auto}}
@media(max-width:300px){.brand>span{display:none}.brand{gap:6px}.brand>img{width:48px}.brand strong{font-size:9px;letter-spacing:1.5px}}
