/* Site-wide premium refresh.
   Loaded after each page's local CSS so it can unify the visual language
   without changing content, forms, or destination links. */

:root {
    --hl-rust: #ff3d00;
    --hl-amber: #F59E0B;
    --hl-charcoal: #060408;
    --hl-black: #020203;
    --hl-paper: #f7fafc;
    --hl-paper-soft: #eef1f4;
    --hl-ink: #060408;
    --hl-muted: rgba(6, 4, 8, 0.66);
    --hl-white-muted: rgba(247, 250, 252, 0.68);
}

html {
    background: var(--hl-charcoal);
}

body {
    background: var(--hl-charcoal) !important;
    color: var(--hl-paper);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.grain {
    opacity: 0.025 !important;
}

.ambient,
.cosmic-ambient,
.hero-glow,
.hero-glow-2 {
    opacity: 0.9;
}

.nav {
    background: rgba(6, 4, 8, 0.86) !important;
    border-bottom: 1px solid rgba(255, 61, 0, 0.1) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.nav.scrolled {
    background: rgba(6, 4, 8, 0.97) !important;
}

.nav-logo {
    font-family: var(--font-display, var(--font-serif, Georgia, serif)) !important;
    font-size: 22px !important;
}

.nav-links a,
.nav-dropdown-trigger {
    color: rgba(247, 250, 252, 0.66) !important;
}

.nav-links a:hover,
.nav-links a.active,
.nav-dropdown-trigger:hover {
    color: var(--hl-rust) !important;
}

.nav-dropdown-menu {
    background: rgba(6, 4, 8, 0.98) !important;
    border-color: rgba(255, 61, 0, 0.16) !important;
}

.hero {
    min-height: 78vh !important;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(255, 61, 0, 0.16) 0%, transparent 48%),
        radial-gradient(ellipse at 82% 78%, rgba(245, 158, 11, 0.08) 0%, transparent 34%),
        linear-gradient(180deg, #060408 0%, #100602 58%, #060408 100%) !important;
    color: var(--hl-paper) !important;
}

.hero::before,
.hero::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 52%;
    border: 1px solid rgba(255, 61, 0, 0.16);
    border-radius: 999px;
    pointer-events: none;
    z-index: -1;
}

.hero::before {
    width: min(820px, 118vw);
    height: min(300px, 42vw);
    transform: translate(-50%, -50%) rotate(-18deg);
}

.hero::after {
    width: min(560px, 90vw);
    height: min(190px, 32vw);
    transform: translate(-50%, -50%) rotate(-18deg);
    border-color: rgba(245, 158, 11, 0.16);
}

.hero-title {
    font-family: var(--font-display, var(--font-serif, Georgia, serif)) !important;
    letter-spacing: 0 !important;
    color: var(--hl-paper) !important;
}

.hero-title em,
.section-title em {
    color: var(--hl-rust) !important;
}

.hero-subtitle {
    color: var(--hl-white-muted) !important;
}

.hero-eyebrow,
.section-eyebrow {
    color: var(--hl-rust) !important;
}

.section,
.diagnostic,
.newsletter-section,
.contact-section,
.cta-section,
.filter-section,
.for-strip,
.unsure,
.urgency-section,
.next-phase {
    position: relative;
}

body > .section:nth-of-type(even),
body > main > .section:nth-of-type(even),
body > .diagnostic,
body > .legal-content,
body > main > .legal-content,
.section.light,
.contact-section,
.filter-section,
.for-strip,
.unsure,
.cta-section {
    background:
        radial-gradient(ellipse at 86% 0%, rgba(255, 61, 0, 0.07), transparent 42%),
        linear-gradient(180deg, var(--hl-paper) 0%, var(--hl-paper-soft) 100%) !important;
    color: var(--hl-ink) !important;
}

body > .section:nth-of-type(odd):not(.hero),
body > main > .section:nth-of-type(odd):not(.hero),
.newsletter-section,
.urgency-section,
.next-phase {
    background:
        radial-gradient(ellipse at 16% 0%, rgba(255, 61, 0, 0.13), transparent 44%),
        linear-gradient(180deg, #060408 0%, #0d0502 100%) !important;
    color: var(--hl-paper) !important;
}

.section-title,
.newsletter-title,
.cta-title,
.unsure-title,
.phase-block-title {
    font-family: var(--font-display, var(--font-serif, Georgia, serif)) !important;
    letter-spacing: 0 !important;
}

body > .section:nth-of-type(even) .section-title,
body > main > .section:nth-of-type(even) .section-title,
body > .diagnostic .section-title,
body > .legal-content h1,
body > .legal-content h2,
body > .legal-content h3,
.contact-section .section-title,
.filter-section .section-title,
.for-strip .section-title,
.unsure-title,
.cta-title {
    color: var(--hl-ink) !important;
}

body > .section:nth-of-type(even) .section-text,
body > main > .section:nth-of-type(even) .section-text,
body > .section:nth-of-type(even) p,
body > main > .section:nth-of-type(even) p,
body > .diagnostic p,
body > .legal-content p,
body > .legal-content li,
.contact-section p,
.filter-section li,
.for-strip li,
.unsure-text,
.cta-subtitle {
    color: var(--hl-muted) !important;
}

body > .section:nth-of-type(even) strong,
body > main > .section:nth-of-type(even) strong,
body > .legal-content strong {
    color: var(--hl-ink) !important;
}

.section-eyebrow,
.hero-eyebrow,
.phase-block-signals-label,
.talk-topics-label,
.format-tag,
.contact-label,
.timeline-date,
.tier-label,
.filter-col-title,
.for-sublabel {
    color: var(--hl-rust) !important;
}

.section-text,
.newsletter-subtitle,
.phase-block-framework,
.phase-block-signals li,
.product-description,
.product-features li,
.format-desc,
.format-detail,
.talk-promise,
.value-description,
.timeline-text,
.tier-description,
.tier-list li,
.contact-value {
    line-height: 1.75 !important;
}

.btn,
.btn-filled,
.hero-btn,
.product-btn,
.phase-block-cta,
.bundle-modal-primary,
.bundle-modal-secondary,
.upsell-btn-primary,
.upsell-btn-secondary,
.contact-link,
.formkit-form .formkit-submit {
    border-radius: 999px !important;
}

.btn,
.btn-filled,
.hero-btn,
.phase-block-cta,
.product-btn,
.upsell-btn-primary,
.bundle-modal-primary {
    font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, sans-serif) !important;
    letter-spacing: 0.08em !important;
    border-color: var(--hl-rust) !important;
}

.btn-filled,
.product-btn.filled,
.upsell-btn-primary,
.bundle-modal-primary,
.formkit-form .formkit-submit {
    background: var(--hl-rust) !important;
    color: var(--hl-paper) !important;
}

.btn:hover,
.btn-filled:hover,
.product-btn:hover,
.phase-block-cta:hover,
.formkit-form .formkit-submit:hover {
    background: var(--hl-amber) !important;
    border-color: var(--hl-amber) !important;
    color: var(--hl-paper) !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 34px rgba(255, 61, 0, 0.24) !important;
}

.formkit-form .formkit-input {
    border-radius: 999px !important;
}

.framework-card,
.for-card,
.product-card,
.bundle-card,
.phase-block,
.tier-card,
.value-card,
.contact-card,
.format-card,
.talk-card,
.letter-item,
.work-card,
.modal-box,
.upsell-box,
.bundle-modal-box,
.quote-box,
.timeline-item,
.legal-content,
.framework-row {
    border-radius: 8px !important;
}

.framework-card,
.for-card,
.product-card,
.bundle-card,
.phase-block,
.tier-card,
.value-card,
.contact-card,
.format-card,
.talk-card,
.letter-item,
.work-card,
.framework-row {
    border: 1px solid rgba(6, 4, 8, 0.08) !important;
    background: rgba(255, 255, 255, 0.74) !important;
    color: var(--hl-ink) !important;
    box-shadow: 0 24px 70px rgba(6, 4, 8, 0.08) !important;
}

.framework-card:hover,
.for-card:hover,
.product-card:hover,
.phase-block:hover,
.tier-card:hover,
.value-card:hover,
.contact-card:hover,
.format-card:hover,
.talk-card:hover,
.letter-item:hover {
    background: #fff !important;
    border-color: rgba(255, 61, 0, 0.22) !important;
    box-shadow: 0 34px 90px rgba(6, 4, 8, 0.13) !important;
}

.framework-letter,
.framework-word,
.product-price,
.product-title,
.format-title,
.talk-title,
.value-title,
.tier-price,
.phase-block-number,
.phase-block-signals-label,
.contact-label,
.letter-number {
    color: var(--hl-rust) !important;
}

.contact-card .contact-label {
    display: block !important;
    color: var(--hl-rust) !important;
}

.contact-card .contact-value {
    display: block !important;
    color: var(--hl-muted) !important;
}

.contact-card .contact-icon {
    color: var(--hl-rust) !important;
    border-color: rgba(255, 61, 0, 0.24) !important;
    background: rgba(255, 61, 0, 0.06) !important;
}

/* Phase page contrast repair: these cards were originally designed for dark
   sections, so their old white text rules need to be reset on the new light cards. */
.framework-card p,
.for-card p,
.for-card li,
.product-card p,
.product-card li,
.product-description,
.product-features li,
.product-for p,
.bundle-card p,
.bundle-savings,
.bundle-note,
.phase-block p,
.phase-block li,
.framework-row .fw-desc,
.tier-card p,
.tier-card li,
.letter-item span:not(.letter-number) {
    color: var(--hl-muted) !important;
}

.framework-card strong,
.for-card strong,
.product-card strong,
.product-features strong,
.bundle-card strong,
.phase-block strong,
.framework-row strong {
    color: var(--hl-ink) !important;
}

.framework-card h3,
.for-card h3,
.product-features h4,
.product-for h4,
.bundle-card h2,
.product-card h3,
.framework-row .fw-word {
    color: var(--hl-ink) !important;
}

.framework-letter,
.framework-word,
.fw-letter,
.product-label,
.product-price,
.bundle-price,
.for-card.is-for h3,
.for-card.not-for h3 {
    color: var(--hl-rust) !important;
}

.product-price span {
    color: var(--hl-muted) !important;
}

/* Work page contrast repair: talk and format cards now use light premium
   surfaces, so reset their original dark-page text colours. */
body .talk-card .talk-title,
body .format-card .format-title,
body .contact-link .contact-link-label {
    color: var(--hl-ink) !important;
}

body .talk-card .talk-subtitle,
body .talk-card .talk-promise,
body .format-card .format-desc,
body .format-card .format-detail,
body .contact-link .contact-link-sub {
    color: var(--hl-muted) !important;
}

body .talk-card .talk-topics-label,
body .talk-card .talk-step,
body .talk-card .talk-step-num,
body .format-card .format-tag {
    color: var(--hl-rust) !important;
}

body .talk-card .talk-topic {
    color: rgba(6, 4, 8, 0.62) !important;
    background: rgba(6, 4, 8, 0.04) !important;
    border-color: rgba(6, 4, 8, 0.08) !important;
}

body .format-card .format-detail strong {
    color: var(--hl-ink) !important;
}

body .for-strip .section-title,
body .for-strip .for-sublabel {
    color: var(--hl-ink) !important;
}

body .for-strip .for-sublabel.active {
    color: var(--hl-rust) !important;
}

body .for-strip .for-list li,
body .for-strip .not-list li {
    color: var(--hl-muted) !important;
    border-bottom-color: rgba(6, 4, 8, 0.1) !important;
}

body .for-strip .for-list li:first-child,
body .for-strip .not-list li:first-child {
    border-top-color: rgba(6, 4, 8, 0.1) !important;
}

body #contact .section-title {
    color: var(--hl-ink) !important;
}

