/* Maritime imagery within the homepage's light, readable design. */
.maritime-page .marine-hero { padding:30px 0 44px; background:linear-gradient(145deg,#eff9ff,#e7f5fc 65%,#f4fbff); border-bottom:1px solid var(--line); }
.maritime-page .marine-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:44px; align-items:center; }
.maritime-page .marine-hero h1 { margin:10px 0 20px; font-size:clamp(30px,3.5vw,44px); line-height:1.6; font-weight:700; }
.maritime-page .marine-hero h1 em { font-style:normal; color:#c54b08; }
.maritime-page .hero-copy { font-size:16px; line-height:1.95; }
.maritime-page .marine-hero figure { margin:0; }
.maritime-page .marine-hero img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:18px; }
.maritime-page figcaption { margin-top:8px; color:#496274; font-size:12px; }
.maritime-page .eyebrow { color:#c54b08; font-size:13px; font-weight:700; letter-spacing:.04em; }
.maritime-page .hero-points { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0; }
.maritime-page .hero-points div { display:flex; align-items:center; gap:8px; padding:10px 12px; background:#fff; border:1px solid var(--line); border-radius:12px; }
.maritime-page .hero-points b { color:#c54b08; }
.maritime-page .hero-points span { font-size:12px; }
.maritime-page .section { padding:56px 0; }
.maritime-page .section-heading { display:flex; align-items:flex-start; gap:16px; margin:0 0 24px; text-align:left; }
.maritime-page .section-heading > span { display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; background:#e7f5fc; border-radius:50%; font-weight:700; }
.maritime-page .section-heading p { margin:0 0 5px; color:#c54b08; font-size:12px; }
.maritime-page .section-heading h2 { margin:0; font-size:clamp(23px,2.5vw,29px); line-height:1.6; }
.maritime-page .lead { max-width:780px; margin:0 0 30px; color:#173e59; font-size:16px; line-height:1.9; }
.maritime-page .feature-list { border:1px solid var(--line); border-radius:18px; overflow:hidden; }
.maritime-page .feature { display:grid; grid-template-columns:44px minmax(0,1fr) 24px; align-items:center; gap:18px; padding:22px; background:#edf8fe; border-bottom:1px solid var(--line); }
.maritime-page .feature:nth-child(3n+2) { background:#fff6e8; }
.maritime-page .feature:nth-child(3n+3) { background:#edf8f1; }
.maritime-page .feature:last-child { border:0; }
.maritime-page .feature-icon { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--line); border-radius:50%; background:#fff; }
.maritime-page .feature h3 { margin:0 0 6px; font-size:18px; }
.maritime-page .feature p { margin:0; font-size:14px; line-height:1.9; }
.maritime-page .feature-check { color:#276c51; }
.maritime-page .flow, .maritime-page .pricing { background:#f4fafc; }
.maritime-page .steps { display:grid; grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr); align-items:stretch; gap:12px; }
.maritime-page .steps article { border:1px solid var(--line); border-radius:18px; overflow:hidden; background:#fff; padding-bottom:22px; }
.maritime-page .step-visual { position:relative; }
.maritime-page .step-visual img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.maritime-page .step-visual span { position:absolute; bottom:0; left:0; padding:5px 14px; background:#c54b08; color:#fff; }
.maritime-page .steps h3 { margin:20px 22px 12px; font-size:18px; }
.maritime-page .steps article > p { margin:0 22px; font-size:14px; line-height:1.9; }
.maritime-page .step-arrow { align-self:center; color:#c54b08; }
.maritime-page .data-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; }
.maritime-page .data-grid > div { padding:28px; border:1px solid var(--line); border-radius:18px; background:#edf8fe; }
.maritime-page .data-big { margin:16px 0; font-size:26px; }
.maritime-page .data-big span { font-size:44px; color:#c54b08; }
.maritime-page .data-grid p { line-height:1.9; }
.maritime-page .bar-row { margin:18px 0; }
.maritime-page .bar-row > div { display:flex; justify-content:space-between; gap:16px; margin-bottom:8px; font-size:14px; }
.maritime-page .bar-row i { display:block; height:10px; border-radius:8px; overflow:hidden; background:#d3e0e8; }
.maritime-page .bar-row u { display:block; height:100%; background:#276c51; }
.maritime-page .bars-note { color:#496274; font-size:12px; }
.maritime-page .plans { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.maritime-page .plan { position:relative; display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:18px; overflow:hidden; }
.maritime-page .plan.featured { border-color:#c54b08; }
.maritime-page .popular { padding:8px; background:#fff6e8; color:#c54b08; font-size:13px; text-align:center; font-weight:700; }
.maritime-page .plan-head { padding:26px 22px 20px; background:#edf8fe; }
.maritime-page .plan:nth-child(2) .plan-head { background:#fff6e8; }
.maritime-page .plan:nth-child(3) .plan-head { background:#edf8f1; }
.maritime-page .plan-head p { margin:0 0 6px; font-size:13px; }
.maritime-page .plan-head h3 { margin:0 0 12px; font-size:21px; }
.maritime-page .plan-head b { font-size:36px; }
.maritime-page .plan-head span { margin-left:6px; font-size:15px; }
.maritime-page .plan ul { list-style:none; flex:1; margin:22px; padding:0; font-size:14px; line-height:2; }
.maritime-page .plan .button { margin:0 22px 24px; background:#c54b08; color:#fff; border-color:#c54b08; box-shadow:none; font-size:14px; }
.maritime-page .support-note { margin-top:28px; padding:26px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.maritime-page .support-note span { color:#c54b08; margin-right:12px; font-size:12px; }
.maritime-page .support-note p { margin:10px 0 0; font-size:14px; line-height:1.9; }
.maritime-page .fineprint { font-size:13px; line-height:1.9; margin-top:22px; color:#496274; }
.maritime-page .contact { padding:48px 0; background:#fff; }
.maritime-page .contact-inner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:32px; align-items:center; padding:32px; background:#eff9ff; border:1px solid var(--line); border-radius:18px; }
.maritime-page .contact h2 { margin:8px 0 14px; font-size:25px; line-height:1.6; }
.maritime-page .contact p { margin-bottom:0; font-size:14px; line-height:1.9; }
.maritime-page .contact-button { display:inline-flex; gap:16px; justify-content:center; padding:16px 24px; border-radius:99px; background:#c54b08; color:#fff; font-weight:700; }
.maritime-page .mobile-only { display:none; }
@media(max-width:800px) {
  .maritime-page .marine-hero-grid, .maritime-page .data-grid, .maritime-page .plans, .maritime-page .steps, .maritime-page .contact-inner { grid-template-columns:minmax(0,1fr); }
  .maritime-page .marine-hero-grid { gap:24px; }
  .maritime-page .marine-hero img { aspect-ratio:16/9; }
  .maritime-page .section { padding:38px 0; }
  .maritime-page .feature { grid-template-columns:36px minmax(0,1fr); gap:14px; padding:20px 16px; }
  .maritime-page .feature-icon { width:34px; height:34px; }
  .maritime-page .feature-check { display:none; }
  .maritime-page .step-arrow { text-align:center; transform:rotate(90deg); }
  .maritime-page .contact-inner { padding:24px 20px; }
  .maritime-page .mobile-only { display:block; }
}