#inicio{position:relative;isolation:isolate;max-width:none;overflow:hidden;background:#030919;color:var(--cream)}
#inicio .hero{max-width:1296px;margin:auto}
.motion-background{position:absolute;inset:0;z-index:-2;background:#061441 url('blue-texture.png') center/cover}
.motion-background:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,5,18,.88),rgba(1,5,18,.46) 52%,rgba(1,5,18,.12))}
#motion-canvas{width:100%;height:100%;display:block;opacity:.95}
#inicio .hero-top{color:#cadbff}
#inicio .hero-description{color:#e0e8fa;max-width:400px}
#inicio h1{font-weight:400;letter-spacing:-.025em}
#inicio h1 span{color:#8dcfff}
#inicio .hero-bottom a{border-color:#b8c9ec}
#inicio .logo-card{color:var(--ink);box-shadow:12px 18px 0 #02061388}
#inicio .art-note{color:#d6e3ff}
#motion-toggle{border:1px solid #9bb1d766;color:#eef4ff;background:#08153399;border-radius:30px;padding:9px 14px;font-size:10px;letter-spacing:.02em}
#motion-toggle:hover{background:#1648aa}
.hero-bottom{gap:18px;flex-wrap:wrap}
.section h2{font-weight:400;letter-spacing:-.015em}
#servicos{padding-left:5%;padding-right:5%}
@media(max-width:650px){.motion-background:after{background:linear-gradient(180deg,#020715ad,#02071561)}#inicio .hero-bottom{align-items:flex-start;gap:18px}#inicio .hero-bottom>span{width:100%}#inicio .hero h1{font-size:clamp(62px,16.5vw,105px)}#servicos{padding-left:6%;padding-right:6%}}