body #contact .section-text,
body #contact .section-text p {
    color: var(--hl-muted) !important;
}

body #contact .contact-link {
    color: var(--hl-ink) !important;
    border-bottom-color: rgba(6, 4, 8, 0.1) !important;
}

body #contact .contact-link:first-child {
    border-top-color: rgba(6, 4, 8, 0.1) !important;
}

body #contact .contact-link-icon svg {
    stroke: var(--hl-rust) !important;
}

body .work-formats-flipped {
    background:
        radial-gradient(ellipse at 86% 0%, rgba(255, 61, 0, 0.08), transparent 42%),
        linear-gradient(180deg, #ffffff 0%, var(--hl-paper-soft) 100%) !important;
    color: var(--hl-ink) !important;
}

body .work-formats-flipped .section-title {
    color: var(--hl-ink) !important;
}

body .work-formats-flipped .format-card {
    background:
        radial-gradient(ellipse at 85% 0%, rgba(255, 61, 0, 0.18), transparent 44%),
        linear-gradient(180deg, #060408 0%, #0d0502 100%) !important;
    border-color: rgba(255, 61, 0, 0.18) !important;
    color: var(--hl-paper) !important;
    box-shadow: 0 28px 80px rgba(6, 4, 8, 0.24) !important;
}

body .work-formats-flipped .format-title {
    color: var(--hl-paper) !important;
}

body .work-formats-flipped .format-desc,
body .work-formats-flipped .format-detail {
    color: rgba(247, 250, 252, 0.7) !important;
}

body .work-formats-flipped .format-detail strong {
    color: var(--hl-paper) !important;
}

body .work-formats-flipped .format-tag {
    color: var(--hl-rust) !important;
    background: rgba(255, 61, 0, 0.1) !important;
    border-color: rgba(255, 61, 0, 0.22) !important;
}

body main > .work-section-light,
body main > section.work-section-light,
body main > section#formats.work-formats-flipped.work-section-light,
body main > section#contact.work-section-light {
    background:
        radial-gradient(ellipse at 86% 0%, rgba(255, 61, 0, 0.08), transparent 42%),
        linear-gradient(180deg, #ffffff 0%, var(--hl-paper-soft) 100%) !important;
    color: var(--hl-ink) !important;
}

body main > .work-section-light .section-title,
body main > section.work-section-light .section-title,
body main > section#formats.work-formats-flipped.work-section-light .section-title,
body main > section#contact.work-section-light .section-title {
    color: var(--hl-ink) !important;
}

body main > .work-section-light .section-text,
body main > .work-section-light .section-text p,
body main > section.work-section-light .section-text,
body main > section.work-section-light .section-text p,
body main > section#contact.work-section-light .section-text,
body main > section#contact.work-section-light .section-text p {
    color: var(--hl-muted) !important;
}

