.hero-art.brand-stage{isolation:isolate;border:0;border-radius:0;background:none;box-shadow:none;overflow:hidden;perspective:1000px;min-width:0}
.brand-stage:before{content:'';position:absolute;inset:8% -5%;background:radial-gradient(ellipse,#256bab28,transparent 65%);filter:blur(24px);pointer-events:none}
.brand-stage .art-top{top:25px;left:20px;right:20px;font-size:8px}
.brand-stage .art-bottom{bottom:15px;left:20px;right:20px}
.brand-universe{position:absolute;inset:65px 0 65px;transform-style:preserve-3d;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .35s ease-out}
.brand-core{z-index:2;position:absolute;top:17%;left:0;width:100%;text-align:center;transform:translateZ(30px)}
.brand-title{display:block;font-family:'Helvetica Neue','Segoe UI',Arial,sans-serif;font-size:clamp(50px,6.4vw,92px);font-weight:300;line-height:1.1;letter-spacing:.22em;padding-left:.22em;color:#fff;text-shadow:0 0 30px #b8ddff12}
.brand-tagline{display:block;font-size:8px;font-weight:400;letter-spacing:.43em;color:#bdc9d4;margin-top:18px;padding-left:.43em}
.growth-visual{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.growth-bars rect{opacity:.065;transform-box:fill-box;transform-origin:bottom;animation:bars-rise 7s ease-in-out infinite}
.growth-bars rect:nth-child(2){animation-delay:.2s}.growth-bars rect:nth-child(3){animation-delay:.4s}.growth-bars rect:nth-child(4){animation-delay:.6s}.growth-bars rect:nth-child(5){animation-delay:.8s}
.growth-trail{stroke-dasharray:1;stroke-dashoffset:0;animation:draw-growth 7s ease-in-out infinite;filter:drop-shadow(0 0 7px #8bc7ff50)}
.growth-tip{animation:tip-glow 7s ease-in-out infinite}.growth-nodes circle{animation:node-glow 7s ease-in-out infinite}.growth-nodes circle:nth-child(2){animation-delay:.4s}.growth-nodes circle:nth-child(3){animation-delay:.8s}
.social-node{animation:social-float 6s ease-in-out infinite}.node-message{animation-delay:-3s}
.motion-toggle{display:flex;align-items:center;gap:8px;border:1px solid #8bc7ff25;border-radius:999px;background:#11223599;color:#bfd9f0;padding:10px 13px;font-size:9px;cursor:pointer;min-height:36px}
.motion-toggle:hover{background:#1d354d}.motion-toggle svg{width:11px;height:11px;fill:currentColor}
.brand-stage.motion-paused *{animation-play-state:paused!important}.brand-stage.motion-paused .brand-universe{transform:none}
@keyframes draw-growth{0%,8%{stroke-dashoffset:1;opacity:.3}52%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.3}}
@keyframes bars-rise{0%,100%{transform:scaleY(.65);opacity:.035}50%,85%{transform:scaleY(1);opacity:.1}}
@keyframes tip-glow{0%,35%,100%{opacity:.2}55%,85%{opacity:1}}
@keyframes node-glow{0%,100%{opacity:.35}45%,80%{opacity:1}}
@keyframes social-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:1050px){.brand-title{font-size:clamp(42px,6vw,70px);letter-spacing:.18em;padding-left:.18em}.brand-tagline{font-size:7px;letter-spacing:.3em}.brand-stage .art-top{left:12px;right:12px}.brand-core{top:20%}}
@media(max-width:700px){.hero-art.brand-stage{height:370px}.brand-universe{inset:40px 0 48px}.brand-title{font-size:clamp(43px,11.8vw,76px);letter-spacing:.18em;padding-left:.18em}.brand-tagline{font-size:7px;letter-spacing:.3em}.brand-core{top:18%}.brand-stage .art-top{top:5px;left:10px;right:10px}.brand-stage .art-bottom{left:10px;right:10px;bottom:0}.brand-stage .art-top>span:last-child{font-size:25px}}
@media(prefers-reduced-motion:reduce){.brand-stage *{animation:none!important;transition:none!important}.brand-stage .brand-universe{transform:none}.motion-toggle{display:none}}