/* Direção 02: escultura digital, luz e profundidade. */
.hero{background:radial-gradient(ellipse at 82% 43%,#203a58 0%,#14243b 39%,#0e1b30 80%)}
.hero-grid{gap:35px;grid-template-columns:1fr 1fr;min-height:630px;padding-top:50px;padding-bottom:57px}
.technology-art{width:calc(100% + 44px);margin-left:-18px;padding:0;min-width:0}
.tech-stage{height:480px;position:relative;isolation:isolate;touch-action:pan-y}
.technology-canvas{display:block;width:100%;height:100%;position:relative;z-index:1}
.tech-grid{position:absolute;inset:4% -5%;z-index:0;opacity:.35;background-image:radial-gradient(#a4b9cf40 .8px,transparent .8px);background-size:22px 22px;mask-image:radial-gradient(ellipse,#000 20%,transparent 69%)}
.orbit-label{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;color:#d0dbe9;font-size:11px;letter-spacing:.035em;padding:9px 12px;border:1px solid #8ba2be25;background:#13253bba;backdrop-filter:blur(12px);border-radius:5px;box-shadow:0 7px 20px #06132330;pointer-events:none}
.orbit-label i{width:4px;height:4px;background:#e9bb5c;box-shadow:0 0 9px #e9bb5c8c;border-radius:50%}
.label-sites{top:20%;left:11%}.label-chat{top:34%;right:0}.label-systems{bottom:18%;left:9%}.label-integrations{bottom:13%;right:11%}
.art-footer{display:flex;justify-content:center;align-items:center;gap:19px;margin-top:0;color:#a1b4ca;font-size:11px;letter-spacing:.025em}
.bespoke-technology{max-width:490px;width:100%;justify-self:center;min-width:0}.architecture-stage{height:330px}
.art-footer-light{color:#617188;margin-top:0}
@media(max-width:1100px) and (min-width:801px){.hero-grid{gap:24px}.tech-stage{height:440px}.orbit-label{font-size:10px;padding:7px 9px}.label-chat{right:1%}.architecture-stage{height:310px}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr;padding-top:54px;padding-bottom:42px;gap:15px}.technology-art{width:min(580px,calc(100% + 30px));margin-left:0;justify-self:center}.tech-stage{height:440px}.architecture-stage{height:310px}.bespoke-technology{max-width:470px}.label-chat{right:4%}.art-footer{margin-top:-5px}}
@media(max-width:600px){.hero-grid{padding-top:49px;gap:4px}.tech-stage{height:350px}.orbit-label{font-size:9px;padding:6px 8px;gap:5px}.label-sites{left:10%;top:20%}.label-chat{right:2%;top:35%}.label-systems{left:9%;bottom:21%}.label-integrations{right:9%;bottom:15%}.art-footer{font-size:10px;gap:12px}.architecture-stage{height:280px}.technology-art{padding:0;width:calc(100% + 24px)}.bespoke-grid{gap:12px}.art-footer-light{margin-top:0}}