.financing-hero{
position:relative;
min-height:680px;
display:flex;
align-items:center;
overflow:hidden;
color:#fff;
background-color:var(--navy);
background-image:
linear-gradient(90deg,rgba(6,20,39,.98) 0%,rgba(11,31,58,.93) 42%,rgba(11,31,58,.6) 72%,rgba(11,31,58,.38) 100%),
url('/assets/images/hero/hero-roofing.webp'),
linear-gradient(135deg,#213c57,#6d8294);
background-size:cover;
background-position:center;
}

.financing-hero:after{
content:"";
position:absolute;
inset:auto -8% -48% 46%;
height:560px;
background:radial-gradient(circle,rgba(212,167,44,.25),rgba(212,167,44,0) 68%);
pointer-events:none;
}

.financing-hero-scrim{
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.2));
pointer-events:none;
}

.financing-hero-grid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(320px,.58fr);
gap:70px;
align-items:end;
padding:102px 0 84px;
}

.financing-hero-copy h1{
color:#fff;
font-size:clamp(3rem,6vw,5.6rem);
max-width:860px;
margin-bottom:22px;
}

.financing-hero-lead{
max-width:720px;
font-size:1.12rem;
line-height:1.72;
color:#e5edf5;
margin-bottom:28px;
}

.financing-hero-actions{
margin-top:28px;
}

.financing-hero-proof{
margin-top:42px;
display:flex;
flex-wrap:wrap;
gap:11px 26px;
font-size:.84rem;
color:#dce5ee;
}

.financing-hero-proof>span{
display:flex;
align-items:center;
gap:8px;
}

.financing-hero-proof strong{
color:var(--gold2);
font-size:.95rem;
}

.financing-hero-card{
background:rgba(255,255,255,.97);
color:var(--text);
padding:30px;
border-radius:var(--radius);
border-top:4px solid var(--gold);
box-shadow:0 22px 65px rgba(3,12,23,.34);
}

.financing-hero-card h2{
font-size:2rem;
margin-bottom:12px;
}

.financing-hero-card p{
color:var(--muted);
margin-bottom:0;
line-height:1.65;
}

.financing-hero-card-note{
display:flex;
align-items:flex-start;
gap:10px;
margin-top:20px;
padding-top:18px;
border-top:1px solid var(--border);
color:var(--muted);
font-size:.82rem;
line-height:1.5;
}

.financing-hero-card-note .status-dot{
margin-top:5px;
flex:0 0 auto;
}

.financing-partner-slot{
min-height:82px;
margin-top:22px;
border:1px dashed var(--border);
border-radius:8px;
}

.financing-service-strip{
background:#fff;
border-bottom:1px solid var(--border);
box-shadow:0 8px 24px rgba(11,31,58,.04);
}

.financing-service-strip-grid{
min-height:72px;
display:grid;
grid-template-columns:repeat(4,1fr);
align-items:center;
text-align:center;
font-size:.8rem;
font-weight:800;
color:var(--navy);
}

.financing-service-strip-grid span{
padding:0 18px;
border-right:1px solid var(--border);
}

.financing-service-strip-grid span:last-child{
border-right:0;
}

.financing-steps{
background:#f7f9fb;
padding-top:100px;
padding-bottom:100px;
}

.financing-steps-heading{
margin-bottom:46px;
}

.financing-steps-heading>p{
max-width:520px;
color:var(--muted);
line-height:1.75;
}

.financing-step-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
}

.financing-step-card{
display:grid;
grid-template-columns:auto 1fr;
gap:22px;
align-items:start;
border:1px solid var(--border);
border-radius:var(--radius);
padding:28px;
background:#fff;
box-shadow:var(--shadow-soft);
position:relative;
overflow:hidden;
transition:transform .2s ease,box-shadow .2s ease;
}

.financing-step-card:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:3px;
background:linear-gradient(90deg,var(--gold),rgba(212,167,44,0));
}

.financing-step-card:hover{
transform:translateY(-3px);
box-shadow:var(--shadow);
}

.financing-step-number{
display:inline-grid;
place-items:center;
width:48px;
height:48px;
border-radius:50%;
background:var(--navy);
color:var(--gold2);
font-size:.75rem;
font-weight:900;
letter-spacing:.08em;
}

.financing-step-card h3{
font-size:1.5rem;
margin-bottom:9px;
}

.financing-step-card p{
color:var(--muted);
font-size:.92rem;
line-height:1.65;
margin-bottom:0;
}

.financing-projects{
background:#fff;
padding-top:94px;
padding-bottom:104px;
}

.financing-projects-heading{
max-width:820px;
margin-left:auto;
margin-right:auto;
margin-bottom:42px;
}

