/* mpower-vs-prodigy-finance.html styles — prodigyfinanceapply.com */
*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
    :root { --blue:#0284c7; --blue-dk:#0369a1; --blue-lt:#e0f2fe; --blue-mid:#bae6fd; --slate:#0f172a; --slate-7:#334155; --slate-5:#64748b; --slate-4:#94a3b8; --gray-bg:#f8fafc; --border:#e2e8f0; --border-s:#cbd5e1; --white:#ffffff; --green:#059669; --green-lt:#ecfdf5; --amber:#d97706; --amber-lt:#fefce8; --red:#dc2626; --font-d:'Outfit',system-ui,sans-serif; --font-b:'Inter',system-ui,sans-serif; --r-sm:6px; --r-md:10px; --r-lg:16px; }
    html { scroll-behavior:smooth; }
    body { font-family:var(--font-b); font-size:16px; color:var(--slate-7); line-height:1.7; background:var(--white); -webkit-font-smoothing:antialiased; }
    a { color:var(--blue); text-decoration:none; }
    a:hover { color:var(--blue-dk); text-decoration:underline; }
    h1,h2,h3,h4 { font-family:var(--font-d); color:var(--slate); line-height:1.25; }
    h1 { font-size:clamp(2rem,3.5vw,2.8rem); font-weight:800; letter-spacing:-.02em; }
    h2 { font-size:clamp(1.4rem,2.5vw,1.9rem); font-weight:700; margin-bottom:16px; }
    h3 { font-size:1.1rem; font-weight:600; margin-bottom:10px; margin-top:24px; }
    p { max-width:68ch; margin-bottom:14px; }
    p:last-child { margin-bottom:0; }
    ul,ol { margin:0 0 14px 20px; }
    li { margin-bottom:6px; line-height:1.65; }
    .container { width:100%; max-width:1100px; margin:0 auto; padding:0 24px; }
    .section { padding:60px 0; }
    .section-alt { background:var(--gray-bg); }
    .eyebrow { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.2px; color:var(--blue); display:inline-block; margin-bottom:10px; }
    .btn { display:inline-flex; align-items:center; gap:6px; padding:11px 22px; border-radius:var(--r-md); font-family:var(--font-b); font-size:14px; font-weight:500; cursor:pointer; transition:all .15s; border:none; text-decoration:none !important; }
    .btn-primary { background:var(--blue); color:var(--white); }
    .btn-primary:hover { background:var(--blue-dk); color:var(--white); }
    .btn-ghost { background:var(--white); color:var(--slate-7); border:1.5px solid var(--border-s); }
    .btn-ghost:hover { border-color:var(--blue); color:var(--blue); }
    .compliance-bar { background:var(--blue-lt); border-bottom:1px solid var(--blue-mid); padding:7px 0; text-align:center; }
    .compliance-bar p { font-size:12px; color:var(--slate-5); margin:0; max-width:100%; }
    .compliance-bar strong { color:var(--slate); font-weight:600; }
    .nav { position:sticky; top:0; z-index:100; background:rgba(255,255,255,.96); backdrop-filter:blur(12px); border-bottom:1px solid var(--border); }
    .nav-inner { display:flex; align-items:center; justify-content:space-between; height:68px; gap:16px; }
    .nav-logo { display:flex; align-items:center; gap:9px; font-family:var(--font-d); font-weight:700; font-size:16px; color:var(--slate); text-decoration:none !important; flex-shrink:0; }
    .nav-logo-mark { width:32px; height:32px; background:var(--slate); border-radius:var(--r-sm); display:flex; align-items:center; justify-content:center; }
    .nav-links { display:flex; align-items:center; gap:2px; list-style:none; }
    .nav-links a { display:block; padding:6px 11px; font-size:13.5px; color:var(--slate-5); border-radius:var(--r-sm); transition:color .15s,background .15s; font-weight:500; text-decoration:none !important; }
    .nav-links a:hover { color:var(--slate); background:var(--gray-bg); }
    .nav-links a.current { color:var(--blue); background:var(--blue-lt); }
    .nav-right { display:flex; align-items:center; gap:10px; flex-shrink:0; }
    /* Page specific */
    .cmp-hero { background:var(--slate); padding:52px 0 60px; }
    .cmp-hero h1 { color:var(--white); margin-bottom:14px; max-width:800px; }
    .cmp-hero p { color:var(--slate-4); font-size:17px; max-width:600px; }
    .cmp-hero .eyebrow { color:var(--blue-mid); }
    .lender-strip { display:grid; grid-template-columns:1fr auto 1fr; gap:0; margin-top:28px; border:1.5px solid rgba(255,255,255,.12); border-radius:var(--r-lg); overflow:hidden; }
    .lender-card { padding:20px 24px; }
    .lender-card.prodigy { background:rgba(2,132,199,.2); }
    .lender-card.mpower  { background:rgba(255,255,255,.06); }
    .lender-vs { display:flex; align-items:center; justify-content:center; padding:0 16px; font-family:var(--font-d); font-size:14px; font-weight:700; color:rgba(255,255,255,.4); border-left:1px solid rgba(255,255,255,.1); border-right:1px solid rgba(255,255,255,.1); }
    .lender-name { font-family:var(--font-d); font-size:16px; font-weight:700; color:var(--white); margin-bottom:6px; }
    .lender-tag { font-size:11px; font-weight:600; color:rgba(255,255,255,.6); }
    .lender-score { font-family:var(--font-d); font-size:2rem; font-weight:800; color:var(--white); margin-top:8px; }
    /* Winner cards */
    .winner-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:8px; }
    .winner-card { border:1.5px solid var(--border); border-radius:var(--r-lg); padding:20px; background:var(--white); }
    .winner-card.prodigy { border-color:var(--blue); background:var(--blue-lt); }
    .winner-card.mpower  { border-color:var(--amber); background:var(--amber-lt); }
    .wc-label { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; margin-bottom:8px; }
    .wc-label.prodigy { color:var(--blue-dk); }
    .wc-label.mpower  { color:#92400e; }
    .wc-title { font-family:var(--font-d); font-size:15px; font-weight:700; color:var(--slate); margin-bottom:8px; }
    .wc-list { list-style:none; display:flex; flex-direction:column; gap:5px; }
    .wc-list li { font-size:13px; color:var(--slate-7); display:flex; gap:6px; }
    .wc-list .dot { flex-shrink:0; margin-top:1px; }
    .wc-list .dot.b { color:var(--blue); }
    .wc-list .dot.a { color:var(--amber); }
    /* Main comparison table */
    .cmp-wrap { overflow-x:auto; border:1.5px solid var(--border); border-radius:var(--r-lg); }
    .cmp-table { width:100%; border-collapse:collapse; font-size:14px; min-width:600px; }
    .cmp-table thead tr { background:var(--gray-bg); }
    .cmp-table th { padding:14px 18px; text-align:left; font-size:13px; font-weight:700; color:var(--slate); border-bottom:1.5px solid var(--border); }
    .cmp-table th.prodigy-h { background:var(--blue-lt); color:var(--blue-dk); }
    .cmp-table th.mpower-h  { background:var(--amber-lt); color:#92400e; }
    .cmp-table td { padding:13px 18px; border-bottom:1px solid var(--border); vertical-align:middle; color:var(--slate-7); }
    .cmp-table tr:last-child td { border-bottom:none; }
    .cmp-table tr:hover td { background:var(--gray-bg); }
    .cmp-table .feat { font-weight:600; color:var(--slate); }
    .win-badge { display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:700; padding:2px 8px; border-radius:4px; }
    .win-badge.blue { background:var(--blue-lt); color:var(--blue-dk); }
    .win-badge.amber { background:var(--amber-lt); color:#92400e; }
    .win-badge.tie { background:var(--gray-bg); color:var(--slate-5); }
    .yes { color:var(--green); font-weight:600; }
    .no  { color:var(--slate-4); }
    /* Analysis section */
    .analysis-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:20px; }
    .analysis-card { border:1.5px solid var(--border); border-radius:var(--r-lg); padding:22px; background:var(--white); }
    .analysis-card.prodigy { border-color:var(--blue-mid); }
    .analysis-card.mpower  { border-color:var(--amber); }
    .ac-head { display:flex; align-items:center; gap:10px; margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid var(--border); }
    .ac-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; padding:3px 10px; border-radius:4px; }
    .ac-badge.prodigy { background:var(--blue-lt); color:var(--blue-dk); }
    .ac-badge.mpower  { background:var(--amber-lt); color:#92400e; }
    .ac-title { font-family:var(--font-d); font-size:15px; font-weight:700; color:var(--slate); }
    .ac-items { list-style:none; display:flex; flex-direction:column; gap:8px; }
    .ac-items li { font-size:13.5px; color:var(--slate-7); display:flex; gap:8px; align-items:flex-start; line-height:1.5; }
    .verdict-grid { display:grid; grid-template-columns:auto 1fr; gap:0; border:1.5px solid var(--slate); border-radius:var(--r-lg); overflow:hidden; margin-top:20px; }
    .vg-score { background:var(--slate); padding:28px 24px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; }
    .vg-num { font-family:var(--font-d); font-size:3rem; font-weight:800; color:var(--white); line-height:1; }
    .vg-label { font-size:11px; color:var(--slate-4); text-transform:uppercase; letter-spacing:.5px; margin-top:6px; }
    .vg-body { padding:24px 28px; }
    .vg-body p { font-size:15px; color:var(--slate-7); line-height:1.75; max-width:100%; }
    .callout { border-left:3px solid; padding:14px 18px; margin:20px 0; font-size:14px; line-height:1.65; border-radius:0 var(--r-md) var(--r-md) 0; }
    .callout-info { background:var(--blue-lt); border-color:var(--blue); color:#0c4a6e; }
    .callout-t { font-weight:700; margin-bottom:4px; }
    .faq-list { margin-top:24px; }
    .faq-item { border-bottom:1px solid var(--border); }
    .faq-item summary { list-style:none; display:flex; justify-content:space-between; align-items:flex-start; padding:16px 0; cursor:pointer; font-weight:600; color:var(--slate); font-size:15px; gap:16px; }
    .faq-item summary::-webkit-details-marker { display:none; }
    .fq-ch { flex-shrink:0; width:22px; height:22px; border:1.5px solid var(--border); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--slate-5); transition:transform .25s,background .2s; }
    .faq-item[open] .fq-ch { transform:rotate(180deg); background:var(--blue-lt); border-color:var(--blue-mid); color:var(--blue-dk); }
    .fq-ans { padding:0 0 16px; font-size:14px; color:var(--slate-5); line-height:1.7; max-width:640px; }
    .footer { background:var(--slate); padding:52px 0 0; }
    .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:36px; margin-bottom:36px; }
    .f-logo { display:flex; align-items:center; gap:8px; font-family:var(--font-d); font-weight:700; font-size:15px; color:var(--white); margin-bottom:12px; }
    .f-logo-mark { width:30px; height:30px; background:var(--blue); border-radius:4px; display:flex; align-items:center; justify-content:center; }
    .f-tagline { font-size:13px; color:var(--slate-4); line-height:1.6; max-width:270px; margin-bottom:14px; }
    .f-disclaimer { font-size:10.5px; color:var(--slate-5); line-height:1.65; padding:12px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); border-radius:var(--r-md); }
    .f-col-title { font-family:var(--font-d); font-size:11px; font-weight:700; color:var(--white); text-transform:uppercase; letter-spacing:.6px; margin-bottom:14px; }
    .f-links { list-style:none; display:flex; flex-direction:column; gap:8px; }
    .f-links a { font-size:13px; color:var(--slate-4); text-decoration:none !important; transition:color .12s; }
    .f-links a:hover { color:var(--white); }
    .footer-bottom { padding:22px 0; border-top:1px solid rgba(255,255,255,.08); font-size:10.5px; color:var(--slate-5); }
    @media (max-width:820px) { .winner-grid{grid-template-columns:1fr;} .analysis-grid{grid-template-columns:1fr;} .lender-strip{grid-template-columns:1fr; .lender-vs{padding:10px; border:none; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1);}} .verdict-grid{grid-template-columns:1fr;} .footer-grid{grid-template-columns:1fr 1fr;} }
    @media (max-width:560px) { .nav-links{display:none;} .footer-grid{grid-template-columns:1fr; gap:24px;} }