/* Gold is the primary accent for the hero in both themes. */
.screenshot-hero{background:#f6f8fc}.screenshot-hero .hero-buttons>.button:first-child{background:#2563eb;color:#171717;box-shadow:0 10px 26px #2563eb26}.screenshot-hero .hero-buttons>.button:first-child:hover{background:#2563eb;color:#171717}.screenshot-hero .context-dot{background:#2563eb;box-shadow:0 0 0 5px #cedaee}.screenshot-hero .tile-brand span{color:#2563eb}.screenshot-hero .network-lines .wire-pulse{stroke:#2563eb}.screenshot-hero .network-lines>g:last-of-type circle{stroke:#2563eb;filter:drop-shadow(0 0 5px #2563eb99)}.screenshot-hero .network-pill{background:#e7edf7;border-color:#b5c7e5;color:#1b2e4d}.screenshot-hero .hero-service-button{border-color:#adc1e2!important;background:#fbfcfe!important;color:#171717!important}.screenshot-hero .hero-service-button:hover{background:#cdd9ed!important}.screenshot-hero .motion-toggle{border-color:#adc1e2;color:#2563eb}
html[data-theme=dark] .screenshot-hero{background:#0f1319}html[data-theme=dark] .screenshot-hero .hero-buttons>.button:first-child{background:#2563eb;color:#171717}html[data-theme=dark] .screenshot-hero .hero-buttons>.button:first-child:hover{background:#60a5fa;color:#171717}html[data-theme=dark] .screenshot-hero .context-dot{background:#2563eb;box-shadow:0 0 0 5px #182a46}html[data-theme=dark] .screenshot-hero .network-pill{background:#172234;border-color:#263d61;color:#b0c4e3}html[data-theme=dark] .screenshot-hero .hero-service-button{background:#1a212d!important;border-color:#2b4267!important;color:#c5d4eb!important}html[data-theme=dark] .screenshot-hero .hero-copy{background:transparent}html[data-theme=dark] .screenshot-hero .motion-toggle{color:#60a5fa;border-color:#263d61}
@media(max-width:520px){.screenshot-hero .hero-copy{background:#f6f8fcf2;border-color:#5982c5}html[data-theme=dark] .screenshot-hero .hero-copy{background:#0f1319f2;border-color:#33558c}}