.process-page{position:relative!important;min-height:760px!important;overflow:hidden!important;background:#f5f7f8!important;color:#10283a!important}
.process-page .process-bg{position:absolute!important;inset:0!important;opacity:1!important;background:linear-gradient(90deg,rgba(245,247,248,.98) 0%,rgba(245,247,248,.96) 46%,rgba(245,247,248,.78) 68%,rgba(245,247,248,.34) 100%),url("../assets/process-reference-bg.webp") right top/auto 100% no-repeat!important}
.process-page .process-inner{position:relative!important;z-index:2!important;width:min(1230px,calc(100% - 108px))!important;margin:0 auto!important;padding:72px 0 42px!important}
.process-page .process-heading{display:grid!important;grid-template-columns:minmax(0,55%) minmax(300px,38%)!important;gap:48px!important;align-items:start!important;min-height:205px!important;position:relative!important}
.process-page .process-eyebrow{margin:0 0 22px!important;color:#29465a!important;font:500 12px/1.2 "Manrope",sans-serif!important}
.process-page .process-eyebrow span{display:inline-block!important;width:34px!important;height:2px!important;margin-right:12px!important;vertical-align:middle!important;background:#e21b18!important}
.process-page .process-heading h2{margin:0!important;color:#10283a!important;font:700 clamp(52px,5.1vw,78px)/.9 "Space Grotesk",sans-serif!important;letter-spacing:-.055em!important}
.process-page .process-heading h2 em{color:#e21b18!important;font-style:normal!important}
.process-page .process-intro{display:grid!important;grid-template-columns:2px 1fr!important;gap:22px!important;margin-top:31px!important}
.process-page .process-intro>span{width:2px!important;height:90px!important;background:#7892a1!important}
.process-page .process-intro p{margin:4px 0 0!important;max-width:450px!important;color:#6d7e89!important;font:400 14px/1.55 "Manrope",sans-serif!important}
.process-page .process-side-label{position:absolute!important;right:0!important;top:4px!important;display:flex!important;align-items:center!important;gap:7px!important;padding-left:15px!important;border-left:2px solid #e21b18!important}
.process-page .process-side-label i{display:none!important}
.process-page .process-side-label small{color:#687983!important;font:700 8px/1 "Space Grotesk",sans-serif!important;letter-spacing:.19em!important}
.process-page .process-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;margin-top:18px!important;width:100%!important}
.process-page .process-ref-card{position:relative!important;display:grid!important;grid-template-columns:46% 54%!important;width:100%!important;min-width:0!important;height:286px!important;overflow:hidden!important;border:1px solid #dbe2e6!important;border-radius:6px!important;background:#fff!important;box-shadow:0 7px 22px rgba(16,40,58,.05)!important;transition:transform .25s ease,box-shadow .25s ease!important}
.process-page .process-ref-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 38px rgba(16,40,58,.11)!important}
.process-page .process-card-copy{position:relative!important;min-width:0!important;padding:22px 15px 20px 26px!important;background:#fff!important}
.process-page .process-number{display:block!important;color:#d8e0e4!important;font:400 58px/.78 "Space Grotesk",sans-serif!important;letter-spacing:-.08em!important}
.process-page .process-red-line{display:block!important;width:30px!important;height:2px!important;margin:17px 0 18px!important;background:#e21b18!important}
.process-page .process-card-copy h3{margin:0 0 12px!important;color:#10283a!important;font:700 19px/1.05 "Space Grotesk",sans-serif!important;letter-spacing:-.03em!important}
.process-page .process-card-copy p{max-width:175px!important;margin:0!important;color:#71818a!important;font:400 10px/1.5 "Manrope",sans-serif!important}
.process-page .process-card-copy a{position:absolute!important;left:26px!important;bottom:18px!important;color:#173249!important;font:800 9px/1 "Manrope",sans-serif!important;letter-spacing:.08em!important;text-decoration:underline!important;text-underline-offset:3px!important}
.process-page .process-card-copy a b{color:#e21b18!important;margin-left:8px!important;font-size:16px!important;text-decoration:none!important}
.process-page .process-card-image{min-width:0!important;min-height:286px!important;background-size:cover!important;background-position:center!important;filter:saturate(.9) contrast(1.03) brightness(.96)!important}
.process-page .process-image-1{background-image:url("../assets/process-reference-01.jpg")!important}.process-page .process-image-2{background-image:url("../assets/process-reference-02.jpg")!important}.process-page .process-image-3{background-image:url("../assets/process-reference-03.jpg")!important}
.process-page .process-icon{position:absolute!important;right:0!important;bottom:0!important;width:58px!important;height:58px!important;display:grid!important;place-items:center!important;background:#e21b18!important;color:#fff!important;z-index:3!important}
.process-page .process-icon svg{width:25px!important;height:25px!important;fill:none!important;stroke:#fff!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.process-page .process-footer{margin-top:29px!important;padding-top:12px!important;border-top:1px solid #d4dde1!important}.process-page .process-footer>span{color:#7a8992!important;font:700 9px/1 "Space Grotesk",sans-serif!important;letter-spacing:.2em!important}.process-page .process-footer>span i{display:inline-block!important;width:22px!important;height:2px!important;margin-right:10px!important;vertical-align:middle!important;background:#e21b18!important}.process-page .process-footer-arrows{gap:18px!important}.process-page .process-footer-arrows b{color:#87959c!important;font-size:20px!important}.process-page .process-footer-arrows b:last-child{color:#e21b18!important}.process-page .process-footer-arrows i{width:1px!important;height:20px!important;background:#cdd7dc!important}.process-page:before{display:none!important}
@media(max-width:1100px){.process-page .process-inner{width:min(100% - 64px,1000px)!important}.process-page .process-heading{grid-template-columns:54% 42%!important;gap:28px!important}.process-page .process-heading h2{font-size:clamp(48px,6.2vw,65px)!important}.process-page .process-cards{gap:18px!important}}
@media(max-width:800px){.process-page{min-height:auto!important}.process-page .process-bg{background-position:center top!important;background-size:auto 70%!important}.process-page .process-inner{width:calc(100% - 42px)!important;padding:60px 0 30px!important}.process-page .process-heading{grid-template-columns:1fr!important;gap:20px!important;min-height:0!important}.process-page .process-heading h2{font-size:clamp(48px,9vw,65px)!important}.process-page .process-intro{margin-top:0!important}.process-page .process-side-label{display:none!important}.process-page .process-cards{grid-template-columns:1fr!important;margin-top:30px!important}.process-page .process-ref-card{height:300px!important}.process-page .process-card-image{min-height:300px!important}}
@media(max-width:600px){.process-page .process-inner{width:calc(100% - 30px)!important;padding:52px 0 24px!important}.process-page .process-eyebrow{font-size:10px!important}.process-page .process-heading h2{font-size:43px!important}.process-page .process-intro p{font-size:12px!important}.process-page .process-ref-card{grid-template-columns:46% 54%!important;height:270px!important}.process-page .process-card-image{min-height:270px!important}.process-page .process-card-copy{padding:20px 10px 18px 17px!important}.process-page .process-number{font-size:54px!important}.process-page .process-card-copy h3{font-size:16px!important}.process-page .process-card-copy p{font-size:9px!important}.process-page .process-card-copy a{left:17px!important;bottom:17px!important;font-size:8px!important}.process-page .process-icon{width:52px!important;height:52px!important}}


/* ===== EXACT REFERENCE: THREE CARDS ON DESKTOP ===== */
.process-page .process-cards[data-process-cards="three"]{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;
  max-width:none!important;
  gap:28px!important;
  overflow:visible!important;
}
.process-page .process-cards[data-process-cards="three"] .process-ref-card{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  min-width:0!important;
}
@media (min-width:901px){
  .process-page .process-cards[data-process-cards="three"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:900px){
  .process-page .process-cards[data-process-cards="three"]{grid-template-columns:1fr!important;}
}


/* FINAL THREE-CARD GUARANTEE */
.process-page .process-cards[data-process-cards="three"] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: 1fr !important;
  grid-auto-flow: row !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  gap: 28px !important;
  overflow: visible !important;
}
.process-page .process-cards[data-process-cards="three"] > .process-ref-card:nth-child(1),
.process-page .process-cards[data-process-cards="three"] > .process-ref-card:nth-child(2),
.process-page .process-cards[data-process-cards="three"] > .process-ref-card:nth-child(3) {
  display: grid !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: 0 !important;
}
@media (max-width: 900px) {
  .process-page .process-cards[data-process-cards="three"] {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
  }
  .process-page .process-cards[data-process-cards="three"] > .process-ref-card {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}
