html.theme-default {
--process-ink: #121212;
--process-ink-soft: rgba(18, 18, 18, 0.7);
--process-ink-quiet: rgba(18, 18, 18, 0.55);
--process-paper: #f7f7f7;
--process-rule: rgba(18, 18, 18, 0.12);
--editorial-accent-glow: rgba(204, 234, 139, 0.18);
--editorial-rule-strong: rgba(18, 18, 18, 0.25);
}
html.theme-dark {
--process-ink: #f8f8f8;
--process-ink-soft: rgba(248, 248, 248, 0.75);
--process-ink-quiet: rgba(248, 248, 248, 0.5);
--process-paper: #121212;
--process-rule: rgba(248, 248, 248, 0.15);
--editorial-accent-glow: rgba(204, 234, 139, 0.12);
--editorial-rule-strong: rgba(248, 248, 248, 0.3);
}
@keyframes hdl-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50%      { opacity: 0.4; transform: scale(0.85); }
}
[class*="module-leadgen-"] { color: var(--process-ink); } .hdl-mega { display: inline-flex; align-items: center; gap: 16px; padding: 22px 36px; background: var(--process-ink); color: var(--process-paper); border: 1px solid var(--process-ink); border-radius: 999px; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: clamp(18px, 1.6vw, 22px); letter-spacing: -0.005em; text-decoration: none; transition: transform 0.2s ease; }
.hdl-mega .arr { font-weight: 300; transition: transform 0.2s ease; }
.hdl-mega:hover .arr { transform: translateX(6px); }
.hdl-mega--accent { background: #CCEA8B; color: #121212; border-color: #CCEA8B; } .module-leadgen-hero { position: relative; overflow: hidden; }
.module-leadgen-hero .hero-glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 20%, var(--editorial-accent-glow), transparent 50%), radial-gradient(ellipse at 10% 80%, rgba(18,18,18,0.04), transparent 60%); pointer-events: none; z-index: 0; }
.module-leadgen-hero .container, .module-leadgen-hero .row, .module-leadgen-hero .col-12 { position: relative; z-index: 1; }
.module-leadgen-hero .stamp { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border: 1px solid var(--editorial-rule-strong); border-radius: 999px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink); margin: 0 0 28px; }
.module-leadgen-hero .stamp .dot { width: 8px; height: 8px; background: #CCEA8B; border-radius: 50%; animation: hdl-pulse 2.4s ease-in-out infinite; }
.module-leadgen-hero h1 { margin: 0 0 28px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(56px, 10vw, 160px); letter-spacing: -0.045em; line-height: 0.88; max-width: 12ch; color: var(--process-ink); }
.module-leadgen-hero .sub { margin: 0 0 36px; color: var(--process-ink-soft); max-width: 800px; }
.module-leadgen-hero .cta-row { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-bottom: 32px; }
.module-leadgen-hero .cta-meta { margin: 0; color: var(--process-ink-quiet); max-width: 800px; }
.module-leadgen-hero .scroll-cue { display: inline-flex; align-items: center; gap: 10px; margin-top: 24px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); text-decoration: none; }
.module-leadgen-hero .scroll-cue .line { width: 48px; height: 1px; background: currentColor; } .module-leadgen-problem .sec-num, .module-leadgen-solution .sec-num, .module-leadgen-offer .sec-num, .module-leadgen-action .sec-num { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; color: var(--process-ink-quiet); margin: 0 0 24px; }
.module-leadgen-problem .sec-h, .module-leadgen-solution .sec-h, .module-leadgen-offer .sec-h, .module-leadgen-action .sec-h { margin: 0 0 40px; font-family: "Neue Haas Grotesk Display Pro Light", sans-serif; font-weight: 300; font-size: clamp(36px, 5.5vw, 72px); letter-spacing: -0.03em; line-height: 0.96; max-width: 22ch; color: var(--process-ink); }
.module-leadgen-problem .sec-body, .module-leadgen-solution .sec-body, .module-leadgen-offer .sec-body, .module-leadgen-action .sec-body { display: grid; gap: 20px; max-width: 800px; }
.module-leadgen-problem .sec-body p, .module-leadgen-solution .sec-body p, .module-leadgen-offer .sec-body p, .module-leadgen-action .sec-body p { margin: 0; color: var(--process-ink-soft); }
.module-leadgen-problem .sec-body p.is-lift, .module-leadgen-solution .sec-body p.is-lift, .module-leadgen-offer .sec-body p.is-lift, .module-leadgen-action .sec-body p.is-lift { color: var(--process-ink); font-weight: 400; max-width: 800px; } .module-leadgen-problem .stat-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 64px; border-top: 1px solid var(--process-rule); }
.module-leadgen-problem .stat-cell { padding: 28px 24px 28px 20px; border-right: 1px solid var(--process-rule); }
.module-leadgen-problem .stat-cell:last-child { border-right: 0; }
.module-leadgen-problem .stat-big { font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(36px, 4vw, 56px); letter-spacing: -0.025em; line-height: 1; margin: 0 0 12px; color: var(--process-ink); }
.module-leadgen-problem .stat-big .strike { text-decoration: line-through; text-decoration-thickness: 1px; text-decoration-color: var(--process-ink-quiet); opacity: 0.65; }
.module-leadgen-problem .stat-big .arrow { opacity: 0.4; padding: 0 8px; }
.module-leadgen-problem .stat-lab { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); line-height: 1.4; margin: 0; }
@media (max-width: 991px) { .module-leadgen-problem .stat-strip { grid-template-columns: 1fr 1fr; } } .module-leadgen-solution .tools { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }
.module-leadgen-solution .tool { padding: 32px; border: 1px solid var(--process-rule); }
.module-leadgen-solution .tool__mark { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--process-ink); color: var(--process-paper); border-radius: 50%; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 13px; font-weight: 500; margin-bottom: 24px; }
.module-leadgen-solution .tool__name { font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: 26px; letter-spacing: -0.015em; margin: 0 0 8px; color: var(--process-ink); }
.module-leadgen-solution .tool__role { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 16px; }
.module-leadgen-solution .tool__desc { margin: 0; color: var(--process-ink-soft); }
@media (max-width: 991px) { .module-leadgen-solution .tools { grid-template-columns: 1fr; } } .module-leadgen-proof { text-align: center; }
.module-leadgen-proof .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 32px; }
.module-leadgen-proof .logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--process-rule); border-bottom: 1px solid var(--process-rule); }
.module-leadgen-proof .logos > .logo { padding: 28px 16px; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 500; font-size: 17px; letter-spacing: -0.005em; border-right: 1px solid var(--process-rule); border-bottom: 1px solid var(--process-rule); color: var(--process-ink); opacity: 0.85; }
.module-leadgen-proof .logos > .logo img { max-height: 32px; width: auto; }
.module-leadgen-proof .logos > .logo:nth-child(4n) { border-right: 0; }
.module-leadgen-proof .logos > .logo:nth-last-child(-n+4) { border-bottom: 0; }
.module-leadgen-proof .caption { margin: 24px auto 0; max-width: 800px; color: var(--process-ink-quiet); }
@media (max-width: 991px) {
.module-leadgen-proof .logos { grid-template-columns: 1fr 1fr; }
.module-leadgen-proof .logos > .logo { border-right: 1px solid var(--process-rule); }
.module-leadgen-proof .logos > .logo:nth-child(2n) { border-right: 0; }
} .module-leadgen-offer .offer-card { background: #121212; color: #f8f8f8; padding: clamp(48px, 7vh, 80px) clamp(28px, 5vw, 80px); margin-top: 56px; position: relative; overflow: hidden; }
.module-leadgen-offer .offer-card::before { content: ""; position: absolute; top: -40%; right: -10%; width: 60%; height: 200%; background: radial-gradient(ellipse at center, rgba(204,234,139,0.12), transparent 60%); pointer-events: none; }
.module-leadgen-offer .offer-card > * { position: relative; }
.module-leadgen-offer .offer-price { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(248,248,248,0.6); margin: 0 0 24px; display: inline-flex; align-items: center; gap: 12px; }
.module-leadgen-offer .offer-price .dot { width: 8px; height: 8px; background: #CCEA8B; }
.module-leadgen-offer .offer-h { margin: 0 0 28px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(32px, 4.5vw, 56px); letter-spacing: -0.03em; line-height: 1; max-width: 22ch; color: #f8f8f8; }
.module-leadgen-offer .offer-h .accent { color: #CCEA8B; }
.module-leadgen-offer .offer-body { display: grid; gap: 16px; max-width: 800px; }
.module-leadgen-offer .offer-body p { margin: 0; color: rgba(248,248,248,0.88); }
.module-leadgen-offer .offer-cta { margin-top: 32px; }
.module-leadgen-offer .offer-cta .hdl-mega { background: #CCEA8B; color: #121212; border-color: #CCEA8B; } .module-leadgen-action .action-lift { font-family: "Neue Haas Grotesk Display Pro Light", sans-serif; font-weight: 300; font-size: clamp(26px, 3.2vw, 40px); letter-spacing: -0.02em; line-height: 1.15; max-width: 800px; margin: 0 0 32px; color: var(--process-ink); } .module-leadgen-final-cta { position: relative; overflow: hidden; text-align: center; }
.module-leadgen-final-cta .glow { position: absolute; inset: 0; background: radial-gradient(ellipse at center, var(--editorial-accent-glow), transparent 65%); pointer-events: none; }
.module-leadgen-final-cta .container, .module-leadgen-final-cta .row, .module-leadgen-final-cta .col-12 { position: relative; z-index: 1; }
.module-leadgen-final-cta h2 { margin: 0 0 24px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(48px, 8vw, 110px); letter-spacing: -0.04em; line-height: 0.92; color: var(--process-ink); }
.module-leadgen-final-cta p { margin: 0 auto 48px; max-width: 800px; color: var(--process-ink-soft); } .module-leadgen-deeper .eyebrow, .module-tack-deeper .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 32px; }
.module-leadgen-deeper .deeper-grid, .module-tack-deeper .deeper-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.module-leadgen-deeper .deeper-card, .module-tack-deeper .deeper-card { padding: 32px; border: 1px solid var(--process-rule); text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: 14px; transition: border-color 0.2s ease; }
.module-leadgen-deeper .deeper-card:hover, .module-tack-deeper .deeper-card:hover { border-color: var(--process-ink); }
.module-leadgen-deeper .deeper-card .tag, .module-tack-deeper .deeper-card .tag { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); }
.module-leadgen-deeper .deeper-card .h, .module-tack-deeper .deeper-card .h { margin: 0; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: 22px; letter-spacing: -0.01em; line-height: 1.2; color: var(--process-ink); }
.module-leadgen-deeper .deeper-card .desc, .module-tack-deeper .deeper-card .desc { margin: 0; color: var(--process-ink-soft); flex: 1; font-size: 14px; line-height: 1.5; }
.module-leadgen-deeper .deeper-card .arr, .module-tack-deeper .deeper-card .arr { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); transition: transform 0.2s ease; }
.module-leadgen-deeper .deeper-card:hover .arr, .module-tack-deeper .deeper-card:hover .arr { color: var(--process-ink); transform: translateX(4px); }
@media (max-width: 991px) { .module-leadgen-deeper .deeper-grid, .module-tack-deeper .deeper-grid { grid-template-columns: 1fr; } }html.theme-default {
--process-ink: #121212;
--process-ink-soft: rgba(18, 18, 18, 0.7);
--process-ink-quiet: rgba(18, 18, 18, 0.55);
--process-paper: #f7f7f7;
--process-rule: rgba(18, 18, 18, 0.12);
--editorial-accent-glow: rgba(204, 234, 139, 0.18);
--editorial-rule-strong: rgba(18, 18, 18, 0.25);
}
html.theme-dark {
--process-ink: #f8f8f8;
--process-ink-soft: rgba(248, 248, 248, 0.75);
--process-ink-quiet: rgba(248, 248, 248, 0.5);
--process-paper: #121212;
--process-rule: rgba(248, 248, 248, 0.15);
--editorial-accent-glow: rgba(204, 234, 139, 0.12);
--editorial-rule-strong: rgba(248, 248, 248, 0.3);
}
@keyframes hdl-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50%      { opacity: 0.4; transform: scale(0.85); }
}
[class*="module-leadgen-"] { color: var(--process-ink); } .hdl-mega { display: inline-flex; align-items: center; gap: 16px; padding: 22px 36px; background: var(--process-ink); color: var(--process-paper); border: 1px solid var(--process-ink); border-radius: 999px; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: clamp(18px, 1.6vw, 22px); letter-spacing: -0.005em; text-decoration: none; transition: transform 0.2s ease; }
.hdl-mega .arr { font-weight: 300; transition: transform 0.2s ease; }
.hdl-mega:hover .arr { transform: translateX(6px); }
.hdl-mega--accent { background: #CCEA8B; color: #121212; border-color: #CCEA8B; } .module-leadgen-hero { position: relative; overflow: hidden; }
.module-leadgen-hero .hero-glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 20%, var(--editorial-accent-glow), transparent 50%), radial-gradient(ellipse at 10% 80%, rgba(18,18,18,0.04), transparent 60%); pointer-events: none; z-index: 0; }
.module-leadgen-hero .container, .module-leadgen-hero .row, .module-leadgen-hero .col-12 { position: relative; z-index: 1; }
.module-leadgen-hero .stamp { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border: 1px solid var(--editorial-rule-strong); border-radius: 999px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink); margin: 0 0 28px; }
.module-leadgen-hero .stamp .dot { width: 8px; height: 8px; background: #CCEA8B; border-radius: 50%; animation: hdl-pulse 2.4s ease-in-out infinite; }
.module-leadgen-hero h1 { margin: 0 0 28px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(56px, 10vw, 160px); letter-spacing: -0.045em; line-height: 0.88; max-width: 12ch; color: var(--process-ink); }
.module-leadgen-hero .sub { margin: 0 0 36px; color: var(--process-ink-soft); max-width: 800px; }
.module-leadgen-hero .cta-row { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-bottom: 32px; }
.module-leadgen-hero .cta-meta { margin: 0; color: var(--process-ink-quiet); max-width: 800px; }
.module-leadgen-hero .scroll-cue { display: inline-flex; align-items: center; gap: 10px; margin-top: 24px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); text-decoration: none; }
.module-leadgen-hero .scroll-cue .line { width: 48px; height: 1px; background: currentColor; } .module-leadgen-problem .sec-num, .module-leadgen-solution .sec-num, .module-leadgen-offer .sec-num, .module-leadgen-action .sec-num { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; color: var(--process-ink-quiet); margin: 0 0 24px; }
.module-leadgen-problem .sec-h, .module-leadgen-solution .sec-h, .module-leadgen-offer .sec-h, .module-leadgen-action .sec-h { margin: 0 0 40px; font-family: "Neue Haas Grotesk Display Pro Light", sans-serif; font-weight: 300; font-size: clamp(36px, 5.5vw, 72px); letter-spacing: -0.03em; line-height: 0.96; max-width: 22ch; color: var(--process-ink); }
.module-leadgen-problem .sec-body, .module-leadgen-solution .sec-body, .module-leadgen-offer .sec-body, .module-leadgen-action .sec-body { display: grid; gap: 20px; max-width: 800px; }
.module-leadgen-problem .sec-body p, .module-leadgen-solution .sec-body p, .module-leadgen-offer .sec-body p, .module-leadgen-action .sec-body p { margin: 0; color: var(--process-ink-soft); }
.module-leadgen-problem .sec-body p.is-lift, .module-leadgen-solution .sec-body p.is-lift, .module-leadgen-offer .sec-body p.is-lift, .module-leadgen-action .sec-body p.is-lift { color: var(--process-ink); font-weight: 400; max-width: 800px; } .module-leadgen-problem .stat-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 64px; border-top: 1px solid var(--process-rule); }
.module-leadgen-problem .stat-cell { padding: 28px 24px 28px 20px; border-right: 1px solid var(--process-rule); }
.module-leadgen-problem .stat-cell:last-child { border-right: 0; }
.module-leadgen-problem .stat-big { font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(36px, 4vw, 56px); letter-spacing: -0.025em; line-height: 1; margin: 0 0 12px; color: var(--process-ink); }
.module-leadgen-problem .stat-big .strike { text-decoration: line-through; text-decoration-thickness: 1px; text-decoration-color: var(--process-ink-quiet); opacity: 0.65; }
.module-leadgen-problem .stat-big .arrow { opacity: 0.4; padding: 0 8px; }
.module-leadgen-problem .stat-lab { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); line-height: 1.4; margin: 0; }
@media (max-width: 991px) { .module-leadgen-problem .stat-strip { grid-template-columns: 1fr 1fr; } } .module-leadgen-solution .tools { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }
.module-leadgen-solution .tool { padding: 32px; border: 1px solid var(--process-rule); }
.module-leadgen-solution .tool__mark { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--process-ink); color: var(--process-paper); border-radius: 50%; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 13px; font-weight: 500; margin-bottom: 24px; }
.module-leadgen-solution .tool__name { font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: 26px; letter-spacing: -0.015em; margin: 0 0 8px; color: var(--process-ink); }
.module-leadgen-solution .tool__role { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 16px; }
.module-leadgen-solution .tool__desc { margin: 0; color: var(--process-ink-soft); }
@media (max-width: 991px) { .module-leadgen-solution .tools { grid-template-columns: 1fr; } } .module-leadgen-proof { text-align: center; }
.module-leadgen-proof .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 32px; }
.module-leadgen-proof .logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--process-rule); border-bottom: 1px solid var(--process-rule); }
.module-leadgen-proof .logos > .logo { padding: 28px 16px; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 500; font-size: 17px; letter-spacing: -0.005em; border-right: 1px solid var(--process-rule); border-bottom: 1px solid var(--process-rule); color: var(--process-ink); opacity: 0.85; }
.module-leadgen-proof .logos > .logo img { max-height: 32px; width: auto; }
.module-leadgen-proof .logos > .logo:nth-child(4n) { border-right: 0; }
.module-leadgen-proof .logos > .logo:nth-last-child(-n+4) { border-bottom: 0; }
.module-leadgen-proof .caption { margin: 24px auto 0; max-width: 800px; color: var(--process-ink-quiet); }
@media (max-width: 991px) {
.module-leadgen-proof .logos { grid-template-columns: 1fr 1fr; }
.module-leadgen-proof .logos > .logo { border-right: 1px solid var(--process-rule); }
.module-leadgen-proof .logos > .logo:nth-child(2n) { border-right: 0; }
} .module-leadgen-offer .offer-card { background: #121212; color: #f8f8f8; padding: clamp(48px, 7vh, 80px) clamp(28px, 5vw, 80px); margin-top: 56px; position: relative; overflow: hidden; }
.module-leadgen-offer .offer-card::before { content: ""; position: absolute; top: -40%; right: -10%; width: 60%; height: 200%; background: radial-gradient(ellipse at center, rgba(204,234,139,0.12), transparent 60%); pointer-events: none; }
.module-leadgen-offer .offer-card > * { position: relative; }
.module-leadgen-offer .offer-price { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(248,248,248,0.6); margin: 0 0 24px; display: inline-flex; align-items: center; gap: 12px; }
.module-leadgen-offer .offer-price .dot { width: 8px; height: 8px; background: #CCEA8B; }
.module-leadgen-offer .offer-h { margin: 0 0 28px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(32px, 4.5vw, 56px); letter-spacing: -0.03em; line-height: 1; max-width: 22ch; color: #f8f8f8; }
.module-leadgen-offer .offer-h .accent { color: #CCEA8B; }
.module-leadgen-offer .offer-body { display: grid; gap: 16px; max-width: 800px; }
.module-leadgen-offer .offer-body p { margin: 0; color: rgba(248,248,248,0.88); }
.module-leadgen-offer .offer-cta { margin-top: 32px; }
.module-leadgen-offer .offer-cta .hdl-mega { background: #CCEA8B; color: #121212; border-color: #CCEA8B; } .module-leadgen-action .action-lift { font-family: "Neue Haas Grotesk Display Pro Light", sans-serif; font-weight: 300; font-size: clamp(26px, 3.2vw, 40px); letter-spacing: -0.02em; line-height: 1.15; max-width: 800px; margin: 0 0 32px; color: var(--process-ink); } .module-leadgen-final-cta { position: relative; overflow: hidden; text-align: center; }
.module-leadgen-final-cta .glow { position: absolute; inset: 0; background: radial-gradient(ellipse at center, var(--editorial-accent-glow), transparent 65%); pointer-events: none; }
.module-leadgen-final-cta .container, .module-leadgen-final-cta .row, .module-leadgen-final-cta .col-12 { position: relative; z-index: 1; }
.module-leadgen-final-cta h2 { margin: 0 0 24px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(48px, 8vw, 110px); letter-spacing: -0.04em; line-height: 0.92; color: var(--process-ink); }
.module-leadgen-final-cta p { margin: 0 auto 48px; max-width: 800px; color: var(--process-ink-soft); } .module-leadgen-deeper .eyebrow, .module-tack-deeper .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 32px; }
.module-leadgen-deeper .deeper-grid, .module-tack-deeper .deeper-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.module-leadgen-deeper .deeper-card, .module-tack-deeper .deeper-card { padding: 32px; border: 1px solid var(--process-rule); text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: 14px; transition: border-color 0.2s ease; }
.module-leadgen-deeper .deeper-card:hover, .module-tack-deeper .deeper-card:hover { border-color: var(--process-ink); }
.module-leadgen-deeper .deeper-card .tag, .module-tack-deeper .deeper-card .tag { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); }
.module-leadgen-deeper .deeper-card .h, .module-tack-deeper .deeper-card .h { margin: 0; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: 22px; letter-spacing: -0.01em; line-height: 1.2; color: var(--process-ink); }
.module-leadgen-deeper .deeper-card .desc, .module-tack-deeper .deeper-card .desc { margin: 0; color: var(--process-ink-soft); flex: 1; font-size: 14px; line-height: 1.5; }
.module-leadgen-deeper .deeper-card .arr, .module-tack-deeper .deeper-card .arr { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); transition: transform 0.2s ease; }
.module-leadgen-deeper .deeper-card:hover .arr, .module-tack-deeper .deeper-card:hover .arr { color: var(--process-ink); transform: translateX(4px); }
@media (max-width: 991px) { .module-leadgen-deeper .deeper-grid, .module-tack-deeper .deeper-grid { grid-template-columns: 1fr; } }html.theme-default {
--process-ink: #121212;
--process-ink-soft: rgba(18, 18, 18, 0.7);
--process-ink-quiet: rgba(18, 18, 18, 0.55);
--process-paper: #f7f7f7;
--process-rule: rgba(18, 18, 18, 0.12);
--editorial-accent-glow: rgba(204, 234, 139, 0.18);
--editorial-rule-strong: rgba(18, 18, 18, 0.25);
}
html.theme-dark {
--process-ink: #f8f8f8;
--process-ink-soft: rgba(248, 248, 248, 0.75);
--process-ink-quiet: rgba(248, 248, 248, 0.5);
--process-paper: #121212;
--process-rule: rgba(248, 248, 248, 0.15);
--editorial-accent-glow: rgba(204, 234, 139, 0.12);
--editorial-rule-strong: rgba(248, 248, 248, 0.3);
}
@keyframes hdl-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50%      { opacity: 0.4; transform: scale(0.85); }
}
[class*="module-leadgen-"] { color: var(--process-ink); } .hdl-mega { display: inline-flex; align-items: center; gap: 16px; padding: 22px 36px; background: var(--process-ink); color: var(--process-paper); border: 1px solid var(--process-ink); border-radius: 999px; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: clamp(18px, 1.6vw, 22px); letter-spacing: -0.005em; text-decoration: none; transition: transform 0.2s ease; }
.hdl-mega .arr { font-weight: 300; transition: transform 0.2s ease; }
.hdl-mega:hover .arr { transform: translateX(6px); }
.hdl-mega--accent { background: #CCEA8B; color: #121212; border-color: #CCEA8B; } .module-leadgen-hero { position: relative; overflow: hidden; }
.module-leadgen-hero .hero-glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 20%, var(--editorial-accent-glow), transparent 50%), radial-gradient(ellipse at 10% 80%, rgba(18,18,18,0.04), transparent 60%); pointer-events: none; z-index: 0; }
.module-leadgen-hero .container, .module-leadgen-hero .row, .module-leadgen-hero .col-12 { position: relative; z-index: 1; }
.module-leadgen-hero .stamp { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border: 1px solid var(--editorial-rule-strong); border-radius: 999px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink); margin: 0 0 28px; }
.module-leadgen-hero .stamp .dot { width: 8px; height: 8px; background: #CCEA8B; border-radius: 50%; animation: hdl-pulse 2.4s ease-in-out infinite; }
.module-leadgen-hero h1 { margin: 0 0 28px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(56px, 10vw, 160px); letter-spacing: -0.045em; line-height: 0.88; max-width: 12ch; color: var(--process-ink); }
.module-leadgen-hero .sub { margin: 0 0 36px; color: var(--process-ink-soft); max-width: 800px; }
.module-leadgen-hero .cta-row { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-bottom: 32px; }
.module-leadgen-hero .cta-meta { margin: 0; color: var(--process-ink-quiet); max-width: 800px; }
.module-leadgen-hero .scroll-cue { display: inline-flex; align-items: center; gap: 10px; margin-top: 24px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); text-decoration: none; }
.module-leadgen-hero .scroll-cue .line { width: 48px; height: 1px; background: currentColor; } .module-leadgen-problem .sec-num, .module-leadgen-solution .sec-num, .module-leadgen-offer .sec-num, .module-leadgen-action .sec-num { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; color: var(--process-ink-quiet); margin: 0 0 24px; }
.module-leadgen-problem .sec-h, .module-leadgen-solution .sec-h, .module-leadgen-offer .sec-h, .module-leadgen-action .sec-h { margin: 0 0 40px; font-family: "Neue Haas Grotesk Display Pro Light", sans-serif; font-weight: 300; font-size: clamp(36px, 5.5vw, 72px); letter-spacing: -0.03em; line-height: 0.96; max-width: 22ch; color: var(--process-ink); }
.module-leadgen-problem .sec-body, .module-leadgen-solution .sec-body, .module-leadgen-offer .sec-body, .module-leadgen-action .sec-body { display: grid; gap: 20px; max-width: 800px; }
.module-leadgen-problem .sec-body p, .module-leadgen-solution .sec-body p, .module-leadgen-offer .sec-body p, .module-leadgen-action .sec-body p { margin: 0; color: var(--process-ink-soft); }
.module-leadgen-problem .sec-body p.is-lift, .module-leadgen-solution .sec-body p.is-lift, .module-leadgen-offer .sec-body p.is-lift, .module-leadgen-action .sec-body p.is-lift { color: var(--process-ink); font-weight: 400; max-width: 800px; } .module-leadgen-problem .stat-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 64px; border-top: 1px solid var(--process-rule); }
.module-leadgen-problem .stat-cell { padding: 28px 24px 28px 20px; border-right: 1px solid var(--process-rule); }
.module-leadgen-problem .stat-cell:last-child { border-right: 0; }
.module-leadgen-problem .stat-big { font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(36px, 4vw, 56px); letter-spacing: -0.025em; line-height: 1; margin: 0 0 12px; color: var(--process-ink); }
.module-leadgen-problem .stat-big .strike { text-decoration: line-through; text-decoration-thickness: 1px; text-decoration-color: var(--process-ink-quiet); opacity: 0.65; }
.module-leadgen-problem .stat-big .arrow { opacity: 0.4; padding: 0 8px; }
.module-leadgen-problem .stat-lab { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); line-height: 1.4; margin: 0; }
@media (max-width: 991px) { .module-leadgen-problem .stat-strip { grid-template-columns: 1fr 1fr; } } .module-leadgen-solution .tools { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }
.module-leadgen-solution .tool { padding: 32px; border: 1px solid var(--process-rule); }
.module-leadgen-solution .tool__mark { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--process-ink); color: var(--process-paper); border-radius: 50%; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 13px; font-weight: 500; margin-bottom: 24px; }
.module-leadgen-solution .tool__name { font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: 26px; letter-spacing: -0.015em; margin: 0 0 8px; color: var(--process-ink); }
.module-leadgen-solution .tool__role { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 16px; }
.module-leadgen-solution .tool__desc { margin: 0; color: var(--process-ink-soft); }
@media (max-width: 991px) { .module-leadgen-solution .tools { grid-template-columns: 1fr; } } .module-leadgen-proof { text-align: center; }
.module-leadgen-proof .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 32px; }
.module-leadgen-proof .logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--process-rule); border-bottom: 1px solid var(--process-rule); }
.module-leadgen-proof .logos > .logo { padding: 28px 16px; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 500; font-size: 17px; letter-spacing: -0.005em; border-right: 1px solid var(--process-rule); border-bottom: 1px solid var(--process-rule); color: var(--process-ink); opacity: 0.85; }
.module-leadgen-proof .logos > .logo img { max-height: 32px; width: auto; }
.module-leadgen-proof .logos > .logo:nth-child(4n) { border-right: 0; }
.module-leadgen-proof .logos > .logo:nth-last-child(-n+4) { border-bottom: 0; }
.module-leadgen-proof .caption { margin: 24px auto 0; max-width: 800px; color: var(--process-ink-quiet); }
@media (max-width: 991px) {
.module-leadgen-proof .logos { grid-template-columns: 1fr 1fr; }
.module-leadgen-proof .logos > .logo { border-right: 1px solid var(--process-rule); }
.module-leadgen-proof .logos > .logo:nth-child(2n) { border-right: 0; }
} .module-leadgen-offer .offer-card { background: #121212; color: #f8f8f8; padding: clamp(48px, 7vh, 80px) clamp(28px, 5vw, 80px); margin-top: 56px; position: relative; overflow: hidden; }
.module-leadgen-offer .offer-card::before { content: ""; position: absolute; top: -40%; right: -10%; width: 60%; height: 200%; background: radial-gradient(ellipse at center, rgba(204,234,139,0.12), transparent 60%); pointer-events: none; }
.module-leadgen-offer .offer-card > * { position: relative; }
.module-leadgen-offer .offer-price { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(248,248,248,0.6); margin: 0 0 24px; display: inline-flex; align-items: center; gap: 12px; }
.module-leadgen-offer .offer-price .dot { width: 8px; height: 8px; background: #CCEA8B; }
.module-leadgen-offer .offer-h { margin: 0 0 28px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(32px, 4.5vw, 56px); letter-spacing: -0.03em; line-height: 1; max-width: 22ch; color: #f8f8f8; }
.module-leadgen-offer .offer-h .accent { color: #CCEA8B; }
.module-leadgen-offer .offer-body { display: grid; gap: 16px; max-width: 800px; }
.module-leadgen-offer .offer-body p { margin: 0; color: rgba(248,248,248,0.88); }
.module-leadgen-offer .offer-cta { margin-top: 32px; }
.module-leadgen-offer .offer-cta .hdl-mega { background: #CCEA8B; color: #121212; border-color: #CCEA8B; } .module-leadgen-action .action-lift { font-family: "Neue Haas Grotesk Display Pro Light", sans-serif; font-weight: 300; font-size: clamp(26px, 3.2vw, 40px); letter-spacing: -0.02em; line-height: 1.15; max-width: 800px; margin: 0 0 32px; color: var(--process-ink); } .module-leadgen-final-cta { position: relative; overflow: hidden; text-align: center; }
.module-leadgen-final-cta .glow { position: absolute; inset: 0; background: radial-gradient(ellipse at center, var(--editorial-accent-glow), transparent 65%); pointer-events: none; }
.module-leadgen-final-cta .container, .module-leadgen-final-cta .row, .module-leadgen-final-cta .col-12 { position: relative; z-index: 1; }
.module-leadgen-final-cta h2 { margin: 0 0 24px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(48px, 8vw, 110px); letter-spacing: -0.04em; line-height: 0.92; color: var(--process-ink); }
.module-leadgen-final-cta p { margin: 0 auto 48px; max-width: 800px; color: var(--process-ink-soft); } .module-leadgen-deeper .eyebrow, .module-tack-deeper .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 32px; }
.module-leadgen-deeper .deeper-grid, .module-tack-deeper .deeper-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.module-leadgen-deeper .deeper-card, .module-tack-deeper .deeper-card { padding: 32px; border: 1px solid var(--process-rule); text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: 14px; transition: border-color 0.2s ease; }
.module-leadgen-deeper .deeper-card:hover, .module-tack-deeper .deeper-card:hover { border-color: var(--process-ink); }
.module-leadgen-deeper .deeper-card .tag, .module-tack-deeper .deeper-card .tag { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); }
.module-leadgen-deeper .deeper-card .h, .module-tack-deeper .deeper-card .h { margin: 0; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: 22px; letter-spacing: -0.01em; line-height: 1.2; color: var(--process-ink); }
.module-leadgen-deeper .deeper-card .desc, .module-tack-deeper .deeper-card .desc { margin: 0; color: var(--process-ink-soft); flex: 1; font-size: 14px; line-height: 1.5; }
.module-leadgen-deeper .deeper-card .arr, .module-tack-deeper .deeper-card .arr { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); transition: transform 0.2s ease; }
.module-leadgen-deeper .deeper-card:hover .arr, .module-tack-deeper .deeper-card:hover .arr { color: var(--process-ink); transform: translateX(4px); }
@media (max-width: 991px) { .module-leadgen-deeper .deeper-grid, .module-tack-deeper .deeper-grid { grid-template-columns: 1fr; } }html.theme-default {
--process-ink: #121212;
--process-ink-soft: rgba(18, 18, 18, 0.7);
--process-ink-quiet: rgba(18, 18, 18, 0.55);
--process-paper: #f7f7f7;
--process-rule: rgba(18, 18, 18, 0.12);
--editorial-accent-glow: rgba(204, 234, 139, 0.18);
--editorial-rule-strong: rgba(18, 18, 18, 0.25);
}
html.theme-dark {
--process-ink: #f8f8f8;
--process-ink-soft: rgba(248, 248, 248, 0.75);
--process-ink-quiet: rgba(248, 248, 248, 0.5);
--process-paper: #121212;
--process-rule: rgba(248, 248, 248, 0.15);
--editorial-accent-glow: rgba(204, 234, 139, 0.12);
--editorial-rule-strong: rgba(248, 248, 248, 0.3);
}
@keyframes hdl-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50%      { opacity: 0.4; transform: scale(0.85); }
}
[class*="module-leadgen-"] { color: var(--process-ink); } .hdl-mega { display: inline-flex; align-items: center; gap: 16px; padding: 22px 36px; background: var(--process-ink); color: var(--process-paper); border: 1px solid var(--process-ink); border-radius: 999px; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: clamp(18px, 1.6vw, 22px); letter-spacing: -0.005em; text-decoration: none; transition: transform 0.2s ease; }
.hdl-mega .arr { font-weight: 300; transition: transform 0.2s ease; }
.hdl-mega:hover .arr { transform: translateX(6px); }
.hdl-mega--accent { background: #CCEA8B; color: #121212; border-color: #CCEA8B; } .module-leadgen-hero { position: relative; overflow: hidden; }
.module-leadgen-hero .hero-glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 20%, var(--editorial-accent-glow), transparent 50%), radial-gradient(ellipse at 10% 80%, rgba(18,18,18,0.04), transparent 60%); pointer-events: none; z-index: 0; }
.module-leadgen-hero .container, .module-leadgen-hero .row, .module-leadgen-hero .col-12 { position: relative; z-index: 1; }
.module-leadgen-hero .stamp { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border: 1px solid var(--editorial-rule-strong); border-radius: 999px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink); margin: 0 0 28px; }
.module-leadgen-hero .stamp .dot { width: 8px; height: 8px; background: #CCEA8B; border-radius: 50%; animation: hdl-pulse 2.4s ease-in-out infinite; }
.module-leadgen-hero h1 { margin: 0 0 28px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(56px, 10vw, 160px); letter-spacing: -0.045em; line-height: 0.88; max-width: 12ch; color: var(--process-ink); }
.module-leadgen-hero .sub { margin: 0 0 36px; color: var(--process-ink-soft); max-width: 800px; }
.module-leadgen-hero .cta-row { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-bottom: 32px; }
.module-leadgen-hero .cta-meta { margin: 0; color: var(--process-ink-quiet); max-width: 800px; }
.module-leadgen-hero .scroll-cue { display: inline-flex; align-items: center; gap: 10px; margin-top: 24px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); text-decoration: none; }
.module-leadgen-hero .scroll-cue .line { width: 48px; height: 1px; background: currentColor; } .module-leadgen-problem .sec-num, .module-leadgen-solution .sec-num, .module-leadgen-offer .sec-num, .module-leadgen-action .sec-num { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; color: var(--process-ink-quiet); margin: 0 0 24px; }
.module-leadgen-problem .sec-h, .module-leadgen-solution .sec-h, .module-leadgen-offer .sec-h, .module-leadgen-action .sec-h { margin: 0 0 40px; font-family: "Neue Haas Grotesk Display Pro Light", sans-serif; font-weight: 300; font-size: clamp(36px, 5.5vw, 72px); letter-spacing: -0.03em; line-height: 0.96; max-width: 22ch; color: var(--process-ink); }
.module-leadgen-problem .sec-body, .module-leadgen-solution .sec-body, .module-leadgen-offer .sec-body, .module-leadgen-action .sec-body { display: grid; gap: 20px; max-width: 800px; }
.module-leadgen-problem .sec-body p, .module-leadgen-solution .sec-body p, .module-leadgen-offer .sec-body p, .module-leadgen-action .sec-body p { margin: 0; color: var(--process-ink-soft); }
.module-leadgen-problem .sec-body p.is-lift, .module-leadgen-solution .sec-body p.is-lift, .module-leadgen-offer .sec-body p.is-lift, .module-leadgen-action .sec-body p.is-lift { color: var(--process-ink); font-weight: 400; max-width: 800px; } .module-leadgen-problem .stat-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 64px; border-top: 1px solid var(--process-rule); }
.module-leadgen-problem .stat-cell { padding: 28px 24px 28px 20px; border-right: 1px solid var(--process-rule); }
.module-leadgen-problem .stat-cell:last-child { border-right: 0; }
.module-leadgen-problem .stat-big { font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(36px, 4vw, 56px); letter-spacing: -0.025em; line-height: 1; margin: 0 0 12px; color: var(--process-ink); }
.module-leadgen-problem .stat-big .strike { text-decoration: line-through; text-decoration-thickness: 1px; text-decoration-color: var(--process-ink-quiet); opacity: 0.65; }
.module-leadgen-problem .stat-big .arrow { opacity: 0.4; padding: 0 8px; }
.module-leadgen-problem .stat-lab { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); line-height: 1.4; margin: 0; }
@media (max-width: 991px) { .module-leadgen-problem .stat-strip { grid-template-columns: 1fr 1fr; } } .module-leadgen-solution .tools { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }
.module-leadgen-solution .tool { padding: 32px; border: 1px solid var(--process-rule); }
.module-leadgen-solution .tool__mark { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--process-ink); color: var(--process-paper); border-radius: 50%; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 13px; font-weight: 500; margin-bottom: 24px; }
.module-leadgen-solution .tool__name { font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: 26px; letter-spacing: -0.015em; margin: 0 0 8px; color: var(--process-ink); }
.module-leadgen-solution .tool__role { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 16px; }
.module-leadgen-solution .tool__desc { margin: 0; color: var(--process-ink-soft); }
@media (max-width: 991px) { .module-leadgen-solution .tools { grid-template-columns: 1fr; } } .module-leadgen-proof { text-align: center; }
.module-leadgen-proof .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 32px; }
.module-leadgen-proof .logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--process-rule); border-bottom: 1px solid var(--process-rule); }
.module-leadgen-proof .logos > .logo { padding: 28px 16px; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 500; font-size: 17px; letter-spacing: -0.005em; border-right: 1px solid var(--process-rule); border-bottom: 1px solid var(--process-rule); color: var(--process-ink); opacity: 0.85; }
.module-leadgen-proof .logos > .logo img { max-height: 32px; width: auto; }
.module-leadgen-proof .logos > .logo:nth-child(4n) { border-right: 0; }
.module-leadgen-proof .logos > .logo:nth-last-child(-n+4) { border-bottom: 0; }
.module-leadgen-proof .caption { margin: 24px auto 0; max-width: 800px; color: var(--process-ink-quiet); }
@media (max-width: 991px) {
.module-leadgen-proof .logos { grid-template-columns: 1fr 1fr; }
.module-leadgen-proof .logos > .logo { border-right: 1px solid var(--process-rule); }
.module-leadgen-proof .logos > .logo:nth-child(2n) { border-right: 0; }
} .module-leadgen-offer .offer-card { background: #121212; color: #f8f8f8; padding: clamp(48px, 7vh, 80px) clamp(28px, 5vw, 80px); margin-top: 56px; position: relative; overflow: hidden; }
.module-leadgen-offer .offer-card::before { content: ""; position: absolute; top: -40%; right: -10%; width: 60%; height: 200%; background: radial-gradient(ellipse at center, rgba(204,234,139,0.12), transparent 60%); pointer-events: none; }
.module-leadgen-offer .offer-card > * { position: relative; }
.module-leadgen-offer .offer-price { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(248,248,248,0.6); margin: 0 0 24px; display: inline-flex; align-items: center; gap: 12px; }
.module-leadgen-offer .offer-price .dot { width: 8px; height: 8px; background: #CCEA8B; }
.module-leadgen-offer .offer-h { margin: 0 0 28px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(32px, 4.5vw, 56px); letter-spacing: -0.03em; line-height: 1; max-width: 22ch; color: #f8f8f8; }
.module-leadgen-offer .offer-h .accent { color: #CCEA8B; }
.module-leadgen-offer .offer-body { display: grid; gap: 16px; max-width: 800px; }
.module-leadgen-offer .offer-body p { margin: 0; color: rgba(248,248,248,0.88); }
.module-leadgen-offer .offer-cta { margin-top: 32px; }
.module-leadgen-offer .offer-cta .hdl-mega { background: #CCEA8B; color: #121212; border-color: #CCEA8B; } .module-leadgen-action .action-lift { font-family: "Neue Haas Grotesk Display Pro Light", sans-serif; font-weight: 300; font-size: clamp(26px, 3.2vw, 40px); letter-spacing: -0.02em; line-height: 1.15; max-width: 800px; margin: 0 0 32px; color: var(--process-ink); } .module-leadgen-final-cta { position: relative; overflow: hidden; text-align: center; }
.module-leadgen-final-cta .glow { position: absolute; inset: 0; background: radial-gradient(ellipse at center, var(--editorial-accent-glow), transparent 65%); pointer-events: none; }
.module-leadgen-final-cta .container, .module-leadgen-final-cta .row, .module-leadgen-final-cta .col-12 { position: relative; z-index: 1; }
.module-leadgen-final-cta h2 { margin: 0 0 24px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(48px, 8vw, 110px); letter-spacing: -0.04em; line-height: 0.92; color: var(--process-ink); }
.module-leadgen-final-cta p { margin: 0 auto 48px; max-width: 800px; color: var(--process-ink-soft); } .module-leadgen-deeper .eyebrow, .module-tack-deeper .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 32px; }
.module-leadgen-deeper .deeper-grid, .module-tack-deeper .deeper-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.module-leadgen-deeper .deeper-card, .module-tack-deeper .deeper-card { padding: 32px; border: 1px solid var(--process-rule); text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: 14px; transition: border-color 0.2s ease; }
.module-leadgen-deeper .deeper-card:hover, .module-tack-deeper .deeper-card:hover { border-color: var(--process-ink); }
.module-leadgen-deeper .deeper-card .tag, .module-tack-deeper .deeper-card .tag { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); }
.module-leadgen-deeper .deeper-card .h, .module-tack-deeper .deeper-card .h { margin: 0; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: 22px; letter-spacing: -0.01em; line-height: 1.2; color: var(--process-ink); }
.module-leadgen-deeper .deeper-card .desc, .module-tack-deeper .deeper-card .desc { margin: 0; color: var(--process-ink-soft); flex: 1; font-size: 14px; line-height: 1.5; }
.module-leadgen-deeper .deeper-card .arr, .module-tack-deeper .deeper-card .arr { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); transition: transform 0.2s ease; }
.module-leadgen-deeper .deeper-card:hover .arr, .module-tack-deeper .deeper-card:hover .arr { color: var(--process-ink); transform: translateX(4px); }
@media (max-width: 991px) { .module-leadgen-deeper .deeper-grid, .module-tack-deeper .deeper-grid { grid-template-columns: 1fr; } }html.theme-default {
--process-ink: #121212;
--process-ink-soft: rgba(18, 18, 18, 0.7);
--process-ink-quiet: rgba(18, 18, 18, 0.55);
--process-paper: #f7f7f7;
--process-rule: rgba(18, 18, 18, 0.12);
--editorial-accent-glow: rgba(204, 234, 139, 0.18);
--editorial-rule-strong: rgba(18, 18, 18, 0.25);
}
html.theme-dark {
--process-ink: #f8f8f8;
--process-ink-soft: rgba(248, 248, 248, 0.75);
--process-ink-quiet: rgba(248, 248, 248, 0.5);
--process-paper: #121212;
--process-rule: rgba(248, 248, 248, 0.15);
--editorial-accent-glow: rgba(204, 234, 139, 0.12);
--editorial-rule-strong: rgba(248, 248, 248, 0.3);
}
@keyframes hdl-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50%      { opacity: 0.4; transform: scale(0.85); }
}
[class*="module-leadgen-"] { color: var(--process-ink); } .hdl-mega { display: inline-flex; align-items: center; gap: 16px; padding: 22px 36px; background: var(--process-ink); color: var(--process-paper); border: 1px solid var(--process-ink); border-radius: 999px; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: clamp(18px, 1.6vw, 22px); letter-spacing: -0.005em; text-decoration: none; transition: transform 0.2s ease; }
.hdl-mega .arr { font-weight: 300; transition: transform 0.2s ease; }
.hdl-mega:hover .arr { transform: translateX(6px); }
.hdl-mega--accent { background: #CCEA8B; color: #121212; border-color: #CCEA8B; } .module-leadgen-hero { position: relative; overflow: hidden; }
.module-leadgen-hero .hero-glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 20%, var(--editorial-accent-glow), transparent 50%), radial-gradient(ellipse at 10% 80%, rgba(18,18,18,0.04), transparent 60%); pointer-events: none; z-index: 0; }
.module-leadgen-hero .container, .module-leadgen-hero .row, .module-leadgen-hero .col-12 { position: relative; z-index: 1; }
.module-leadgen-hero .stamp { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border: 1px solid var(--editorial-rule-strong); border-radius: 999px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink); margin: 0 0 28px; }
.module-leadgen-hero .stamp .dot { width: 8px; height: 8px; background: #CCEA8B; border-radius: 50%; animation: hdl-pulse 2.4s ease-in-out infinite; }
.module-leadgen-hero h1 { margin: 0 0 28px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(56px, 10vw, 160px); letter-spacing: -0.045em; line-height: 0.88; max-width: 12ch; color: var(--process-ink); }
.module-leadgen-hero .sub { margin: 0 0 36px; color: var(--process-ink-soft); max-width: 800px; }
.module-leadgen-hero .cta-row { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-bottom: 32px; }
.module-leadgen-hero .cta-meta { margin: 0; color: var(--process-ink-quiet); max-width: 800px; }
.module-leadgen-hero .scroll-cue { display: inline-flex; align-items: center; gap: 10px; margin-top: 24px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); text-decoration: none; }
.module-leadgen-hero .scroll-cue .line { width: 48px; height: 1px; background: currentColor; } .module-leadgen-problem .sec-num, .module-leadgen-solution .sec-num, .module-leadgen-offer .sec-num, .module-leadgen-action .sec-num { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; color: var(--process-ink-quiet); margin: 0 0 24px; }
.module-leadgen-problem .sec-h, .module-leadgen-solution .sec-h, .module-leadgen-offer .sec-h, .module-leadgen-action .sec-h { margin: 0 0 40px; font-family: "Neue Haas Grotesk Display Pro Light", sans-serif; font-weight: 300; font-size: clamp(36px, 5.5vw, 72px); letter-spacing: -0.03em; line-height: 0.96; max-width: 22ch; color: var(--process-ink); }
.module-leadgen-problem .sec-body, .module-leadgen-solution .sec-body, .module-leadgen-offer .sec-body, .module-leadgen-action .sec-body { display: grid; gap: 20px; max-width: 800px; }
.module-leadgen-problem .sec-body p, .module-leadgen-solution .sec-body p, .module-leadgen-offer .sec-body p, .module-leadgen-action .sec-body p { margin: 0; color: var(--process-ink-soft); }
.module-leadgen-problem .sec-body p.is-lift, .module-leadgen-solution .sec-body p.is-lift, .module-leadgen-offer .sec-body p.is-lift, .module-leadgen-action .sec-body p.is-lift { color: var(--process-ink); font-weight: 400; max-width: 800px; } .module-leadgen-problem .stat-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 64px; border-top: 1px solid var(--process-rule); }
.module-leadgen-problem .stat-cell { padding: 28px 24px 28px 20px; border-right: 1px solid var(--process-rule); }
.module-leadgen-problem .stat-cell:last-child { border-right: 0; }
.module-leadgen-problem .stat-big { font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(36px, 4vw, 56px); letter-spacing: -0.025em; line-height: 1; margin: 0 0 12px; color: var(--process-ink); }
.module-leadgen-problem .stat-big .strike { text-decoration: line-through; text-decoration-thickness: 1px; text-decoration-color: var(--process-ink-quiet); opacity: 0.65; }
.module-leadgen-problem .stat-big .arrow { opacity: 0.4; padding: 0 8px; }
.module-leadgen-problem .stat-lab { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); line-height: 1.4; margin: 0; }
@media (max-width: 991px) { .module-leadgen-problem .stat-strip { grid-template-columns: 1fr 1fr; } } .module-leadgen-solution .tools { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }
.module-leadgen-solution .tool { padding: 32px; border: 1px solid var(--process-rule); }
.module-leadgen-solution .tool__mark { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--process-ink); color: var(--process-paper); border-radius: 50%; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 13px; font-weight: 500; margin-bottom: 24px; }
.module-leadgen-solution .tool__name { font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: 26px; letter-spacing: -0.015em; margin: 0 0 8px; color: var(--process-ink); }
.module-leadgen-solution .tool__role { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 16px; }
.module-leadgen-solution .tool__desc { margin: 0; color: var(--process-ink-soft); }
@media (max-width: 991px) { .module-leadgen-solution .tools { grid-template-columns: 1fr; } } .module-leadgen-proof { text-align: center; }
.module-leadgen-proof .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 32px; }
.module-leadgen-proof .logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--process-rule); border-bottom: 1px solid var(--process-rule); }
.module-leadgen-proof .logos > .logo { padding: 28px 16px; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 500; font-size: 17px; letter-spacing: -0.005em; border-right: 1px solid var(--process-rule); border-bottom: 1px solid var(--process-rule); color: var(--process-ink); opacity: 0.85; }
.module-leadgen-proof .logos > .logo img { max-height: 32px; width: auto; }
.module-leadgen-proof .logos > .logo:nth-child(4n) { border-right: 0; }
.module-leadgen-proof .logos > .logo:nth-last-child(-n+4) { border-bottom: 0; }
.module-leadgen-proof .caption { margin: 24px auto 0; max-width: 800px; color: var(--process-ink-quiet); }
@media (max-width: 991px) {
.module-leadgen-proof .logos { grid-template-columns: 1fr 1fr; }
.module-leadgen-proof .logos > .logo { border-right: 1px solid var(--process-rule); }
.module-leadgen-proof .logos > .logo:nth-child(2n) { border-right: 0; }
} .module-leadgen-offer .offer-card { background: #121212; color: #f8f8f8; padding: clamp(48px, 7vh, 80px) clamp(28px, 5vw, 80px); margin-top: 56px; position: relative; overflow: hidden; }
.module-leadgen-offer .offer-card::before { content: ""; position: absolute; top: -40%; right: -10%; width: 60%; height: 200%; background: radial-gradient(ellipse at center, rgba(204,234,139,0.12), transparent 60%); pointer-events: none; }
.module-leadgen-offer .offer-card > * { position: relative; }
.module-leadgen-offer .offer-price { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(248,248,248,0.6); margin: 0 0 24px; display: inline-flex; align-items: center; gap: 12px; }
.module-leadgen-offer .offer-price .dot { width: 8px; height: 8px; background: #CCEA8B; }
.module-leadgen-offer .offer-h { margin: 0 0 28px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(32px, 4.5vw, 56px); letter-spacing: -0.03em; line-height: 1; max-width: 22ch; color: #f8f8f8; }
.module-leadgen-offer .offer-h .accent { color: #CCEA8B; }
.module-leadgen-offer .offer-body { display: grid; gap: 16px; max-width: 800px; }
.module-leadgen-offer .offer-body p { margin: 0; color: rgba(248,248,248,0.88); }
.module-leadgen-offer .offer-cta { margin-top: 32px; }
.module-leadgen-offer .offer-cta .hdl-mega { background: #CCEA8B; color: #121212; border-color: #CCEA8B; } .module-leadgen-action .action-lift { font-family: "Neue Haas Grotesk Display Pro Light", sans-serif; font-weight: 300; font-size: clamp(26px, 3.2vw, 40px); letter-spacing: -0.02em; line-height: 1.15; max-width: 800px; margin: 0 0 32px; color: var(--process-ink); } .module-leadgen-final-cta { position: relative; overflow: hidden; text-align: center; }
.module-leadgen-final-cta .glow { position: absolute; inset: 0; background: radial-gradient(ellipse at center, var(--editorial-accent-glow), transparent 65%); pointer-events: none; }
.module-leadgen-final-cta .container, .module-leadgen-final-cta .row, .module-leadgen-final-cta .col-12 { position: relative; z-index: 1; }
.module-leadgen-final-cta h2 { margin: 0 0 24px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(48px, 8vw, 110px); letter-spacing: -0.04em; line-height: 0.92; color: var(--process-ink); }
.module-leadgen-final-cta p { margin: 0 auto 48px; max-width: 800px; color: var(--process-ink-soft); } .module-leadgen-deeper .eyebrow, .module-tack-deeper .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 32px; }
.module-leadgen-deeper .deeper-grid, .module-tack-deeper .deeper-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.module-leadgen-deeper .deeper-card, .module-tack-deeper .deeper-card { padding: 32px; border: 1px solid var(--process-rule); text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: 14px; transition: border-color 0.2s ease; }
.module-leadgen-deeper .deeper-card:hover, .module-tack-deeper .deeper-card:hover { border-color: var(--process-ink); }
.module-leadgen-deeper .deeper-card .tag, .module-tack-deeper .deeper-card .tag { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); }
.module-leadgen-deeper .deeper-card .h, .module-tack-deeper .deeper-card .h { margin: 0; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: 22px; letter-spacing: -0.01em; line-height: 1.2; color: var(--process-ink); }
.module-leadgen-deeper .deeper-card .desc, .module-tack-deeper .deeper-card .desc { margin: 0; color: var(--process-ink-soft); flex: 1; font-size: 14px; line-height: 1.5; }
.module-leadgen-deeper .deeper-card .arr, .module-tack-deeper .deeper-card .arr { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); transition: transform 0.2s ease; }
.module-leadgen-deeper .deeper-card:hover .arr, .module-tack-deeper .deeper-card:hover .arr { color: var(--process-ink); transform: translateX(4px); }
@media (max-width: 991px) { .module-leadgen-deeper .deeper-grid, .module-tack-deeper .deeper-grid { grid-template-columns: 1fr; } }html.theme-default {
--process-ink: #121212;
--process-ink-soft: rgba(18, 18, 18, 0.7);
--process-ink-quiet: rgba(18, 18, 18, 0.55);
--process-paper: #f7f7f7;
--process-rule: rgba(18, 18, 18, 0.12);
--editorial-accent-glow: rgba(204, 234, 139, 0.18);
--editorial-rule-strong: rgba(18, 18, 18, 0.25);
}
html.theme-dark {
--process-ink: #f8f8f8;
--process-ink-soft: rgba(248, 248, 248, 0.75);
--process-ink-quiet: rgba(248, 248, 248, 0.5);
--process-paper: #121212;
--process-rule: rgba(248, 248, 248, 0.15);
--editorial-accent-glow: rgba(204, 234, 139, 0.12);
--editorial-rule-strong: rgba(248, 248, 248, 0.3);
}
@keyframes hdl-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50%      { opacity: 0.4; transform: scale(0.85); }
}
[class*="module-leadgen-"] { color: var(--process-ink); } .hdl-mega { display: inline-flex; align-items: center; gap: 16px; padding: 22px 36px; background: var(--process-ink); color: var(--process-paper); border: 1px solid var(--process-ink); border-radius: 999px; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: clamp(18px, 1.6vw, 22px); letter-spacing: -0.005em; text-decoration: none; transition: transform 0.2s ease; }
.hdl-mega .arr { font-weight: 300; transition: transform 0.2s ease; }
.hdl-mega:hover .arr { transform: translateX(6px); }
.hdl-mega--accent { background: #CCEA8B; color: #121212; border-color: #CCEA8B; } .module-leadgen-hero { position: relative; overflow: hidden; }
.module-leadgen-hero .hero-glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 20%, var(--editorial-accent-glow), transparent 50%), radial-gradient(ellipse at 10% 80%, rgba(18,18,18,0.04), transparent 60%); pointer-events: none; z-index: 0; }
.module-leadgen-hero .container, .module-leadgen-hero .row, .module-leadgen-hero .col-12 { position: relative; z-index: 1; }
.module-leadgen-hero .stamp { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border: 1px solid var(--editorial-rule-strong); border-radius: 999px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink); margin: 0 0 28px; }
.module-leadgen-hero .stamp .dot { width: 8px; height: 8px; background: #CCEA8B; border-radius: 50%; animation: hdl-pulse 2.4s ease-in-out infinite; }
.module-leadgen-hero h1 { margin: 0 0 28px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(56px, 10vw, 160px); letter-spacing: -0.045em; line-height: 0.88; max-width: 12ch; color: var(--process-ink); }
.module-leadgen-hero .sub { margin: 0 0 36px; color: var(--process-ink-soft); max-width: 800px; }
.module-leadgen-hero .cta-row { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-bottom: 32px; }
.module-leadgen-hero .cta-meta { margin: 0; color: var(--process-ink-quiet); max-width: 800px; }
.module-leadgen-hero .scroll-cue { display: inline-flex; align-items: center; gap: 10px; margin-top: 24px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); text-decoration: none; }
.module-leadgen-hero .scroll-cue .line { width: 48px; height: 1px; background: currentColor; } .module-leadgen-problem .sec-num, .module-leadgen-solution .sec-num, .module-leadgen-offer .sec-num, .module-leadgen-action .sec-num { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; color: var(--process-ink-quiet); margin: 0 0 24px; }
.module-leadgen-problem .sec-h, .module-leadgen-solution .sec-h, .module-leadgen-offer .sec-h, .module-leadgen-action .sec-h { margin: 0 0 40px; font-family: "Neue Haas Grotesk Display Pro Light", sans-serif; font-weight: 300; font-size: clamp(36px, 5.5vw, 72px); letter-spacing: -0.03em; line-height: 0.96; max-width: 22ch; color: var(--process-ink); }
.module-leadgen-problem .sec-body, .module-leadgen-solution .sec-body, .module-leadgen-offer .sec-body, .module-leadgen-action .sec-body { display: grid; gap: 20px; max-width: 800px; }
.module-leadgen-problem .sec-body p, .module-leadgen-solution .sec-body p, .module-leadgen-offer .sec-body p, .module-leadgen-action .sec-body p { margin: 0; color: var(--process-ink-soft); }
.module-leadgen-problem .sec-body p.is-lift, .module-leadgen-solution .sec-body p.is-lift, .module-leadgen-offer .sec-body p.is-lift, .module-leadgen-action .sec-body p.is-lift { color: var(--process-ink); font-weight: 400; max-width: 800px; } .module-leadgen-problem .stat-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 64px; border-top: 1px solid var(--process-rule); }
.module-leadgen-problem .stat-cell { padding: 28px 24px 28px 20px; border-right: 1px solid var(--process-rule); }
.module-leadgen-problem .stat-cell:last-child { border-right: 0; }
.module-leadgen-problem .stat-big { font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(36px, 4vw, 56px); letter-spacing: -0.025em; line-height: 1; margin: 0 0 12px; color: var(--process-ink); }
.module-leadgen-problem .stat-big .strike { text-decoration: line-through; text-decoration-thickness: 1px; text-decoration-color: var(--process-ink-quiet); opacity: 0.65; }
.module-leadgen-problem .stat-big .arrow { opacity: 0.4; padding: 0 8px; }
.module-leadgen-problem .stat-lab { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); line-height: 1.4; margin: 0; }
@media (max-width: 991px) { .module-leadgen-problem .stat-strip { grid-template-columns: 1fr 1fr; } } .module-leadgen-solution .tools { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }
.module-leadgen-solution .tool { padding: 32px; border: 1px solid var(--process-rule); }
.module-leadgen-solution .tool__mark { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--process-ink); color: var(--process-paper); border-radius: 50%; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 13px; font-weight: 500; margin-bottom: 24px; }
.module-leadgen-solution .tool__name { font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: 26px; letter-spacing: -0.015em; margin: 0 0 8px; color: var(--process-ink); }
.module-leadgen-solution .tool__role { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 16px; }
.module-leadgen-solution .tool__desc { margin: 0; color: var(--process-ink-soft); }
@media (max-width: 991px) { .module-leadgen-solution .tools { grid-template-columns: 1fr; } } .module-leadgen-proof { text-align: center; }
.module-leadgen-proof .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 32px; }
.module-leadgen-proof .logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--process-rule); border-bottom: 1px solid var(--process-rule); }
.module-leadgen-proof .logos > .logo { padding: 28px 16px; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 500; font-size: 17px; letter-spacing: -0.005em; border-right: 1px solid var(--process-rule); border-bottom: 1px solid var(--process-rule); color: var(--process-ink); opacity: 0.85; }
.module-leadgen-proof .logos > .logo img { max-height: 32px; width: auto; }
.module-leadgen-proof .logos > .logo:nth-child(4n) { border-right: 0; }
.module-leadgen-proof .logos > .logo:nth-last-child(-n+4) { border-bottom: 0; }
.module-leadgen-proof .caption { margin: 24px auto 0; max-width: 800px; color: var(--process-ink-quiet); }
@media (max-width: 991px) {
.module-leadgen-proof .logos { grid-template-columns: 1fr 1fr; }
.module-leadgen-proof .logos > .logo { border-right: 1px solid var(--process-rule); }
.module-leadgen-proof .logos > .logo:nth-child(2n) { border-right: 0; }
} .module-leadgen-offer .offer-card { background: #121212; color: #f8f8f8; padding: clamp(48px, 7vh, 80px) clamp(28px, 5vw, 80px); margin-top: 56px; position: relative; overflow: hidden; }
.module-leadgen-offer .offer-card::before { content: ""; position: absolute; top: -40%; right: -10%; width: 60%; height: 200%; background: radial-gradient(ellipse at center, rgba(204,234,139,0.12), transparent 60%); pointer-events: none; }
.module-leadgen-offer .offer-card > * { position: relative; }
.module-leadgen-offer .offer-price { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(248,248,248,0.6); margin: 0 0 24px; display: inline-flex; align-items: center; gap: 12px; }
.module-leadgen-offer .offer-price .dot { width: 8px; height: 8px; background: #CCEA8B; }
.module-leadgen-offer .offer-h { margin: 0 0 28px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(32px, 4.5vw, 56px); letter-spacing: -0.03em; line-height: 1; max-width: 22ch; color: #f8f8f8; }
.module-leadgen-offer .offer-h .accent { color: #CCEA8B; }
.module-leadgen-offer .offer-body { display: grid; gap: 16px; max-width: 800px; }
.module-leadgen-offer .offer-body p { margin: 0; color: rgba(248,248,248,0.88); }
.module-leadgen-offer .offer-cta { margin-top: 32px; }
.module-leadgen-offer .offer-cta .hdl-mega { background: #CCEA8B; color: #121212; border-color: #CCEA8B; } .module-leadgen-action .action-lift { font-family: "Neue Haas Grotesk Display Pro Light", sans-serif; font-weight: 300; font-size: clamp(26px, 3.2vw, 40px); letter-spacing: -0.02em; line-height: 1.15; max-width: 800px; margin: 0 0 32px; color: var(--process-ink); } .module-leadgen-final-cta { position: relative; overflow: hidden; text-align: center; }
.module-leadgen-final-cta .glow { position: absolute; inset: 0; background: radial-gradient(ellipse at center, var(--editorial-accent-glow), transparent 65%); pointer-events: none; }
.module-leadgen-final-cta .container, .module-leadgen-final-cta .row, .module-leadgen-final-cta .col-12 { position: relative; z-index: 1; }
.module-leadgen-final-cta h2 { margin: 0 0 24px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(48px, 8vw, 110px); letter-spacing: -0.04em; line-height: 0.92; color: var(--process-ink); }
.module-leadgen-final-cta p { margin: 0 auto 48px; max-width: 800px; color: var(--process-ink-soft); } .module-leadgen-deeper .eyebrow, .module-tack-deeper .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 32px; }
.module-leadgen-deeper .deeper-grid, .module-tack-deeper .deeper-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.module-leadgen-deeper .deeper-card, .module-tack-deeper .deeper-card { padding: 32px; border: 1px solid var(--process-rule); text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: 14px; transition: border-color 0.2s ease; }
.module-leadgen-deeper .deeper-card:hover, .module-tack-deeper .deeper-card:hover { border-color: var(--process-ink); }
.module-leadgen-deeper .deeper-card .tag, .module-tack-deeper .deeper-card .tag { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); }
.module-leadgen-deeper .deeper-card .h, .module-tack-deeper .deeper-card .h { margin: 0; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: 22px; letter-spacing: -0.01em; line-height: 1.2; color: var(--process-ink); }
.module-leadgen-deeper .deeper-card .desc, .module-tack-deeper .deeper-card .desc { margin: 0; color: var(--process-ink-soft); flex: 1; font-size: 14px; line-height: 1.5; }
.module-leadgen-deeper .deeper-card .arr, .module-tack-deeper .deeper-card .arr { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); transition: transform 0.2s ease; }
.module-leadgen-deeper .deeper-card:hover .arr, .module-tack-deeper .deeper-card:hover .arr { color: var(--process-ink); transform: translateX(4px); }
@media (max-width: 991px) { .module-leadgen-deeper .deeper-grid, .module-tack-deeper .deeper-grid { grid-template-columns: 1fr; } }html.theme-default {
--process-ink: #121212;
--process-ink-soft: rgba(18, 18, 18, 0.7);
--process-ink-quiet: rgba(18, 18, 18, 0.55);
--process-paper: #f7f7f7;
--process-rule: rgba(18, 18, 18, 0.12);
--editorial-accent-glow: rgba(204, 234, 139, 0.18);
--editorial-rule-strong: rgba(18, 18, 18, 0.25);
}
html.theme-dark {
--process-ink: #f8f8f8;
--process-ink-soft: rgba(248, 248, 248, 0.75);
--process-ink-quiet: rgba(248, 248, 248, 0.5);
--process-paper: #121212;
--process-rule: rgba(248, 248, 248, 0.15);
--editorial-accent-glow: rgba(204, 234, 139, 0.12);
--editorial-rule-strong: rgba(248, 248, 248, 0.3);
}
@keyframes hdl-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50%      { opacity: 0.4; transform: scale(0.85); }
}
[class*="module-leadgen-"] { color: var(--process-ink); } .hdl-mega { display: inline-flex; align-items: center; gap: 16px; padding: 22px 36px; background: var(--process-ink); color: var(--process-paper); border: 1px solid var(--process-ink); border-radius: 999px; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: clamp(18px, 1.6vw, 22px); letter-spacing: -0.005em; text-decoration: none; transition: transform 0.2s ease; }
.hdl-mega .arr { font-weight: 300; transition: transform 0.2s ease; }
.hdl-mega:hover .arr { transform: translateX(6px); }
.hdl-mega--accent { background: #CCEA8B; color: #121212; border-color: #CCEA8B; } .module-leadgen-hero { position: relative; overflow: hidden; }
.module-leadgen-hero .hero-glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 20%, var(--editorial-accent-glow), transparent 50%), radial-gradient(ellipse at 10% 80%, rgba(18,18,18,0.04), transparent 60%); pointer-events: none; z-index: 0; }
.module-leadgen-hero .container, .module-leadgen-hero .row, .module-leadgen-hero .col-12 { position: relative; z-index: 1; }
.module-leadgen-hero .stamp { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border: 1px solid var(--editorial-rule-strong); border-radius: 999px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink); margin: 0 0 28px; }
.module-leadgen-hero .stamp .dot { width: 8px; height: 8px; background: #CCEA8B; border-radius: 50%; animation: hdl-pulse 2.4s ease-in-out infinite; }
.module-leadgen-hero h1 { margin: 0 0 28px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(56px, 10vw, 160px); letter-spacing: -0.045em; line-height: 0.88; max-width: 12ch; color: var(--process-ink); }
.module-leadgen-hero .sub { margin: 0 0 36px; color: var(--process-ink-soft); max-width: 800px; }
.module-leadgen-hero .cta-row { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-bottom: 32px; }
.module-leadgen-hero .cta-meta { margin: 0; color: var(--process-ink-quiet); max-width: 800px; }
.module-leadgen-hero .scroll-cue { display: inline-flex; align-items: center; gap: 10px; margin-top: 24px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); text-decoration: none; }
.module-leadgen-hero .scroll-cue .line { width: 48px; height: 1px; background: currentColor; } .module-leadgen-problem .sec-num, .module-leadgen-solution .sec-num, .module-leadgen-offer .sec-num, .module-leadgen-action .sec-num { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; color: var(--process-ink-quiet); margin: 0 0 24px; }
.module-leadgen-problem .sec-h, .module-leadgen-solution .sec-h, .module-leadgen-offer .sec-h, .module-leadgen-action .sec-h { margin: 0 0 40px; font-family: "Neue Haas Grotesk Display Pro Light", sans-serif; font-weight: 300; font-size: clamp(36px, 5.5vw, 72px); letter-spacing: -0.03em; line-height: 0.96; max-width: 22ch; color: var(--process-ink); }
.module-leadgen-problem .sec-body, .module-leadgen-solution .sec-body, .module-leadgen-offer .sec-body, .module-leadgen-action .sec-body { display: grid; gap: 20px; max-width: 800px; }
.module-leadgen-problem .sec-body p, .module-leadgen-solution .sec-body p, .module-leadgen-offer .sec-body p, .module-leadgen-action .sec-body p { margin: 0; color: var(--process-ink-soft); }
.module-leadgen-problem .sec-body p.is-lift, .module-leadgen-solution .sec-body p.is-lift, .module-leadgen-offer .sec-body p.is-lift, .module-leadgen-action .sec-body p.is-lift { color: var(--process-ink); font-weight: 400; max-width: 800px; } .module-leadgen-problem .stat-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 64px; border-top: 1px solid var(--process-rule); }
.module-leadgen-problem .stat-cell { padding: 28px 24px 28px 20px; border-right: 1px solid var(--process-rule); }
.module-leadgen-problem .stat-cell:last-child { border-right: 0; }
.module-leadgen-problem .stat-big { font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(36px, 4vw, 56px); letter-spacing: -0.025em; line-height: 1; margin: 0 0 12px; color: var(--process-ink); }
.module-leadgen-problem .stat-big .strike { text-decoration: line-through; text-decoration-thickness: 1px; text-decoration-color: var(--process-ink-quiet); opacity: 0.65; }
.module-leadgen-problem .stat-big .arrow { opacity: 0.4; padding: 0 8px; }
.module-leadgen-problem .stat-lab { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); line-height: 1.4; margin: 0; }
@media (max-width: 991px) { .module-leadgen-problem .stat-strip { grid-template-columns: 1fr 1fr; } } .module-leadgen-solution .tools { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }
.module-leadgen-solution .tool { padding: 32px; border: 1px solid var(--process-rule); }
.module-leadgen-solution .tool__mark { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--process-ink); color: var(--process-paper); border-radius: 50%; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 13px; font-weight: 500; margin-bottom: 24px; }
.module-leadgen-solution .tool__name { font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: 26px; letter-spacing: -0.015em; margin: 0 0 8px; color: var(--process-ink); }
.module-leadgen-solution .tool__role { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 16px; }
.module-leadgen-solution .tool__desc { margin: 0; color: var(--process-ink-soft); }
@media (max-width: 991px) { .module-leadgen-solution .tools { grid-template-columns: 1fr; } } .module-leadgen-proof { text-align: center; }
.module-leadgen-proof .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 32px; }
.module-leadgen-proof .logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--process-rule); border-bottom: 1px solid var(--process-rule); }
.module-leadgen-proof .logos > .logo { padding: 28px 16px; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 500; font-size: 17px; letter-spacing: -0.005em; border-right: 1px solid var(--process-rule); border-bottom: 1px solid var(--process-rule); color: var(--process-ink); opacity: 0.85; }
.module-leadgen-proof .logos > .logo img { max-height: 32px; width: auto; }
.module-leadgen-proof .logos > .logo:nth-child(4n) { border-right: 0; }
.module-leadgen-proof .logos > .logo:nth-last-child(-n+4) { border-bottom: 0; }
.module-leadgen-proof .caption { margin: 24px auto 0; max-width: 800px; color: var(--process-ink-quiet); }
@media (max-width: 991px) {
.module-leadgen-proof .logos { grid-template-columns: 1fr 1fr; }
.module-leadgen-proof .logos > .logo { border-right: 1px solid var(--process-rule); }
.module-leadgen-proof .logos > .logo:nth-child(2n) { border-right: 0; }
} .module-leadgen-offer .offer-card { background: #121212; color: #f8f8f8; padding: clamp(48px, 7vh, 80px) clamp(28px, 5vw, 80px); margin-top: 56px; position: relative; overflow: hidden; }
.module-leadgen-offer .offer-card::before { content: ""; position: absolute; top: -40%; right: -10%; width: 60%; height: 200%; background: radial-gradient(ellipse at center, rgba(204,234,139,0.12), transparent 60%); pointer-events: none; }
.module-leadgen-offer .offer-card > * { position: relative; }
.module-leadgen-offer .offer-price { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(248,248,248,0.6); margin: 0 0 24px; display: inline-flex; align-items: center; gap: 12px; }
.module-leadgen-offer .offer-price .dot { width: 8px; height: 8px; background: #CCEA8B; }
.module-leadgen-offer .offer-h { margin: 0 0 28px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(32px, 4.5vw, 56px); letter-spacing: -0.03em; line-height: 1; max-width: 22ch; color: #f8f8f8; }
.module-leadgen-offer .offer-h .accent { color: #CCEA8B; }
.module-leadgen-offer .offer-body { display: grid; gap: 16px; max-width: 800px; }
.module-leadgen-offer .offer-body p { margin: 0; color: rgba(248,248,248,0.88); }
.module-leadgen-offer .offer-cta { margin-top: 32px; }
.module-leadgen-offer .offer-cta .hdl-mega { background: #CCEA8B; color: #121212; border-color: #CCEA8B; } .module-leadgen-action .action-lift { font-family: "Neue Haas Grotesk Display Pro Light", sans-serif; font-weight: 300; font-size: clamp(26px, 3.2vw, 40px); letter-spacing: -0.02em; line-height: 1.15; max-width: 800px; margin: 0 0 32px; color: var(--process-ink); } .module-leadgen-final-cta { position: relative; overflow: hidden; text-align: center; }
.module-leadgen-final-cta .glow { position: absolute; inset: 0; background: radial-gradient(ellipse at center, var(--editorial-accent-glow), transparent 65%); pointer-events: none; }
.module-leadgen-final-cta .container, .module-leadgen-final-cta .row, .module-leadgen-final-cta .col-12 { position: relative; z-index: 1; }
.module-leadgen-final-cta h2 { margin: 0 0 24px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(48px, 8vw, 110px); letter-spacing: -0.04em; line-height: 0.92; color: var(--process-ink); }
.module-leadgen-final-cta p { margin: 0 auto 48px; max-width: 800px; color: var(--process-ink-soft); } .module-leadgen-deeper .eyebrow, .module-tack-deeper .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 32px; }
.module-leadgen-deeper .deeper-grid, .module-tack-deeper .deeper-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.module-leadgen-deeper .deeper-card, .module-tack-deeper .deeper-card { padding: 32px; border: 1px solid var(--process-rule); text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: 14px; transition: border-color 0.2s ease; }
.module-leadgen-deeper .deeper-card:hover, .module-tack-deeper .deeper-card:hover { border-color: var(--process-ink); }
.module-leadgen-deeper .deeper-card .tag, .module-tack-deeper .deeper-card .tag { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); }
.module-leadgen-deeper .deeper-card .h, .module-tack-deeper .deeper-card .h { margin: 0; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: 22px; letter-spacing: -0.01em; line-height: 1.2; color: var(--process-ink); }
.module-leadgen-deeper .deeper-card .desc, .module-tack-deeper .deeper-card .desc { margin: 0; color: var(--process-ink-soft); flex: 1; font-size: 14px; line-height: 1.5; }
.module-leadgen-deeper .deeper-card .arr, .module-tack-deeper .deeper-card .arr { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); transition: transform 0.2s ease; }
.module-leadgen-deeper .deeper-card:hover .arr, .module-tack-deeper .deeper-card:hover .arr { color: var(--process-ink); transform: translateX(4px); }
@media (max-width: 991px) { .module-leadgen-deeper .deeper-grid, .module-tack-deeper .deeper-grid { grid-template-columns: 1fr; } }html.theme-default {
--process-ink: #121212;
--process-ink-soft: rgba(18, 18, 18, 0.7);
--process-ink-quiet: rgba(18, 18, 18, 0.55);
--process-paper: #f7f7f7;
--process-rule: rgba(18, 18, 18, 0.12);
--editorial-accent-glow: rgba(204, 234, 139, 0.18);
--editorial-rule-strong: rgba(18, 18, 18, 0.25);
}
html.theme-dark {
--process-ink: #f8f8f8;
--process-ink-soft: rgba(248, 248, 248, 0.75);
--process-ink-quiet: rgba(248, 248, 248, 0.5);
--process-paper: #121212;
--process-rule: rgba(248, 248, 248, 0.15);
--editorial-accent-glow: rgba(204, 234, 139, 0.12);
--editorial-rule-strong: rgba(248, 248, 248, 0.3);
}
@keyframes hdl-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50%      { opacity: 0.4; transform: scale(0.85); }
}
[class*="module-leadgen-"] { color: var(--process-ink); } .hdl-mega { display: inline-flex; align-items: center; gap: 16px; padding: 22px 36px; background: var(--process-ink); color: var(--process-paper); border: 1px solid var(--process-ink); border-radius: 999px; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: clamp(18px, 1.6vw, 22px); letter-spacing: -0.005em; text-decoration: none; transition: transform 0.2s ease; }
.hdl-mega .arr { font-weight: 300; transition: transform 0.2s ease; }
.hdl-mega:hover .arr { transform: translateX(6px); }
.hdl-mega--accent { background: #CCEA8B; color: #121212; border-color: #CCEA8B; } .module-leadgen-hero { position: relative; overflow: hidden; }
.module-leadgen-hero .hero-glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 20%, var(--editorial-accent-glow), transparent 50%), radial-gradient(ellipse at 10% 80%, rgba(18,18,18,0.04), transparent 60%); pointer-events: none; z-index: 0; }
.module-leadgen-hero .container, .module-leadgen-hero .row, .module-leadgen-hero .col-12 { position: relative; z-index: 1; }
.module-leadgen-hero .stamp { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border: 1px solid var(--editorial-rule-strong); border-radius: 999px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink); margin: 0 0 28px; }
.module-leadgen-hero .stamp .dot { width: 8px; height: 8px; background: #CCEA8B; border-radius: 50%; animation: hdl-pulse 2.4s ease-in-out infinite; }
.module-leadgen-hero h1 { margin: 0 0 28px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(56px, 10vw, 160px); letter-spacing: -0.045em; line-height: 0.88; max-width: 12ch; color: var(--process-ink); }
.module-leadgen-hero .sub { margin: 0 0 36px; color: var(--process-ink-soft); max-width: 800px; }
.module-leadgen-hero .cta-row { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-bottom: 32px; }
.module-leadgen-hero .cta-meta { margin: 0; color: var(--process-ink-quiet); max-width: 800px; }
.module-leadgen-hero .scroll-cue { display: inline-flex; align-items: center; gap: 10px; margin-top: 24px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); text-decoration: none; }
.module-leadgen-hero .scroll-cue .line { width: 48px; height: 1px; background: currentColor; } .module-leadgen-problem .sec-num, .module-leadgen-solution .sec-num, .module-leadgen-offer .sec-num, .module-leadgen-action .sec-num { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; color: var(--process-ink-quiet); margin: 0 0 24px; }
.module-leadgen-problem .sec-h, .module-leadgen-solution .sec-h, .module-leadgen-offer .sec-h, .module-leadgen-action .sec-h { margin: 0 0 40px; font-family: "Neue Haas Grotesk Display Pro Light", sans-serif; font-weight: 300; font-size: clamp(36px, 5.5vw, 72px); letter-spacing: -0.03em; line-height: 0.96; max-width: 22ch; color: var(--process-ink); }
.module-leadgen-problem .sec-body, .module-leadgen-solution .sec-body, .module-leadgen-offer .sec-body, .module-leadgen-action .sec-body { display: grid; gap: 20px; max-width: 800px; }
.module-leadgen-problem .sec-body p, .module-leadgen-solution .sec-body p, .module-leadgen-offer .sec-body p, .module-leadgen-action .sec-body p { margin: 0; color: var(--process-ink-soft); }
.module-leadgen-problem .sec-body p.is-lift, .module-leadgen-solution .sec-body p.is-lift, .module-leadgen-offer .sec-body p.is-lift, .module-leadgen-action .sec-body p.is-lift { color: var(--process-ink); font-weight: 400; max-width: 800px; } .module-leadgen-problem .stat-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 64px; border-top: 1px solid var(--process-rule); }
.module-leadgen-problem .stat-cell { padding: 28px 24px 28px 20px; border-right: 1px solid var(--process-rule); }
.module-leadgen-problem .stat-cell:last-child { border-right: 0; }
.module-leadgen-problem .stat-big { font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(36px, 4vw, 56px); letter-spacing: -0.025em; line-height: 1; margin: 0 0 12px; color: var(--process-ink); }
.module-leadgen-problem .stat-big .strike { text-decoration: line-through; text-decoration-thickness: 1px; text-decoration-color: var(--process-ink-quiet); opacity: 0.65; }
.module-leadgen-problem .stat-big .arrow { opacity: 0.4; padding: 0 8px; }
.module-leadgen-problem .stat-lab { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); line-height: 1.4; margin: 0; }
@media (max-width: 991px) { .module-leadgen-problem .stat-strip { grid-template-columns: 1fr 1fr; } } .module-leadgen-solution .tools { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }
.module-leadgen-solution .tool { padding: 32px; border: 1px solid var(--process-rule); }
.module-leadgen-solution .tool__mark { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--process-ink); color: var(--process-paper); border-radius: 50%; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 13px; font-weight: 500; margin-bottom: 24px; }
.module-leadgen-solution .tool__name { font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: 26px; letter-spacing: -0.015em; margin: 0 0 8px; color: var(--process-ink); }
.module-leadgen-solution .tool__role { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 16px; }
.module-leadgen-solution .tool__desc { margin: 0; color: var(--process-ink-soft); }
@media (max-width: 991px) { .module-leadgen-solution .tools { grid-template-columns: 1fr; } } .module-leadgen-proof { text-align: center; }
.module-leadgen-proof .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 32px; }
.module-leadgen-proof .logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--process-rule); border-bottom: 1px solid var(--process-rule); }
.module-leadgen-proof .logos > .logo { padding: 28px 16px; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 500; font-size: 17px; letter-spacing: -0.005em; border-right: 1px solid var(--process-rule); border-bottom: 1px solid var(--process-rule); color: var(--process-ink); opacity: 0.85; }
.module-leadgen-proof .logos > .logo img { max-height: 32px; width: auto; }
.module-leadgen-proof .logos > .logo:nth-child(4n) { border-right: 0; }
.module-leadgen-proof .logos > .logo:nth-last-child(-n+4) { border-bottom: 0; }
.module-leadgen-proof .caption { margin: 24px auto 0; max-width: 800px; color: var(--process-ink-quiet); }
@media (max-width: 991px) {
.module-leadgen-proof .logos { grid-template-columns: 1fr 1fr; }
.module-leadgen-proof .logos > .logo { border-right: 1px solid var(--process-rule); }
.module-leadgen-proof .logos > .logo:nth-child(2n) { border-right: 0; }
} .module-leadgen-offer .offer-card { background: #121212; color: #f8f8f8; padding: clamp(48px, 7vh, 80px) clamp(28px, 5vw, 80px); margin-top: 56px; position: relative; overflow: hidden; }
.module-leadgen-offer .offer-card::before { content: ""; position: absolute; top: -40%; right: -10%; width: 60%; height: 200%; background: radial-gradient(ellipse at center, rgba(204,234,139,0.12), transparent 60%); pointer-events: none; }
.module-leadgen-offer .offer-card > * { position: relative; }
.module-leadgen-offer .offer-price { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(248,248,248,0.6); margin: 0 0 24px; display: inline-flex; align-items: center; gap: 12px; }
.module-leadgen-offer .offer-price .dot { width: 8px; height: 8px; background: #CCEA8B; }
.module-leadgen-offer .offer-h { margin: 0 0 28px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(32px, 4.5vw, 56px); letter-spacing: -0.03em; line-height: 1; max-width: 22ch; color: #f8f8f8; }
.module-leadgen-offer .offer-h .accent { color: #CCEA8B; }
.module-leadgen-offer .offer-body { display: grid; gap: 16px; max-width: 800px; }
.module-leadgen-offer .offer-body p { margin: 0; color: rgba(248,248,248,0.88); }
.module-leadgen-offer .offer-cta { margin-top: 32px; }
.module-leadgen-offer .offer-cta .hdl-mega { background: #CCEA8B; color: #121212; border-color: #CCEA8B; } .module-leadgen-action .action-lift { font-family: "Neue Haas Grotesk Display Pro Light", sans-serif; font-weight: 300; font-size: clamp(26px, 3.2vw, 40px); letter-spacing: -0.02em; line-height: 1.15; max-width: 800px; margin: 0 0 32px; color: var(--process-ink); } .module-leadgen-final-cta { position: relative; overflow: hidden; text-align: center; }
.module-leadgen-final-cta .glow { position: absolute; inset: 0; background: radial-gradient(ellipse at center, var(--editorial-accent-glow), transparent 65%); pointer-events: none; }
.module-leadgen-final-cta .container, .module-leadgen-final-cta .row, .module-leadgen-final-cta .col-12 { position: relative; z-index: 1; }
.module-leadgen-final-cta h2 { margin: 0 0 24px; font-family: "Neue Haas Grotesk Display Pro Thin", sans-serif; font-weight: 200; font-size: clamp(48px, 8vw, 110px); letter-spacing: -0.04em; line-height: 0.92; color: var(--process-ink); }
.module-leadgen-final-cta p { margin: 0 auto 48px; max-width: 800px; color: var(--process-ink-soft); } .module-leadgen-deeper .eyebrow, .module-tack-deeper .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); margin: 0 0 32px; }
.module-leadgen-deeper .deeper-grid, .module-tack-deeper .deeper-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.module-leadgen-deeper .deeper-card, .module-tack-deeper .deeper-card { padding: 32px; border: 1px solid var(--process-rule); text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: 14px; transition: border-color 0.2s ease; }
.module-leadgen-deeper .deeper-card:hover, .module-tack-deeper .deeper-card:hover { border-color: var(--process-ink); }
.module-leadgen-deeper .deeper-card .tag, .module-tack-deeper .deeper-card .tag { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); }
.module-leadgen-deeper .deeper-card .h, .module-tack-deeper .deeper-card .h { margin: 0; font-family: "Neue Haas Grotesk Display Pro Roman", sans-serif; font-weight: 400; font-size: 22px; letter-spacing: -0.01em; line-height: 1.2; color: var(--process-ink); }
.module-leadgen-deeper .deeper-card .desc, .module-tack-deeper .deeper-card .desc { margin: 0; color: var(--process-ink-soft); flex: 1; font-size: 14px; line-height: 1.5; }
.module-leadgen-deeper .deeper-card .arr, .module-tack-deeper .deeper-card .arr { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--process-ink-quiet); transition: transform 0.2s ease; }
.module-leadgen-deeper .deeper-card:hover .arr, .module-tack-deeper .deeper-card:hover .arr { color: var(--process-ink); transform: translateX(4px); }
@media (max-width: 991px) { .module-leadgen-deeper .deeper-grid, .module-tack-deeper .deeper-grid { grid-template-columns: 1fr; } }