/* Shared phone layout for the website and saved concepts. */
@media(max-width:760px){
 html{scroll-padding-top:18px}body{overflow-wrap:break-word}img,video{max-width:100%}input,select,textarea{max-width:100%;font-size:16px!important}button,a{touch-action:manipulation}
 .product-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 .product-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-height:145px!important;padding:18px!important;border-radius:10px!important;overflow:hidden!important}
 .product-card .product-title{font-size:19px!important;line-height:1.22!important;max-width:calc(100% - 100px)!important;margin:0 0 6px!important;position:relative;z-index:2}
 .product-card .product-description{font-size:14px!important;line-height:1.4!important;max-width:calc(100% - 100px)!important;margin:0!important;position:relative;z-index:2}
 .product-card .product-link{position:relative!important;inset:auto!important;display:block;margin-top:10px!important;font-size:14px!important;z-index:2}
 .product-card .product-art{width:132px!important;height:132px!important;right:-24px!important;bottom:-20px!important;z-index:1!important}
 .product-card .product-art svg{width:122px!important;height:122px!important}
 .product-card[data-route="refinance"] .product-art svg{width:110px!important;height:110px!important}
 .site-header,.header{gap:14px!important}.site-nav{max-width:100%;row-gap:12px}.site-nav .nav-list{max-width:calc(100vw - 40px)}
 .site-header .wordmark{font-size:26px}.site-nav .btn{min-height:44px}.footer-links{flex-wrap:wrap!important;gap:16px!important}.footer-row{gap:22px!important;flex-wrap:wrap!important}
 .hero-split>*,.two-col>*,.contact-layout>*,.hero-inner>*,.blog-feature>*,.imported-layout>*{min-width:0}
 .hero-scene svg,.contact-art svg{max-width:100%;height:auto}.blog-card h3,.imported-body h2,.imported-body h3{overflow-wrap:anywhere}
 .imported-body table{display:block;max-width:100%;overflow-x:auto}.imported-body pre{white-space:pre-wrap;overflow-wrap:anywhere}.imported-body a{overflow-wrap:anywhere}
 .rate-cards,.rates-grid{max-width:100%}.mortgage-rates{padding-left:18px!important;padding-right:18px!important}
}
@media(max-width:360px){
 .product-card{padding:15px!important;min-height:150px!important}.product-card .product-title{font-size:17px!important;max-width:calc(100% - 77px)!important}.product-card .product-description{font-size:13px!important;max-width:calc(100% - 77px)!important}.product-card .product-art{width:109px!important;height:109px!important;right:-23px!important;bottom:-13px!important}.product-card .product-art svg{width:106px!important;height:106px!important}
 .wrap{width:auto!important;margin-left:18px!important;margin-right:18px!important}.hero-cta{min-width:0!important}.hero-actions,.contact-actions,.conversation-actions{flex-wrap:wrap!important}.hero-inner{margin-left:18px!important;margin-right:18px!important}
}
.mobile-header-apply,.compact-toggle{display:none}
@media(max-width:760px){
 .masthead,.header,.site-header{position:static!important;top:auto!important;transform:none!important}
 .header,.site-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto 36px!important;align-items:center!important;gap:10px!important;min-height:64px!important;padding:12px 0!important;margin:0!important}
 .masthead{padding:0 18px!important}.header .brand,.site-header .wordmark{font-size:21px!important;letter-spacing:-.8px!important;white-space:nowrap!important;grid-column:1;grid-row:1}
 .header-actions{display:contents!important}
 .mobile-header-apply{display:inline-flex!important;grid-column:2;grid-row:1;align-items:center;justify-content:center;min-height:40px;padding:10px 13px;background:#244bc5;border-radius:11px;color:white;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}
 .mobile-menu-toggle{display:block!important;grid-column:3;grid-row:1;width:36px!important;height:40px!important;min-width:0!important;padding:8px!important;border:0!important;background:transparent!important;color:transparent!important;font-size:0!important;border-radius:7px!important;position:relative}
 .mobile-menu-toggle::before{content:"";position:absolute;left:7px;right:7px;top:12px;height:2px;background:#172449;box-shadow:0 7px #172449,0 14px #172449}
 .site-header .site-nav,.header .header-menu{display:none!important;grid-column:1/-1;grid-row:2;position:static!important;inset:auto!important;width:100%!important;max-height:none!important;margin:0!important;padding:15px 0 8px!important;border:0!important;border-top:1px solid #dce4f3!important;border-radius:0!important;box-shadow:none!important;background:white!important;gap:15px!important}
 .site-header.menu-open .site-nav,.header.menu-open .header-menu{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
 .site-nav>a,.header-menu>a,.site-nav summary,.header-menu summary{font-size:14px!important;padding:6px 0!important}
 .site-header .site-nav>a.btn,.header .header-menu>a.application{display:none!important}
 .site-nav .nav-list,.header-menu .services-dropdown{position:static!important;max-width:100%!important;box-shadow:none!important;margin-top:12px!important}
 .funnel-actions{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;align-items:center!important}
 .funnel-actions>.btn,.funnel-actions>.hero-cta,.funnel-actions>.hero-meeting{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;min-width:0!important;width:auto!important;margin:0!important;padding:11px 13px!important;font-size:13px!important;line-height:1.25!important;border-radius:10px!important;white-space:nowrap!important;letter-spacing:0!important}
 .product-hero .intro-copy{font-size:16px!important;line-height:1.65!important}.funnel-intro{font-size:17px!important}
}
@media(max-width:360px){.header .brand,.site-header .wordmark{font-size:18px!important}.header,.site-header{gap:7px!important}.mobile-header-apply{font-size:11px;padding:9px 10px}.funnel-actions>.btn,.funnel-actions>.hero-cta,.funnel-actions>.hero-meeting{font-size:12px!important;padding:10px 11px!important}}
@media(max-width:760px){.header .brand small{display:none!important}.header .application{display:none!important}.mobile-header-apply{border:0;font-family:inherit}}