.tag-lead-page,
.tag-lead-page *,
.tag-lead-page *::before,
.tag-lead-page *::after {
box-sizing: border-box;
}
.tag-lead-page {
--tag-navy: #15384f;
--tag-navy-deep: #0d293b;
--tag-accent: #a97732;
--tag-accent-dark: #87591f;
--tag-paper: #ffffff;
--tag-canvas: #f7f6f2;
--tag-sand: #f1ede4;
--tag-mist: #eef3f4;
--tag-ink: #243139;
--tag-muted: #617078;
--tag-border: #d9deda;
--tag-danger: #9a2727;
--tag-max: 1120px;
--tag-reading: 760px;
background: var(--tag-canvas);
color: var(--tag-ink);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
font-size: 17px;
line-height: 1.72;
margin: 0;
min-width: 0;
padding: 0 0 72px;
width: 100%;
}
.tag-lead-page img {
display: block;
height: auto;
max-width: 100%;
}
.tag-lead-page p,
.tag-lead-page ul,
.tag-lead-page ol,
.tag-lead-page blockquote {
margin-top: 0;
}
.tag-lead-page a {
color: var(--tag-navy);
}
.tag-lead-page a:focus-visible,
.tag-lead-page button:focus-visible,
.tag-lead-page input:focus-visible,
.tag-lead-page textarea:focus-visible,
.tag-lead-page select:focus-visible,
.tag-lead-page summary:focus-visible {
outline: 3px solid rgba(169, 119, 50, 0.38);
outline-offset: 3px;
}
.tag-lead-page h1,
.tag-lead-page h2,
.tag-lead-page h3 {
color: var(--tag-navy-deep);
font-family: Georgia, 'Times New Roman', serif;
font-weight: 700;
letter-spacing: -0.018em;
line-height: 1.18;
margin-top: 0;
}
.tag-lead-page h2 {
font-size: clamp(1.75rem, 3.5vw, 2.45rem);
margin-bottom: 16px;
}
.tag-lead-page h3 {
font-size: 1.25rem;
margin-bottom: 10px;
} .tag-lead-hero {
background: var(--tag-paper);
border-bottom: 1px solid var(--tag-border);
margin: 0;
padding: clamp(58px, 8vw, 96px) 24px clamp(52px, 7vw, 84px);
position: relative;
}
.tag-lead-hero::before {
background: var(--tag-accent);
content: '';
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.tag-lead-hero__inner {
margin: 0 auto;
max-width: var(--tag-max);
}
.tag-lead-eyebrow {
color: var(--tag-accent-dark);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.12em;
margin: 0 0 18px;
text-transform: uppercase;
}
.tag-lead-hero h1 {
color: var(--tag-navy-deep);
font-size: clamp(2.45rem, 6vw, 4.65rem);
letter-spacing: -0.035em;
margin-bottom: 22px;
max-width: 900px;
}
.tag-lead-hero__intro {
color: #46565e;
font-size: clamp(1.08rem, 2.1vw, 1.32rem);
line-height: 1.65;
margin: 0 0 30px;
max-width: 780px;
}
.tag-lead-actions {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 14px 18px;
}
.tag-lead-button {
align-items: center;
background: var(--tag-navy);
border: 2px solid var(--tag-navy);
border-radius: 4px;
color: #ffffff !important;
display: inline-flex;
font-size: 0.98rem;
font-weight: 750;
justify-content: center;
line-height: 1.2;
min-height: 50px;
padding: 13px 22px;
text-align: center;
text-decoration: none !important;
transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.tag-lead-button:hover {
background: var(--tag-navy-deep);
border-color: var(--tag-navy-deep);
transform: translateY(-1px);
}
.tag-lead-button--secondary {
background: transparent;
border-color: #8b999f;
color: var(--tag-navy) !important;
}
.tag-lead-button--secondary:hover {
background: var(--tag-mist);
border-color: var(--tag-navy);
}
.tag-lead-trust {
display: flex;
flex-wrap: wrap;
gap: 10px 0;
list-style: none;
margin: 30px 0 0;
padding: 0;
}
.tag-lead-trust li {
color: var(--tag-muted);
font-size: 0.9rem;
font-weight: 650;
margin-right: 20px;
padding-right: 20px;
position: relative;
}
.tag-lead-trust li:not(:last-child)::after {
color: #aeb8bc;
content: '•';
position: absolute;
right: 0;
} .tag-lead-section,
.tag-lead-final {
margin-left: auto;
margin-right: auto;
width: min(calc(100% - 48px), var(--tag-max));
}
.tag-lead-section {
margin-bottom: clamp(52px, 7vw, 82px);
margin-top: clamp(52px, 7vw, 82px);
}
.tag-lead-section--narrow {
width: min(calc(100% - 48px), var(--tag-reading));
}
.tag-lead-section__intro {
color: var(--tag-muted);
font-size: 1.06rem;
max-width: var(--tag-reading);
}
.tag-lead-grid {
display: grid;
gap: 22px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 30px;
}
.tag-lead-card {
background: var(--tag-paper);
border: 1px solid var(--tag-border);
border-top: 4px solid var(--tag-accent);
min-width: 0;
padding: 27px 26px 29px;
}
.tag-lead-card p:last-child,
.tag-lead-callout p:last-child,
.tag-lead-form-card p:last-child {
margin-bottom: 0;
}
.tag-lead-number {
color: var(--tag-accent-dark);
display: block;
font-size: 0.76rem;
font-weight: 850;
letter-spacing: 0.1em;
margin-bottom: 15px;
text-transform: uppercase;
}
.tag-lead-number::before {
content: 'Section ';
}
.tag-lead-split {
align-items: start;
display: grid;
gap: clamp(36px, 6vw, 72px);
grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
}
.tag-lead-split > div > p {
max-width: var(--tag-reading);
}
.tag-lead-callout {
background: var(--tag-sand);
border-left: 4px solid var(--tag-accent);
padding: 28px 30px;
}
.tag-lead-callout h2 {
font-size: clamp(1.5rem, 3vw, 2rem);
}
.tag-lead-verse {
border-bottom: 1px solid var(--tag-border);
border-top: 1px solid var(--tag-border);
color: var(--tag-navy-deep);
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(1.2rem, 2.7vw, 1.62rem);
font-style: italic;
font-weight: 400;
line-height: 1.55;
margin: 34px 0 0;
padding: 28px 8px;
text-align: left;
}
.tag-lead-verse cite {
color: var(--tag-muted);
display: block;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
font-size: 0.86rem;
font-style: normal;
font-weight: 700;
letter-spacing: 0.03em;
margin-top: 14px;
}
.tag-lead-checklist {
list-style: none;
margin: 20px 0 0;
padding: 0;
}
.tag-lead-checklist li {
border-bottom: 1px solid rgba(21, 56, 79, 0.12);
margin: 0;
padding: 11px 0 11px 28px;
position: relative;
}
.tag-lead-checklist li:last-child {
border-bottom: 0;
}
.tag-lead-checklist li::before {
color: var(--tag-accent-dark);
content: '✓';
font-weight: 900;
left: 0;
position: absolute;
top: 11px;
} .tag-lead-form-wrap {
scroll-margin-top: 32px;
}
.tag-lead-form-card {
background: var(--tag-paper);
border: 1px solid #cdd5d8;
box-shadow: 0 18px 42px rgba(13, 41, 59, 0.09);
margin: 0 auto;
max-width: 860px;
padding: clamp(28px, 5vw, 48px);
}
.tag-lead-form-card h2 {
font-size: clamp(1.8rem, 4vw, 2.55rem);
margin-bottom: 12px;
}
.tag-lead-form-note,
.tag-form-privacy,
.tag-form-security-note {
color: var(--tag-muted);
font-size: 0.86rem;
line-height: 1.55;
}
.tag-lead-form-card .frm_forms {
margin-top: 26px;
width: 100%;
}
.tag-lead-form-card .frm_form_field {
margin-bottom: 20px;
}
.tag-lead-form-card .frm_primary_label,
.tag-lead-form-card .frm_checkbox label,
.tag-lead-form-card .frm_radio label {
color: var(--tag-ink);
font-size: 0.94rem;
font-weight: 700;
}
.tag-lead-form-card input[type='text'],
.tag-lead-form-card input[type='email'],
.tag-lead-form-card input[type='tel'],
.tag-lead-form-card input[type='url'],
.tag-lead-form-card select,
.tag-lead-form-card textarea {
background: #ffffff;
border: 1px solid #aebbc0;
border-radius: 3px;
box-shadow: none;
color: var(--tag-ink);
font: inherit;
min-height: 50px;
padding: 12px 13px;
width: 100%;
}
.tag-lead-form-card input:focus,
.tag-lead-form-card select:focus,
.tag-lead-form-card textarea:focus {
border-color: var(--tag-navy);
box-shadow: 0 0 0 3px rgba(21, 56, 79, 0.12);
outline: 0;
}
.tag-lead-form-card textarea {
min-height: 150px;
resize: vertical;
}
.tag-lead-form-card .frm_submit {
margin-top: 8px;
}
.tag-lead-form-card .frm_button_submit,
.tag-lead-form-card button[type='submit'] {
background: var(--tag-navy) !important;
border: 2px solid var(--tag-navy) !important;
border-radius: 4px !important;
box-shadow: none !important;
color: #ffffff !important;
cursor: pointer;
font-size: 1rem !important;
font-weight: 750 !important;
min-height: 52px;
padding: 13px 24px !important;
width: 100%;
}
.tag-lead-form-card .frm_button_submit:hover,
.tag-lead-form-card button[type='submit']:hover {
background: var(--tag-navy-deep) !important;
border-color: var(--tag-navy-deep) !important;
}
.tag-lead-form-card .frm_error,
.tag-lead-form-card .frm_error_style {
color: var(--tag-danger);
}
.tag-lead-form-card .frm_error_style {
background: #fff4f4;
border: 1px solid #e3b9b9;
padding: 14px 16px;
} .tag-lead-resource-links {
border-top: 1px solid var(--tag-border);
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tag-lead-resource-links a {
align-items: center;
border-bottom: 1px solid var(--tag-border);
display: flex;
font-weight: 700;
justify-content: space-between;
min-height: 62px;
padding: 15px 18px 15px 0;
text-decoration: none;
}
.tag-lead-resource-links a:nth-child(odd) {
border-right: 1px solid var(--tag-border);
padding-right: 24px;
}
.tag-lead-resource-links a:nth-child(even) {
padding-left: 24px;
}
.tag-lead-resource-links a::after {
content: '→';
font-size: 1.15rem;
margin-left: 18px;
}
.tag-lead-resource-links a:hover {
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
.tag-lead-faq {
max-width: 900px;
}
.tag-lead-faq details {
border-bottom: 1px solid var(--tag-border);
margin: 0;
padding: 0;
}
.tag-lead-faq details:first-of-type {
border-top: 1px solid var(--tag-border);
}
.tag-lead-faq summary {
color: var(--tag-navy-deep);
cursor: pointer;
font-family: Georgia, 'Times New Roman', serif;
font-size: 1.08rem;
font-weight: 700;
list-style: none;
padding: 20px 42px 20px 0;
position: relative;
}
.tag-lead-faq summary::-webkit-details-marker {
display: none;
}
.tag-lead-faq summary::after {
content: '+';
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
font-size: 1.35rem;
font-weight: 400;
position: absolute;
right: 4px;
top: 17px;
}
.tag-lead-faq details[open] summary::after {
content: '−';
}
.tag-lead-faq details p {
max-width: var(--tag-reading);
padding-bottom: 20px;
} .tag-lead-final {
background: var(--tag-navy-deep);
color: rgba(255, 255, 255, 0.88);
margin-top: 0;
padding: clamp(38px, 6vw, 60px);
text-align: left;
}
.tag-lead-final h2 {
color: #ffffff;
max-width: 760px;
}
.tag-lead-final p {
max-width: 720px;
}
.tag-lead-final .tag-lead-button {
background: #ffffff;
border-color: #ffffff;
color: var(--tag-navy-deep) !important;
margin-top: 8px;
}
.tag-lead-final .tag-lead-button:hover {
background: var(--tag-sand);
border-color: var(--tag-sand);
}
.tag-lead-disclaimer {
background: #fff9ec;
border: 1px solid #dec99e;
color: #554a35;
font-size: 0.9rem;
margin-top: 18px;
padding: 15px 17px;
}
.tag-lead-hidden-admin-note {
display: none !important;
}
@media (max-width: 860px) {
.tag-lead-grid,
.tag-lead-split {
grid-template-columns: 1fr;
}
.tag-lead-card {
padding: 25px 24px 27px;
}
}
@media (max-width: 680px) {
.tag-lead-page {
font-size: 16px;
padding-bottom: 48px;
}
.tag-lead-hero {
padding-left: 20px;
padding-right: 20px;
}
.tag-lead-section,
.tag-lead-section--narrow,
.tag-lead-final {
width: min(calc(100% - 32px), var(--tag-max));
}
.tag-lead-actions {
align-items: stretch;
flex-direction: column;
}
.tag-lead-button {
width: 100%;
}
.tag-lead-trust {
display: block;
}
.tag-lead-trust li {
margin: 8px 0;
padding: 0;
}
.tag-lead-trust li:not(:last-child)::after {
display: none;
}
.tag-lead-resource-links {
grid-template-columns: 1fr;
}
.tag-lead-resource-links a,
.tag-lead-resource-links a:nth-child(odd),
.tag-lead-resource-links a:nth-child(even) {
border-right: 0;
padding-left: 0;
padding-right: 0;
}
.tag-lead-final {
padding: 34px 26px;
}
}
@media (prefers-reduced-motion: reduce) {
.tag-lead-page *,
.tag-lead-page *::before,
.tag-lead-page *::after {
scroll-behavior: auto !important;
transition: none !important;
}
}