*{box-sizing:border-box}

body{
margin:0;
font-family:Arial,Helvetica,sans-serif;
color:#071c59;
background:#fff
}

header{
min-height:78px;
display:flex;
align-items:center;
gap:26px;
padding:12px max(4vw,20px);
border-bottom:1px solid #ddd;
position:sticky;
top:0;
background:white;
z-index:5
}

.brand{
font-family:Georgia,serif;
font-size:26px;
font-weight:700;
color:#073f6b;
text-decoration:none;
white-space:nowrap
}

.brand span{color:#d91f2a}

nav{
display:flex;
gap:20px;
margin-left:auto
}

nav a{
color:#071c59;
text-decoration:none;
font-size:14px
}

.call,.gold{
background:#d99100;
color:#fff;
text-decoration:none;
font-weight:800;
border-radius:6px;
padding:14px 18px;
white-space:nowrap
}

.hero{
min-height:520px;
padding:90px max(8vw,28px);
background:linear-gradient(120deg,#eef8ff,#fff7e4)
}

.eyebrow{
letter-spacing:2px;
font-weight:700
}

.hero h1{
font-family:Georgia,serif;
font-size:clamp(42px,6vw,76px);
margin:8px 0;
color:#071c59
}

.hero h2{
font-family:Georgia,serif;
font-size:clamp(22px,3vw,34px);
font-weight:500;
margin:0 0 24px
}

.hero>p:not(.eyebrow){
max-width:760px;
font-size:19px;
line-height:1.65
}

.actions{
display:flex;
gap:14px;
margin-top:30px;
flex-wrap:wrap
}

.outline{
border:2px solid #073f6b;
color:#073f6b;
text-decoration:none;
font-weight:800;
border-radius:6px;
padding:12px 18px
}

.next{
padding:45px max(8vw,28px)
}

footer{
background:#073f6b;
color:#fff;
padding:32px max(8vw,28px);
line-height:1.5
}

footer a{color:#ffc34d}

.email a{
color:#073f6b;
font-weight:700
}


/* ABOUT PAGE */

.about-hero h1{
max-width:950px
}

.about-hero h1 em{
font-weight:500
}

.about-section{
max-width:1100px;
padding-top:25px;
padding-bottom:25px
}

.about-section h2{
font-family:Georgia,serif;
font-size:clamp(28px,3.5vw,42px);
margin:0 0 14px;
color:#071c59
}

.about-section p{
max-width:900px;
font-size:19px;
line-height:1.65
}


/* RAPID QUALIFIER / FORMS */

.form-page{
padding:58px max(7vw,28px) 70px;
background:linear-gradient(120deg,#eef8ff,#fff7e4)
}

.form-intro{
max-width:850px;
margin:0 auto 30px
}

.form-intro h1{
font-family:Georgia,serif;
font-size:clamp(42px,6vw,68px);
margin:8px 0
}

.form-intro h2{
font-family:Georgia,serif;
font-size:clamp(22px,3vw,31px);
font-weight:500;
margin:0 0 18px
}

.form-intro>p:not(.eyebrow){
font-size:18px;
line-height:1.55
}

.phone-prompt a{
font-weight:800;
color:#073f6b
}

.qualifier-form{
max-width:950px;
margin:auto;
background:#fff;
padding:32px;
border-radius:12px;
box-shadow:0 8px 28px rgba(7,28,89,.10)
}

.form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:22px
}

.form-grid label{
display:flex;
flex-direction:column;
gap:8px;
font-weight:700;
color:#071c59
}

.form-grid label span{color:#b21f2d}

.form-grid input,
.form-grid select,
.form-grid textarea{
width:100%;
font:inherit;
color:#222;
background:#fff;
border:1px solid #aeb7c5;
border-radius:6px;
padding:13px
}

.form-grid textarea{resize:vertical}

.form-grid .full{
grid-column:1/-1
}

.privacy-note{
font-size:14px;
line-height:1.5;
background:#f5f8fb;
padding:12px 14px;
border-left:4px solid #073f6b
}

.submit-button{
border:0;
background:#d99100;
color:#fff;
font:inherit;
font-weight:800;
font-size:18px;
border-radius:6px;
padding:15px 22px;
cursor:pointer
}

.test-message{
margin-top:18px;
padding:14px;
background:#fff7df;
border:1px solid #e2bd55;
border-radius:6px;
line-height:1.5
}

.disclosure{
font-size:12px;
line-height:1.5;
color:#4e596b;
margin-top:22px
}


/* MOBILE */

@media(max-width:800px){

header{
flex-wrap:wrap;
gap:10px
}

.brand{
width:100%;
font-size:23px
}

nav{
order:3;
width:100%;
overflow:auto;
margin:0;
gap:15px
}

.call{
margin-left:auto;
padding:11px 13px
}

.hero{
padding-top:55px;
min-height:470px
}

.hero>p:not(.eyebrow){
font-size:17px
}

.about-section{
padding-top:20px;
padding-bottom:20px
}

.about-section p{
font-size:17px
}

}

@media(max-width:700px){

.form-page{
padding:38px 18px 50px
}

.qualifier-form{
padding:22px 18px
}

.form-grid{
grid-template-columns:1fr
}

.form-grid .full{
grid-column:auto
}

.submit-button{
width:100%
}

}/* TIGHTER ABOUT PAGE SPACING */
.about-hero{
min-height:0;
padding-top:45px;
padding-bottom:35px
}

.about-section{
padding-top:25px;
padding-bottom:25px
}/* LOAN OPTIONS PAGE */

.loan-hero{
min-height:0;
padding-top:45px;
padding-bottom:40px
}

.loan-hero h1{
max-width:1200px;
font-size:clamp(42px,5vw,64px)
}

.loan-hero>p:not(.eyebrow){
max-width:850px;
font-size:19px;
line-height:1.6
}

.loan-section{
max-width:1100px;
padding-top:25px;
padding-bottom:25px
}

.loan-section h2{
font-family:Georgia,serif;
font-size:clamp(28px,3.5vw,40px);
margin:0 0 14px;
color:#071c59
}

.loan-section p{
max-width:900px;
font-size:19px;
line-height:1.6
}

.loan-list{
max-width:900px;
font-size:18px;
line-height:1.55;
padding-left:28px
}

.loan-list li{
margin-bottom:12px
}

@media(max-width:800px){

.loan-hero{
padding-top:35px;
padding-bottom:30px
}

.loan-hero>p:not(.eyebrow){
font-size:17px
}

.loan-section{
padding-top:20px;
padding-bottom:20px
}

.loan-section p{
font-size:17px
}

.loan-list{
font-size:17px
}

}