.spy-web-app .spy-marketing__hero{background:linear-gradient(90deg,rgba(10,18,30,.9),rgba(10,18,30,.55)),url("images/web-app-hero.jpg") center 48%/cover no-repeat}.spy-web-app__intro{padding:56px 0 0;max-width:1000px}.spy-web-app__intro p{color:#e1e7ef}.spy-web-app__types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.spy-web-app__types h3{margin-bottom:0}.spy-web-app__features{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;padding:clamp(28px,4vw,48px);border:1px solid #526078;background:#172033;border-radius:8px;margin-bottom:48px}.spy-web-app__features ul{display:grid;grid-template-columns:1fr 1fr;gap:24px 36px;margin:0;padding-left:20px;color:#e1e7ef}.spy-web-app__features li{padding-left:4px;font-size:17px;line-height:1.7}.spy-web-app__related{padding:48px 0 0}.spy-web-app__related h2{font-size:28px}.spy-web-app__related>div{display:flex;gap:20px 28px;flex-wrap:wrap}.spy-web-app__related a{font-weight:800;text-underline-offset:5px}#application-types{scroll-margin-top:100px}
@media(max-width:1000px){.spy-web-app__types{grid-template-columns:repeat(2,minmax(0,1fr))}.spy-web-app__features{grid-template-columns:1fr;gap:20px}}@media(max-width:640px){.spy-web-app__types,.spy-web-app__features ul{grid-template-columns:1fr}}

/* Keep all feature-panel text readable against its dark background. */
.spy-web-app .spy-web-app__features{color:#fff}
.spy-web-app .spy-web-app__features h2{color:#fff!important}
.spy-web-app .spy-web-app__features ul,
.spy-web-app .spy-web-app__features li{color:#e1e7ef!important}
.spy-web-app .spy-web-app__features .spy-marketing__kicker{color:#ffb4aa!important}