@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@200;300;400;500&display=swap");

:root {
    --pg-ink: #0b0b0c;
    --pg-graphite: #1a1b1d;
    --pg-line: #232427;
    --pg-smoke: #8c8c8c;
    --pg-bone: #f4f2ef;
    --pg-champagne: #c2a98a;
    --pg-champagne-dim: #a88f6e;
    --pg-font-sans: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --pg-font-serif: "Cormorant Garamond", Georgia, serif;
    --pg-ease: cubic-bezier(0.22, 0.61, 0.36, 1);

    /* Compatibility mappings for the existing pages. */
    --black: var(--pg-ink);
    --bg: var(--pg-ink);
    --bg-2: #101012;
    --bg-card: var(--pg-graphite);
    --surface: var(--pg-graphite);
    --surface-2: #202124;
    --border: var(--pg-line);
    --border-h: #35363a;
    --line: var(--pg-line);
    --white: var(--pg-bone);
    --ink: var(--pg-bone);
    --gray: var(--pg-smoke);
    --muted: var(--pg-smoke);
    --gray-l: #c9c6c1;
    --gold: var(--pg-champagne);
    --gold-soft: var(--pg-champagne);
    --gold-d: var(--pg-champagne-dim);
    --gold-10: rgba(194, 169, 138, 0.1);
    --gold-20: rgba(194, 169, 138, 0.22);
    --ff-d: var(--pg-font-sans);
    --ff-b: var(--pg-font-sans);
    --display: var(--pg-font-sans);
    --body: var(--pg-font-sans);
    --ease: var(--pg-ease);
}

html {
    color-scheme: dark;
}

body {
    color: var(--pg-bone);
    background-color: var(--pg-ink);
    font-family: var(--pg-font-sans);
    font-weight: 300;
}

body,
button,
input,
select,
textarea {
    font-family: var(--pg-font-sans);
}

h1,
h2,
.section-title,
.author-name,
.speaker-name,
.footer-huge,
.footer-huge-text {
    font-family: var(--pg-font-sans) !important;
    font-weight: 300 !important;
    letter-spacing: 0 !important;
}