body main > .work-section-dark,
body main > section.work-section-dark,
body main > .for-strip.work-section-dark {
    background:
        radial-gradient(ellipse at 16% 0%, rgba(255, 61, 0, 0.13), transparent 44%),
        linear-gradient(180deg, #060408 0%, #0d0502 100%) !important;
    color: var(--hl-paper) !important;
}

body main > .work-section-dark .section-title,
body main > .for-strip.work-section-dark .section-title,
body main > .work-section-dark .manifesto-text {
    color: var(--hl-paper) !important;
}

body main > .for-strip.work-section-dark .for-sublabel {
    color: rgba(247, 250, 252, 0.5) !important;
}

body main > .for-strip.work-section-dark .for-sublabel.active {
    color: var(--hl-rust) !important;
}

body main > .for-strip.work-section-dark .for-list li,
body main > .for-strip.work-section-dark .not-list li {
    color: rgba(247, 250, 252, 0.72) !important;
    border-bottom-color: rgba(247, 250, 252, 0.1) !important;
}

body main > .for-strip.work-section-dark .for-list li:first-child,
body main > .for-strip.work-section-dark .not-list li:first-child {
    border-top-color: rgba(247, 250, 252, 0.1) !important;
}

body main > section#formats.work-formats-flipped.work-section-light .format-card {
    background:
        radial-gradient(ellipse at 85% 0%, rgba(255, 61, 0, 0.18), transparent 44%),
        linear-gradient(180deg, #060408 0%, #0d0502 100%) !important;
    border-color: rgba(255, 61, 0, 0.18) !important;
    color: var(--hl-paper) !important;
}

body main > section#formats.work-formats-flipped.work-section-light .format-title,
body main > section#formats.work-formats-flipped.work-section-light .format-detail strong {
    color: var(--hl-paper) !important;
}

