/* Explicit route back to the main company website. */
.desktop-nav{gap:22px}.desktop-nav .return-site{display:inline-flex;align-items:center;gap:7px;color:var(--blue);padding-right:20px;margin-right:2px;border-right:1px solid var(--line)}.return-site>.icon{width:15px;height:15px;transform:rotate(180deg)}.desktop-nav .return-site:after{display:none}.mobile-nav .return-site{display:flex;align-items:center;gap:10px;color:var(--blue)}
/* The complete emblem remains within this section, rather than hanging beyond its edge. */
#como-comecar:before{width:270px;height:270px;top:24px;right:28px;left:auto;transform:none;opacity:.045;background-size:contain}
:root[data-theme=light] #como-comecar:before{opacity:.045}
/* Fingerprint line art and the actual Blue Lock emblem replace the concentric rings. */
.hero .hero-fingerprint{inset:0;background:url('assets/fingerprint-lines.svg') no-repeat 4% 46%;background-size:540px;opacity:.13;transform:none;filter:none}.hero-topography:after{display:none}.product-halo{border:0;border-radius:0;background:radial-gradient(ellipse,#3eaedb20,transparent 68%)}.product-halo:before,.product-halo:after{display:none}.hero-brand-symbol{position:absolute;z-index:-1;pointer-events:none;right:4%;top:205px;width:420px;height:420px;background:url('assets/escudo-blue-lock.png') center/contain no-repeat;opacity:.085}
:root[data-theme=light] .hero .hero-fingerprint{filter:none;opacity:.11}:root[data-theme=light] .hero-brand-symbol{opacity:.065}
@media(max-width:1200px){.desktop-nav{gap:18px}.desktop-nav .return-site{padding-right:15px}.hero-brand-symbol{width:350px;height:350px;right:2%;top:240px}}
@media(max-width:960px){.desktop-nav{gap:14px}.desktop-nav .return-site{font-size:11px;padding-right:12px;gap:5px}.hero .hero-fingerprint{background-size:460px;background-position:-60px 35%}.hero-brand-symbol{width:300px;height:300px;top:290px;right:2%}}
@media(max-width:640px){#como-comecar:before{width:200px;height:200px;right:15px;top:20px;opacity:.04}.hero .hero-fingerprint{background-size:300px;background-position:75% 70px;opacity:.13}.hero-brand-symbol{width:310px;height:310px;top:auto;bottom:80px;right:calc(50% - 155px);opacity:.085}:root[data-theme=light] .hero .hero-fingerprint{opacity:.105}}
@media(max-width:360px){#como-comecar:before{width:170px;height:170px;right:12px;top:20px}.hero-brand-symbol{width:280px;height:280px;right:calc(50% - 140px)}}
/* Position the controls against the new 9:16 high-definition product asset. */
.pole-object{width:382.5px}.hotspot-camera{top:10%;left:46%;flex-direction:row-reverse}.hotspot-central{top:35%;left:36%}.hotspot-rede{top:58%;left:55%}
@media(max-width:960px){.pole-object{width:343.125px}}
@media(max-width:640px){.pole-object{width:min(100%,343px);height:auto;aspect-ratio:9/16}.pole-object>img{width:100%;height:auto}.hotspot-camera{top:9%;left:43%}.hotspot-central{top:35%;left:28%}.hotspot-rede{top:58%;left:50%}}
/* Keep the remote-access watermark inside its own column at intermediate widths. */
.remote-visual .remote-brand-symbol{width:100%;max-width:100%;right:0;top:70px;transform:none}
.remote-atmosphere{overflow:clip}

.product-zoom{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:11px;min-height:30px;text-decoration:underline;text-underline-offset:3px}.product-zoom .icon{width:12px;height:12px}.product-caption{z-index:4}
/* Requested hero positions: fingerprint behind the pole, emblem to the left of the title. */
.hero .hero-fingerprint{background-position:calc(100% - 20px) 45%;background-size:560px}.hero-brand-symbol{right:auto;left:-55px;top:160px;bottom:auto;width:350px;height:350px;opacity:.075}
@media(max-width:1200px){.hero-brand-symbol{right:auto;left:-45px;top:170px;bottom:auto;width:330px;height:330px}}
@media(max-width:960px){.hero .hero-fingerprint{background-position:calc(100% + 10px) 50%;background-size:480px}.hero-brand-symbol{right:auto;left:-45px;top:170px;bottom:auto;width:300px;height:300px}}
@media(max-width:640px){.hero .hero-fingerprint{background-size:390px;background-position:calc(50% + 30px) calc(100% - 80px)}.hero-brand-symbol{right:auto;left:-45px;top:150px;bottom:auto;width:270px;height:270px}}
@media(max-width:360px){.hero .hero-fingerprint{background-size:330px}.hero-brand-symbol{left:-40px;width:250px;height:250px}}

/* The visible service name belongs to the page heading; preserve the approved hierarchy. */
.hero h1>.product-label{font-family:Nunito,Arial,sans-serif;font-weight:400;line-height:1.7;letter-spacing:0;font-size:13px;max-width:none}
.hero-title-text{display:block}
/* Full-width atmosphere: no rectangular edge at the content container. */
#como-comecar{width:100%;max-width:none;margin-inline:0;isolation:isolate;overflow:clip}
#como-comecar .journey-inner{position:relative;z-index:1}
#como-comecar:before{background-image:url('bluelock-emblema.png');background-repeat:no-repeat;background-position:center;background-size:contain;width:240px;height:345px;top:40px;right:max(28px,calc((100% - 1260px)/2));left:auto;bottom:auto;transform:none;opacity:.055}
#como-comecar:after{inset:0;background:radial-gradient(ellipse at 87% 15%,#048dc012,transparent 72%);opacity:1}
:root[data-theme=light] #como-comecar:before{opacity:.052}
:root[data-theme=light] #como-comecar:after{background:radial-gradient(ellipse at 87% 15%,#0697d00d,transparent 72%)}
@media(max-width:960px){#como-comecar:before{width:185px;height:275px;top:35px;right:28px;opacity:.045}}
@media(max-width:640px){.hero h1>.product-label{font-size:11px}#como-comecar:before{width:125px;height:185px;top:30px;right:20px;opacity:.028}:root[data-theme=light] #como-comecar:before{opacity:.03}}