h3,
h4,
.path-title,
.product-card h3,
.feature-card h3,
.format-card h3,
.article-body h2,
.article-body h3 {
    font-family: var(--pg-font-sans) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

strong,
b {
    font-weight: 500;
}

.hero-desc,
.section-desc,
.author-bio,
.speaker-bio,
.testi-text,
.test-text,
.quote-text,
.dek,
.blog-hero .hero-copy > p,
.launch-card > p,
.vip-copy > p,
.article-body > p,
.article-body li,
.pullquote,
.universe-note p {
    font-family: var(--pg-font-serif) !important;
    font-weight: 300;
    line-height: 1.55;
}

.hero-desc,
.section-desc,
.author-bio,
.speaker-bio,
.dek,
.blog-hero .hero-copy > p,
.vip-copy > p {
    font-size: 1.16rem;
}

.article-body > p,
.article-body li {
    font-size: 1.14rem;
}

.section-tag,
.eyebrow,
.hero-badge,
.path-type,
.format-label,
.author-role,
.speaker-role,
.ch-num,
.member-badge,
.spots-left,
.scarcity-bar,
.footer-links,
.pg-nav-link,
.pg-nav-trigger,
.pg-nav-cta {
    font-family: var(--pg-font-sans) !important;
    font-weight: 400 !important;
}

.section-tag,
.eyebrow,
.path-type,
.format-label,
.author-role,
.speaker-role {
    color: var(--pg-champagne) !important;
    letter-spacing: 0.18em !important;
}

.gold-text,
.gold-highlight,
.section-tag,
.eyebrow,
.path-type,
.format-label,
.author-role,
.speaker-role,
.hp-stat strong,
.as strong,
.stat strong,
.proof-num,
.ch-num,
.quote-author,
.testi-stars,
.article-body a,
.article-rail a {
    color: var(--pg-champagne) !important;
}

a {
    transition:
        color 240ms var(--pg-ease),
        border-color 240ms var(--pg-ease),
        background-color 240ms var(--pg-ease),
        opacity 240ms var(--pg-ease);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 1px solid var(--pg-champagne) !important;
    outline-offset: 3px !important;
}

.btn-primary,
.btn-pill,
.path-btn-primary,
.cd-cta,
.nav-cta,
.cta-btn,
.button.primary,
.button-primary,
.mobile-cta,
.pg-nav-cta {
    color: var(--pg-ink) !important;
    background: var(--pg-bone) !important;
    border-color: var(--pg-bone) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: var(--pg-font-sans) !important;
    font-weight: 400 !important;
    letter-spacing: 0.08em !important;
}

.btn-primary:hover,
.btn-pill:hover,
.path-btn-primary:hover,
.cd-cta:hover,
.nav-cta:hover,
.cta-btn:hover,
.button.primary:hover,
.button-primary:hover,
.mobile-cta:hover,
.pg-nav-cta:hover {
    color: var(--pg-ink) !important;
    background: var(--pg-champagne) !important;
    border-color: var(--pg-champagne) !important;
    transform: none !important;
}

.btn-outline,
.path-btn-secondary,
.button.secondary,
.button-secondary,
.format-actions .btn-outline {
    color: var(--pg-bone) !important;
    background: transparent !important;
    border-color: #3a3b3e !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: var(--pg-font-sans) !important;
    font-weight: 400 !important;
}

.btn-outline:hover,
.path-btn-secondary:hover,
.button.secondary:hover,
.button-secondary:hover,
.format-actions .btn-outline:hover {
    color: var(--pg-champagne) !important;
    border-color: var(--pg-champagne) !important;
    transform: none !important;
}

.scarcity-bar,
.spots-left {
    color: var(--pg-ink) !important;
    background: var(--pg-champagne) !important;
}

.path-card,
.product-card,
.pillar-card,
.feature-card,
.format-card,
.testi-card,
.error-card,
.for-grid,
.for-item,
.faq-item,
.launch-card,
.vip-content-card,
.profile-card,
.vip-dashboard,
.article-card,
.related-card,
.hero-tool,
.source-box,
.action-box,
.rail-book {
    background-color: var(--pg-graphite) !important;
    border-color: var(--pg-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.path-card.highlight,
.format-card.featured,
.feature-card:hover,
.testi-card:hover,
.error-card:hover,
.article-card:hover,
.related-card:hover {
    border-color: rgba(194, 169, 138, 0.5) !important;
    box-shadow: none !important;
}

.hero-badge,
.path-badge,
.member-badge,
.result-chip,
.error-tag {
    color: var(--pg-champagne) !important;
    background: transparent !important;
    border: 1px solid rgba(194, 169, 138, 0.45) !important;
    border-radius: 0 !important;
}

.premium-icon-box,
.feature-icon,
.error-icon,
.for-check,
.fw-check,
.testi-avatar,
.author-chip img,
.hero-proof img {
    border-color: var(--pg-line) !important;
    border-radius: 14px !important;
    background: #151517 !important;
}

.premium-icon-box svg,
.feature-icon svg,
.error-icon svg,
.for-check svg,
.fw-check svg {
    color: var(--pg-champagne) !important;
    stroke: var(--pg-champagne) !important;
}

.book-visual img,
.author-img-wrap img,
.speaker-img-wrap img,
.hero-img-wrapper,
.hero-img-wrapper img,
.article-card img,
.featured-card,
.featured-card img {
    border-radius: 0 !important;
}

.fab-wa,
.wa-fab {
    color: var(--pg-bone) !important;
    background: var(--pg-graphite) !important;
    border: 1px solid rgba(194, 169, 138, 0.55) !important;
    box-shadow: none !important;
}

.fab-wa:hover,
.wa-fab:hover {
    color: var(--pg-ink) !important;
    background: var(--pg-champagne) !important;
}

.fab-pulse {
    border-color: rgba(194, 169, 138, 0.55) !important;
}

.footer,
.site-footer,
.article-footer {
    background-color: var(--pg-ink) !important;
    border-color: var(--pg-line) !important;
}

.pg-global-nav {
    --pg-nav-bg: rgba(11, 11, 12, 0.96);
    --pg-nav-surface: var(--pg-graphite);
    --pg-nav-line: var(--pg-line);
    --pg-nav-text: var(--pg-bone);
    --pg-nav-muted: var(--pg-smoke);
    --pg-nav-gold: var(--pg-champagne);
    font-family: var(--pg-font-sans);
}

.pg-nav-inner {
    grid-template-columns: minmax(230px, 1fr) auto minmax(230px, 1fr);
}

.pg-nav-brand {
    width: 228px;
    height: 54px;
    color: var(--pg-bone);
}

.pg-nav-brand .pg-brand-lockup {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0;
    object-fit: contain;
}

.pg-nav-brand .pg-brand-mark {
    display: none;
}

.pg-nav-link,
.pg-nav-trigger {
    border-radius: 0;
    font-weight: 400;
}

.pg-nav-link:hover,
.pg-nav-link[aria-current="page"],
.pg-nav-trigger:hover,
.pg-nav-trigger.is-active,
.pg-nav-trigger[aria-expanded="true"] {
    color: var(--pg-bone);
    background: transparent;
}

.pg-nav-link[aria-current="page"],
.pg-nav-trigger.is-active {
    color: var(--pg-champagne);
    box-shadow: inset 0 -1px 0 var(--pg-champagne);
}

.pg-nav-dropdown,
.pg-nav-dropdown a,
.pg-nav-menu-button {
    border-radius: 0;
}

.pg-nav-dropdown a:hover,
.pg-nav-dropdown a:focus-visible {
    color: var(--pg-ink);
    background: var(--pg-bone);
}

@media (max-width: 1120px) {
    .pg-nav-inner {
        grid-template-columns: 1fr auto;
    }
}

@media (max-width: 520px) {
    .pg-nav-brand {
        width: 30px;
        height: 42px;
    }

    .pg-nav-brand .pg-brand-lockup {
        display: none;
    }

    .pg-nav-brand .pg-brand-mark {
        width: 29px;
        height: 38px;
        display: block;
        border-radius: 0;
        object-fit: contain;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}