.hero-identity {
  min-width: 0;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 14px;
  perspective: 900px;
  position: relative;
  z-index: 2;
}

.hero-logo-stage {
  width: min(100%, 330px);
  aspect-ratio: 1;
  position: relative;
  display: grid;
  place-items: center;
  transform-style: preserve-3d;
}

.hero-logo-stage::before,
.hero-logo-stage::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.hero-logo-stage::before {
  width: 70%;
  aspect-ratio: 1;
  border: 1px solid rgba(0, 234, 208, .35);
  border-radius: 28%;
  background: linear-gradient(145deg, rgba(0, 191, 255, .16), rgba(4, 10, 17, .74) 62%);
  box-shadow:
    inset 0 0 50px rgba(0, 191, 255, .14),
    0 28px 55px rgba(0, 0, 0, .72),
    0 0 38px rgba(0, 191, 255, .19);
  transform: rotate(45deg) translateZ(-28px);
}

.hero-logo-stage::after {
  width: 61%;
  height: 18%;
  bottom: 7%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(0, 191, 255, .34), rgba(0, 234, 208, .12) 42%, transparent 72%);
  filter: blur(11px);
  transform: rotateX(70deg) translateZ(-36px);
}

.hero-logo-stage img {
  width: 77%;
  height: 77%;
  object-fit: contain;
  position: relative;
  z-index: 4;
  transform: rotateX(2deg) rotateY(-9deg) translateZ(48px) translateY(-3px);
  filter:
    drop-shadow(0 24px 15px rgba(0, 0, 0, .62))
    drop-shadow(-8px 0 16px rgba(0, 191, 255, .42))
    drop-shadow(8px 0 13px rgba(81, 255, 125, .22))
    saturate(1.18) contrast(1.08);
  animation: hero-logo-float 5.8s ease-in-out infinite;
}

.hero-logo-orbit {
  position: absolute;
  border: 1px solid rgba(0, 191, 255, .28);
  border-radius: 50%;
  pointer-events: none;
}

.hero-logo-orbit-one {
  inset: 5%;
  transform: rotateX(67deg) rotateZ(8deg) translateZ(-14px);
  box-shadow: 0 0 17px rgba(0, 191, 255, .16);
}

.hero-logo-orbit-two {
  inset: 15% 2%;
  border-color: rgba(255, 122, 0, .3);
  transform: rotateY(68deg) rotateZ(-10deg) translateZ(-4px);
}

.hero-logo-flare {
  width: 9px;
  height: 48%;
  position: absolute;
  top: 16%;
  right: 21%;
  z-index: 5;
  border-radius: 50%;
  background: linear-gradient(transparent, rgba(255,255,255,.9), rgba(0,234,208,.44), transparent);
  filter: blur(3px);
  opacity: .68;
  transform: rotate(28deg) translateZ(70px);
}

.hero-signature {
  width: min(100%, 330px);
  padding: 13px 16px;
  display: grid;
  gap: 3px;
  border: 1px solid rgba(0, 234, 208, .25);
  border-radius: 13px;
  background: linear-gradient(105deg, rgba(4, 10, 17, .84), rgba(0, 191, 255, .1));
  box-shadow: 0 18px 35px rgba(0, 0, 0, .34), inset 0 0 24px rgba(0, 191, 255, .05);
  backdrop-filter: blur(9px);
  transform: translateZ(18px);
}

.hero-signature > span {
  color: var(--st-cyan);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .18em;
}

.hero-signature strong {
  display: flex;
  align-items: baseline;
  gap: 7px;
  color: #eef8ff;
  font-size: .9rem;
}

.hero-signature strong b {
  color: var(--st-orange);
  font-size: 1.7rem;
  line-height: 1;
  text-shadow: 0 0 18px rgba(255, 122, 0, .38);
}

