/* Closing "Apply now / Talk to us" card on the inner pages: the same blue card and 3D phone as the home page.
   The phone itself is drawn by js/phone-pop.js on one full-window canvas, sitting on the .h-slot box. */
.h-phone{position:fixed;left:0;top:0;width:100vw;height:100vh;height:100lvh;z-index:30;pointer-events:none;display:block}
.h-slot{position:relative;aspect-ratio:.49;pointer-events:none}
.h-slot--cta{height:clamp(400px,62vh,560px);justify-self:center}
.cta--phone{background:linear-gradient(170deg,#010395 0%,#00027a 100%);color:#fff;border-radius:clamp(28px,4vw,56px) clamp(28px,4vw,56px) 0 0;padding-block:clamp(56px,7vw,100px);overflow:hidden}
.cta--phone .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,80px);align-items:center}
.cta--phone h2{color:#fff;max-width:14ch;font-size:clamp(2.4rem,5.6vw,4.8rem);line-height:1.02}
.cta--phone .btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,3vw,40px)}
.cta--phone .btn-green{background:#fff;color:#010395}
.cta--phone .btn-green:hover{background:#e9eaff}
.cta--phone .btn-ghost{color:#fff;border-color:rgba(255,255,255,.55)}
@media (max-width:900px){
  .cta--phone .wrap{grid-template-columns:minmax(0,1fr)}
  .cta--phone .h-slot{order:-1;height:min(54vh,460px)}
}