.steps{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);margin:0}.step{display:grid;grid-template-columns:64px 1fr;gap:22px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 6px 22px #12325c0b}.step-number{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:21px;font-weight:850;box-shadow:0 8px 18px #1a56db38}.step-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.step h3{font-size:23px;line-height:1.3;color:#132f5d;margin:1px 0 12px}.step-tag{flex:0 0 auto;background:var(--green-bg);color:var(--green);border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:800}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.action-box{border-radius:14px;padding:16px 18px;background:#f8fafc;border:1px solid #e8eef6}.action-box.blue{background:var(--blue-50);border-color:var(--blue-100)}.action-box .label{font-size:12px;letter-spacing:.8px;text-transform:uppercase;font-weight:850;color:var(--blue);margin-bottom:5px}.action-box p{margin:0;color:var(--body);font-size:15px}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:10px}table{width:100%;border-collapse:collapse;min-width:640px}th,td{text-align:left;padding:15px 14px;border-bottom:1px solid #edf2f7;vertical-align:top}th{font-size:12.5px;text-transform:uppercase;letter-spacing:.7px;color:#64748b;background:#f8fafc}td{color:var(--body)}td strong{color:var(--ink)}tr:last-child td{border-bottom:0}.rate{font-size:19px;color:var(--blue)!important}.upload-box{border:1.5px dashed #9db9e8;background:#f8fbff;border-radius:16px;padding:20px;text-align:center;color:#31527e}.upload-box strong{display:block;color:#12325f;font-size:17px;margin-bottom:5px}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.brand-card{display:flex;flex-direction:column;min-height:188px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px;color:var(--body);box-shadow:0 5px 18px #12325c0a}.brand-card:hover{text-decoration:none;border-color:#9db9e8;box-shadow:var(--shadow)}.brand-card h3{font-size:20px;color:#132f5d;margin:0 0 8px}.brand-card p{font-size:14px;line-height:1.55;margin:0;color:var(--muted)}.brand-card span{margin-top:auto;padding-top:18px;color:var(--blue);font-weight:800;font-size:14px}.example{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.example-amount{font-size:44px;line-height:1;color:var(--blue);font-weight:900;letter-spacing:-1px}.example p{color:var(--body)}@media (max-width:900px){.hero-grid,.two-col,.example{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:1fr;gap:22px;text-align:left}.timeline-item{text-align:left;padding:0 0 0 66px;min-height:48px}.timeline-item:before{left:23px;top:0;width:2px;height:100%}.timeline-item:first-child:before{left:23px;top:24px;width:2px;height:calc(100% - 24px)}.timeline-item:last-child:before{left:23px;width:2px;height:24px}.timeline-dot{position:absolute;left:0;top:0;margin:0}}@media (max-width:640px){.container,.narrow{width:calc(100% - 28px)}.header-inner{height:auto;min-height:66px;padding:10px 0}.logo small{display:none}.site-nav{gap:13px;font-size:13.5px}.site-nav a.active{padding:8px 0;box-shadow:none}.site-nav .hide-mobile{display:none}.btn-sm{padding:8px 13px}.hero{padding:42px 0}section{padding:48px 0}.step{grid-template-columns:1fr;padding:22px}.step-number{width:44px;height:44px;font-size:18px}.action-grid,.brand-grid{grid-template-columns:1fr}.card,.match-card{padding:22px}.cta{padding:32px 22px}}.hiw section[id]{scroll-margin-top:84px}
