/* Apresentação da tecnologia na página inicial. */
.technology-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.technology-tags a {
    border: 1px solid rgba(74, 235, 165, .3); border-radius: 6px;
    background: rgba(4, 28, 23, .85); color: #c3f6de;
    padding: 6px 10px; font-size: 12px; font-weight: 600;
}
.technology-tags a:hover { border-color: #26ef88; background: #10392a; }
.technology-flow { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 26px; font-size: 12px; }
.technology-flow span { padding: 9px 12px; background: #0d261f; border: 1px solid #23513e; border-radius: 6px; }
.technology-flow b { color: #26ef88; }
.tech-panel h3 { font-size: clamp(36px, 4.5vw, 62px); line-height: 1.08; letter-spacing: -.055em; }
.tech-module span { font-size: 14px; line-height: 1.7; }
.tech-module { min-height: 260px; }
#tecnologia { scroll-margin-top: 100px; }
a:focus-visible { outline: 2px solid #83ffc0; outline-offset: 5px; }
@media (max-width: 980px) {
    .hero { height: auto; min-height: 930px; }
    .hero-sticky { height: auto; min-height: 930px; }
    .hero-copy { position: relative; top: auto; bottom: auto; left: auto; margin: 0 22px; padding-top: 340px; padding-bottom: 100px; width: calc(100% - 44px); max-width: 720px; }
    .hero-code { text-align: left; }
    .nav { gap: 12px; }
    .nav-links { gap: 16px; }
    .technology-tags { gap: 6px; }
    .technology-tags a { font-size: 11px; padding: 6px 9px; }
    #tecnologia { scroll-margin-top: 170px; }
}
@media (max-width: 620px) {
    .hero { min-height: 0; }
    .hero-sticky { min-height: 0; }
    .hero-copy { padding-top: 320px; padding-bottom: 100px; }
    .kicker { font-size: 8px; letter-spacing: .07em; }
    .tech-panel { padding: 24px 20px; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; }
    html { scroll-behavior: auto; }
    .reveal { opacity: 1; transform: none; }
    .hero-cosmos { display: none; }
}