.mockhome .xhr{padding:20px 40px 36px}.mockhome .xhr-h1{letter-spacing:-.05em;color:#000000e0;max-width:24ch;margin:0 0 32px;font-size:clamp(34px,4vw,57px);font-weight:410;line-height:1}.mockhome .xhr-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mockhome .xhr-card{color:#fff;isolation:isolate;min-height:199px;transition:transform .3s var(--exo-ease), box-shadow .3s var(--exo-ease);background:linear-gradient(104deg,#061a38 0%,#0d2f63 58%,#14427f 100%);border-radius:16px;flex-direction:column;justify-content:space-between;padding:22px 24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.mockhome .xhr-card-2{background:linear-gradient(104deg,#0b2247 0%,#17427c 55%,#2a63a8 100%)}.mockhome .xhr-card:hover{box-shadow:var(--exo-shadow-navy);transform:translateY(-2px)}.mockhome .xhr-card-img{z-index:-1;object-fit:cover;object-position:right center;width:auto;max-width:62%;height:100%;transition:transform .5s var(--exo-ease);position:absolute;inset:0 0 0 auto}.mockhome .xhr-card:hover .xhr-card-img{transform:scale(1.03)}.mockhome .xhr-card-t{letter-spacing:-.031em;font-size:clamp(17px,1.39vw,20px);font-weight:500;line-height:1.22;position:relative}.mockhome .xhr-card-t i{color:#7cc3ff;font-style:normal}.mockhome .xhr-card-f{justify-content:space-between;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex;position:relative}.mockhome .xhr-card .xhr-chev{width:18px;height:18px;transition:transform .24s var(--exo-ease);flex:none}.mockhome .xhr-card:hover .xhr-chev{transform:translate(3px)}.mockhome .xhr-chips{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px;display:grid}.mockhome .xhr-chip{color:#000000e0;min-height:100px;transition:background .26s var(--exo-ease), transform .26s var(--exo-ease);background:#eef1f4;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;text-decoration:none;display:flex}.mockhome .xhr-chip:hover{background:#e4e9ee;transform:translateY(-2px)}.mockhome .xhr-chip-t{letter-spacing:-.0094em;flex:1;min-width:0;font-size:19px;font-weight:500;line-height:1.25}.mockhome .xhr-chip-t i{color:var(--green);font-style:normal}.mockhome .xhr-chip-img{flex:none;width:66px;height:66px;position:relative}.mockhome .xhr-chip-img img{object-fit:contain;width:100%;height:100%;transition:opacity .28s var(--exo-ease);position:absolute;inset:0}.mockhome .xhr-chip-img .xhr-im-h,.mockhome .xhr-chip:hover .xhr-chip-img .xhr-im{opacity:0}.mockhome .xhr-chip:hover .xhr-chip-img .xhr-im-h{opacity:1}.mockhome .xhr-chip .xhr-chev{color:#00000073;width:16px;height:16px;transition:transform .24s var(--exo-ease);flex:none}.mockhome .xhr-chip:hover .xhr-chev{transform:translate(3px)}@media (width<=900px){.mockhome .xhr{padding:18px 5px 8px}.mockhome .xhr-cards{grid-template-columns:repeat(2,1fr);gap:4px}.mockhome .xhr-card{min-height:227px;padding:14px 12px}.mockhome .xhr-chips{grid-template-columns:repeat(2,1fr)}.mockhome .xhr-card:not(.xhr-card-2) .xhr-card-img{width:100%;max-width:none;height:auto;inset:78px 0 auto}.mockhome .xhr-card-2 .xhr-card-img{object-fit:cover;object-position:50% 50%;width:100%;max-width:none;height:100%;inset:0}.mockhome .xhr-card-t{font-size:14px;line-height:1.24}.mockhome .xhr-card-f{letter-spacing:-.01em;font-size:12px}.mockhome .xhr-card-f>span{min-width:0}}@media (width<=520px){.mockhome .xhr-chips{grid-template-columns:1fr}.mockhome .xhr-chip{min-height:74px}.mockhome .xhr-chip-img{width:52px;height:52px}}.has-motion .mockhome .xhr-h1,.has-motion .mockhome .xhr-card,.has-motion .mockhome .xhr-chip{animation:none}.has-motion .mockhome .xhr-cards .xhr-card:nth-child(2){animation-delay:80ms}.has-motion .mockhome .xhr-chip{animation-delay:calc(var(--i,0) * 60ms + .16s)}@keyframes xhr-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.mockhome .xhr-card-bg,.mockhome .xhr-card-graph{z-index:-1}@media (width<=900px){.mockhome .xhr-card-2 .xhr-card-bg,.mockhome .xhr-card-2 .xhr-card-graph{object-fit:cover;object-position:50% 50%;width:100%;max-width:none;height:100%;inset:0}}
