.fe-page{overflow:hidden;background:#fff;color:#303840;font-family:"Instrument Sans",system-ui,sans-serif}
.fe-page .wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}

.fe-title-section{padding:66px 0 76px;background:#fff;text-align:center}
.fe-title-section h1{margin:0 0 26px;color:#252b33}
.fe-live-intro{max-width:940px;margin:0 auto;color:#59636e;font-size:18px;line-height:1.68}

.fe-live-sections{padding:88px 0 96px;background:#f5f6f4}
.fe-live-stack{display:grid;gap:76px}
.fe-live-row{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:22px;align-items:start}
.fe-live-row-reverse{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.fe-live-panel{padding:38px 40px;background:#fff;border:1px solid #dde3e5}
.fe-live-panel article+article{margin-top:34px;padding-top:32px;border-top:1px solid #dce3e7}
.fe-live-panel h2,.fe-documentation h2{margin:0 0 14px;color:#173852;font-size:22px;font-weight:700;letter-spacing:-.025em;line-height:1.15}
.fe-live-panel ul{display:grid;gap:12px;margin:0;padding-left:23px;color:#4f5b66}
.fe-live-panel li{padding-left:3px;font-size:17px;line-height:1.58}
.fe-page .fe-inline-cta,.fe-page .fe-inline-cta:visited{display:inline-flex;align-items:center;gap:10px;margin-top:32px;padding:13px 18px;background:#173852;color:#fff;font-size:14px;font-weight:700;letter-spacing:.03em;text-decoration:none;text-transform:uppercase}
.fe-page .fe-inline-cta:hover{background:#1767ad;color:#fff}
.fe-live-image{height:100%;min-height:520px;margin:0;overflow:hidden;background:#dce5ea}
.fe-live-image img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover}
.fe-live-image-tall img{object-position:center}
.fe-live-row-reverse .fe-live-image img{object-position:center 38%}
.fe-live-image-detail img{object-position:center}
.fe-documentation{height:100%;padding:46px 48px;background:#173852;color:#fff}
.fe-documentation h2{color:#fff}
.fe-documentation p{margin:0;color:#e8eef2;font-size:17px;line-height:1.66}
.fe-documentation p+p{margin-top:20px}
.fe-documentation a{color:#fff;font-weight:700;text-underline-offset:4px}
.fe-live-image-documentation img{object-position:center}

@media(max-width:900px){
  .fe-live-row,.fe-live-row-reverse{grid-template-columns:1fr 1fr}
  .fe-live-panel{padding:32px}
  .fe-live-image,.fe-live-image img{min-height:560px}
}

@media(max-width:720px){
  .fe-page .wrap{width:min(100% - 32px,1120px)}
  .fe-title-section{padding:44px 0 58px;text-align:left}
  .fe-title-section h1{margin-bottom:22px}
  .fe-live-intro{font-size:17px}
  .fe-live-sections{padding:62px 0 70px}
  .fe-live-stack{gap:48px}
  .fe-live-row,.fe-live-row-reverse{grid-template-columns:1fr}
  .fe-live-row-reverse .fe-live-panel{order:1}
  .fe-live-row-reverse .fe-live-image{order:2}
  .fe-live-panel{padding:28px 25px}
  .fe-live-image,.fe-live-image img{min-height:420px}
  .fe-documentation{padding:34px 28px}
}

@media(max-width:460px){
  .fe-live-image,.fe-live-image img{min-height:340px}
}