
.hero-bold{max-width:1180px;margin:14px auto 0;padding:0;gap:0;grid-template-columns:1.08fr 1fr;background:#102c52;color:white;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px #102c5214;align-items:stretch}
.hero-bold .hero-copy{padding:44px 36px 34px}.hero-bold .eyebrow{color:#ffad6f;font-size:10px;letter-spacing:1.6px;margin:0 0 23px}.hero-bold h1{font-size:clamp(38px,4.1vw,56px);line-height:1.04;letter-spacing:-1.9px;margin:0 0 24px;font-weight:800}.hero-bold h1 em{display:inline-block;color:#ff781b;margin-top:5px}.hero-bold .hero-hook{font-size:22px;font-weight:bold;line-height:1.35;color:#fff;margin:0 0 14px}.hero-bold .hero-support{font-size:15px;line-height:1.65;color:#d1deed;margin:0;max-width:430px}.hero-bold .actions{gap:8px;margin:25px 0 19px;flex-wrap:wrap}.hero-bold .btn{padding:14px 13px;white-space:nowrap;font-size:11px;min-height:48px}.hero-bold .outline{background:white;color:#102c52;border-color:white}.hero-bold .hero-reassurance{font-size:12px;font-weight:bold;color:white;margin:0 0 13px}.hero-bold .hero-reassurance span{color:#ff9245;margin-right:5px}.hero-bold .criteria{font-size:10px;font-weight:normal;line-height:1.8;color:#bdcde1;margin:0}.hero-bold figure{position:relative;display:flex;min-height:610px;isolation:isolate}.hero-bold figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#102c5233 44%,#071b36ed 100%);z-index:1;pointer-events:none}.hero-bold figure img{position:absolute;inset:0;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:43% center}.hero-bold figcaption{position:absolute;bottom:30px;left:28px;right:28px;background:none;padding:0;border-radius:0;z-index:2;color:white}.hero-bold .image-kicker{color:#d3deea;letter-spacing:1.7px;font-size:10px;font-weight:bold;margin:0 0 14px}.hero-badges{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.hero-badges>span{display:block;padding:9px 13px;border-radius:6px;background:#102c52e8;border:1px solid #ffffff2b;font-size:14px;font-weight:bold}.hero-badges b{color:#ff8b3a;margin-right:8px}.hero-badges .finance-badge{background:#ff6900;color:white;display:flex;flex-direction:column;padding:13px 18px;margin-top:7px;border:0;min-width:230px}.finance-badge small{font-size:9px;letter-spacing:1.3px}.finance-badge strong{font-size:39px;line-height:1.25;letter-spacing:-1px}.design-compare a[aria-current]{font-weight:bold;text-decoration-thickness:2px;text-underline-offset:4px}
@media(max-width:1220px){.hero-bold{margin-left:25px;margin-right:25px}.hero-bold .hero-copy{padding:36px 28px}.hero-bold figure{min-height:590px}}
@media(max-width:760px){.hero-bold{margin:4px 15px 0;grid-template-columns:1fr;border-radius:18px}.hero-bold .hero-copy{padding:29px 23px 25px}.hero-bold .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:19px}.hero-bold h1{font-size:43px;margin-bottom:19px}.hero-bold .hero-hook{font-size:20px}.hero-bold .hero-support{font-size:14px}.hero-bold .actions .btn{flex:1 1 40%;font-size:11px}.hero-bold .actions .btn:last-child{flex-basis:100%}.hero-bold figure{min-height:365px}.hero-bold figure img{height:100%;object-position:center 40%}.hero-bold figcaption{bottom:22px;left:23px;right:23px}.hero-badges{gap:7px}.hero-badges>span{font-size:12px;padding:7px 11px}.hero-badges .finance-badge{min-width:200px;padding:10px 13px}.finance-badge strong{font-size:30px}.hero-bold .image-kicker{font-size:9px}.design-compare{flex-wrap:wrap;gap:12px!important;font-size:11px!important}}
/* Compact spacing between the hero, process and enquiry. */
#how{padding-top:34px;padding-bottom:30px;}
#how>.eyebrow{margin:0 0 10px;}
#how>h2{margin:0 0 20px;font-size:32px;}
#how .steps{margin-top:20px;gap:30px;}
#how .steps article{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;align-content:start;}
#how .steps b{width:34px;height:34px;grid-row:1/3;}
#how .steps h3{margin:3px 0 8px;font-size:18px;}
#how .steps p{grid-column:2;margin:0;}
#how>.muted{margin:18px 0 0;}
@media(max-width:760px){#how{padding-top:28px;padding-bottom:26px;}#how>h2{font-size:27px;margin-bottom:18px;}#how .steps{gap:18px;margin-top:18px;}#how .steps h3{font-size:17px;}}

.hero-bold .actions{display:grid;grid-template-columns:1fr 1fr;max-width:440px}.hero-bold .actions .btn{width:100%;padding:14px 10px}.hero-bold .proposal-link{color:white;border:1px solid #9db2cd;background:transparent}.hero-bold .proposal-link:hover{background:#ffffff14}.hero-bold .actions .btn:last-child{grid-column:auto}@media(max-width:760px){.hero-bold .actions{max-width:none}.hero-bold .actions .btn{font-size:10px;white-space:normal;line-height:1.4;}}
