/* Geofishing apps and support page: scoped styles, shared header/footer come from pulse-landing. */
.apps-support-page { color: #09283a; background: #f3f8fa; }
.apps-support-page .apps-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.apps-support-page .apps-hero { position: relative; padding: 100px 0 76px; color: #fff; background: radial-gradient(circle at 85% 30%, #19445d, transparent 38%), linear-gradient(135deg, #031522, #07334a); overflow: hidden; }
.apps-support-page .apps-hero::before { content: ""; position: absolute; inset: 0; background: url("assets/bathymetry.svg") center / cover no-repeat; opacity: .3; pointer-events: none; }
.apps-support-page .apps-hero-grid { display: grid; grid-template-columns: 1.4fr .6fr; gap: 48px; align-items: center; position: relative; }
.apps-support-page .apps-eyebrow { font-size: 12px; font-weight: 800; letter-spacing: .16em; color: #23c2f0; }
.apps-support-page .apps-hero h1 { font-size: clamp(40px, 5.6vw, 70px); margin: 12px 0 18px; line-height: 1.05; letter-spacing: -.04em; }
.apps-support-page .apps-lead { font-size: 19px; line-height: 1.6; max-width: 700px; color: #d7e8f0; }
.apps-support-page .apps-hero-aside { border: 1px solid #31647b; border-radius: 22px; padding: 26px; background: #082738cb; }
.apps-support-page .apps-hero-aside strong { font-size: 26px; }
.apps-support-page .apps-hero-aside p { line-height: 1.6; color: #d0e2ec; }
.apps-support-page .apps-section { padding: 76px 0 90px; }
.apps-support-page .apps-section-heading { text-align: center; margin-bottom: 35px; }
.apps-support-page .apps-section-heading h2 { font-size: clamp(30px, 4vw, 46px); margin: 8px 0 0; }
.apps-support-page .apps-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.apps-support-page .apps-card { display: flex; flex-direction: column; min-height: 310px; padding: 25px; background: white; border: 1px solid #d5e5ed; border-radius: 22px; box-shadow: 0 15px 32px #0a314b12; }
.apps-support-page .apps-card-featured { background: #082d42; color: #fff; }
.apps-support-page .apps-card-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; }
.apps-support-page .apps-num, .apps-support-page .apps-icon { display: inline-grid; place-items: center; padding: 8px 11px; font-size: 12px; font-weight: 800; border-radius: 12px; background: #e4f8fd; color: #087f9d; }
.apps-support-page .apps-card h3 { font-size: 24px; line-height: 1.2; margin: 0 0 13px; }
.apps-support-page .apps-card p { line-height: 1.65; color: #5a7180; margin: 0 0 25px; }
.apps-support-page .apps-card-featured p { color: #d0e0e9; }
.apps-support-page .apps-action { display: flex; justify-content: space-between; align-items: center; margin-top: auto; border-radius: 12px; padding: 14px 17px; text-decoration: none; background: #079bc4; color: white; font-weight: 750; }
.apps-support-page .apps-action:hover, .apps-support-page .apps-action:focus-visible { background: #067d9f; }
@media (max-width: 950px) { .apps-support-page .apps-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .apps-support-page .apps-hero-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .apps-support-page .apps-shell { width: calc(100% - 28px); } .apps-support-page .apps-card-grid { grid-template-columns: 1fr; } .apps-support-page .apps-hero { padding: 64px 0; } }