body main > section#formats.work-formats-flipped.work-section-light .format-desc,
body main > section#formats.work-formats-flipped.work-section-light .format-detail {
    color: rgba(247, 250, 252, 0.7) !important;
}

body > section.breakthrough-section-light,
body > .breakthrough-section-light {
    background:
        radial-gradient(ellipse at 86% 0%, rgba(255, 61, 0, 0.08), transparent 42%),
        linear-gradient(180deg, #ffffff 0%, var(--hl-paper-soft) 100%) !important;
    color: var(--hl-ink) !important;
}

body > section.breakthrough-section-dark,
body > .breakthrough-section-dark {
    background:
        radial-gradient(ellipse at 16% 0%, rgba(255, 61, 0, 0.13), transparent 44%),
        linear-gradient(180deg, #060408 0%, #0d0502 100%) !important;
    color: var(--hl-paper) !important;
}

body > section.breakthrough-section-light .section-title,
body > section.breakthrough-section-light .newsletter-title,
body > section.breakthrough-section-light .bundle-price {
    color: var(--hl-ink) !important;
}

body > section.breakthrough-section-dark .section-title,
body > section.breakthrough-section-dark .newsletter-title,
body > section.breakthrough-section-dark .bundle-price {
    color: var(--hl-paper) !important;
}

body > section.breakthrough-section-light .section-text,
body > section.breakthrough-section-light .section-text p,
body > section.breakthrough-section-light .next-phase-description,
body > section.breakthrough-section-light .coaching-description,
body > section.breakthrough-section-light .urgency-text,
body > section.breakthrough-section-light .newsletter-subtitle {
    color: var(--hl-muted) !important;
}

body > section.breakthrough-section-dark .section-text,
body > section.breakthrough-section-dark .section-text p,
body > section.breakthrough-section-dark .next-phase-description,
body > section.breakthrough-section-dark .coaching-description,
body > section.breakthrough-section-dark .urgency-text,
body > section.breakthrough-section-dark .newsletter-subtitle {
    color: rgba(247, 250, 252, 0.7) !important;
}

body > section.breakthrough-section-light .section-text strong,
body > section.breakthrough-section-light .urgency-text strong {
    color: var(--hl-ink) !important;
}

body > section.breakthrough-section-dark .section-text strong,
body > section.breakthrough-section-dark .urgency-text strong {
    color: var(--hl-paper) !important;
}

body > section.breakthrough-section-dark .lead-magnet-inner {
    background: rgba(247, 250, 252, 0.035) !important;
    border-color: rgba(247, 250, 252, 0.1) !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.26) !important;
}

body > section.breakthrough-section-light .formkit-form .formkit-input {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(6, 4, 8, 0.12) !important;
    color: var(--hl-ink) !important;
}

body > section.breakthrough-section-light .formkit-form .formkit-input::placeholder {
    color: rgba(6, 4, 8, 0.45) !important;
}

.bundle-card,
.featured,
.tier-card.featured {
    background:
        linear-gradient(145deg, rgba(255, 61, 0, 0.11), rgba(255, 255, 255, 0.9)) !important;
    border-color: rgba(255, 61, 0, 0.24) !important;
}

.manifesto,
.manifesto-stripe {
    background:
        radial-gradient(ellipse at 25% 15%, rgba(255, 61, 0, 0.12), transparent 48%),
        linear-gradient(180deg, #060408 0%, #130702 54%, #060408 100%) !important;
}

.commitment-quote-light {
    background:
        radial-gradient(ellipse at 86% 0%, rgba(255, 61, 0, 0.08), transparent 42%),
        linear-gradient(180deg, #ffffff 0%, var(--hl-paper-soft) 100%) !important;
    color: var(--hl-ink) !important;
    border-top: 1px solid rgba(6, 4, 8, 0.08) !important;
    border-bottom: 1px solid rgba(6, 4, 8, 0.08) !important;
}

.commitment-quote-light::before,
.commitment-quote-light::after {
    background: linear-gradient(90deg, transparent, rgba(255, 61, 0, 0.24), transparent) !important;
}

.commitment-quote-light .urgency-text {
    color: var(--hl-muted) !important;
}

.commitment-quote-light .urgency-text strong {
    color: var(--hl-ink) !important;
}

.commitment-next-dark {
    background:
        radial-gradient(ellipse at 16% 0%, rgba(255, 61, 0, 0.13), transparent 44%),
        linear-gradient(180deg, #060408 0%, #0d0502 100%) !important;
    color: var(--hl-paper) !important;
}

.commitment-next-dark .next-phase {
    background: transparent !important;
    box-shadow: none !important;
}

.commitment-next-dark .section-title {
    color: var(--hl-paper) !important;
}

.commitment-next-dark .next-phase-description {
    color: var(--hl-white-muted) !important;
}

body .section .section-text em,
body main .section .section-text em,
body .product-description em {
    color: var(--hl-rust) !important;
    font-style: italic;
}

.newsletter-final-cta {
    background:
        radial-gradient(ellipse at 50% 0%, rgba(255, 61, 0, 0.16), transparent 46%),
        linear-gradient(180deg, #060408 0%, #0d0502 100%) !important;
    color: var(--hl-paper) !important;
}

.newsletter-final-cta .cta-title {
    color: var(--hl-paper) !important;
}

.newsletter-final-cta .cta-subtitle {
    color: var(--hl-white-muted) !important;
}

.newsletter-final-cta .formkit-form .formkit-input {
    background: rgba(247, 250, 252, 0.08) !important;
    border-color: rgba(247, 250, 252, 0.18) !important;
    color: var(--hl-paper) !important;
}

.newsletter-final-cta .formkit-form .formkit-input::placeholder {
    color: rgba(247, 250, 252, 0.52) !important;
}

body > section.filter-section.newsletter-filter-section,
body section.filter-section.newsletter-filter-section,
.section.filter-section.newsletter-filter-section {
    background:
        radial-gradient(ellipse at 16% 0%, rgba(255, 61, 0, 0.18), transparent 44%),
        linear-gradient(180deg, #060408 0%, #0d0502 100%) !important;
    color: var(--hl-paper) !important;
}

body > section.filter-section.newsletter-filter-section .section-title,
body section.filter-section.newsletter-filter-section .section-title,
.section.filter-section.newsletter-filter-section .section-title {
    color: var(--hl-paper) !important;
}

body > section.filter-section.newsletter-filter-section .filter-col-title,
body > section.filter-section.newsletter-filter-section .filter-col-title.yes,
body > section.filter-section.newsletter-filter-section .filter-col-title.no,
.section.filter-section.newsletter-filter-section .filter-col-title,
.section.filter-section.newsletter-filter-section .filter-col-title.yes,
.section.filter-section.newsletter-filter-section .filter-col-title.no {
    color: var(--hl-rust) !important;
}

body > section.filter-section.newsletter-filter-section .filter-list li,
body section.filter-section.newsletter-filter-section .filter-list li,
.section.filter-section.newsletter-filter-section .filter-list li {
    color: rgba(247, 250, 252, 0.74) !important;
    border-bottom-color: rgba(247, 250, 252, 0.12) !important;
}

body > section.cta-section.newsletter-final-cta,
body section.cta-section.newsletter-final-cta,
.cta-section.newsletter-final-cta {
    background:
        radial-gradient(ellipse at 86% 0%, rgba(255, 61, 0, 0.08), transparent 42%),
        linear-gradient(180deg, #ffffff 0%, var(--hl-paper-soft) 100%) !important;
    color: var(--hl-ink) !important;
}

body > section.cta-section.newsletter-final-cta .cta-title,
body section.cta-section.newsletter-final-cta .cta-title,
.cta-section.newsletter-final-cta .cta-title {
    color: var(--hl-ink) !important;
}

body > section.cta-section.newsletter-final-cta .cta-subtitle,
body section.cta-section.newsletter-final-cta .cta-subtitle,
.cta-section.newsletter-final-cta .cta-subtitle {
    color: var(--hl-muted) !important;
}

body > section.cta-section.newsletter-final-cta .formkit-form .formkit-input,
body section.cta-section.newsletter-final-cta .formkit-form .formkit-input,
.cta-section.newsletter-final-cta .formkit-form .formkit-input {
    background: rgba(6, 4, 8, 0.04) !important;
    border-color: rgba(6, 4, 8, 0.16) !important;
    color: var(--hl-ink) !important;
}

body > section.cta-section.newsletter-final-cta .formkit-form .formkit-input::placeholder,
body section.cta-section.newsletter-final-cta .formkit-form .formkit-input::placeholder,
.cta-section.newsletter-final-cta .formkit-form .formkit-input::placeholder {
    color: rgba(6, 4, 8, 0.42) !important;
}

.legal-content {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 64px clamp(22px, 5vw, 56px) !important;
    box-shadow: 0 24px 70px rgba(6, 4, 8, 0.08) !important;
}

.footer {
    background: #060408 !important;
    color: var(--hl-paper) !important;
    border-top: 1px solid rgba(247, 250, 252, 0.08) !important;
}

.footer a,
.footer-copyright {
    color: rgba(247, 250, 252, 0.55) !important;
}

.footer a:hover {
    color: var(--hl-rust) !important;
}

@media (max-width: 768px) {
    .hero {
        min-height: auto !important;
        padding-top: 112px !important;
        padding-bottom: 72px !important;
    }

    .section,
    .diagnostic,
    .newsletter-section,
    .contact-section,
    .cta-section,
    .filter-section,
    .for-strip,
    .unsure,
    .urgency-section,
    .next-phase {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .nav-links {
        background: rgba(6, 4, 8, 0.98) !important;
    }

    .formkit-form .formkit-fields,
    .seva-fields {
        flex-direction: column !important;
    }

    .formkit-form .formkit-submit {
        width: 100% !important;
    }
}