.workflow-hero { padding: 138px 0 64px; background: #f7f7f0; }
.workflow-hero-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 4rem; align-items: center; }
.workflow-hero h1 { max-width: 650px; margin: 0 0 1.5rem; font-size: clamp(2.4rem, 4.1vw, 3.7rem); font-weight: 800; line-height: 1.12; letter-spacing: -.045em; }
.workflow-lead { max-width: 600px; color: var(--ink-soft); font-size: 1.1rem; }
.workflow-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.2rem; margin-top: 1.8rem; }
.workflow-actions .btn { text-align: center; }
.workflow-action-note { margin: 1rem 0; max-width: 560px; color: var(--ink-soft); font-size: .875rem; }
.workflow-person { display: flex; gap: .9rem; align-items: center; margin-top: 1.8rem; }
.workflow-person img { border-radius: 50%; object-fit: cover; object-position: center 25%; }
.workflow-person strong, .workflow-person span { display: block; }
.workflow-person strong { font-size: .9375rem; }
.workflow-person span { color: var(--ink-soft); font-size: .8125rem; }
.workflow-offer { background: white; border: 1px solid var(--line); border-top: 4px solid #ccac51; border-radius: 10px; padding: 2rem; }
.workflow-offer h2 { font-size: 1.8rem; font-weight: 800; letter-spacing: -.035em; }
.workflow-offer > p:not(.eyebrow):not(.workflow-price) { color: var(--ink-soft); }
.workflow-offer ul { padding-left: 1.2rem; margin: 1.25rem 0 1.5rem; }
.workflow-offer li { margin: .75rem 0; }
.workflow-price { display: flex; align-items: center; gap: .9rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.workflow-price strong { font-size: 1.8rem; }
.workflow-price span { font-size: .875rem; }
.workflow-terms { font-size: .8125rem; margin-bottom: 0; }
.workflow-evidence-grid { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 3rem; }
.workflow-evidence h2 { margin-bottom: 1.2rem; }
.workflow-evidence p:not(.eyebrow) { color: var(--ink-soft); }
.workflow-proof { display: block; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: var(--night); color: white; }
.workflow-proof:hover { color: #f4c75e; }
.workflow-proof img { display: block; width: 100%; height: auto; }
.workflow-proof > span { display: block; padding: 1.2rem; font-size: .875rem; font-weight: 700; }
.workflow-proof > span > span { margin-right: .6rem; }
.workflow-next { background: var(--surface); }
.workflow-steps { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; padding: 0; margin: 2.5rem 0; }
.workflow-steps li { border-top: 1px solid var(--line); padding-top: 1.2rem; }
.workflow-steps li > span { color: var(--accent-dark); font: .875rem monospace; }
.workflow-steps h3 { margin-top: .7rem; font-size: 1.2rem; font-weight: 700; }
.workflow-steps p { color: var(--ink-soft); font-size: .9375rem; }
.contact-offer-note { border-left: 3px solid #b9993d; padding: .8rem 1.1rem; margin: 1.2rem 0 1.6rem; background: #fff8e5; }
.contact-offer-note p { margin: .25rem 0; }
.contact-offer-note small { display: block; color: var(--ink-soft); }
@media (max-width: 991px) {
    .workflow-hero-grid { grid-template-columns: 1fr; gap: 2rem; }
    .workflow-hero { padding-top: 120px; }
    .workflow-evidence-grid { grid-template-columns: 1fr; gap: 2rem; }
}
@media (max-width: 600px) {
    .workflow-hero { padding-top: 108px; padding-bottom: 40px; }
    .workflow-offer { padding: 1.4rem; }
    .workflow-actions .btn { width: 100%; }
    .workflow-steps { grid-template-columns: 1fr; gap: 1rem; }
}
