/* Section shortcuts and service pages share one responsive navigation. */
.service-navigation{position:relative;border-block:1px solid #ffffff29;background:#0B1022;color:#F7F8FC;padding:10px clamp(24px,6vw,96px)}
.service-navigation details{margin:0}
.service-navigation summary{display:none;list-style:none;cursor:pointer;align-items:center;justify-content:space-between;gap:20px;min-height:52px;font:600 15px/1.5 Inter,Arial,sans-serif}
.service-navigation summary::-webkit-details-marker{display:none}
.service-nav-chevron{display:block;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);flex-shrink:0;margin-right:4px;transition:transform .2s}
.service-navigation details[open] .service-nav-chevron{transform:rotate(225deg)}
.service-nav-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 20px}
.service-nav-links a{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0;min-height:66px;padding:12px 0;font:500 12px/1.6 var(--mono,'JetBrains Mono',monospace);letter-spacing:.035em;text-transform:uppercase;color:#cbd5e7;text-decoration:none;transition:color .2s}
.service-nav-links a>span:first-child{min-width:0}
.service-nav-links a>span:last-child{font-size:16px;flex-shrink:0;color:#91b8ff}
.service-nav-links a:hover,.service-nav-links a[aria-current=location]{color:#C7FF3D}
.service-nav-links a:focus-visible,.service-navigation summary:focus-visible{outline:2px solid #C7FF3D;outline-offset:4px;border-radius:3px}
#openingProof>.service-navigation{margin-top:26px;padding-inline:0;background:#0b1022e8}
[data-service-section]{scroll-margin-top:16px}
[data-service-section]:focus:not(:focus-visible){outline:none}
@media(min-width:701px) and (max-width:1100px){.service-nav-links{grid-template-columns:repeat(3,minmax(0,1fr))}.service-nav-links a:nth-child(n+4){border-top:1px solid #ffffff20}}
@media(max-width:700px){
 .service-navigation{padding:0 24px}
 .service-navigation summary{display:flex}
 .service-nav-links{grid-template-columns:1fr;padding:0 0 12px;gap:0}
 .service-nav-links a{border-top:1px solid #ffffff24;min-height:52px;font-size:12px;text-transform:none;letter-spacing:0;padding-block:14px}
 #openingProof>.service-navigation{margin-top:24px}
}

/* The homepage pairs audience entry points with the research download. */
.journey-stage[data-scene=hero] #openingActions.hero-actions-platforms{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.35fr);gap:18px;max-width:650px}
.mobile-actions.hero-actions-platforms{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.35fr);gap:22px;max-width:750px}
.hero-actions-platforms .hero-platform-link{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;min-width:0;min-height:72px;max-width:none;text-decoration:none;color:#F7F8FC}
.hero-platform-audience{font:500 10px/1.4 var(--mono,'JetBrains Mono',monospace);letter-spacing:.09em;color:#C7FF3D}
.hero-platform-row{display:flex;align-items:center;gap:10px;width:100%;min-width:0}
.hero-platform-label{font:500 13px/1.5 Inter,Arial,sans-serif;min-width:0}
.hero-platform-label>span{display:block}
.hero-platform-arrow{font:22px/1 Inter,Arial,sans-serif;flex-shrink:0}
.hero-platform-link:hover .hero-platform-label{text-decoration:underline;text-underline-offset:5px}
#openingActions.hero-actions-platforms .hero-research-link,.mobile-actions.hero-actions-platforms .hero-research-link{background:#C7FF3D;border-color:#C7FF3D;color:#0B1022;box-shadow:0 4px 22px #c7ff3d24;min-height:66px}
#openingActions.hero-actions-platforms .hero-research-link:hover,.mobile-actions.hero-actions-platforms .hero-research-link:hover{background:#d7ff79;border-color:#d7ff79}
@media(max-width:600px){.mobile-actions.hero-actions-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.mobile-actions.hero-actions-platforms .hero-research-link{grid-column:1/-1;width:100%;max-width:400px;justify-self:start}.mobile-actions.hero-actions-platforms .hero-platform-link{max-width:none}}
@media(max-width:370px){.mobile-actions.hero-actions-platforms{gap:18px 14px}.hero-platform-row{gap:7px}.hero-platform-label{font-size:12px}.hero-platform-arrow{font-size:18px}.hero-platform-audience{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-navigation *{transition:none}}
