.loan-hero{background:#edf3fc;grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:5vw;min-height:680px;padding-top:60px;padding-bottom:60px}.loan-hero h1{font-size:clamp(3rem,5.5vw,5.5rem);line-height:1.05;color:#092d63}.loan-hero h1 span{color:#810e30}.loan-hero .lead{font-size:1.125rem}.loan-card{min-width:0;background:white;padding:36px;border-radius:26px;border:1px solid #dfe6f0;box-shadow:0 20px 60px #092d6312}.loan-card h2{font-size:1.75rem;line-height:1.2;margin:0;color:#092d63}.loan-card>p{color:#586678}.loan-card label{font-size:.875rem;font-weight:650;display:block;margin-top:20px}.amount-field{display:flex;align-items:center;gap:12px;border:1px solid #bbcce1;border-radius:12px;padding:10px 16px;margin:10px 0;color:#092d63}.amount-field>span{font-size:1.25rem;font-weight:700}.amount-field input{min-width:0;width:100%;border:0;background:transparent;font:700 2rem/1.5 system-ui;color:#092d63}.amount-field:focus-within{outline:3px solid #98b8e7}input[type=range]{width:100%;accent-color:#810e30;cursor:pointer;margin:20px 0;height:24px}.range-labels{display:flex;justify-content:space-between;font-size:.875rem;color:#586678}.enquiry-button{width:100%;border:0;margin-top:28px;background:#810e30;color:white;font:700 1.125rem/1.5 system-ui;cursor:pointer}.enquiry-button:hover{background:#640b25}.handoff-note{text-align:center;font-size:.875rem;color:#465d79}.loan-card .fineprint{font-size:.875rem;line-height:1.5;color:#586678}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #5488d4;outline-offset:4px}section{scroll-margin-top:95px}@media(max-width:800px){.loan-hero{grid-template-columns:1fr;padding:35px 20px 45px;gap:25px}.loan-hero h1{font-size:clamp(2.6rem,10vw,4rem)}.loan-card{padding:25px 20px;border-radius:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.site-header{background:#fff;border:0;height:100px;padding-inline:max(6vw,24px)}
body{background:#fff;color:#102e59}
.site-header nav a{font-size:.9rem;color:#203b60}
.loan-hero{background:#f0f5fc;position:relative;padding:72px max(6vw,24px) 82px;gap:6vw;min-height:740px;border-radius:0 0 56px 56px;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr)}
.loan-hero .eyebrow{letter-spacing:.1em;font-size:.875rem;color:#810e30}
.loan-hero h1{font-size:clamp(2.6rem,4.3vw,4.7rem);line-height:1.1;letter-spacing:-.045em;margin-bottom:24px}
.loan-hero .lead{max-width:520px;color:#49617d;font-size:1.125rem;line-height:1.75}
.loan-hero .actions{flex-wrap:wrap;margin:30px 0 22px}
.button{border-radius:999px;padding:15px 24px;display:inline-block}
.primary{background:#092d63}.secondary{background:transparent;border-color:#aabbcf}
.loan-card{border-radius:30px;padding:34px;box-shadow:0 18px 50px #12336512;border:0}
.loan-card h2{font-size:1.65rem;letter-spacing:-.025em}
.loan-card>p{font-size:.95rem}
.loan-card .eyebrow{margin-bottom:12px}
.amount-field{border:0;background:#f2f5fa;padding:12px 18px;border-radius:14px}
.amount-field input{font-size:2.6rem}
.loan-card .enquiry-button{margin-top:24px;border-radius:999px;padding-block:17px}
.loan-card .fineprint{font-size:.8125rem;line-height:1.55;margin-block:12px}
.statement{padding:92px max(15vw,28px);text-align:center}
.statement h2,.section-heading h2,.process h2,.contact h2{font-size:clamp(2rem,3.4vw,3.6rem);line-height:1.15;letter-spacing:-.035em}
.statement>p:last-child{margin:24px auto 0;font-size:1.0625rem;line-height:1.8;color:#53657d}
.eyebrow{color:#810e30;font-size:.875rem;letter-spacing:.1em}
.services{margin:0 max(3vw,12px);padding:72px max(3vw,16px);background:#f4f6fa;border-radius:36px}
.section-heading{display:block;text-align:center;margin:0 auto 38px;max-width:750px}
.section-heading>p{color:#53657d;margin:18px 0}
.card-grid{gap:22px}
.card-grid article{padding:30px;border:0;border-radius:24px;min-height:250px}
.card-grid article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#edf2fa;color:#092d63;font-size:1rem}
.card-grid article:nth-child(2)>span{background:#faedf1;color:#810e30}
.card-grid h3{margin:25px 0 12px;font-size:1.3rem;line-height:1.3}
.card-grid p,.process p{font-size:1rem;color:#53657d;line-height:1.75}
.process{padding:96px max(7vw,24px);background:#fff;display:block}
.process>div{text-align:center;margin-bottom:46px}
.process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.process li{display:block;border:0;padding:0;text-align:center}
.process li>span{width:58px;height:58px;margin:0 auto 24px;background:#092d63;color:white;font-size:1.4rem}
.process h3{font-size:1.2rem;margin-bottom:12px}
.contact{background:#092d63;margin:0 max(3vw,12px) 48px;padding:64px max(4vw,20px);border-radius:36px;gap:6vw}
.contact .eyebrow.light{color:#c1d5f5}.contact>div>p:not(.eyebrow){color:#d2deed}
.contact-whatsapp{margin-top:12px;background:white;color:#092d63}
.contact-details small{font-size:.8125rem;color:#c1d5f5;letter-spacing:.04em}
.contact-details strong{overflow-wrap:anywhere}
footer{background:#fff;color:#102e59;padding-top:28px;padding-bottom:30px}
.legal,.copyright{color:#53657d}.copyright{border-color:#dce3ed}
.footer-links a:hover{color:#810e30}
@media(max-width:1000px){.site-header nav{gap:16px}.loan-hero{gap:30px;padding-inline:24px}.loan-card{padding:26px}.loan-hero h1{font-size:2.9rem}}
@media(max-width:800px){.site-header{height:76px}.site-header nav{top:76px}.loan-hero{grid-template-columns:1fr;padding:36px 20px 42px;border-radius:0 0 30px 30px;min-height:auto;gap:30px}.loan-hero h1{font-size:clamp(2.2rem,8.6vw,3.5rem)}.loan-hero .lead{font-size:1rem}.loan-hero .actions{flex-direction:row;gap:10px}.loan-hero .actions .button{font-size:.875rem;padding:12px 16px}.loan-card{padding:26px 22px}.statement{padding:62px 24px}.services{padding:48px 16px;border-radius:26px}.card-grid{gap:14px}.card-grid article{padding:26px;min-height:auto}.process{padding:64px 24px}.process ol{grid-template-columns:1fr;gap:30px}.process li{display:flex;text-align:left;gap:20px}.process li>span{flex:0 0 48px;width:48px;height:48px;margin:0}.contact{padding:38px 24px;border-radius:26px;gap:24px;margin-bottom:30px}.contact h2{font-size:2.25rem}footer{padding-inline:24px;gap:22px}}
