@font-face { font-family:Inter; font-style:normal; font-weight:400; font-display:swap; src:url(../../fonts/Inter/Inter-Regular.otf) format("opentype"); }
@font-face { font-family:Inter; font-style:normal; font-weight:700; font-display:swap; src:url(../../fonts/Inter/Inter-Bold.otf) format("opentype"); }
/* Mocasa Figma desktop boards, 2026-10-23. Shared, page-scoped design system. */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../fonts/Poppins-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../../fonts/Poppins-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../../fonts/Poppins-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../../fonts/Poppins-700.ttf) format('truetype');
}
:root { --mo-ink:#091329; --mo-muted:#63708b; --mo-yellow:#ffd600; --mo-blue:#547eff; --mo-pale:#f3f7ff; --mo-width:1200px; --mo-radius:30px; --mo-card-shadow:0 5px 0 #191a23; }
.redesign { margin:0; color:var(--mo-ink); background:#fff; font-family:Poppins,Arial,sans-serif; font-size:18px; }
.redesign *, .redesign *::before,.redesign *::after { box-sizing:border-box; }
.redesign h1,.redesign h2,.redesign h3,.redesign p { margin:0; }
.redesign a { color:inherit; text-decoration:none; }
.redesign button,.redesign input { font:inherit; }
.redesign button,.redesign a { -webkit-tap-highlight-color:transparent; }
.redesign button { cursor:pointer; }
.redesign img { display:block; max-width:100%; }
.redesign :focus-visible { outline:3px solid var(--mo-blue); outline-offset:5px; }
.redesign .container { width:min(var(--mo-width),calc(100% - 80px)); margin-inline:auto; }
.redesign .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.redesign .skip-link { position:fixed; top:8px; left:8px; z-index:20; background:white; color:var(--mo-ink); padding:12px; transform:translateY(-150%); }
.redesign .skip-link:focus { transform:none; }
.redesign .site-header { height:100px; position:relative; z-index:5; }
.redesign .header-inner { display:flex; align-items:center; justify-content:space-between; height:100%; gap:24px; }
.redesign .brand { display:block; flex-shrink:0; width:147px; }
.redesign .brand img { width:147px; height:auto; }
.redesign nav { display:flex; align-items:center; gap:24px; font-size:14px; font-weight:600; line-height:22px; }
.redesign nav a:hover { color:var(--mo-blue); }
.redesign .store-links { display:flex; gap:8px; align-items:center; justify-content:center; }
.redesign .store-button { display:flex; align-items:center; justify-content:center; gap:6px; padding:11px 16px; min-height:52px; width:150px; border:1px solid #52525266; background:#141414; color:white; border-radius:134px; font-size:14px; font-weight:600; white-space:nowrap; }
.redesign .store-button img { width:27px; height:27px; object-fit:contain; }
.redesign .store-button:hover { background:#252b3a; }
.redesign .menu-toggle { display:none; }
.redesign .home-hero { position:relative; isolation:isolate; height:600px; background:#000; color:#fff; }
.redesign .home-hero::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(ellipse 711.1px 859.69px at var(--glow-x,50%) var(--glow-y,0px),rgba(84,126,255,.5) 0%,rgba(63,95,191,.375) 25%,rgba(42,63,128,.25) 50%,transparent 100%); mask-image:linear-gradient(#000 65%,transparent 100%); }
.redesign .home-hero-copy { padding:145px 24px 0; text-align:center; }
.redesign .home-hero h1 { font-size:72px; line-height:80px; letter-spacing:-1.819px; font-weight:700; color:#d3d6df; background-color:#d3d6df; background-image:url('../redesign/6a344.png'); background-size:cover; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.redesign .home-hero-copy p { margin-top:24px; color:#a1a1aa; font-weight:500; font-size:20px; line-height:26px; }
.redesign .partner-strip { padding:20px 0; background:#000; }
.redesign .partner-list { display:flex; align-items:center; justify-content:space-between; }
.redesign .partner-logo { display:flex; align-items:center; justify-content:center; width:var(--partner-slot); height:35px; flex-shrink:0; }
.redesign .partner-logo img { display:block; max-width:100%; height:auto; object-fit:contain; }
.redesign .section-heading { display:flex; flex-direction:column; gap:6px; align-items:center; text-align:center; }
.redesign .section-heading h2 { font-size:36px; line-height:44px; font-weight:600; }
.redesign .section-heading>p { font-size:18px; line-height:26px; color:var(--mo-muted); }
.redesign .eyebrow { display:inline-flex; padding:4px 12px; min-height:40px; align-items:center; border-radius:24px; background:#ebf5ff; color:var(--mo-ink); font-size:14px; line-height:32px; font-weight:600; }
.redesign .essentials { padding-top:120px; min-height:470px; }
.redesign .feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:40px; }
.redesign .feature-card { min-height:214px; padding:30px 20px; border:1px solid #191a23; border-radius:30px; box-shadow:var(--mo-card-shadow); text-align:center; display:flex; flex-direction:column; align-items:center; }
.redesign .feature-card>img { width:70px; height:70px; object-fit:contain; margin-bottom:10px; }
.redesign .feature-card h3 { font-size:20px; line-height:28px; font-weight:600; white-space:nowrap; }
.redesign .feature-card p { max-width:310px; margin-top:6px; font-size:14px; line-height:20px; color:var(--mo-muted); }
.redesign .home-products { padding-top:120px; }
.redesign .product-row { display:grid; grid-template-columns:560px 460px; justify-content:space-between; align-items:center; min-height:520px; gap:40px; }
.redesign .home-products .section-heading { margin-bottom:60px; }
.redesign .product-row+.product-row { padding-top:120px; min-height:640px; }
.redesign .product-row.reverse { grid-template-columns:460px 560px; }
.redesign .product-row.reverse .product-art { order:2; }
.redesign .product-row.reverse .product-copy { order:1; }
.redesign .product-art { min-width:0; position:relative; }
.redesign .art { width:100%; height:auto; }
.redesign .product-row[data-figma-art="1:491"] .product-art { width:651px; }
@media (min-width:1251px) {
 .redesign .home-products .product-row[data-figma-art="1:491"] .product-art { margin-left:-91px; }
}
.redesign .product-copy h3 { font-size:28px; line-height:36px; font-weight:600; }
.redesign .product-copy>p { font-size:18px; line-height:26px; color:var(--mo-muted); margin-top:12px; }
.redesign .product-rule { border-top:1px solid #eef1f5; margin:40px 0; }
.redesign .check-list { display:flex; flex-direction:column; gap:12px; margin:0; padding:0; list-style:none; font-size:18px; line-height:24px; font-weight:500; }
.redesign .check-list li { display:flex; gap:12px; align-items:center; }
.redesign .check-list img { width:24px; height:24px; object-fit:contain; flex-shrink:0; }
.redesign .check-list.two-columns { display:grid; grid-template-columns:1fr 1fr; column-gap:24px; }
.redesign .button { display:inline-flex; min-height:58px; padding:12px 25px; align-items:center; justify-content:center; border:0; border-right:2px solid var(--mo-ink); border-bottom:2px solid var(--mo-ink); border-radius:32px; background:var(--mo-yellow); color:var(--mo-ink); font-size:18px; line-height:26px; font-weight:600; }
.redesign .button:hover { background:#ffe44d; }
.redesign .product-copy>.button { margin-top:40px; }
.redesign .how-it-works { padding:120px 0 66px; min-height:566px; }
.redesign .how-it-works .section-heading { gap:6px; }
.redesign .steps-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin-top:40px; padding:30px 50px; border:1px solid #091329; border-radius:30px; box-shadow:var(--mo-card-shadow); }
.redesign .steps-row article { display:flex; flex-direction:column; align-items:center; text-align:center; }
.redesign .steps-row img { width:70px; height:70px; object-fit:contain; margin-bottom:10px; }
.redesign .steps-row h3 { font-size:20px; line-height:28px; font-weight:600; }
.redesign .steps-row p { margin-top:6px; font-size:14px; line-height:20px; color:var(--mo-muted); }
.redesign .testimonials { min-height:674px; background-color:#000; background-position:center; background-size:100% 100%; background-repeat:no-repeat; color:white; padding:120px 0 60px; overflow:hidden; }
.redesign .review-track { display:flex; gap:40px; width:100%; max-width:1200px; margin-top:60px; overflow-x:auto; scrollbar-width:none; scroll-snap-type:x mandatory; }
.redesign .review-track::-webkit-scrollbar { display:none; }
.redesign .review { flex:0 0 calc((100% - 120px)/3.5); height:auto; min-height:260px; padding:30px; display:flex; flex-direction:column; gap:30px; border-left:1px solid white; border-bottom:1px solid white; border-bottom-left-radius:30px; scroll-snap-align:start; font:18px/26px Inter,Arial,sans-serif; }
.redesign .review>p { flex:1; min-height:0; }
.redesign .review-author { display:flex; gap:8px; align-items:center; font:16px/20px Poppins,Arial,sans-serif; }
.redesign .avatar { width:40px; height:40px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.redesign .avatar-frame { width:40px; height:40px; flex-shrink:0; border-radius:50%; overflow:hidden; }
.redesign .rating { width:64.329px; height:auto; margin-top:6px; }
.redesign .carousel-controls { display:flex; justify-content:center; gap:60px; margin-top:60px; }
.redesign .carousel-controls button { width:45px; height:45px; padding:0; border:0; background:transparent; }
.redesign .carousel-controls button:first-child img { transform:scaleX(-1); }
.redesign .carousel-controls button:disabled { cursor:default; }
.redesign .carousel-controls button:not(:disabled):hover { opacity:.8; }
.redesign .compliance { padding:120px 0 116px; min-height:538px; }
.redesign .compliance-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:60px; }
.redesign .compliance-card { border:1px solid #154986; border-radius:26px; box-shadow:0 5px 0 #000; min-height:150px; display:flex; align-items:center; justify-content:center; padding:30px 35px; }
.redesign .compliance-card:nth-child(2) { border-color:#751818; }
.redesign .compliance-card:nth-child(3) { border-color:#01462f; }
.redesign .compliance-card img { height:90px; width:auto; max-width:100%; object-fit:contain; }
.redesign .site-footer { min-height:755.5px; padding-top:0.5px; position:relative; background:radial-gradient(ellipse 1000px 450px at 50% 220px,#547eff60,transparent),linear-gradient(to bottom,#fff 90px,#000 90px); color:white; }
.redesign .download-cta { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; min-height:286px; background:#000; border:1px solid #52525280; border-radius:30px; padding:50px 24px; }
.redesign .download-cta h2 { font-family:Inter,Arial,sans-serif; font-weight:700; font-size:36px; line-height:44px; font-weight:600; }
.redesign .download-cta>p { font-size:18px; line-height:26px; max-width:600px; margin-top:12px; color:#a1a1aa; }
.redesign .download-cta .store-links { gap:40px; margin-top:30px; }
.redesign .footer-main { display:grid; grid-template-columns:1.5fr .7fr .7fr 1fr 349px; gap:40px; margin-top:95px; min-height:283px; }
.redesign .footer-main h3 { font-size:16px; font-weight:500; line-height:20px; margin-bottom:32px; }
.redesign .footer-column { display:flex; align-items:flex-start; flex-direction:column; }
.redesign .footer-column a { font-size:14px; line-height:20px; margin-bottom:14px; color:#b9b3b3; }
.redesign .footer-column a:hover { color:white; text-decoration:underline; }
.redesign .newsletter form { display:flex; position:relative; border-radius:88px; background:#fff; overflow:hidden; height:55px; align-items:center; }
.redesign .newsletter form>img { position:absolute; left:16px; width:18px; height:18px; }
.redesign .newsletter input { width:100%; min-width:0; border:0; background:transparent; color:var(--mo-ink); caret-color:var(--mo-blue); padding:16px 8px 16px 40px; font-size:12px; }
.redesign .newsletter input:focus-visible { outline:none; }
.redesign .newsletter button { border:0; height:55px; width:151px; flex-shrink:0; border-radius:88px; background:var(--mo-yellow); color:var(--mo-ink); font-size:16px; font-weight:600; }
.redesign .socials { display:flex; justify-content:flex-end; gap:20px; margin-top:120px; }
.redesign .social-icon { display:block; width:30px; height:30px; }
.redesign .social-icon img { width:30px; height:30px; object-fit:contain; }
.redesign .footer-legal { border-top:1px solid #333; display:flex; justify-content:space-between; gap:24px; padding-block:30px; font-size:12px; line-height:20px; color:#8a8a8a; }
@media (max-width:1250px) {
 .redesign .product-row,.redesign .product-row.reverse { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:70px; }
 .redesign .product-row[data-figma-art="1:491"] .product-art { width:100%; }
 .redesign .feature-card h3 { white-space:normal; }
 .redesign .footer-main { grid-template-columns:1fr .7fr .7fr 1fr 300px; gap:24px; }
 .redesign .header-inner { gap:16px; }
 .redesign nav { gap:18px; }
 .redesign .store-button { width:138px; padding-inline:10px; }
}
@media (max-width:1000px) {
 .redesign .site-header .store-links { display:none; }
 .redesign .feature-card { padding-inline:14px; }
 .redesign .feature-card h3 { font-size:18px; }
 .redesign .steps-row { padding-inline:24px; gap:20px; }
 .redesign .steps-row h3 { font-size:17px; }
 .redesign .footer-main { grid-template-columns:repeat(4,1fr); }
 .redesign .newsletter { grid-column:1/-1; max-width:400px; width:100%; }
 .redesign .socials { margin:30px 0; justify-content:flex-start; }
 .redesign .compliance-card { padding:20px; }
}
@media (max-width:767px) {
 .redesign .container { width:calc(100% - 40px); }
 .redesign .site-header { height:80px; }
 .redesign .brand,.redesign .brand img { width:128px; }
 .redesign .menu-toggle { display:flex; flex-direction:column; justify-content:center; gap:5px; width:44px; height:44px; padding:10px; border:0; background:transparent; color:inherit; }
 .redesign .menu-toggle span { height:2px; width:24px; background:currentColor; }
 .redesign nav { display:none; position:absolute; top:80px; left:0; right:0; padding:24px; background:var(--mo-ink); color:#fff; box-shadow:0 12px 24px #0002; }
 .redesign nav.is-open { display:flex; flex-direction:column; align-items:flex-start; gap:24px; }
 .redesign .home-hero { height:auto; min-height:500px; }
 .redesign .home-hero-copy { padding:110px 20px 90px; }
 .redesign .home-hero h1 { font-size:42px; line-height:50px; letter-spacing:-1px; }
 .redesign .home-hero-copy p { font-size:16px; line-height:26px; margin-top:24px; }
 .redesign .partner-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 16px; }
 .redesign .partner-logo { width:100%; }
 .redesign .section-heading h2 { font-size:28px; line-height:36px; }
 .redesign .section-heading>p { font-size:16px; line-height:24px; }
 .redesign .essentials { padding:64px 0 0; min-height:0; }
 .redesign .feature-grid { grid-template-columns:1fr; gap:24px; margin-top:32px; }
 .redesign .feature-card { min-height:214px; padding:30px 20px; }
 .redesign .feature-card h3 { font-size:20px; }
 .redesign .home-products { padding-top:64px; }
 .redesign .home-products .section-heading { margin-bottom:40px; }
 .redesign .product-row,.redesign .product-row.reverse { display:flex; flex-direction:column; align-items:stretch; min-height:0; gap:32px; }
 .redesign .product-row+.product-row { padding-top:64px; min-height:0; }
 .redesign .product-row.reverse .product-art,.redesign .product-row.reverse .product-copy { order:initial; }
 .redesign .product-art { width:100%; }
 .redesign .product-copy h3 { font-size:26px; line-height:34px; }
 .redesign .product-copy>p { font-size:16px; line-height:25px; }
 .redesign .product-rule { margin:24px 0; }
 .redesign .check-list { font-size:15px; line-height:24px; }
 .redesign .check-list.two-columns { column-gap:12px; }
 .redesign .check-list li { gap:8px; }
 .redesign .product-copy>.button { margin-top:28px; }
 .redesign .button { font-size:16px; min-height:54px; }
 .redesign .how-it-works { padding:64px 0; min-height:0; }
 .redesign .how-it-works .section-heading { gap:6px; }
 .redesign .steps-row { grid-template-columns:1fr; gap:32px; padding:32px 24px; margin-top:32px; }
 .redesign .steps-row h3 { font-size:20px; }
 .redesign .testimonials { padding:64px 0; min-height:0; }
 .redesign .review-track { margin-top:40px; gap:24px; }
 .redesign .review { flex-basis:calc(100% - 10px); height:auto; min-height:260px; padding:24px; }
 .redesign .review>p { min-height:145px; }
 .redesign .carousel-controls { margin-top:32px; gap:32px; }
 .redesign .compliance { padding:64px 0; min-height:0; }
 .redesign .compliance-grid { grid-template-columns:1fr; gap:24px; margin-top:32px; }
 .redesign .compliance-card { min-height:140px; padding:25px; }
 .redesign .compliance-card img { height:auto; max-height:90px; max-width:100%; }
 .redesign .site-footer { min-height:0; }
 .redesign .download-cta { padding:40px 20px; border-radius:24px; }
 .redesign .download-cta h2 { font-size:27px; line-height:36px; }
 .redesign .download-cta>p { font-size:15px; line-height:24px; }
 .redesign .download-cta .store-links { gap:10px; }
 .redesign .store-button { width:136px; font-size:12px; gap:4px; padding:10px; }
 .redesign .store-button img { width:24px; height:24px; }
 .redesign .footer-main { margin-top:60px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 24px; }
 .redesign .footer-main>.brand { grid-column:1/-1; }
 .redesign .footer-main h3 { margin-bottom:20px; }
 .redesign .newsletter { grid-column:1/-1; }
 .redesign .newsletter button { width:120px; }
 .redesign .socials { margin:32px 0; }
 .redesign .footer-legal { flex-direction:column; gap:12px; padding-block:24px; }
}
@media (prefers-reduced-motion:no-preference) { .redesign .review-track { scroll-behavior:smooth; } }
/* Quick Loan */
.redesign .loan-hero-shell { background:#d7ebff; }
.redesign .loan-hero { height:616px; overflow:hidden; }
.redesign .loan-hero-inner { height:100%; position:relative; display:flex; align-items:center; }
.redesign .hero-copy { position:relative; z-index:1; width:560px; }
.redesign .hero-copy h1 { color:#080f1f; font-size:72px; line-height:80px; font-weight:700; letter-spacing:-1px; }
.redesign .hero-copy p { color:#1f2b45; font-size:20px; line-height:28px; font-weight:500; margin-top:24px; max-width:520px; }
.redesign .coin { position:absolute; }
.redesign .coin-one { width:121.638px; left:142.57px; top:61.02px; }
.redesign .coin-two { width:241.712px; left:280px; top:372.98px; }
.redesign .coin-three { width:136.665px; left:487.42px; top:398.25px; }
.redesign .coin img { width:100%; height:auto; }
.redesign .loan-hero-dots { position:absolute; right:-74px; width:635px; top:170px; transform:rotate(180deg); }
.redesign .loan-preferences { position:absolute; left:680px; top:56px; width:520px; display:flex; flex-direction:column; gap:24px; border:1px solid black; border-right-width:5px; border-bottom-width:5px; border-radius:40px; padding:36px 36px 32px 40px; background:white; color:#141414; }
.redesign .range-field { display:flex; flex-direction:column; gap:12px; }
.redesign .range-field>div { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:16px; line-height:24px; }
.redesign .range-field output { font-size:28px; line-height:34px; font-weight:600; white-space:nowrap; }
.redesign .range-field .range-limits { font-size:13px; line-height:20px; color:#525252; }
.redesign input[type=range] { appearance:none; -webkit-appearance:none; width:100%; height:8px; border:0; margin:0; padding:0; border-radius:4px; background:linear-gradient(to right,#2e6beb var(--progress),#dbe3f2 var(--progress)); cursor:pointer; }
.redesign input[type=range]::-webkit-slider-thumb { appearance:none; width:22px; height:22px; border:3px solid white; border-radius:50%; background:#ffd600; box-shadow:0 3px 8px #0002; }
.redesign input[type=range]::-moz-range-thumb { width:16px; height:16px; border:3px solid white; border-radius:50%; background:#ffd600; box-shadow:0 3px 8px #0002; }
.redesign .preference-note { padding:16px; border-radius:12px; background:#f3f3f3; font-size:12px; line-height:18px; }
.redesign .preference-note strong { font-weight:600; }
.redesign .preference-note p { margin-top:4px; }
.redesign .loan-preferences .button { width:100%; border:0; }
.redesign .preference-disclaimer { text-align:center; font-size:11px; line-height:16px; color:#525252; }
.redesign .loan-journey { padding-top:120px; }
.redesign .loan-journey .section-heading { margin-bottom:60px; }
.redesign .eligibility { min-height:482px; padding:120px 0 0; }
.redesign .eligibility-inner { display:flex; align-items:center; justify-content:space-between; gap:80px; }
.redesign .eligibility-inner>div:first-child { max-width:460px; }
.redesign .eligibility h2 { font-size:36px; line-height:44px; font-weight:600; }
.redesign .eligibility p { margin-top:12px; font-size:18px; line-height:26px; color:var(--mo-muted); }
.redesign .eligibility-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; width:590px; }
.redesign .eligibility-grid article { padding:30px 15px; background:var(--mo-pale); border-radius:28px; display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; }
.redesign .eligibility-grid img { width:50px; height:50px; object-fit:contain; }
.redesign .eligibility-grid h3 { max-width:170px; font-size:16px; line-height:24px; font-weight:600; }
.redesign .data-protection { min-height:509px; padding-top:120px; }
.redesign .protection-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:60px; padding:40px 60px; border-radius:28px; background:var(--mo-pale); text-align:center; }
.redesign .protection-grid>article>span { display:block; font-size:26px; line-height:32px; margin-bottom:12px; }
.redesign .protection-grid h3 { font-size:18px; line-height:26px; font-weight:600; }
.redesign .protection-grid p { color:var(--mo-muted); font-size:14px; line-height:20px; }
.redesign .faq-section { min-height:630px; padding:120px 0 80px; }
.redesign .faq-layout { display:grid; grid-template-columns:430px 710px; gap:60px; align-items:center; }
.redesign .faq-intro h2 { font-size:36px; line-height:44px; font-weight:600; }
.redesign .faq-intro>p { font-size:18px; line-height:26px; color:#697586; margin-top:12px; }
.redesign .faq-intro>.button { font-size:16px; margin-top:30px; min-height:48px; border:0; }
.redesign .faq-list { display:flex; flex-direction:column; gap:20px; }
.redesign .faq-card { border:1px solid #191a23; border-radius:26px; box-shadow:0 2px 0 #191a23; font-size:18px; line-height:26px; padding:20px; }
.redesign .faq-card summary,.redesign .faq-link { display:flex; align-items:center; gap:25px; cursor:pointer; list-style:none; }
.redesign .faq-card summary::-webkit-details-marker { display:none; }
.redesign .faq-number { font-size:32px; line-height:32px; color:#000; }
.redesign .faq-chevron { flex-shrink:0; width:38px; height:38px; margin-left:auto; display:flex; align-items:center; justify-content:center; border:1px solid black; border-radius:50%; }
.redesign .faq-chevron img { width:20px; height:20px; transform:rotate(180deg); }
.redesign .faq-card[open] { background:var(--mo-pale); border-color:var(--mo-blue); box-shadow:0 5px 0 var(--mo-blue); }
.redesign .faq-card[open] .faq-chevron img { transform:none; }
.redesign .faq-card>p { border-top:1px solid #a1a1aa; padding-top:20px; margin-top:20px; font-family:Inter,Arial,sans-serif; color:#2d353b; }
.redesign .read-more { align-self:flex-end; color:#547eff; font-size:16px; line-height:24px; }
@media(min-width:768px) {
 .redesign .loan-journey .product-row { grid-template-columns:560px 485px; }
 .redesign .loan-journey .product-row.reverse { grid-template-columns:460px 560px; }
 .redesign .loan-journey { min-height:1430px; }
}
@media(max-width:1250px) {
 .redesign .loan-preferences { left:auto; right:0; width:46%; padding:30px; }
 .redesign .loan-hero .hero-copy { width:49%; }
 .redesign .loan-hero .hero-copy h1 { font-size:60px; line-height:70px; }
 .redesign .loan-journey .product-row,.redesign .loan-journey .product-row.reverse { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .redesign .faq-layout { grid-template-columns:minmax(0,430fr) minmax(0,710fr); gap:40px; }
}
@media(max-width:1000px) {
 .redesign .loan-hero .hero-copy h1 { font-size:46px; line-height:58px; }
 .redesign .loan-preferences { padding:26px 22px; }
 .redesign .range-field output { font-size:23px; }
 .redesign .range-field>div { font-size:14px; }
 .redesign .eligibility-inner { gap:30px; }
 .redesign .protection-grid { padding-inline:30px; gap:24px; }
}
@media(max-width:767px) {
 .redesign .loan-hero { height:auto; }
 .redesign .loan-hero-inner { display:flex; flex-direction:column; align-items:stretch; padding:72px 0 40px; gap:40px; }
 .redesign .loan-hero .hero-copy { width:100%; }
 .redesign .loan-hero .hero-copy h1 { font-size:44px; line-height:52px; }
 .redesign .hero-copy p { font-size:16px; line-height:26px; margin-top:20px; }
 .redesign .loan-preferences { position:relative; inset:auto; width:100%; padding:28px 22px; gap:22px; border-radius:28px; }
 .redesign .coin-one { top:2px; left:135px; width:65px; }
 .redesign .coin-two { display:none; }
 .redesign .coin-three { left:auto; right:-4px; top:200px; width:65px; }
 .redesign .loan-hero-dots { top:auto; bottom:10px; right:-80px; width:400px; }
 .redesign .loan-journey { padding-top:64px; }
 .redesign .loan-journey .section-heading { margin-bottom:40px; }
 .redesign .eligibility { padding:64px 0 0; min-height:0; }
 .redesign .eligibility-inner { flex-direction:column; align-items:stretch; gap:32px; }
 .redesign .eligibility h2 { font-size:28px; line-height:36px; }
 .redesign .eligibility p { font-size:16px; line-height:25px; }
 .redesign .eligibility-grid { width:100%; gap:12px; }
 .redesign .eligibility-grid article { padding:24px 12px; border-radius:20px; }
 .redesign .eligibility-grid h3 { font-size:14px; line-height:22px; }
 .redesign .data-protection { padding-top:64px; min-height:0; }
 .redesign .protection-grid { grid-template-columns:1fr; gap:32px; padding:32px 24px; margin-top:32px; }
 .redesign .faq-section { padding:64px 0 0; min-height:0; }
 .redesign .faq-layout { grid-template-columns:1fr; gap:32px; }
 .redesign .faq-intro h2 { font-size:28px; line-height:36px; }
 .redesign .faq-intro>p { font-size:16px; line-height:25px; }
 .redesign .faq-card { padding:18px 14px; font-size:14px; line-height:22px; border-radius:20px; }
 .redesign .faq-card summary,.redesign .faq-link { gap:12px; }
 .redesign .faq-number { font-size:24px; }
 .redesign .faq-chevron { width:30px; height:30px; }
 .redesign .faq-list { gap:16px; }
}
/* Pay Later */
.redesign .pay-hero-shell { background:#f4f4c8; }
.redesign .pay-hero { height:616px; overflow:hidden; }
.redesign .pay-hero-inner { position:relative; height:100%; display:flex; align-items:center; }
.redesign .pay-hero .hero-copy { width:600px; }
.redesign .pay-hero h1 { line-height:94px; letter-spacing:-1.819px; color:black; }
.redesign .pay-hero p { color:black; }
.redesign .pay-hero-person { position:absolute; left:611px; top:1px; width:590px; height:615px; object-fit:contain; }
.redesign .pay-hero-shape { position:absolute; left:591px; top:161px; width:610px; }
.redesign .pay-hero-shape>img { width:100%; height:auto; }
.redesign .pay-hero-dots { position:absolute; left:74px; top:130px; width:1093px; max-width:none; }
.redesign .pay-products { padding-top:120px; }
.redesign .pay-products .section-heading { margin-bottom:60px; }
.redesign .product-row[data-figma-art="1:1072"] .product-art { width:639px; }
.redesign .online-shopping .check-list { display:flex; flex-direction:row; gap:16px; }
.redesign .online-shopping .check-list li { gap:8px; font-size:16px; }
.redesign .everyday-needs { min-height:690px; padding:120px 0; }
.redesign .needs-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:60px; }
.redesign .needs-grid article { min-height:294px; padding:40px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-radius:28px; background:var(--mo-pale); }
.redesign .needs-grid article>div:first-child { width:210px; }
.redesign .needs-grid h3 { font-size:28px; line-height:36px; font-weight:600; color:#141414; }
.redesign .needs-grid p { font-size:18px; line-height:26px; color:var(--mo-muted); margin-top:12px; }
.redesign .bill-screen,.redesign .load-screen { width:240px; height:214px; flex-shrink:0; border:1px solid #000; border-bottom-width:3px; border-radius:26px; overflow:hidden; position:relative; }
.redesign .bill-screen img { width:100%; height:100%; object-fit:contain; }
.redesign .load-screen img { position:absolute; top:-9.06%; width:100%; height:250.61%; max-width:none; }
.redesign .one-time-card { min-height:481px; background:var(--mo-pale); display:flex; align-items:center; padding:90px 0; }
.redesign .card-story-inner { display:grid; grid-template-columns:560px 560px; justify-content:space-between; gap:40px; align-items:center; }
.redesign .card-story-inner h2 { font-size:36px; line-height:44px; font-weight:600; }
.redesign .card-story-inner p { font-size:18px; line-height:26px; color:var(--mo-muted); margin-top:12px; max-width:470px; }
.redesign .card-story-inner ol { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:24px; }
.redesign .card-story-inner li { display:flex; align-items:center; gap:20px; }
.redesign .card-story-inner li>span { font-size:32px; line-height:40px; color:#63708b; }
.redesign .card-story-inner h3 { font-size:20px; line-height:28px; font-weight:600; }
.redesign .card-story-inner li p { font-size:16px; line-height:24px; margin:0; }
.redesign .supported-services { min-height:516px; padding-top:120px; }
.redesign .services-table { margin-top:60px; display:flex; flex-direction:column; gap:20px; }
.redesign .service-row { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.redesign .service-row h3 { flex-shrink:0; width:180px; background:var(--mo-pale); border-radius:24px; font-size:16px; font-weight:600; line-height:24px; padding:8px 12px; text-align:center; }
.redesign .service-logos { display:flex; flex:1; justify-content:space-between; gap:20px; }
.redesign .service-logos>div { width:120px; height:64px; border:1px solid #eef1f5; border-radius:10px; display:flex; align-items:center; justify-content:center; padding:8px 12px; }
.redesign .service-logos img { max-width:96px; max-height:46px; width:auto; height:auto; object-fit:contain; }
.redesign .compliance.compact { min-height:424px; padding-bottom:0; }
/* Compact Pay Later cards share the design’s colored outline and black base. */
.redesign .faq-section.pay-faq { min-height:740px; }
@media (min-width:768px) {
 .redesign .faq-section:not(.pay-faq) { padding-bottom:0; }
 .redesign .faq-card[open] { min-height:148px; }
 .redesign .faq-link { min-height:86px; }
 .redesign.page-quick_loan .faq-link { background:#f3f3f3; }
 .redesign .pay-faq .faq-card[open] { min-height:178px; }
}
@media(max-width:1250px) {
 .redesign .pay-hero .hero-copy h1 { font-size:62px; line-height:78px; }
 .redesign .pay-hero .hero-copy { width:46%; }
 .redesign .pay-hero-person { left:auto; right:-30px; width:55%; object-fit:cover; object-position:left; }
 .redesign .pay-hero-shape { left:auto; right:0; width:55%; }
 .redesign .pay-hero-dots { width:90%; }
 .redesign .needs-grid article { padding:28px; gap:20px; }
 .redesign .bill-screen,.redesign .load-screen { width:46%; height:auto; aspect-ratio:240/214; }
 .redesign .card-story-inner { grid-template-columns:1fr 1fr; gap:60px; }
 .redesign .product-row[data-figma-art="1:1072"] .product-art { width:100%; }
 .redesign .service-row { gap:24px; }
 .redesign .service-logos { gap:12px; }
 .redesign .service-logos>div { width:100%; min-width:0; }
 .redesign .service-logos img { max-width:100%; }
}
@media(max-width:1000px) {
 .redesign .pay-hero .hero-copy h1 { font-size:46px; line-height:62px; }
 .redesign .needs-grid { grid-template-columns:1fr; }
 .redesign .needs-grid article { min-height:294px; padding:40px; }
 .redesign .needs-grid article>div:first-child { width:45%; }
 .redesign .bill-screen,.redesign .load-screen { width:240px; height:214px; }
 .redesign .supported-services { padding-bottom:40px; }
 .redesign .service-row h3 { width:150px; font-size:14px; }
 .redesign .service-logos { gap:8px; }
 .redesign .service-logos>div { padding:8px; }
}
@media(max-width:767px) {
 .redesign .pay-hero { height:auto; }
 .redesign .pay-hero-inner { min-height:680px; padding-top:48px; padding-bottom:390px; align-items:flex-start; }
 .redesign .pay-hero .hero-copy { width:100%; }
 .redesign .pay-hero .hero-copy h1 { font-size:44px; line-height:56px; }
 .redesign .pay-hero-person { width:350px; height:365px; right:-10px; bottom:0; top:auto; object-fit:contain; }
 .redesign .pay-hero-shape { width:100%; top:auto; bottom:0; }
 .redesign .pay-hero-dots { left:0; top:auto; bottom:100px; width:100%; }
 .redesign .pay-products { padding-top:64px; }
 .redesign .pay-products .section-heading { margin-bottom:40px; }
 .redesign .online-shopping .check-list { flex-wrap:wrap; }
 .redesign .everyday-needs { padding:64px 0; min-height:0; }
 .redesign .needs-grid { gap:24px; margin-top:32px; }
 .redesign .needs-grid article { padding:24px; min-height:220px; gap:16px; }
 .redesign .needs-grid article>div:first-child { width:50%; }
 .redesign .needs-grid h3 { font-size:22px; line-height:30px; }
 .redesign .needs-grid p { font-size:14px; line-height:22px; }
 .redesign .bill-screen,.redesign .load-screen { width:46%; height:auto; aspect-ratio:240/214; border-radius:18px; }
 .redesign .one-time-card { padding:64px 0; min-height:0; }
 .redesign .card-story-inner { grid-template-columns:1fr; gap:40px; }
 .redesign .card-story-inner h2 { font-size:28px; line-height:36px; }
 .redesign .card-story-inner p { font-size:16px; line-height:25px; }
 .redesign .card-story-inner h3 { font-size:18px; }
 .redesign .card-story-inner li p { font-size:14px; line-height:22px; }
 .redesign .supported-services { min-height:0; padding:64px 0 0; }
 .redesign .services-table { margin-top:32px; gap:24px; }
 .redesign .service-row { align-items:flex-start; flex-direction:column; gap:16px; }
 .redesign .service-row h3 { width:auto; min-width:150px; }
 .redesign .service-logos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; width:100%; }
 .redesign .service-logos>div { height:64px; }
 .redesign .service-logos img { max-height:44px; }
 .redesign .compliance.compact { min-height:0; padding-bottom:0; }
 .redesign .faq-section.pay-faq { padding-bottom:64px; min-height:0; }
}
/* Source artwork carries the Figma image-fill transform; preserve its slot. */
.redesign .pay-hero-person { object-fit:fill; }
.redesign .bill-screen,.redesign .load-screen { border:0; overflow:visible; }
.redesign .bill-screen img,.redesign .load-screen img { position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); max-width:none; height:auto; }
@media(min-width:1251px) {
 .redesign .online-shopping { grid-template-columns:560px 480px; height:640px; overflow:hidden; }
 .redesign .online-shopping .product-art { height:520px; }
 .redesign .online-shopping h3 { white-space:nowrap; }
}
@media(max-width:767px) {
 .redesign .coin-three { top:242px; width:50px; }
 .redesign .pay-hero-person { object-fit:fill; }
}
/* About */
.redesign .about-hero-shell { background:#f7e7d9; }
.redesign .about-hero { height:616px; overflow:hidden; }
.redesign .about-hero-inner { height:100%; display:flex; align-items:center; position:relative; }
.redesign .about-hero .hero-copy h1 { font-size:60px; line-height:70px; font-weight:600; letter-spacing:0; }
.redesign .about-hero-person { position:absolute; left:650px; top:0; width:576px; height:616px; }
.redesign .about-hero-shape { position:absolute; left:622px; top:161px; width:610px; }
.redesign .about-hero-dots { position:absolute; left:581px; top:448.5px; width:562px; height:109.5px; max-width:none; transform:rotate(180deg); }
.redesign .about-money { position:absolute; }
.redesign .money-0 { left:48px; top:45.92px; width:153.186px; height:132.747px; }
.redesign .money-1 { left:435.79px; top:408px; width:164.206px; height:200.358px; }
.redesign .money-2 { left:655.74px; top:90.65px; width:74.52px; height:144.773px; }
.redesign .money-3 { left:522.31px; top:140px; width:94.693px; height:72.833px; }
.redesign .about-essentials { min-height:584px; padding:119px 0; display:flex; align-items:center; }
.redesign .customer-signals { min-height:587px; padding:90px 0; background-color:black; background-position:center top; background-size:100% 648px; color:white; display:flex; align-items:center; }
.redesign .signals-inner { display:flex; align-items:center; justify-content:space-between; gap:100px; }
.redesign .signals-inner>div:first-child { max-width:460px; }
.redesign .signals-inner h2 { font-size:36px; line-height:48px; font-weight:600; }
.redesign .signals-inner>div>p { max-width:410px; margin-top:20px; font-size:18px; line-height:26px; }
.redesign .signals-list { width:480px; display:flex; flex-direction:column; gap:24px; flex-shrink:0; }
.redesign .signal { display:flex; align-items:center; justify-content:space-between; gap:27px; }
.redesign .signal>span { width:180px; height:100px; display:flex; align-items:center; justify-content:center; border-radius:20px; background:#f7f7f71a; font:500 50px/50px Inter,Arial,sans-serif; letter-spacing:-2px; flex-shrink:0; }
.redesign .signal>div { width:273px; }
.redesign .signal h3 { font-size:18px; line-height:24px; font-weight:600; }
.redesign .signal p { font-size:14px; line-height:22px; color:#a1a1aa; margin-top:4px; }
.redesign .company-identity { padding-top:120px; min-height:433px; }
.redesign .company-identity .section-heading { min-height:82px; }
.redesign .company-identity .section-heading>p { font-size:16px; }
.redesign .identity-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0 20px; background:var(--mo-pale); border-radius:30px; margin:60px 0 0; text-align:center; }
.redesign .identity-grid>div { min-height:171px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; padding:30px 16px; }
.redesign .identity-grid dt { font-size:14px; line-height:22px; color:var(--mo-muted); }
.redesign .identity-grid dd { font-size:18px; line-height:24px; font-weight:500; margin:0; }
.redesign .partner-network { min-height:590px; padding:120px 0; }
.redesign .network-grid { margin-top:60px; display:flex; flex-wrap:wrap; justify-content:center; gap:16px 24px; }
.redesign .network-grid>div { width:180px; height:92px; border:1px solid #e6ecf4; border-radius:14px; display:flex; align-items:center; justify-content:center; padding:14px; }
.redesign .network-grid img { width:150px; height:50px; object-fit:contain; }
@media(max-width:1250px) {
 .redesign .about-hero .hero-copy { width:50%; }
 .redesign .about-hero .hero-copy h1 { font-size:52px; line-height:62px; }
 .redesign .about-hero-person { left:auto; right:-30px; width:50%; height:auto; bottom:0; top:auto; }
 .redesign .about-hero-shape { left:auto; right:-30px; width:55%; bottom:0; top:auto; }
 .redesign .about-hero-dots { left:auto; right:10px; width:50%; }
 .redesign .money-1 { left:40%; }
 .redesign .money-2 { left:60%; }
 .redesign .money-3 { left:45%; }
 .redesign .signals-inner { gap:60px; }
 .redesign .signals-list { width:45%; }
 .redesign .signal>span { width:150px; }
 .redesign .network-grid { gap:16px 20px; }
 .redesign .network-grid>div { width:calc((100% - 100px)/6); }
}
@media(max-width:1000px) {
 .redesign .about-hero .hero-copy h1 { font-size:44px; line-height:56px; }
 .redesign .signals-inner { gap:40px; }
 .redesign .signal { gap:20px; }
 .redesign .signal>span { width:115px; font-size:40px; }
 .redesign .signals-inner h2 { font-size:30px; line-height:42px; }
 .redesign .identity-grid { padding:0; }
 .redesign .identity-grid>div { padding:24px 12px; }
 .redesign .identity-grid dd { font-size:16px; }
 .redesign .identity-grid dt { font-size:12px; }
 .redesign .network-grid>div { width:calc((100% - 60px)/4); }
}
@media(max-width:767px) {
 .redesign .about-hero { height:auto; }
 .redesign .about-hero-inner { min-height:700px; padding-top:78px; padding-bottom:355px; align-items:flex-start; }
 .redesign .about-hero .hero-copy { width:100%; }
 .redesign .about-hero .hero-copy h1 { font-size:40px; line-height:50px; }
 .redesign .about-hero-person { width:320px; height:auto; right:-20px; bottom:0; top:auto; }
 .redesign .about-hero-shape { width:340px; height:auto; right:0; bottom:0; }
 .redesign .about-hero-dots { width:300px; height:auto; right:0; top:auto; bottom:20px; }
 .redesign .money-0 { width:80px; height:auto; left:20px; top:0; }
 .redesign .money-1 { width:88px; height:auto; left:0; top:auto; bottom:30px; }
 .redesign .money-2 { width:40px; height:auto; left:auto; right:10px; top:auto; bottom:240px; }
 .redesign .money-3 { width:50px; height:auto; left:20px; top:auto; bottom:280px; }
 .redesign .about-essentials { padding:64px 0; min-height:0; }
 .redesign .customer-signals { padding:64px 0; min-height:0; background-size:cover; }
 .redesign .signals-inner { flex-direction:column; align-items:stretch; gap:40px; }
 .redesign .signals-inner h2 { font-size:28px; line-height:38px; }
 .redesign .signals-inner>div>p { font-size:16px; line-height:25px; }
 .redesign .signals-list { width:100%; }
 .redesign .signal>span { width:110px; height:84px; font-size:36px; }
 .redesign .signal>div { width:auto; flex:1; }
 .redesign .signal h3 { font-size:16px; line-height:24px; }
 .redesign .signal p { font-size:12px; line-height:20px; }
 .redesign .company-identity { padding-top:64px; min-height:0; }
 .redesign .identity-grid { grid-template-columns:1fr 1fr; margin-top:32px; }
 .redesign .identity-grid>div { padding:24px 12px; min-height:160px; }
 .redesign .identity-grid dd { font-size:15px; line-height:24px; }
 .redesign .identity-grid dt { font-size:12px; }
 .redesign .partner-network { padding:64px 0; min-height:0; }
 .redesign .network-grid { margin-top:32px; gap:16px; }
 .redesign .network-grid>div { width:calc((100% - 16px)/2); }
}

.redesign .check-list.two-columns { grid-auto-flow:column; grid-template-rows:repeat(2,24px); }
.redesign .about-hero-shape>img { width:100%; height:auto; }
/* Retain the existing site's loan transaction notice verbatim. */
.redesign .existing-loan-notice { padding-bottom:20px; color:#8a8a8a; font-size:12px; line-height:20px; text-align:center; }
.redesign .image-fill-slot { position:absolute; overflow:hidden; transform-origin:0 0; }
.redesign .image-fill-original { position:absolute; inset:0; width:100%; height:100%; max-width:none; transform-origin:0 0; }
@media(min-width:1251px) {
 .redesign .steps-row { grid-template-columns:220px 236px 236px 237px; justify-content:space-between; gap:0; padding-inline:60px; height:214px; }
 .redesign .steps-row article { min-height:0; }
}
@media(max-width:767px) {
 .redesign .about-hero-person { height:auto; aspect-ratio:576.068/616; }
 .redesign .money-0 { aspect-ratio:153.186/132.747; }
 .redesign .money-1 { aspect-ratio:164.206/200.358; }
 .redesign .money-2 { aspect-ratio:74.52/144.773; }
 .redesign .money-3 { aspect-ratio:94.693/72.833; }
 .redesign .coin-three { top:260px; right:0; width:40px; }
}
.redesign .about-hero-person { aspect-ratio:576.068/616; }
.redesign .faq-card summary,.redesign .faq-link { font-weight:500; }
.redesign.page-quick_loan .faq-intro>.button { min-height:60px; padding-block:18px; background:radial-gradient(ellipse at center,#ffd600 60%,#ffe896); border:1px solid #eed68a; }
@font-face { font-family:Inter; font-style:normal; font-weight:500; font-display:swap; src:url(../../fonts/Inter/Inter-Medium.otf) format("opentype"); }
.redesign .service-logos>div { padding:0; }
.redesign .service-logos img { max-width:100%; }
.redesign .regulator-logo { position:relative; max-width:100%; height:90px; overflow:hidden; }
.redesign .regulator-0 { width:309.761px; }
.redesign .regulator-1 { width:207.683px; }
.redesign .regulator-2 { width:140.5px; }
.redesign .regulator-logo img { width:100%; height:100%; object-fit:contain; }
.redesign .regulator-1 img { position:absolute; top:-12.24%; height:122.45%; }
@media (max-width:767px) {
 .redesign.page-quick_loan .faq-intro>.button { min-height:52px; padding-block:12px; }
}
.redesign .compliance-card,.redesign .regulator-logo { min-width:0; }
@media(max-width:767px) { .redesign .compliance-grid { grid-template-columns:minmax(0,1fr); } }
/* Refinement: real legacy destinations, sharp native text, Retina artwork. */
.redesign .footer-column { min-width:0; }
.redesign .contact-phone { font-size:12px; white-space:nowrap; }
.redesign .social-icon img { filter:brightness(0) invert(1); }
.redesign .social-icon:hover { opacity:.8; }
.redesign .regulator-link { display:flex; width:100%; justify-content:center; }
.redesign .network-grid a { display:block; }

/* Store button accent from the shared Figma button component. */
.redesign .store-button { position:relative; }
.redesign .store-button::after { content:""; position:absolute; height:1px; width:69%; left:15.5%; bottom:0; background:linear-gradient(90deg,transparent,rgba(84,126,255,.9),transparent); box-shadow:0 2px 8px rgba(84,126,255,.25); pointer-events:none; }
.redesign .network-grid>div:has(.network-metromart) { overflow:hidden; padding:0; }
.redesign .network-grid .network-metromart { width:190px; max-width:none; height:63.333px; flex-shrink:0; }

.redesign .carousel-controls button:first-child:not(:disabled) img { filter:brightness(3); }
.redesign .carousel-controls button:last-child:disabled { opacity:.4; }

@media(min-width:768px) and (max-width:1023px) {
 .redesign .review-track { gap:24px; }
 .redesign .review { flex-basis:calc((100% - 48px)/2.5); }
}


/* All FAQ answers expand inline, using the approved card treatment. */
.redesign .faq-layout { align-items:start; }
.redesign .faq-intro { align-self:center; }
.redesign .faq-card:not([open]) { background:#f3f3f3; }
.redesign .faq-card summary { min-height:44px; }
.redesign .faq-card summary>span:nth-child(2) { min-width:0; }
.redesign .faq-answer { overflow-wrap:anywhere; line-height:1.6; }
.redesign .faq-expand-all { cursor:pointer; font-family:inherit; }
.redesign button.read-more { background:none; border:0; padding:0; }
.redesign .faq-card summary:focus-visible,.redesign .faq-expand-all:focus-visible { outline:2px solid var(--mo-blue); outline-offset:5px; }

/* Shared navigation order and active-page state. */
.redesign #site-navigation a[aria-current="page"] { color:var(--mo-blue); }
/* The original ambient halo itself follows the pointer; no second light. */
.redesign .home-hero::after { content:none; }
/* The canvas and loading fallback occupy one fixed slot. */
.redesign .coin { aspect-ratio:1; }
.redesign .coin { pointer-events:auto; cursor:pointer; }
/* Fixed source poses from the user's approved screenshot references. */
.redesign .about-money { animation:none; transform:none; opacity:1; }
.redesign .about-money>img { width:100%; height:100%; object-fit:contain; filter:none; }
/* Temporary Blog entry, while the original publishing system is prepared. */
.redesign .blog-hero-shell { background:radial-gradient(ellipse at 70% 20%,#dce8ff, #f3f7ff 65%,#fff); }
.redesign .blog-coming { padding:80px 0 136px; }
.redesign .blog-coming-inner { display:grid; grid-template-columns:1.2fr 1fr; gap:90px; align-items:center; }
.redesign .blog-coming h1 { margin-top:20px; font-size:64px; line-height:1.15; letter-spacing:-1.5px; }
.redesign .blog-coming .blog-coming-copy>p { max-width:510px; margin-top:24px; font-size:18px; line-height:1.7; color:var(--mo-muted); }
.redesign .blog-coming .eyebrow { background:#e3ecff; }
.redesign .blog-actions { display:flex; gap:28px; align-items:center; flex-wrap:wrap; margin-top:36px; font-size:16px; font-weight:600; }
.redesign .blog-explore { color:var(--mo-blue); }
.redesign .blog-art { position:relative; width:290px; height:350px; justify-self:center; }
.redesign .blog-paper { position:absolute; inset:0; border:2px solid var(--mo-ink); border-radius:26px; }
.redesign .blog-paper.back { background:var(--mo-blue); transform:rotate(-9deg); }
.redesign .blog-paper.front { background:#fff; transform:rotate(5deg); box-shadow:0 5px 0 var(--mo-ink); padding:20px; }
.redesign .blog-paper svg { width:100%; height:100%; }
@media(max-width:1023px) {
 .redesign .blog-coming-inner { gap:32px; }
 .redesign .blog-coming h1 { font-size:50px; }
 .redesign .blog-art { width:240px; height:300px; }
}
@media(max-width:767px) {
 .redesign .blog-coming { padding:40px 0 80px; }
 .redesign .blog-coming-inner { grid-template-columns:1fr; gap:60px; }
 .redesign .blog-coming h1 { font-size:42px; letter-spacing:-.8px; }
 .redesign .blog-coming .blog-coming-copy>p { font-size:16px; }
 .redesign .blog-actions { gap:20px; font-size:14px; }
 .redesign .blog-art { width:210px; height:250px; }
}

@media(min-width:768px) and (max-width:1250px) {
 .redesign .steps-row { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:32px; }
}
/* Screenshot positions use the original 1200px desktop content coordinate system. */
.redesign .money-0 { left:58px; top:53px; width:136px; height:110px; }
.redesign .money-1 { left:468px; top:429px; width:100px; height:168px; }
.redesign .money-2 { left:667px; top:104px; width:46px; height:88px; }
.redesign .money-3 { left:540px; top:154px; width:60px; height:50px; }
@media(min-width:768px) {
 .redesign .coin-one { width:121.638px; left:142.57px; top:61.02px; }
 .redesign .coin-two { width:241.712px; left:280px; top:372.98px; }
 .redesign .coin-three { width:136.665px; left:487.42px; top:398.25px; }
 .redesign .loan-hero .hero-copy>p { max-width:560px; }
}
@media(min-width:768px) and (max-width:1250px) {
 .redesign .money-1 { left:calc(50% - 140px); }
 .redesign .money-2 { left:60%; }
 .redesign .money-3 { left:48%; }
}
@media(max-width:767px) {
 .redesign .money-0 { left:18px; top:6px; width:80px; height:66px; aspect-ratio:auto; }
 .redesign .money-1 { left:4px; top:auto; bottom:80px; width:62px; height:100px; aspect-ratio:auto; }
 .redesign .money-2 { left:auto; right:10px; top:auto; bottom:260px; width:32px; height:62px; aspect-ratio:auto; }
 .redesign .money-3 { left:14px; top:auto; bottom:265px; width:42px; height:34px; aspect-ratio:auto; }
}

/* Light editorial motion, isolated from the Blog page copy and buttons. */
@keyframes mocasa-blog-float {
  0%,100% { transform:perspective(900px) translateY(0) rotateY(-5deg); }
  50% { transform:perspective(900px) translateY(-10px) rotateY(5deg); }
}
@keyframes mocasa-blog-back {
  0%,100% { transform:rotate(-9deg); }
  50% { transform:rotate(-12deg) translate(-3px,2px); }
}
@keyframes mocasa-blog-front {
  0%,100% { transform:rotate(5deg); }
  50% { transform:rotate(3deg); }
}
@media(prefers-reduced-motion:no-preference) {
 .redesign .blog-art { animation:mocasa-blog-float 7s ease-in-out infinite; }
 .redesign .blog-paper.back { animation:mocasa-blog-back 7s ease-in-out infinite; }
 .redesign .blog-paper.front { animation:mocasa-blog-front 7s ease-in-out infinite; }
}

/* Size the visible generated artwork, not its unused transparent canvas. */
.redesign .about-money { display:flex; align-items:center; justify-content:center; container-type:size; }
.redesign .reference-note-crop { position:relative; width:min(100cqw,calc(100cqh * (var(--art-ratio)))); aspect-ratio:var(--art-ratio); overflow:hidden; flex-shrink:0; }
.redesign .reference-note-crop img { position:absolute; display:block; max-width:none; object-fit:fill; }
@media(min-width:1251px) {
 .redesign .loan-hero .hero-copy { transform:translateY(-26px); }
}

/* Common first-screen type scale across the five primary pages. */
.redesign :is(.home-hero,.loan-hero,.pay-hero,.about-hero,.blog-coming) :is(.home-hero-copy,.hero-copy,.blog-coming-copy) h1 { font-family:Poppins,Arial,sans-serif; font-size:72px; line-height:80px; font-weight:700; letter-spacing:-1px; }
.redesign :is(.home-hero-copy,.hero-copy,.blog-coming-copy)>p { font-family:Poppins,Arial,sans-serif; font-size:20px; line-height:28px; font-weight:500; margin-top:24px; }
.redesign .about-hero .hero-copy { width:600px; }
.redesign .about-hero .hero-copy>p { max-width:560px; }
@media(max-width:1250px) {
 .redesign :is(.home-hero,.loan-hero,.pay-hero,.about-hero,.blog-coming) :is(.home-hero-copy,.hero-copy,.blog-coming-copy) h1 { font-size:60px; line-height:70px; }
 .redesign .about-hero .hero-copy { width:53%; }
}
@media(max-width:1000px) {
 .redesign :is(.home-hero,.loan-hero,.pay-hero,.about-hero,.blog-coming) :is(.home-hero-copy,.hero-copy,.blog-coming-copy) h1 { font-size:46px; line-height:58px; }
}
@media(max-width:767px) {
 .redesign :is(.home-hero,.loan-hero,.pay-hero,.about-hero,.blog-coming) :is(.home-hero-copy,.hero-copy,.blog-coming-copy) h1 { font-size:44px; line-height:52px; }
 .redesign :is(.home-hero-copy,.hero-copy,.blog-coming-copy)>p { font-size:16px; line-height:26px; margin-top:20px; }
 .redesign .about-hero .hero-copy { width:100%; }
}
/* Fixed columns and link slots keep header metrics independent of font timing. */
html { scrollbar-gutter:stable; }
.redesign .site-header .header-inner { display:grid; grid-template-columns:147px minmax(0,1fr) 308px; gap:24px; }
.redesign .site-header .brand { width:147px; height:34px; }
.redesign .site-header .brand img { width:147px; height:34px; object-fit:contain; }
.redesign #site-navigation { display:grid; grid-template-columns:40px 80px 64px 32px 44px; justify-self:center; gap:24px; white-space:nowrap; }
.redesign #site-navigation>a { text-align:center; font-synthesis:none; }
.redesign .site-header .store-links { width:308px; }
.redesign .site-header .store-button { flex-shrink:0; }
@media(max-width:1250px) {
 .redesign .site-header .header-inner { grid-template-columns:147px minmax(0,1fr) 284px; gap:16px; }
 .redesign .site-header .store-links { width:284px; }
 .redesign #site-navigation { gap:18px; }
}
@media(max-width:1000px) {
 .redesign .site-header .header-inner { grid-template-columns:147px minmax(0,1fr); }
 .redesign #site-navigation { justify-self:end; }
}
@media(max-width:767px) {
 .redesign .site-header .header-inner { grid-template-columns:128px 44px; justify-content:space-between; }
 .redesign .site-header .brand,.redesign .site-header .brand img { width:128px; height:30px; }
 .redesign .menu-toggle { grid-column:2; justify-self:end; }
 .redesign #site-navigation { display:none; justify-self:stretch; white-space:normal; }
 .redesign #site-navigation.is-open { display:flex; }
}
/* Keep the prior document visible until the next one is ready; no zoom/crossfade. */
@view-transition { navigation:auto; }
.redesign .site-header { view-transition-name:site-header; }
::view-transition-group(root),::view-transition-group(site-header) { animation:none; }
::view-transition-old(root),::view-transition-new(root),::view-transition-old(site-header),::view-transition-new(site-header) { animation:none; mix-blend-mode:normal; }

/* One shared ambient field spans the hero and transparent partner row. */
.redesign .home-hero-scene { position:relative; isolation:isolate; overflow:hidden; background:#000; }
.redesign .home-hero-scene::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:calc(.45 + var(--glow-breath,1) * .55); background:radial-gradient(ellipse var(--glow-radius-x,711px) var(--glow-radius-y,860px) at var(--glow-x,50%) var(--glow-y,28%),hsla(225,calc(68% + var(--glow-breath,1) * 32%),62%,.56) 0%,hsla(225,calc(64% + var(--glow-breath,1) * 36%),55%,.4) 25%,hsla(225,calc(60% + var(--glow-breath,1) * 40%),43%,.2) 55%,transparent 100%); }
.redesign .home-hero { background:transparent; isolation:auto; }
.redesign .home-hero::before { content:none; }
.redesign .partner-strip { background:transparent; }
/* Keep footer glow below its white overlap instead of tinting a rectangular band. */
.redesign .site-footer { background:linear-gradient(to bottom,#fff 90px,#000 90px); isolation:isolate; }
.redesign .site-footer::before { content:""; position:absolute; top:90px; left:0; right:0; bottom:0; z-index:-1; pointer-events:none; background:radial-gradient(ellipse 1000px 450px at 50% 130px,#547eff60,transparent); }
.redesign .blog-coming h1 { margin-top:0; }
@media(min-width:768px) {
 .redesign .coin { transform:scale(.8); transform-origin:center; }
}

.redesign .partner-logo img { mix-blend-mode:screen; }
.redesign .blog-hero-shell { background:linear-gradient(to bottom,transparent 65%,#fff 100%),radial-gradient(ellipse at 70% 20%,#dce8ff,#f3f7ff 65%,#fff); }

/* The canvas projects one round solid with the supplied face texture. */
.redesign .coin canvas.coin-model { display:none; position:absolute; inset:0; width:100%; height:100%; }
.redesign .coin.is-ready canvas.coin-model { display:block; }
.redesign .coin>.coin-fallback { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.redesign .coin.is-ready .coin-fallback { display:none; }
.redesign .coin-model[data-metal="silver"] { filter:grayscale(1); }
/* Each note is deformed as a curved surface; never flip a flat image edge-on. */
.redesign .reference-note-crop { animation:none; transform:none; }
.redesign .paper-note-model { display:none; position:absolute; inset:0; width:100%; height:100%; }
.redesign .reference-note-crop.paper-ready .paper-note-model { display:block; }
.redesign .reference-note-crop.paper-ready>img { visibility:hidden; }
/* One layout coordinate and type scale for all four left-aligned hero copies. */
.redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy,.redesign .blog-coming .blog-coming-copy { position:absolute; left:0; top:164px; width:600px; transform:none; }
.redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy h1,.redesign .blog-coming .blog-coming-copy h1 { margin:0; font:700 72px/80px Poppins,Arial,sans-serif; letter-spacing:-1px; color:#080f1f; }
.redesign .hero-title-line { display:block; white-space:nowrap; }
.redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy>p,.redesign .blog-coming .blog-coming-copy>p { max-width:560px; margin-top:24px; font:500 20px/28px Poppins,Arial,sans-serif; color:#1f2b45; }
.redesign .blog-coming { padding:0; height:616px; }
.redesign .blog-coming-inner { position:relative; height:100%; grid-template-columns:600px minmax(0,1fr); gap:50px; }
.redesign .blog-art { grid-column:2; }
@media(max-width:1250px) {
 .redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy,.redesign .blog-coming .blog-coming-copy { width:53%; }
 .redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy h1,.redesign .blog-coming .blog-coming-copy h1 { font-size:60px; line-height:70px; }
 .redesign .blog-coming-inner { grid-template-columns:53% minmax(0,1fr); gap:24px; }
}
@media(max-width:1000px) {
 .redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy h1,.redesign .blog-coming .blog-coming-copy h1 { font-size:46px; line-height:58px; }
}
@media(max-width:767px) {
 .redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy,.redesign .blog-coming .blog-coming-copy { position:relative; inset:auto; width:100%; transform:none; }
 .redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy h1,.redesign .blog-coming .blog-coming-copy h1 { font-size:clamp(32px,10.7vw,44px); line-height:1.18; }
 .redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy>p,.redesign .blog-coming .blog-coming-copy>p { margin-top:20px; font-size:16px; line-height:26px; }
 .redesign :is(.loan-hero-inner,.pay-hero-inner,.about-hero-inner) { padding-top:48px; }
 .redesign .blog-coming { height:auto; padding:48px 0 80px; }
 .redesign .blog-coming-inner { display:grid; grid-template-columns:1fr; gap:60px; }
 .redesign .blog-art { grid-column:1; }
}

@media(min-width:768px) { .redesign .money-3 { top:110px; } }

.redesign .about-money[role="button"] { cursor:pointer; }
.redesign .coin[role="button"]:focus-visible,.redesign .about-money[role="button"]:focus-visible { outline:2px solid #547eff; outline-offset:6px; border-radius:12px; }

.redesign .protection-grid p a { font:inherit; overflow-wrap:anywhere; }

/* Keep the navigation visible over every section after leaving the page top. */
.redesign .site-header.is-stuck { position:fixed; inset:0 0 auto; z-index:1000; background:#fff; background-image:none; color:#091329; }
.redesign .site-header.is-stuck #site-navigation>a:not([aria-current="page"]) { color:#091329; }
.redesign .site-header.is-stuck .menu-toggle { color:#091329; }
.redesign .site-header-spacer { flex-shrink:0; }

/* Compact, readable phone layouts shared by every product page. */
@media(max-width:767px) {
 .redesign .container { width:calc(100% - 32px); }
 .redesign .partner-strip { padding:16px 0 22px; }
 .redesign .partner-list { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
 .redesign .partner-logo { width:100%; height:24px; min-width:0; }
 .redesign .partner-logo img { width:100%; max-height:24px; object-fit:contain; }
 .redesign .feature-grid,.redesign .compliance-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:28px; }
 .redesign .feature-card { min-width:0; min-height:0; padding:20px 8px 18px; border-radius:18px; box-shadow:0 3px 0 #191a23; }
 .redesign .feature-card>img { width:38px; height:38px; margin-bottom:12px; }
 .redesign .feature-card h3 { width:100%; min-height:54px; font-size:13px; line-height:18px; white-space:normal; }
 .redesign .feature-card p { margin-top:8px; font-size:12px; line-height:18px; overflow-wrap:break-word; }
 .redesign .compliance-card { min-height:84px; padding:12px 8px; border-radius:16px; box-shadow:0 3px 0 #000; }
 .redesign .compliance-card img { width:100%; height:48px; max-height:48px; object-fit:contain; }
 .redesign .steps-row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 16px; padding:24px 16px; border-radius:22px; }
 .redesign .steps-row article { min-width:0; }
 .redesign .steps-row img { width:44px; height:44px; }
 .redesign .steps-row h3 { font-size:15px; line-height:21px; }
 .redesign .steps-row p { font-size:13px; line-height:20px; }
 .redesign .protection-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:24px 12px; border-radius:22px; }
 .redesign .protection-grid article { min-width:0; }
 .redesign .protection-grid>article>span { font-size:22px; line-height:28px; margin-bottom:10px; }
 .redesign .protection-grid h3 { min-height:40px; font-size:13px; line-height:20px; }
 .redesign .protection-grid p { margin-top:6px; font-size:12px; line-height:18px; overflow-wrap:anywhere; }
 .redesign .check-list.two-columns { grid-template-rows:repeat(2,auto); }
 .redesign .site-header.is-stuck #site-navigation { background:#fff; color:var(--mo-ink); }
 .redesign .newsletter input { font-size:16px; }
}
@media(max-width:359px) {
 .redesign .feature-grid,.redesign .compliance-grid { gap:8px; }
 .redesign .feature-card { padding-inline:6px; }
 .redesign .feature-card h3 { font-size:12px; }
 .redesign .feature-card p { font-size:11px; line-height:17px; }
 .redesign .partner-list { gap:7px; }
 .redesign .download-cta .store-links { flex-wrap:wrap; }
}
@media(min-width:768px) and (max-width:1000px) {
 .redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy h1 { font-size:44px; line-height:52px; }
}
@media(max-width:767px) {
 .redesign .compliance-card .regulator-logo { height:48px; }
 .redesign .compliance-card .regulator-logo img { height:100%; max-height:none; }
 .redesign .compliance-card .regulator-1 img { height:122.45%; }
 .redesign .money-0 { left:calc(100% - 70px); top:-2px; width:56px; height:46px; }
 .redesign .coin-one { left:auto; right:8px; top:-4px; width:50px; }
 .redesign .coin-three { left:auto; right:72px; top:6px; width:40px; }
 .redesign input[type=range] { height:32px; background-size:100% 8px; background-position:center; background-repeat:no-repeat; }
 .redesign .network-grid { gap:10px; }
 .redesign .network-grid>div { width:calc((100% - 20px)/3); height:68px; padding:10px; }
 .redesign .network-grid img { width:100%; height:40px; }
 .redesign .network-grid .network-metromart { width:140px; height:46.667px; }
}
@media(max-width:359px) {
 .redesign .feature-card h3 { min-height:72px; }
 .redesign .feature-card p { font-size:12px; line-height:18px; }
}
@media(min-width:768px) and (max-width:1250px) {
 /* Keep the decorative coins in the copy column, clear of the calculator. */
 .redesign .coin-two { left:10%; top:420px; width:180px; }
 .redesign .coin-three { left:38%; top:475px; width:90px; }
}

/* Mobile heroes are one composed screen, rather than desktop art stacked tall. */
@media(max-width:767px) {
 .redesign :is(.loan-hero-shell,.pay-hero-shell,.about-hero-shell) { --mobile-hero-height:min(680px,100svh); }
 .redesign :is(.loan-hero-shell,.pay-hero-shell,.about-hero-shell) .site-header { height:64px; }
 .redesign :is(.loan-hero-shell,.pay-hero-shell,.about-hero-shell) #site-navigation { top:64px; }
 .redesign :is(.loan-hero,.pay-hero,.about-hero) { height:calc(var(--mobile-hero-height) - 64px); min-height:0; }
 .redesign :is(.loan-hero-inner,.pay-hero-inner,.about-hero-inner) { height:100%; min-height:0; padding:20px 0 0; display:grid; grid-template-rows:auto minmax(0,1fr); align-items:start; gap:16px; }
 .redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy { grid-row:1; position:relative; inset:auto; width:100%; }
 .redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy h1 { font-size:clamp(28px,8.4vw,36px); line-height:1.14; letter-spacing:-.8px; }
 .redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy>p { max-width:360px; margin-top:12px; font-size:14px; line-height:21px; font-weight:500; }
 .redesign :is(.pay-hero-person,.about-hero-person) { position:absolute; inset:auto -2px 0 auto; height:min(390px,calc(100% - 185px)); width:auto; aspect-ratio:576/616; max-width:100%; object-fit:contain; }
 .redesign :is(.pay-hero-shape,.about-hero-shape) { inset:auto 0 0 auto; width:100%; height:auto; max-height:53%; }
 .redesign .pay-hero-dots { inset:auto 0 75px auto; width:100%; }
 .redesign .about-hero-dots { inset:auto 0 24px auto; width:100%; height:auto; }
 .redesign .about-money { z-index:2; }
 .redesign .money-0 { left:3%; top:auto; bottom:240px; width:62px; height:50px; }
 .redesign .money-1 { left:0; top:auto; bottom:66px; width:52px; height:84px; }
 .redesign .money-2 { right:2px; left:auto; top:auto; bottom:260px; width:30px; height:56px; }
 .redesign .money-3 { display:none; }
 .redesign .loan-hero-inner { grid-template-rows:auto auto; align-content:space-between; padding-bottom:20px; gap:16px; }
 .redesign .loan-preferences { grid-row:2; width:100%; padding:18px; gap:12px; border-radius:24px; border-right-width:3px; border-bottom-width:3px; }
 .redesign .range-field { gap:4px; }
 .redesign .range-field>div { font-size:12px; line-height:18px; }
 .redesign .range-field output { font-size:22px; line-height:28px; }
 .redesign .range-field .range-limits { font-size:11px; line-height:16px; }
 .redesign .loan-preferences input[type=range] { height:28px; }
 .redesign .preference-note { padding:10px 12px; font-size:11px; line-height:16px; }
 .redesign .preference-note p { margin-top:2px; }
 .redesign .loan-preferences .button { min-height:44px; padding:10px 16px; font-size:15px; }
 .redesign .preference-disclaimer { font-size:10px; line-height:15px; }
 .redesign .coin-one { width:44px; top:-14px; right:0; }
 .redesign .coin-three { width:34px; top:-6px; right:52px; }
 .redesign .loan-hero-dots { width:100%; right:0; bottom:8px; }
}
@media(max-width:767px) and (max-height:650px) {
 .redesign :is(.loan-hero-inner,.pay-hero-inner,.about-hero-inner) { padding-top:12px; }
 .redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy h1 { font-size:clamp(27px,8vw,32px); }
 .redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy>p { margin-top:10px; font-size:13px; line-height:19px; }
 .redesign .loan-hero-inner { padding-bottom:12px; gap:10px; }
 .redesign .loan-preferences { padding:12px 14px; gap:8px; }
 .redesign .preference-note { padding:8px 10px; }
 .redesign .money-0 { bottom:180px; }
 .redesign .money-2 { bottom:200px; }
}
/* Very short landscape views may scroll instead of clipping interactive content. */
@media(max-width:767px) and (max-height:520px) {
 .redesign :is(.loan-hero-shell,.pay-hero-shell,.about-hero-shell) { --mobile-hero-height:560px; }
}
@media(max-width:767px) {
 /* This Figma export is a wide texture mapped to a portrait destination. */
 .redesign .pay-hero-person { object-fit:fill; }
}
@media(max-width:359px) and (max-height:650px) {
 .redesign .loan-preferences { padding-block:10px; gap:6px; }
 .redesign .loan-preferences input[type=range] { height:24px; }
}
@media(max-width:767px) {
 /* The sticky header is portalled to body, so keep its compact height there too. */
 .redesign:is(.page-quick_loan,.page-pay_later,.page-about_us) .site-header { height:64px; }
 .redesign:is(.page-quick_loan,.page-pay_later,.page-about_us) #site-navigation { top:64px; }
}

/* Phone copy has its own concise line breaks; the desktop content is retained. */
.redesign .mobile-copy { display:none; }
@media(max-width:767px) {
 .redesign .desktop-copy { display:none; }
 .redesign .mobile-copy { display:inline; }
 .redesign .partner-list { grid-template-columns:1fr 1fr 1fr 1fr 1.65fr; gap:14px; }
 .redesign .partner-logo:last-child { display:none; }
 .redesign .partner-logo { height:30px; }
 .redesign .partner-logo img { max-height:30px; }
 .redesign .feature-card { padding:18px 7px 16px; }
 .redesign .feature-card>img { margin-bottom:10px; }
 .redesign .feature-card h3 { min-height:36px; font-size:12px; line-height:18px; letter-spacing:-.25px; }
 .redesign .feature-card p { margin-top:6px; font-size:12px; line-height:18px; letter-spacing:-.15px; }
 .redesign .product-copy { text-align:center; }
 .redesign .product-copy>p { margin:10px auto 0; max-width:36ch; }
 .redesign .product-rule { margin:20px 0; }
 .redesign .product-copy .check-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-flow:row; grid-template-rows:auto; gap:10px; font-size:12px; line-height:18px; }
 .redesign .product-copy .check-list.two-columns { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .redesign .product-copy .check-list li { min-width:0; display:flex; flex-direction:column; gap:6px; align-items:center; justify-content:flex-start; text-align:center; font-size:12px; line-height:18px; }
 .redesign .product-copy .check-list img { width:18px; height:18px; }
 .redesign .product-copy>.button { margin-top:24px; }
 .redesign .card-story-inner { text-align:center; }
 .redesign .card-story-inner p { margin-inline:auto; }
 .redesign .card-story-inner li { justify-content:center; text-align:left; }
 .redesign .steps-row { padding:24px 12px; gap:24px 12px; }
 .redesign .steps-row article { justify-self:stretch; width:100%; }
 .redesign .steps-row h3 { min-height:42px; display:flex; align-items:center; justify-content:center; width:100%; font-size:14px; line-height:21px; }
 .redesign .steps-row p { margin:4px auto 0; font-size:12px; line-height:18px; }
 .redesign .testimonials { min-height:0; padding:40px 0 32px; }
 .redesign .testimonials .eyebrow { min-height:32px; line-height:24px; }
 .redesign .review-track { margin-top:24px; gap:12px; }
 .redesign .review { flex-basis:calc((100% - 12px)/1.6); min-height:0; height:auto; padding:18px 14px; gap:18px; font:14px/21px Inter,Arial,sans-serif; border-bottom-left-radius:22px; }
 .redesign .review>p { min-height:0; }
 .redesign .review-author { font-size:12px; line-height:17px; gap:6px; }
 .redesign .review-author>div { min-width:0; }
 .redesign .avatar,.redesign .avatar-frame { width:28px; height:28px; }
 .redesign .rating { width:50px; margin-top:4px; }
 .redesign .carousel-controls { margin-top:22px; gap:24px; }
 .redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy { text-align:center; }
 .redesign :is(.loan-hero,.pay-hero,.about-hero) .hero-copy>p { margin-inline:auto; }
 .redesign .loan-hero .hero-copy>p { max-width:calc(100% - 80px); }
 .redesign .coin-one { width:64px; left:2px; right:auto; top:-14px; }
 .redesign .coin-two { display:block; width:78px; left:-16px; top:106px; }
 .redesign .coin-three { width:62px; right:-12px; left:auto; top:114px; }
}
@media(max-width:359px) {
 .redesign .partner-list { gap:10px; }
 .redesign .feature-card { padding-inline:5px; }
 .redesign .feature-card h3 { min-height:36px; font-size:11.5px; }
 .redesign .feature-card p { font-size:12px; }
 .redesign .product-copy .check-list li { font-size:11.5px; }
 .redesign .steps-row { padding-inline:10px; column-gap:10px; }
 .redesign .steps-row p { font-size:11.5px; }
}
@media(max-width:767px) {
 .redesign .product-copy .check-list.two-columns { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .redesign .product-copy .check-list:has(>li:nth-child(4)) { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:767px) {
 .redesign .faq-intro,.redesign .eligibility-inner>div:first-child,.redesign .signals-inner>div:first-child { text-align:center; }
}

/* Align mobile groups as units, while keeping each numbered row on one axis. */
@media(max-width:767px) {
 .redesign .service-row { align-items:center; }
 .redesign .service-row h3 { align-self:center; margin-inline:auto; }
 .redesign .card-story-inner ol { width:min(100%,360px); margin-inline:auto; text-align:left; }
 .redesign .card-story-inner li { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:start; justify-content:normal; gap:14px; }
 .redesign .card-story-inner li>span { justify-self:start; text-align:left; }
 .redesign .card-story-inner li>div { min-width:0; }
 .redesign .signals-list { width:min(100%,340px); margin-inline:auto; }
 .redesign .signal { display:grid; grid-template-columns:90px minmax(0,1fr); gap:16px; align-items:center; }
 .redesign .signal>span { width:100%; height:76px; justify-content:flex-start; padding-left:12px; text-align:left; font-size:30px; line-height:38px; letter-spacing:-1px; border-radius:18px; }
 .redesign .signal>div { width:auto; min-width:0; text-align:left; }
 .redesign .signal h3 { font-size:15px; line-height:22px; }
 .redesign .signal p { font-size:12px; line-height:18px; }
 .redesign .partner-logo:nth-child(-n+4) img { width:82%; max-height:24px; }
}

@media(max-width:767px) {
 /* Align the bottom of the title box with its subtitle, without a blank half-line. */
 .redesign .steps-row h3 { align-items:flex-end; }
 .redesign .steps-row p { margin-top:3px; }
 .redesign.page-pay_later .essentials .section-heading h2 { font-size:clamp(20px,5.6vw,28px); line-height:1.3; white-space:nowrap; letter-spacing:-.5px; }
 .redesign.page-pay_later .feature-card h3 { min-height:18px; white-space:nowrap; }
 .redesign .company-identity .section-heading { min-height:0; }
 .redesign .identity-grid { margin-top:20px; padding:8px; border-radius:24px; }
 .redesign .identity-grid>div { min-height:0; padding:18px 8px; gap:4px; justify-content:flex-start; }
 .redesign .identity-grid dt { font-size:12px; line-height:18px; }
 .redesign .identity-grid dd { font-size:14px; line-height:21px; }
}
@media(max-width:767px) {
 .redesign .product-copy .check-list:has(>li:nth-child(4)) li>span { white-space:nowrap; font-size:11px; letter-spacing:-.25px; }
 .redesign .product-copy .check-list:has(>li:nth-child(4)) .desktop-copy { display:inline; }
 .redesign .product-copy .check-list:has(>li:nth-child(4)) .mobile-copy { display:none; }
}
@media(max-width:767px) {
 /* Halve actual text spacing, including the extra height above a single-line title. */
 .redesign .steps-row { row-gap:12px; }
 .redesign .steps-row img { margin-bottom:5px; }
 .redesign .steps-row h3 { min-height:31.5px; }
 .redesign .steps-row p { margin-top:1.5px; }
}

@media(max-width:767px) {
 .redesign .product-rule { display:none; }
 .redesign .product-copy .check-list { margin-top:18px; }
 .redesign .download-cta h2 { font-size:clamp(16px,4.7vw,22px); line-height:1.3; letter-spacing:-.45px; white-space:nowrap; }
 /* Let the screen end with its content; remove the free space from fixed-height heroes. */
 .redesign :is(.loan-hero,.pay-hero,.about-hero) { height:auto; }
 .redesign :is(.loan-hero-inner,.pay-hero-inner,.about-hero-inner) { height:auto; display:flex; flex-direction:column; align-items:stretch; }
 .redesign .loan-hero-inner { align-content:normal; gap:clamp(5px,calc((100svh - 568px) * .5 + 5px),36px); }
 .redesign .pay-hero-inner { gap:40px; padding-bottom:0; }
 .redesign .about-hero-inner { gap:30px; padding-bottom:0; }
 .redesign :is(.pay-hero-person,.about-hero-person) { position:relative; inset:auto; order:1; align-self:flex-end; flex-shrink:0; height:clamp(220px,calc(100svh - 290px),390px); width:auto; }
}
@media(max-width:767px) and (max-height:650px) {
 .redesign .pay-hero-inner { gap:20px; }
 .redesign .about-hero-inner { gap:22px; }
}

@media(max-width:767px) {
 .redesign .home-hero-copy { padding-top:90px; }
 .redesign .coin-two { left:auto; right:-12px; top:106px; }
 .redesign .coin-three { left:30px; right:auto; top:22px; }
}
@media(max-width:359px) {
 .redesign .coin-two { width:70px; right:-14px; top:70px; }
 .redesign .coin-three { width:40px; left:-10px; top:24px; }
}