/**
 * Futurpreneur site-wide design system (homepage headings, copy, CTAs, nav).
 * Loaded after style.css + homapage.css; section-specific rules still win when more specific.
 */

body.hompg,
body.main-home-pg {
    overflow-x: hidden;
}

body.hompg .app-container,
body.main-home-pg .app-container {
    left: 0;
    width: 100%;
    max-width: 100%;
}

/* Display headings */
body.hompg .main-heading,
body.main-home-pg .main-heading {
    font-family: 'ClashDisplay Bold', sans-serif;
    font-size: clamp(32px, 3.6vw, 72px);
    line-height: clamp(36px, 3.9vw, 78px);
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    margin: 0 0 1rem;
    padding: 0;
}

body.hompg .main-heading span,
body.main-home-pg .main-heading span {
    background-image: radial-gradient(circle farthest-corner at 100% 0, #B1A45D 28%, #d3c579 51%, #B1A45D 87%, #B1A45D 96%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #B1A45D;
}

body.hompg .main-heading span .words,
body.main-home-pg .main-heading span .words {
    background-image: radial-gradient(circle farthest-corner at 100% 0, #B1A45D 28%, #d3c579 51%, #B1A45D 87%, #B1A45D 96%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Body copy (standard Futurpreneur pages — About has its own rules below) */
body.hompg:not(.about-pg) .main-pera,
body.main-home-pg:not(.about-pg) .main-pera {
    color: rgba(255, 255, 255, 0.88);
    font-size: clamp(16px, 1.25vw, 22px);
    line-height: clamp(24px, 1.7vw, 34px);
    font-family: 'Outfit', sans-serif;
    font-weight: 400;
    padding: 0 0 15px;
}

body.hompg:not(.about-pg) .containerwrp .txtwrp p.main-pera,
body.main-home-pg:not(.about-pg) .containerwrp .txtwrp p.main-pera {
    color: rgba(255, 255, 255, 0.88);
}

body.hompg .main-pera span.clr-gold,
body.main-home-pg .main-pera span.clr-gold {
    color: #B1A45D;
}

/* Subheadings */
body.hompg .small-heading,
body.main-home-pg .small-heading,
body.hompg h3.small-heading,
body.main-home-pg h3.small-heading {
    font-family: 'Outfit', sans-serif !important;
    font-size: clamp(18px, 1.45vw, 28px) !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    color: #fff !important;
}

body.hompg .small-heading span,
body.main-home-pg .small-heading span {
    color: #B1A45D;
}

/* Section eyebrows (site-wide) */
body.hompg .futuron-sec-eyebrow,
body.main-home-pg .futuron-sec-eyebrow {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(11px, 0.95vw, 14px) !important;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #B1A45D !important;
    margin: 0 0 1.25rem;
    padding: 0 !important;
    border: none !important;
    background: none;
}

/* Primary pill CTA */
body.hompg .btn-1,
body.main-home-pg .btn-1 {
    background: unset;
    border: unset;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

body.hompg .btn-1 p,
body.main-home-pg .btn-1 p {
    color: #fff;
    font-family: 'Outfit', sans-serif;
    font-size: clamp(14px, 1.1vw, 18px);
    font-weight: 400;
}

body.hompg .btn-1 span,
body.main-home-pg .btn-1 span {
    border-color: rgba(177, 164, 93, 0.55);
}

body.hompg .btn-1:hover span,
body.main-home-pg .btn-1:hover span {
    background: #B1A45D;
    border-color: #B1A45D;
}

body.hompg .btn-1 span i,
body.main-home-pg .btn-1 span i {
    opacity: 1;
    color: #fff;
}

/* Header */
body.hompg header .navwrp ul li a,
body.main-home-pg header .navwrp ul li a {
    font-family: 'Outfit', sans-serif;
}

body.hompg header .main-btnwrp a.btn-num,
body.main-home-pg header .main-btnwrp a.btn-num {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(12px, 0.85vw, 15px);
    color: rgba(255, 255, 255, 0.88);
}

body.hompg header .main-btnwrp a.btn-11,
body.main-home-pg header .main-btnwrp a.btn-11 {
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 10px;
    color: #fff;
    font-family: 'Outfit', sans-serif;
    font-size: clamp(12px, 0.85vw, 15px);
    padding: 0.65rem 1.15rem;
    background: unset;
    transition: border-color 0.25s ease, background 0.25s ease;
}

body.hompg header .main-btnwrp a.btn-11:hover,
body.main-home-pg header .main-btnwrp a.btn-11:hover {
    border-color: #B1A45D;
    background: rgba(177, 164, 93, 0.12);
    color: #fff;
}

/* Default section copy */
body.hompg main .txtwrp > p:not(.main-pera),
body.main-home-pg main .txtwrp > p:not(.main-pera) {
    font-family: 'Outfit', sans-serif;
    color: rgba(255, 255, 255, 0.85);
    font-size: clamp(15px, 1.05vw, 18px);
    line-height: 1.55;
}

/* Dark page shells */
body.hompg.livesession-pg,
body.hompg.contact-pg,
body.hompg.book-amp-pg,
body.hompg.privacy-pg,
body.hompg.brandin-pg,
body.hompg.meta_pg,
body.hompg.newz-pg,
body.hompg.crypto_nft_pg {
    background: #0f0f0f;
    color: #fff;
}

/* Light / special pages */
body.hompg.thank-you-pg .main-pera,
body.thank-you-pg .main-pera {
    color: #0f0f0f;
}

body.hompg.thank-you-pg header .main-btnwrp a.btn-11 {
    color: #000;
}

@media (max-width: 767px) {
    body.hompg:not(.about-pg) .main-heading,
    body.main-home-pg:not(.about-pg) .main-heading {
        font-size: clamp(28px, 9vw, 42px);
        line-height: 1.08;
    }

    body.hompg:not(.about-pg) .main-pera,
    body.main-home-pg:not(.about-pg) .main-pera {
        font-size: 16px;
        line-height: 1.5;
    }
}

/* About page — undo site-wide white .main-pera; match about-us/style4 section backgrounds */
body.about-pg {
    background: #fff;
    color: #22282f;
}

body.about-pg .overflow-frame {
    color: #22282f;
}

body.hompg.about-pg .overflow-frame .main-pera,
body.main-home-pg.about-pg .overflow-frame .main-pera {
    color: #22282f;
    font-family: 'Outfit', 'Labil Grotesk', Arial, sans-serif;
}

body.about-pg .overflow-frame .what-is__item__text,
body.about-pg .overflow-frame .what-is__item__text2,
body.about-pg .overflow-frame .power-of-future__heads__text,
body.about-pg .overflow-frame .power-of-future__text {
    color: #000;
}

body.about-pg .overflow-frame .s--how,
body.about-pg .overflow-frame .s--how .main-pera,
body.about-pg .overflow-frame .s--inno .main-pera {
    color: #22282f;
}

body.about-pg .overflow-frame .s--how .how__graphs__text--in-card.main-pera {
    color: #22282f !important;
}

/* Dark / image sections (data-midnight is for header — not copy color) */
body.about-pg .overflow-frame .s--uncertainty .main-pera,
body.about-pg .overflow-frame .s--mental-health .main-pera,
body.about-pg .overflow-frame .s--ideas .main-pera,
body.about-pg .overflow-frame .s--ideas .how__people__text,
body.about-pg .overflow-frame .s--ideas .how__ideas__text {
    color: #fff;
}

body.about-pg .main-heading {
    text-transform: none;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

body.hompg.about-pg .overflow-frame .small-heading,
body.main-home-pg.about-pg .overflow-frame .small-heading {
    color: inherit !important;
}

/* Sticky header — blur alone turns white over light footer cards */
body.hompg:not(.about-pg) .header-main.head-liquid.showmenu .row {
    background: rgba(15, 15, 15, 0.78);
    border: 1px solid hsla(0, 0%, 100%, 0.16);
    box-shadow: inset 0 1px rgba(255, 142, 93, 0.22);
}

/* Footer article cards sit on white; .main-pera is site-wide white elsewhere */
body.hompg .footer-widget .arciclewrp .upperbox .right-side .txtwrpmain .main-pera,
body.main-home-pg .footer-widget .arciclewrp .upperbox .right-side .txtwrpmain p.main-pera {
    color: #000 !important;
}