/* V11: shared navigation fit plus About/Contact page styles. */
.nav-links{gap:16px;font-size:14px}

@media(max-width:1100px){
  .nav-actions{display:none}
  .nav-links{display:none;position:absolute;top:72px;left:0;right:0;z-index:30;flex-direction:column;align-items:stretch;gap:0;padding:10px 24px 20px;background:#fff;border-bottom:1px solid #e5ebf4;box-shadow:0 18px 38px rgba(19,31,51,.12)}
  .nav-links.open{display:flex}
  .nav-links a{padding:11px 0}
  .nav-links .nav-cta{display:block;border-top:1px solid #e5ebf4;margin-top:5px;padding-top:15px}
  .hamburger{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:auto;cursor:pointer}
}

.info-page{color:#131f33;background:#fff}
.info-page *{box-sizing:border-box}
.info-page .info-hero{padding:94px 0 88px;background:linear-gradient(135deg,#f2f7fd 0%,#fff 63%,#fff4ed 100%)}
.info-page .info-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:64px;align-items:end}
.info-page .eyebrow{display:block;margin:0 0 18px;color:#0066cc;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.info-page h1,.info-page h2,.info-page h3{font-family:Manrope,Inter,"Segoe UI",system-ui,sans-serif;line-height:1.14;color:#131f33}
.info-page h1{max-width:760px;margin:0;font-size:clamp(42px,5vw,68px);letter-spacing:-.045em}
.info-page .hero-lead{max-width:710px;margin:26px 0 0;font-size:clamp(17px,1.8vw,20px);line-height:1.65;color:#52637a}
.info-page .hero-aside{border-left:3px solid #ff6a2b;padding:20px 0 20px 24px;color:#52637a;font-size:15px;line-height:1.65}
.info-page .hero-aside strong{display:block;color:#131f33;font-size:16px;margin-bottom:8px}
.info-page .info-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.info-page .info-actions .btn{border-radius:999px;text-decoration:none}
.info-page .info-actions .btn-outline{border:1px solid #bdcce0;background:#fff;color:#17345b}
.info-page .info-section{padding:84px 0}
.info-page .info-section.soft{background:#f5f8fc}
.info-page .section-intro{max-width:750px;margin:0 0 32px;color:#52637a;font-size:17px;line-height:1.7}
.info-page h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.035em;margin:0 0 20px}
.info-page .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.info-page .service-card{min-height:184px;padding:28px;border:1px solid #e2eaf4;border-radius:16px;background:#fff}
.info-page .service-card h3{font-size:19px;margin:0 0 12px}
.info-page .service-card p{margin:0;color:#52637a;font-size:15px;line-height:1.65}
.info-page .steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.info-page .step{border-top:2px solid #d8e4f2;padding-top:22px}
.info-page .step-num{color:#0066cc;font-weight:800;font-size:13px;letter-spacing:.1em}
.info-page .step h3{font-size:20px;margin:12px 0}
.info-page .step p{margin:0;color:#52637a;line-height:1.65}
.info-page .contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}
.info-page .contact-card{padding:34px;border:1px solid #e2eaf4;border-radius:18px;background:#fff}
.info-page .contact-card h2{font-size:27px;margin:0 0 18px}
.info-page .contact-card p,.info-page .contact-card li{color:#52637a;line-height:1.7}
.info-page .contact-card a{color:#0066cc;font-weight:700;overflow-wrap:anywhere}
.info-page .contact-card dl{margin:0;display:grid;gap:17px}
.info-page .contact-card dt{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#52637a}
.info-page .contact-card dd{margin:4px 0 0;font-size:17px}
.info-page .contact-card ul{padding-left:20px;margin:0}
.info-page .info-cta{padding:52px 0;background:#131f33;color:#fff}
.info-page .info-cta .container{display:flex;align-items:center;justify-content:space-between;gap:28px}
.info-page .info-cta h2{color:#fff;margin-bottom:8px;font-size:30px}
.info-page .info-cta p{margin:0;color:#c3cfdd}

@media(max-width:900px){
  .info-page .info-hero-grid,.info-page .contact-grid{grid-template-columns:1fr}
  .info-page .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .info-page .info-cta .container{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .info-page .info-hero{padding:62px 0 56px}
  .info-page .info-section{padding:58px 0}
  .info-page .service-grid,.info-page .steps-grid{grid-template-columns:1fr}
  .info-page .service-card,.info-page .contact-card{padding:24px}
  .info-page .info-actions{flex-direction:column;align-items:stretch}
  .info-page .info-actions .btn{text-align:center}
}