.funnel-hero { min-height: 92vh; }
.section-surface { position: relative; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.hero-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.hero-meta span, .assessment-score-pill, .assessment-bucket-label { display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.78); border-radius: 999px; padding: 8px 14px; font-size: 13px; }
.section-header-stack { max-width: 700px; margin-bottom: var(--spacing-xl); }
.section-bridge { margin-bottom: var(--spacing-lg); max-width: 48ch; }
.funnel-split { display: grid; grid-template-columns: minmax(0,0.95fr) minmax(0,1.05fr); gap: 28px; align-items: start; }
.funnel-problem-list, .funnel-process-grid, .funnel-service-grid, .resource-grid, .booking-grid { display: grid; gap: 18px; }
.funnel-problem-list, .funnel-process-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.funnel-service-grid, .resource-grid, .booking-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.funnel-note-card, .funnel-step-card, .assessment-band__card, .resource-card, .booking-panel { border: 1px solid rgba(255,255,255,0.1); border-radius: 22px; background: linear-gradient(180deg, rgba(39,28,22,0.88), rgba(24,18,14,0.96)); padding: 24px; box-shadow: 0 24px 55px rgba(0,0,0,0.18); }
.funnel-note-card h3, .funnel-step-card h3, .resource-card h3, .booking-panel h3, .contact-funnel-aside h3 { font-size: 20px; }
.funnel-service-card { min-height: 100%; border-radius: 22px; }
.assessment-band__inner { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(320px,0.95fr); gap: 24px; align-items: center; }
.assessment-band__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.funnel-benefits-list li span { color: var(--color-text-muted); max-width: 42ch; }
.assessment-page, .resource-page { background: radial-gradient(circle at top right, rgba(255,60,1,0.09), transparent 30%), linear-gradient(180deg, #130b07, #160d08 35%, #120a07 100%); }
.assessment-shell, .resource-main, .contact-funnel-main { padding-top: 110px; min-height: calc(100vh - 90px); }
.assessment-header { padding: 56px 0 24px; }
.assessment-header__grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(280px,0.9fr); gap: 24px; align-items: start; }
.assessment-header__actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 24px; }
.assessment-header__hint { margin-bottom: 0; color: rgba(255,255,255,0.72); }
.assessment-side-note, .contact-funnel-aside { border: 1px solid rgba(255,255,255,0.08); border-radius: 22px; background: rgba(255,255,255,0.03); padding: 24px; }
.assessment-flow { padding-bottom: 64px; }
.assessment-card, .assessment-panel { max-width: 860px; margin: 0 auto; }
.assessment-panel { border: 1px solid rgba(255,255,255,0.12); border-radius: 28px; background: linear-gradient(180deg, rgba(40,29,23,0.96), rgba(23,18,14,0.98)); padding: 34px; box-shadow: 0 32px 70px rgba(0,0,0,0.3); }
.assessment-progress-meta, .assessment-result-header { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 16px; }
.assessment-progress-percent { color: rgba(255,255,255,0.64); font-size: 13px; }
.assessment-result-summary { margin-bottom: 24px; }
.assessment-result-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; margin-bottom: 24px; }
.lead-capture-card { border-top: 1px solid rgba(255,255,255,0.08); margin-top: 20px; padding-top: 20px; }
.lead-capture-form { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; margin: 14px 0 8px; }
.lead-capture-form input { width: 100%; border-radius: 999px; border: 1px solid rgba(255,255,255,0.14); background: rgba(255,255,255,0.04); color: var(--color-white); padding: 12px 16px; }
.result-action-stack { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.contact-funnel-hero { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,0.8fr); gap: 24px; align-items: start; padding-bottom: 44px; }
.booking-panel { min-width: 0; }
.booking-widget-frame { min-height: 380px; border-radius: 22px; border: 1px solid rgba(255,255,255,0.12); background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04)); padding: 12px; overflow: hidden; }
.booking-widget-placeholder { display: flex; min-height: 320px; flex-direction: column; justify-content: center; }
.contact-form-wrapper--secondary { border-radius: 22px; border: 1px solid rgba(255,255,255,0.08); background: linear-gradient(180deg, rgba(34,26,21,0.92), rgba(22,16,12,0.98)); padding: 24px; }
.resource-hero { padding-top: 56px; padding-bottom: 56px; }
.footer-bottom--simple { justify-content: space-between; }
.offer-section .container { max-width: 760px; }
.offer-section p { margin-left: auto; margin-right: auto; }
.offer-section .hero-actions { justify-content: center; }
@media (max-width: 900px) { .funnel-split, .assessment-band__inner, .assessment-header__grid, .contact-funnel-hero, .booking-grid, .resource-grid, .funnel-service-grid, .funnel-process-grid, .funnel-problem-list, .assessment-result-grid, .lead-capture-form { grid-template-columns: 1fr; } .assessment-panel { padding: 24px; } }
@media (max-width: 640px) { .hero-actions, .result-action-stack, .assessment-band__actions, .assessment-header__actions { flex-direction: column; } .hero-actions .btn, .result-action-stack .btn, .assessment-band__actions .btn, .lead-capture-form button, .assessment-header__actions .btn { width: 100%; } .assessment-progress-meta, .assessment-result-header, .footer-bottom--simple { flex-direction: column; align-items: flex-start; } }
.btn-secondary {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.22);
    color: var(--color-white);
}

.btn-secondary:hover {
    border-color: rgba(255,255,255,0.45);
    background: rgba(255,255,255,0.04);
}
.booking-embed {
    width: 100%;
    display: block;
    min-height: 760px;
    border: 0;
    border-radius: 18px;
    background: #ffffff;
    color-scheme: light;
    box-shadow: inset 0 0 0 1px rgba(19, 11, 7, 0.08);
}

.booking-widget-fallback {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.booking-widget-fallback p {
    margin-bottom: 0;
}

@media (max-width: 640px) {
    .booking-embed {
        min-height: 960px;
    }

    .booking-widget-fallback {
        flex-direction: column;
        align-items: flex-start;
    }
}
.resource-grid--hub {
    align-items: stretch;
}

.resource-card--feature {
    min-height: 100%;
}

.resource-card__eyebrow {
    margin-bottom: 12px;
    font-size: 12px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.56);
}

.resource-hub-hero {
    max-width: 820px;
}

.lean-canvas-band__layout {
    align-items: center;
}

.lean-canvas-band__card {
    min-width: 0;
}

.quiz-metric-card--secondary {
    grid-column: 1 / -1;
}

.assessment-secondary-card {
    margin-bottom: 0;
}

.assessment-service-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 500;
    flex-shrink: 0;
}

.assessment-service-badge--paid {
    border: 1px solid rgba(255, 60, 1, 0.35);
    background: rgba(255, 60, 1, 0.08);
    color: var(--color-coquelicot, #ff3c01);
}

.assessment-service-badge--free {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.78);
}

.assessment-service-card {
    border: 1px solid rgba(255, 60, 1, 0.18);
    border-radius: 16px;
    background: rgba(255, 60, 1, 0.04);
    padding: 20px 24px;
    margin-bottom: 16px;
}

.assessment-service-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.assessment-service-card__header h3 {
    font-size: 20px;
    margin-bottom: 0;
}

.assessment-service-price {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-coquelicot, #ff3c01);
    white-space: nowrap;
}

.assessment-service-price--free {
    color: rgba(255, 255, 255, 0.78);
}

.assessment-service-timeline {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.55);
    margin-bottom: 8px;
}

.assessment-service-deliverables {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.72);
    margin-bottom: 0;
}