/* RAVAM Solution + Technology Detail Page Visual System */
body.detail-page{
  --detail-ink:#0b2436;
  --detail-deep:#071f30;
  --detail-navy:#0b2f49;
  --detail-paper:#f6f8f9;
  --detail-line:#d8e2e7;
  --detail-muted:#5c707c;
  --detail-accent:#168b64;
  --detail-max:1440px;
  color:var(--detail-ink);
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
body.detail-page .wrap{
  max-width:var(--detail-max)!important;
  margin-left:auto!important;margin-right:auto!important;
  padding-left:44px!important;padding-right:44px!important;
}
body.detail-page .hero{
  background:#fff!important;color:var(--detail-ink)!important;
  border-bottom:1px solid var(--detail-line)!important;
}
body.detail-page .hero-grid{
  min-height:610px;
  display:grid!important;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;
  gap:62px!important;align-items:center!important;
  padding-top:48px!important;padding-bottom:48px!important;
}
body.detail-page .hero h1{
  color:var(--detail-ink)!important;
  font-size:clamp(46px,4.7vw,70px)!important;
  line-height:.99!important;letter-spacing:-.052em!important;
  margin:13px 0 21px!important;
}
body.detail-page .lead{
  color:#435966!important;font-size:18px!important;line-height:1.62!important;
}
body.detail-page .kicker,
body.detail-page .k{
  color:var(--detail-accent)!important;
  font-size:12px!important;font-weight:800!important;
  text-transform:uppercase!important;letter-spacing:.1em!important;
}
body.detail-page .section,
body.detail-page .sec{
  padding-top:82px!important;padding-bottom:82px!important;
  border-bottom:1px solid var(--detail-line)!important;
}
body.detail-page .section.dark,
body.detail-page .sec.dark{
  background:var(--detail-deep)!important;color:#fff!important;border-color:#17384a!important;
}
body.detail-page .section.alt,
body.detail-page .sec.alt{background:var(--detail-paper)!important}
body.detail-page .side h2,
body.detail-page .big,
body.detail-page .section h2,
body.detail-page .sec h2{
  letter-spacing:-.038em!important;line-height:1.07!important;
}
body.detail-page .sub,
body.detail-page .section p,
body.detail-page .sec p{color:var(--detail-muted)}
body.detail-page .dark p,
body.detail-page .dark .sub{color:#bfd0d9!important}
body.detail-page .card,
body.detail-page .step,
body.detail-page .principle,
body.detail-page .use,
body.detail-page .why{
  border:1px solid var(--detail-line)!important;
  background:#fff!important;border-radius:10px!important;
  box-shadow:none!important;
}
body.detail-page .dark .card,
body.detail-page .dark .step,
body.detail-page .dark .principle,
body.detail-page .dark .use,
body.detail-page .dark .why{
  background:#103449!important;border-color:#315266!important;color:#fff!important;
}
body.detail-page .btn{
  min-height:46px!important;border-radius:4px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:13px 19px!important;font-size:12px!important;font-weight:800!important;
  letter-spacing:.025em!important;box-shadow:none!important;
}
body.detail-page .btn.primary{
  background:var(--detail-ink)!important;color:#fff!important;border-color:var(--detail-ink)!important;
}
body.detail-page .dark .btn.primary{background:#fff!important;color:var(--detail-ink)!important;border-color:#fff!important}
body.detail-page .pill,
body.detail-page .chip,
body.detail-page .tag{
  border-color:#b9c9d1!important;background:#fff!important;color:#314d5d!important;box-shadow:none!important;
}
body.detail-page .dark .pill,
body.detail-page .dark .tag{background:#103449!important;border-color:#3a5d70!important;color:#d7e4ea!important}
body.detail-page .note{
  border-left:3px solid var(--detail-accent)!important;
  background:var(--detail-paper)!important;
  color:#405763!important;
  box-shadow:none!important;
}
body.detail-page .dark .note{background:#0c2c40!important;color:#d2e0e6!important}
body.detail-page .footer-cta{background:var(--detail-navy)!important;color:#fff!important;border:0!important}
body.detail-page .footer-cta p{color:#c5d5de!important}
body.detail-page img[src$=".svg"]{filter:none!important}
body.detail-page .hero img{border-radius:12px!important}
@media(max-width:1100px){
  body.detail-page .wrap{padding-left:26px!important;padding-right:26px!important}
  body.detail-page .hero-grid{grid-template-columns:1fr!important;min-height:auto;gap:34px!important}
}
@media(max-width:680px){
  body.detail-page .wrap{padding-left:20px!important;padding-right:20px!important}
  body.detail-page .section,body.detail-page .sec{padding-top:58px!important;padding-bottom:58px!important}
  body.detail-page .hero-grid{padding-top:44px!important;padding-bottom:44px!important}
  body.detail-page .hero h1{font-size:44px!important}
}