.hero-signature small {
  color: #8da3ba;
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .08em;
}@keyframes hero-logo-float {
  0%, 100% { transform: rotateX(2deg) rotateY(-9deg) translateZ(48px) translateY(-3px); }
  50% { transform: rotateX(-1deg) rotateY(-4deg) translateZ(58px) translateY(-11px); }
}
:root{--st-cyan:#00ead0;--st-orange:#ff7a00}
.brand-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);align-items:center;gap:34px;isolation:isolate;background:radial-gradient(ellipse at 85% 20%,#07334688,transparent 55%),linear-gradient(135deg,#0b1b29,#060e17);border-color:#146079;box-shadow:0 0 45px #00bfff12,0 24px 65px #0007}
.brand-hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#00bfff06 1px,transparent 1px),linear-gradient(90deg,#00bfff06 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000)}
.brand-hero h1{font-size:clamp(38px,4.4vw,64px);text-shadow:0 0 36px #00bfff1c}
.hero-copy{min-width:0}
.hero-copy p{font-size:16px}
.hero-logo-stage{width:min(100%,350px)}
.hero-signature{width:min(100%,320px)}
.topbar{border-bottom:1px solid #00bfff50;box-shadow:0 6px 32px #00bfff10;background:linear-gradient(100deg,#06121eea,#07141eea)}
.brand-mark{width:48px;height:48px;border-color:#00bfff77;box-shadow:0 0 24px #00bfff30,inset 0 0 12px #00ead018}
.brand-mark img{width:46px;height:46px;filter:drop-shadow(0 0 6px #00bfff80)}
.brand-title{color:#f3faff;text-shadow:0 0 18px #00bfff40}
.ecosystem-links a:first-child{color:#ffc06b}.ecosystem-links a:last-child{color:#00ead0}
.language-dock{flex-shrink:0}.language-dock label{display:flex;align-items:center;gap:7px;color:#96bacf;font-size:11px}
.language-dock select{color:#dcf6ff;border:1px solid #1f617d;border-radius:9px;background:#091b29;min-height:40px;padding:6px}
#stBetaBar{margin:0;padding:0;background:none;border:0}
#stBetaBar > :not(label){display:none!important}
.translation-scope-note{max-width:1448px;margin:0 auto 24px;color:#91a9bb;font-size:12px;padding:0 26px}
.featured-card{--card-glow:#00bfff;border-color:color-mix(in srgb,var(--card-glow) 40%,#102234);background:linear-gradient(130deg,color-mix(in srgb,var(--card-glow) 7%,#0b1824),#08141d);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--card-glow) 22%,transparent),0 8px 26px #0003}
.featured-card:nth-child(2){--card-glow:#00ead0}.featured-card:nth-child(3){--card-glow:#a66bff}.featured-card:nth-child(4){--card-glow:#ff3fa7}.featured-card:nth-child(5){--card-glow:#ff9b32}.featured-card:nth-child(6){--card-glow:#51df8c}
.featured-card .iconbox{border-color:color-mix(in srgb,var(--card-glow) 50%,#123344);box-shadow:0 0 18px color-mix(in srgb,var(--card-glow) 15%,transparent)}
.featured-card .iconbox svg,.featured-card .eyebrow,.featured-card .open{color:var(--card-glow);stroke:var(--card-glow)}
.featured-card:hover{box-shadow:0 0 26px color-mix(in srgb,var(--card-glow) 16%,transparent)}
.intent-card:hover{box-shadow:0 0 22px #00bfff14}
@media(max-width:1250px){.nav{gap:0}.nav a{padding:10px 8px;font-size:12px}.brand-title{font-size:14px}.topbar-inner{gap:12px}}
@media(max-width:1050px){.language-dock{margin-left:auto}.brand-hero{grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr);padding:32px;gap:20px}.hero-logo-stage{width:260px}.hero-signature{width:240px}}
@media(max-width:700px){.brand-hero{grid-template-columns:minmax(0,1fr);padding:26px 20px;gap:28px}.hero-identity{order:-1}.hero-logo-stage{width:230px}.hero-signature{width:260px}.hero-copy h1{font-size:42px}.topbar-inner{flex-wrap:wrap;min-height:90px;height:auto;padding-top:10px;padding-bottom:10px;padding-right:82px}.brand-sub{display:none}.language-dock{margin-left:0}.language-dock label>span{display:none}.topbar>.st-menu-trigger{right:12px;font-size:12px;padding:8px}.brand-mark{width:38px;height:38px}.brand-mark img{width:36px;height:36px}.brand-title{font-size:13px}.hero-signature small{font-size:.5rem}}
@media(max-width:700px){.topbar-inner{display:grid;grid-template-columns:minmax(0,1fr) 78px;padding-right:14px;gap:8px}.brand{grid-column:1}.language-dock{grid-column:1 / -1}.topbar>.st-menu-trigger{top:14px}.language-dock label>span{display:inline}.language-dock select{min-height:34px}}
.featured-card{display:block;min-height:126px;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}
.featured-card:hover{transform:translateY(-2px)}
.tool-card{--card-glow:#00bfff;border-color:color-mix(in srgb,var(--card-glow) 40%,#102234);background:linear-gradient(130deg,color-mix(in srgb,var(--card-glow) 8%,#0b1824),#08141d);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--card-glow) 20%,transparent)}
.tool-card:nth-child(6n+2){--card-glow:#00ead0}.tool-card:nth-child(6n+3){--card-glow:#a66bff}.tool-card:nth-child(6n+4){--card-glow:#ff3fa7}.tool-card:nth-child(6n+5){--card-glow:#ff9b32}.tool-card:nth-child(6n+6){--card-glow:#51df8c}
.tool-card .iconbox{border-color:color-mix(in srgb,var(--card-glow) 50%,#123344);box-shadow:0 0 18px color-mix(in srgb,var(--card-glow) 15%,transparent)}
.tool-card .iconbox svg{stroke:var(--card-glow)}
.tool-card:hover{border-color:var(--card-glow);box-shadow:0 0 24px color-mix(in srgb,var(--card-glow) 16%,transparent)}
.universe-nav{display:flex!important;gap:8px}.universe-nav a{font-weight:800;border:1px solid #245166;border-radius:10px;min-height:44px;align-items:center}
.universe-nav .universe-replacor{color:#ffbc65}.universe-nav .universe-store{color:#00ead0}.universe-nav .universe-tecnico{color:#21d4fd}
@media(max-width:1050px){.topbar-inner{flex-wrap:wrap;height:auto;min-height:88px;padding-block:12px}.universe-nav{order:3;width:100%;margin:0}.universe-nav a{flex:1;justify-content:center}}
@media(max-width:700px){.topbar-inner{grid-template-columns:minmax(0,1fr) auto}.universe-nav{grid-column:1 / -1;grid-row:3;gap:5px}.universe-nav a{padding:9px 6px;font-size:10px;white-space:nowrap}.language-dock{grid-row:2}.brand{grid-column:1 / -1;padding-right:70px}}
@media(prefers-reduced-motion:reduce){.hero-logo-stage img{animation:none}}