.financing-projects-heading p{
max-width:680px;
margin-left:auto;
margin-right:auto;
color:var(--muted);
}

.financing-project-grid{
display:grid;
grid-template-columns:1.18fr 1fr 1fr 1fr;
gap:16px;
}

.financing-project-card{
min-height:325px;
padding:24px;
display:flex;
flex-direction:column;
justify-content:flex-end;
position:relative;
overflow:hidden;
border-radius:10px;
background-size:cover;
background-position:center;
box-shadow:var(--shadow-soft);
color:#fff;
}

.financing-project-card:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(11,31,58,.04) 20%,rgba(11,31,58,.84) 100%);
}

.financing-project-card span,
.financing-project-card strong{
position:relative;
z-index:2;
}

.financing-project-card span{
font-size:.68rem;
font-weight:900;
letter-spacing:.16em;
color:var(--gold2);
margin-bottom:8px;
}

.financing-project-card strong{
font:700 1.55rem Georgia,"Times New Roman",serif;
}

.financing-project-roofing{
background-image:url('/assets/images/projects/project-roofing.webp'),linear-gradient(135deg,#687d90,#253c52);
}

.financing-project-solar{
background-image:url('/assets/images/projects/project-solar.webp'),linear-gradient(135deg,#71b5de,#1a4e7b);
}

.financing-project-remodeling{
background-image:url('/assets/images/projects/project-remodeling.webp'),linear-gradient(135deg,#e5d9cb,#8f765d);
}

.financing-project-construction{
background-image:url('/assets/images/projects/project-construction.webp'),linear-gradient(135deg,#c6cdd4,#52606d);
}

.financing-form-section{
padding:105px 0;
background:
radial-gradient(circle at 6% 18%,rgba(212,167,44,.12),transparent 28%),
linear-gradient(120deg,#07182d,#0b1f3a);
color:#fff;
position:relative;
overflow:hidden;
}

.financing-form-section:after{
content:"";
position:absolute;
width:430px;
height:430px;
border-radius:50%;
right:-170px;
bottom:-190px;
border:1px solid rgba(212,167,44,.22);
pointer-events:none;
}

.financing-form-grid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:.78fr 1.22fr;
gap:68px;
align-items:start;
}

.financing-form-copy{
position:sticky;
top:126px;
}

.financing-form-copy h2{
color:#fff;
font-size:clamp(2.5rem,4vw,4rem);
}

.financing-form-copy>p{
color:#d8e2ec;
font-size:1.02rem;
line-height:1.72;
}

.financing-disclaimer{
display:grid;
gap:8px;
padding:18px;
margin-top:28px;
border:1px solid rgba(212,167,44,.46);
background:rgba(255,255,255,.06);
border-radius:8px;
}

.financing-disclaimer strong{
color:#fff;
}

.financing-disclaimer span{
color:#d6e0ea;
font-size:.86rem;
line-height:1.55;
}

.financing-form-photo{
min-height:245px;
position:relative;
overflow:hidden;
margin-top:28px;
border-radius:var(--radius);
box-shadow:0 20px 44px rgba(0,0,0,.22);
background-image:
linear-gradient(180deg,rgba(11,31,58,.02) 28%,rgba(11,31,58,.82) 100%),
url('/assets/images/services/services-feature.webp'),
linear-gradient(135deg,#dfe5e9,#536f85);
background-size:cover;
background-position:center;
}

.financing-form-photo-caption{
position:absolute;
left:22px;
right:22px;
bottom:20px;
display:grid;
gap:7px;
}

.financing-form-photo-caption span{
color:var(--gold2);
font-size:.66rem;
font-weight:900;
letter-spacing:.16em;
}

.financing-form-photo-caption strong{
font:700 1.45rem Georgia,"Times New Roman",serif;
color:#fff;
line-height:1.18;
}

.financing-form{
background:#fff;
box-shadow:0 24px 65px rgba(0,0,0,.22);
border-top:4px solid var(--gold);
}

.financing-form .consent-row a{
color:var(--navy);
text-decoration:underline;
font-weight:800;
}

.financing-success-note{
margin:4px 0 0;
max-width:560px;
font-size:.86rem;
color:var(--muted);
}

.financing-bottom-cta{
padding:66px 0;
background:
linear-gradient(90deg,rgba(6,20,39,.96),rgba(11,31,58,.9)),
url('/assets/images/hero/hero-roofing.webp');
background-size:cover;
background-position:center 62%;
color:#fff;
}

.financing-bottom-cta-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
}

.financing-bottom-cta h2{
color:#fff;
margin-bottom:12px;
}

.financing-bottom-cta p{
max-width:680px;
color:#d9e3ec;
margin-bottom:0;
}

.financing-bottom-actions{
justify-content:flex-end;
flex:0 0 auto;
}

.financing-callout{
padding:28px 0;
background:#f7f3e8;
border-top:1px solid rgba(212,167,44,.24);
border-bottom:1px solid rgba(212,167,44,.24);
}

.financing-callout-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:28px;
}

.financing-callout-copy{
display:grid;
gap:4px;
}

.financing-callout-copy strong{
font-family:Georgia,"Times New Roman",serif;
font-size:1.55rem;
color:var(--navy);
}

.financing-callout-copy span{
color:var(--muted);
font-size:.92rem;
}

.financing-inline-cta{
display:flex;
align-items:center;
gap:10px;
margin-top:18px;
padding-top:16px;
border-top:1px solid var(--border);
font-size:.86rem;
color:var(--muted);
}

.financing-inline-cta a{
color:var(--navy);
font-weight:800;
text-decoration:none;
}

.financing-inline-cta a:hover{
color:var(--gold);
}

.privacy-page{
padding:88px 0 110px;
background:#fff;
}

.privacy-page .privacy-content{
max-width:860px;
margin:0 auto;
}

.privacy-page h1{
font-size:clamp(2.8rem,6vw,4.9rem);
}

.privacy-page h2{
font-size:1.7rem;
margin-top:36px;
}

.privacy-page p,
.privacy-page li{
color:var(--muted);
}

@media(max-width:1080px){
.financing-project-grid{
grid-template-columns:repeat(2,1fr);
}
.financing-project-card{
min-height:285px;
}
}

@media(max-width:960px){
.financing-hero{
min-height:auto;
}
.financing-hero-grid,
.financing-form-grid{
grid-template-columns:1fr;
}
.financing-hero-grid{
gap:38px;
align-items:start;
}
.financing-hero-copy{
max-width:780px;
}
.financing-hero-card{
max-width:620px;
}
.financing-form-copy{
position:static;
}
.financing-step-grid{
grid-template-columns:1fr 1fr;
}
.financing-bottom-cta-inner{
display:grid;
}
.financing-bottom-actions{
justify-content:flex-start;
}
}

@media(max-width:720px){
.financing-service-strip-grid{
grid-template-columns:1fr 1fr;
}
.financing-service-strip-grid span{
min-height:54px;
display:grid;
place-items:center;
border-bottom:1px solid var(--border);
}
.financing-service-strip-grid span:nth-child(2){
border-right:0;
}
.financing-service-strip-grid span:nth-child(3),
.financing-service-strip-grid span:nth-child(4){
border-bottom:0;
}
.financing-step-grid{
grid-template-columns:1fr;
}
}

@media(max-width:640px){
.financing-hero{
background-position:62% center;
}
.financing-hero-grid{
padding:72px 0 60px;
gap:30px;
}
.financing-hero-copy h1{
font-size:clamp(2.65rem,12vw,4.2rem);
}
.financing-hero-lead{
font-size:1rem;
}
.financing-hero-actions .btn{
width:100%;
}
.financing-hero-proof{
margin-top:30px;
display:grid;
grid-template-columns:1fr 1fr;
gap:10px 14px;
}
.financing-hero-card{
padding:24px;
}
.financing-hero-card h2{
font-size:1.72rem;
}
.financing-steps,
.financing-projects,
.financing-form-section{
padding-top:72px;
padding-bottom:72px;
}
.financing-steps-heading{
margin-bottom:32px;
}
.financing-step-card{
grid-template-columns:auto 1fr;
gap:16px;
padding:22px;
}
.financing-step-number{
width:42px;
height:42px;
}
.financing-project-grid{
grid-template-columns:1fr 1fr;
gap:12px;
}
.financing-project-card{
min-height:220px;
padding:18px;
}
.financing-project-card strong{
font-size:1.3rem;
}
.financing-form-grid{
gap:36px;
}
.financing-form-copy h2{
font-size:2.55rem;
}
.financing-form-photo{
min-height:220px;
}
.financing-bottom-cta{
padding:54px 0;
}
.financing-bottom-actions{
display:grid;
}
.financing-bottom-actions .btn{
width:100%;
}
.financing-callout-inner{
display:grid;
}
.financing-callout .btn{
width:100%;
}
.financing-inline-cta{
display:grid;
gap:4px;
}
}

@media(max-width:430px){
.financing-project-grid{
grid-template-columns:1fr;
}
.financing-project-card{
min-height:235px;
}
.financing-hero-proof{
grid-template-columns:1fr;
}
}