:root {
    --pl-ink: #f4f7fb;
    --pl-ink-soft: #dbe4ef;
    --pl-ink-lift: #c8d4e3;
    --pl-accent: #69e0cf;
    --pl-accent-strong: #8de8db;
    --pl-accent-pale: rgba(105, 224, 207, .12);
    --pl-paper: #07101e;
    --pl-surface: #0c1626;
    --pl-surface-2: #101c30;
    --pl-line: #263956;
    --pl-line-strong: #38506f;
    --pl-text: #f4f7fb;
    --pl-muted: #a9b8cd;
    --pl-link: #69e0cf;
    --pl-text-inverse: #f4f7fb;
    --pl-muted-inverse: #a9b8cd;
    --pl-gold: #c69445;
    --pl-shadow: 0 24px 70px rgba(0, 0, 0, .34);
}

html { scroll-behavior: smooth; }

body.index-five {
    color: var(--pl-text);
    background: var(--pl-paper);
}

body.index-five a { color: inherit; }

body.index-five ::selection {
    color: #06111c;
    background: var(--pl-accent);
}

.hg-noise { opacity: .035; }

.hg-header {
    color: #fff;
    background: rgba(11, 36, 36, .98);
    border-bottom: 1px solid rgba(105, 224, 207, .14);
    box-shadow: 0 12px 35px rgba(4, 19, 18, .16);
}

.hg-header .ap-header-contact-topbar {
    color: #d8efeb;
    background: #071b1a;
    border-bottom-color: rgba(105, 224, 207, .14);
}

.hg-header .ap-header-contact-topbar a:hover { color: var(--pl-accent); }

.hg-logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-weight: 750;
    letter-spacing: -.035em;
}

.hg-logo:hover { color: #fff; }

.hg-logo-mark {
    display: inline-grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    color: var(--pl-accent);
    background: rgba(105, 224, 207, .07);
    border-radius: 11px;
}

.hg-logo-mark svg,
.hg-logo-mark .logo-mark {
    width: 34px;
    height: 34px;
    fill: none;
}

.hg-logo-text { white-space: nowrap; }

.hg-nav-link {
    color: #d9e8e5;
    border-radius: 10px;
    transition: color .2s ease, background .2s ease;
}

.hg-nav-link:hover,
.hg-nav-item:hover > .hg-nav-link {
    color: #fff;
    background: rgba(105, 224, 207, .09);
}

.hg-nav-link i { color: var(--pl-accent); }

.hg-dropdown {
    color: var(--pl-text);
    background: rgba(255, 255, 255, .985);
    border: 1px solid var(--pl-line);
    box-shadow: var(--pl-shadow);
    backdrop-filter: blur(16px);
}

.hg-dropdown::before { background: transparent; }

.hg-dropdown a:hover,
.hg-platform-dle-item:hover,
.hg-usecase-dle-item:hover,
.hg-resource-dle-item:hover,
.hg-developer-dle-item:hover,
.hg-enterprise-dle-item:hover,
.hg-pricing-dle-item:hover {
    color: var(--pl-ink);
    background: var(--pl-accent-pale);
}

.hg-dropdown-title,
.hg-platform-dle-section-head a,
.hg-platform-all-link { color: var(--pl-ink); }

.hg-btn,
button.hg-btn,
a.hg-btn {
    color: var(--pl-ink);
    background: var(--pl-accent);
    border-color: var(--pl-accent);
    box-shadow: none;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.hg-btn:hover,
button.hg-btn:hover,
a.hg-btn:hover {
    color: #fff;
    background: var(--pl-accent-strong);
    border-color: var(--pl-accent-strong);
    transform: translateY(-2px);
}

.hg-btn.secondary,
a.hg-btn.secondary {
    color: #fff;
    background: transparent;
    border-color: rgba(255, 255, 255, .42);
}

.hg-btn.secondary:hover,
a.hg-btn.secondary:hover {
    color: var(--pl-ink);
    background: #fff;
    border-color: #fff;
}

.hg-cart-action {
    color: #fff;
    border-color: rgba(105, 224, 207, .3);
    background: rgba(105, 224, 207, .08);
}

.hg-cart-action span { color: var(--pl-ink); background: var(--pl-accent); }

.ap-home-hero,
.ap-category-hero,
.ap-product-db-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 83% 12%, rgba(105, 224, 207, .3), transparent 31%),
        linear-gradient(135deg, #f9fcfb 0%, var(--pl-paper) 48%, #e6f5f1 100%);
}

.ap-home-hero::before,
.ap-category-hero::before,
.ap-product-db-hero::before {
    content: "";
    position: absolute;
    right: -110px;
    bottom: -170px;
    width: 410px;
    height: 410px;
    border: 1px solid rgba(45, 185, 168, .2);
    border-radius: 50%;
    box-shadow: 0 0 0 55px rgba(105, 224, 207, .05), 0 0 0 110px rgba(105, 224, 207, .035);
    pointer-events: none;
}

.ap-home-hero-grid,
.ap-category-hero-inner,
.ap-product-db-hero-grid { position: relative; z-index: 1; }

.ap-home-hero h1,
.ap-category-hero h1,
.ap-product-db-hero h1,
.ap-pricing-hero h1 {
    color: var(--pl-ink);
    letter-spacing: -.055em;
}

.hg-eyebrow,
.ap-category-card-kicker,
.ap-pricing-card-kicker,
.ap-home-card-kicker {
    color: var(--pl-accent-strong);
}

.hg-eyebrow i,
.ap-home-card-icon,
.ap-category-card-icon {
    color: var(--pl-ink);
    background: var(--pl-accent-pale);
}

.ap-home-hero-chips span,
.ap-category-hero-chips span {
    color: var(--pl-ink-soft);
    background: rgba(255, 255, 255, .76);
    border-color: var(--pl-line);
}

.ap-home-hero-visual {
    filter: hue-rotate(105deg) saturate(.72);
}

.ap-home-visual-card {
    border-color: rgba(105, 224, 207, .34);
    box-shadow: var(--pl-shadow);
}

.ap-home-section:nth-of-type(even) { background: var(--pl-paper); }

.ap-home-dle-card,
.ap-home-large-card,
.ap-home-price-card,
.ap-category-card,
.ap-platform-subcat-card,
.ap-pricing-card,
.ap-pricing-safe-card,
.ap-product-db-v-card,
.hg-content-shell article {
    border-color: var(--pl-line);
    border-radius: 22px;
    box-shadow: 0 10px 34px rgba(11, 36, 36, .055);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.ap-home-dle-card:hover,
.ap-home-large-card:hover,
.ap-home-price-card:hover,
.ap-category-card:hover,
.ap-platform-subcat-card:hover,
.ap-pricing-card:hover {
    border-color: rgba(45, 185, 168, .55);
    box-shadow: 0 22px 54px rgba(11, 36, 36, .11);
    transform: translateY(-5px);
}

.ap-home-pricing-band,
.ap-home-cta-card {
    color: #fff;
    background: linear-gradient(135deg, var(--pl-ink), var(--pl-ink-lift));
    border-color: rgba(105, 224, 207, .22);
}

.ap-home-pricing-band h2,
.ap-home-cta-card h2 { color: #fff; }

.ap-category-card-more,
.ap-home-card-link,
.ap-footer-all-link { color: var(--pl-accent-strong); }

.ap-pricing-card.is-featured,
.ap-pricing-card-production.is-featured {
    border-color: var(--pl-accent-strong);
    box-shadow: 0 22px 55px rgba(45, 185, 168, .17);
}

.ap-pricing-credit-pill,
.ap-pricing-value-note,
.ap-pricing-mini-meta { background: var(--pl-accent-pale); }

.ap-pricing-price span,
.ap-pricing-safe-price strong { color: var(--pl-ink); }

.hg-content-shell { color: var(--pl-text); }

.hg-content-shell h1,
.hg-content-shell h2,
.hg-content-shell h3,
.hg-content-shell h4 { color: var(--pl-ink); }

.hg-content-shell a { color: var(--pl-accent-strong); }

.hg-content-shell blockquote {
    background: var(--pl-paper);
    border-left-color: var(--pl-accent-strong);
}

.ap-footer-dle,
.hg-footer {
    color: #d7e9e6;
    background: var(--pl-ink);
    border-top-color: rgba(105, 224, 207, .2);
}

.hg-footer .hg-logo,
.hg-footer h4 { color: #fff; }

.hg-footer .hg-logo-mark { color: var(--pl-accent); background: rgba(105, 224, 207, .08); }

.hg-footer a { color: #c5dad6; }
.hg-footer a:hover { color: var(--pl-accent); }
.hg-footer .ap-footer-subhead { color: var(--pl-accent); }
.hg-copy { border-top-color: rgba(105, 224, 207, .16); }

.ap-mobile-menu-panel { background: var(--pl-ink); }
body.index-five .ap-mobile-menu-nav a,
body.index-five .ap-mobile-menu-nav a span {
    color: #dbe9e6;
    border-color: rgba(105, 224, 207, .15);
}
body.index-five .ap-mobile-menu-nav a:hover,
body.index-five .ap-mobile-menu-nav a:hover span {
    color: var(--pl-ink);
    background: var(--pl-accent);
}
.ap-mobile-menu-close { color: var(--pl-ink); background: var(--pl-accent); }

input:focus,
textarea:focus,
select:focus {
    border-color: var(--pl-accent-strong) !important;
    box-shadow: 0 0 0 4px rgba(105, 224, 207, .17) !important;
    outline: 0;
}

@media (max-width: 991px) {
    .hg-logo-mark { width: 36px; height: 36px; flex-basis: 36px; }
    .hg-logo-mark svg, .hg-logo-mark .logo-mark { width: 30px; height: 30px; }
    .ap-home-hero::before, .ap-category-hero::before, .ap-product-db-hero::before { opacity: .55; }
}

@media (max-width: 575px) {
    .hg-logo { gap: 9px; font-size: 18px; }
    .hg-logo-mark { width: 32px; height: 32px; flex-basis: 32px; border-radius: 9px; }
    .hg-logo-mark svg, .hg-logo-mark .logo-mark { width: 27px; height: 27px; }
    .ap-home-dle-card, .ap-category-card, .ap-pricing-card, .ap-pricing-safe-card { border-radius: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Accessible light-theme foregrounds
   The source component set was designed for dark surfaces. This final layer
   maps every public template to the ProLedger light palette while preserving
   intentionally dark navigation and showcase panels. */
body.index-five {
    --hg-text: var(--pl-text);
    --hg-muted: var(--pl-muted);
    --hg-line: var(--pl-line);
    --hg-accent: var(--pl-accent);
    --hg-accent-2: var(--pl-link);
}

body.index-five main,
body.index-five .hg-content-shell {
    color: var(--pl-text);
}

body.index-five main :where(h1, h2, h3, h4, h5, h6),
body.index-five .hg-content-shell :where(h1, h2, h3, h4, h5, h6),
body.index-five main :where(strong, b) {
    color: var(--pl-ink);
}

body.index-five main :where(p, li, dd, small, label),
body.index-five .hg-content-shell :where(p, li, dd, small, label) {
    color: var(--pl-muted);
}

body.index-five main a:not(.hg-btn):not(.ap-home-card-link):not(.ap-category-card-more),
body.index-five .hg-content-shell a:not(.hg-btn) {
    color: var(--pl-link);
}

body.index-five main a:not(.hg-btn):hover,
body.index-five .hg-content-shell a:not(.hg-btn):hover {
    color: var(--pl-ink-lift);
}

.ap-home-section,
.ap-category-main,
.ap-product-db-page,
.ap-product-page,
.ap-pricing-page,
.ap-contact-content-shell,
.hg-content-shell {
    color: var(--pl-text);
}

.ap-home-section :where(.ap-home-dle-card, .ap-home-large-card, .ap-home-price-card),
.ap-category-card,
.ap-platform-subcat-card,
.ap-pricing-card,
.ap-pricing-safe-card,
.ap-contact-page-card,
.ap-contact-block,
.ap-contact-form,
.hg-content-shell article {
    color: var(--pl-text);
    background-color: var(--pl-surface);
}

:where(.ap-home-dle-card, .ap-home-large-card, .ap-home-price-card,
       .ap-category-card, .ap-platform-subcat-card, .ap-pricing-card,
       .ap-pricing-safe-card, .ap-contact-page-card, .ap-contact-block,
       .ap-contact-form, .hg-content-shell article)
    :where(h2, h3, h4, strong, b) {
    color: var(--pl-ink);
}

:where(.ap-home-dle-card, .ap-home-large-card, .ap-home-price-card,
       .ap-category-card, .ap-platform-subcat-card, .ap-pricing-card,
       .ap-pricing-safe-card, .ap-contact-page-card, .ap-contact-block,
       .ap-contact-form, .hg-content-shell article)
    :where(p, small, span:not(.hg-btn), li) {
    color: var(--pl-muted);
}

.hg-title-wrap h2,
.hg-split h2,
.ap-home-section-head h2,
.ap-category-section-head h2,
.ap-category-card h3,
.ap-platform-subcat-card h2,
.ap-platform-subcat-card h3,
.ap-home-dle-card h3,
.ap-home-large-card h2,
.ap-home-large-card h3,
.ap-home-price-card h3,
.ap-pricing-card h3,
.ap-pricing-safe-card h2,
.ap-pricing-safe-card h3,
.ap-product-flow h3,
.ap-product-v2-pillar-grid h3,
.ap-product-v2-steps h3,
.ap-product-v2-use-grid h3,
.ap-product-v2-feature-copy h2,
.ap-product-v2-use-band h2,
.ap-product-v2-security h2,
.ap-product-db-section h2,
.ap-product-db-section h3,
.ap-landing-page h2,
.ap-landing-page h3 {
    color: var(--pl-ink);
}

.hg-title-wrap p,
.hg-split p,
.ap-home-section-head p,
.ap-category-section-head p,
.ap-category-card-desc,
.ap-platform-subcat-card p,
.ap-home-dle-card p,
.ap-home-large-card p,
.ap-home-price-card p,
.ap-pricing-card p,
.ap-pricing-safe-card p,
.ap-product-lead,
.ap-product-v2-lead,
.ap-product-db-lead,
.ap-product-flow p,
.ap-product-v2-pillar-grid p,
.ap-product-v2-steps p,
.ap-product-v2-use-grid p,
.ap-product-v2-feature-copy p,
.ap-product-v2-use-band p,
.ap-product-v2-security p,
.ap-landing-page p {
    color: var(--pl-muted);
}

.hg-eyebrow,
.ap-home-card-kicker,
.ap-category-card-kicker,
.ap-pricing-card-kicker,
.ap-contact-card-kicker,
.ap-product-db-kicker,
.ap-landing-kicker,
.ap-pricing-safe-card-head small {
    color: var(--pl-link);
}

.ap-home-card-link,
.ap-category-card-more,
.ap-footer-all-link,
.ap-platform-subcat-link,
.ap-pricing-card-link {
    color: var(--pl-link);
}

.ap-home-card-link:hover,
.ap-category-card-more:hover,
.ap-platform-subcat-link:hover,
.ap-pricing-card-link:hover {
    color: var(--pl-ink-lift);
}

/* Buttons: mint surfaces always use dark text; light secondary controls use
   an ink foreground and a visible boundary. */
.hg-btn,
button.hg-btn,
a.hg-btn,
.ap-contact-submit,
.ap-pricing-safe-add {
    color: var(--pl-ink) !important;
    background: var(--pl-accent);
    border-color: var(--pl-accent);
}

.hg-btn:hover,
button.hg-btn:hover,
a.hg-btn:hover,
.ap-contact-submit:hover,
.ap-pricing-safe-add:hover {
    color: var(--pl-ink) !important;
    background: #55d4c2;
    border-color: #55d4c2;
}

main .hg-btn.secondary,
main a.hg-btn.secondary,
.hg-content-shell .hg-btn.secondary {
    color: var(--pl-ink) !important;
    background: var(--pl-surface);
    border-color: var(--pl-line-strong);
}

main .hg-btn.secondary:hover,
main a.hg-btn.secondary:hover,
.hg-content-shell .hg-btn.secondary:hover {
    color: var(--pl-ink) !important;
    background: var(--pl-accent-pale);
    border-color: var(--pl-link);
}

/* Forms and control states. */
.ap-contact-form label span,
.ap-contact-policy span,
.ap-contact-policy-visible span {
    color: var(--pl-text) !important;
}

.ap-contact-policy a,
.ap-contact-policy-visible a {
    color: var(--pl-link) !important;
}

.ap-contact-form input:not([type="checkbox"]),
.ap-contact-form textarea,
.ap-pricing-safe-qty input,
body.index-five main input,
body.index-five main textarea,
body.index-five main select {
    color: var(--pl-ink);
    background: var(--pl-surface);
    border-color: var(--pl-line-strong);
}

body.index-five main input::placeholder,
body.index-five main textarea::placeholder {
    color: var(--pl-muted);
    opacity: 1;
}

:where(a, button, input, textarea, select, summary):focus-visible {
    outline: 3px solid var(--pl-link);
    outline-offset: 3px;
}

/* Intentionally dark surfaces keep inverse text. */
:where(.ap-home-visual-card, .ap-home-pricing-band, .ap-home-cta-card,
       .ap-product-visual-card, .ap-product-mini-visual,
       .ap-product-v2-prompt-card, .ap-product-v2-visual,
       .ap-product-v2-mini-visual, .ap-product-v2-use-band,
       .ap-product-v2-security, .ap-product-db-visual,
       .ap-product-feature-band, .ap-pricing-hero-card,
       .ap-cart-summary-card, .ap-cart-intro-card)
    :where(h1, h2, h3, h4, h5, h6, strong, b) {
    color: var(--pl-text-inverse);
}

:where(.ap-home-visual-card, .ap-home-pricing-band, .ap-home-cta-card,
       .ap-product-visual-card, .ap-product-mini-visual,
       .ap-product-v2-prompt-card, .ap-product-v2-visual,
       .ap-product-v2-mini-visual, .ap-product-v2-use-band,
       .ap-product-v2-security, .ap-product-db-visual,
       .ap-product-feature-band, .ap-pricing-hero-card,
       .ap-cart-summary-card, .ap-cart-intro-card)
    :where(p, span, small, li, label) {
    color: var(--pl-muted-inverse);
}

:where(.ap-home-pricing-band, .ap-home-cta-card,
       .ap-product-v2-use-band, .ap-product-v2-security,
       .ap-product-feature-band, .ap-pricing-hero-card,
       .ap-cart-summary-card, .ap-cart-intro-card)
    .hg-btn.secondary {
    color: var(--pl-text-inverse);
    background: transparent;
    border-color: #9bbeb8;
}

:where(.ap-home-pricing-band, .ap-home-cta-card,
       .ap-product-v2-use-band, .ap-product-v2-security,
       .ap-product-feature-band, .ap-pricing-hero-card,
       .ap-cart-summary-card, .ap-cart-intro-card)
    .hg-btn.secondary:hover {
    color: var(--pl-ink);
    background: var(--pl-surface);
    border-color: var(--pl-surface);
}

/* Pricing details are light cards, including the quantity stepper. */
.ap-pricing-safe-card-head small,
.ap-pricing-safe-price span,
.ap-pricing-safe-fixed span,
.ap-pricing-safe-token span {
    color: var(--pl-muted);
}

.ap-pricing-safe-price strong,
.ap-pricing-safe-fixed strong,
.ap-pricing-safe-token strong,
.ap-pricing-safe-qty input {
    color: var(--pl-ink);
}

.ap-pricing-full-safe .ap-pricing-safe-card {
    background:
        radial-gradient(circle at 18% 0%, rgba(105, 224, 207, .13), transparent 32%),
        linear-gradient(180deg, var(--pl-surface), var(--pl-paper));
    border-color: var(--pl-line);
    box-shadow: var(--pl-shadow);
}

.ap-pricing-safe-fixed,
.ap-pricing-safe-token,
.ap-pricing-safe-qty {
    background: var(--pl-surface);
    border-color: var(--pl-line-strong);
}

.ap-pricing-safe-qty button {
    color: var(--pl-ink);
    background: var(--pl-accent-pale);
    border-color: var(--pl-line-strong);
}

.ap-pricing-safe-add.is-in-cart {
    color: var(--pl-text-inverse) !important;
    background: var(--pl-ink);
    border-color: var(--pl-ink);
}

/* Compact labels use selectors with higher specificity in the source theme. */
.ap-home-platform-grid span,
.ap-home-dle-card > span,
.ap-home-price-card > span,
.ap-category-card .ap-category-card-kicker,
.ap-category-card .ap-category-card-meta span {
    color: var(--pl-link);
    background: var(--pl-accent-pale);
    border-color: var(--pl-line);
}

.ap-home-visual-card span {
    color: var(--pl-muted-inverse);
}

.ap-home-visual-card strong {
    color: var(--pl-text-inverse) !important;
}

.ap-footer-dle,
.hg-footer {
    --hg-text: var(--pl-text-inverse);
    --hg-muted: var(--pl-muted-inverse);
    --hg-accent-2: var(--pl-accent);
    color: var(--pl-muted-inverse);
}

.ap-footer-dle :where(p, span, small),
.hg-footer :where(p, span, small),
.hg-footer .hg-copy {
    color: var(--pl-muted-inverse);
}

.ap-footer-dle a,
.hg-footer a {
    color: var(--pl-muted-inverse);
}

.ap-footer-dle .ap-footer-all-link,
.hg-footer .ap-footer-all-link {
    color: var(--pl-accent);
}

/* Platform overview chips were inherited from the source dark palette. */
.ap-platform-subcat-kicker,
.ap-platform-subcat-tags span {
    color: var(--pl-link);
    background: var(--pl-accent-pale);
    border-color: var(--pl-line);
}

/* Pricing overview: readable labels and economics on light cards. */
.ap-pricing-credit-pill,
.ap-pricing-mini-meta span,
.ap-token-formula span,
.ap-token-formula strong {
    color: var(--pl-link);
    background: var(--pl-accent-pale);
    border-color: var(--pl-line);
}

.ap-pricing-card-production .ap-pricing-price small {
    color: var(--pl-muted);
}

.ap-pricing-value-note {
    color: var(--pl-muted);
    background: var(--pl-paper);
    border-color: var(--pl-line);
}

.ap-pricing-value-note b,
.ap-pricing-economics strong,
.ap-pricing-secondary-card h3,
.ap-pricing-cart-note h3 {
    color: var(--pl-ink);
}

.ap-pricing-economics span,
.ap-pricing-economics small,
.ap-pricing-cart-note p {
    color: var(--pl-muted);
}

.ap-pricing-economics article,
.ap-pricing-cart-note {
    color: var(--pl-text);
    background: var(--pl-surface);
    border-color: var(--pl-line);
    box-shadow: 0 10px 34px rgba(11, 36, 36, .055);
}

.ap-token-box-production {
    color: var(--pl-text-inverse);
    background: var(--pl-ink);
    border-color: rgba(105, 224, 207, .24);
}

.ap-token-box-production :where(span, small, .ap-token-total) {
    color: var(--pl-muted-inverse);
}

.ap-token-box-production :where(strong, b) {
    color: var(--pl-text-inverse);
}

.ap-token-box-production .ap-token-unit strong,
.ap-token-box-production .ap-token-total strong {
    color: var(--pl-text-inverse);
}

.ap-token-box-production :where([data-proledger-token-minus], [data-proledger-token-plus]) {
    color: var(--pl-ink);
    background: var(--pl-accent);
    border-color: var(--pl-accent);
}

/* Full landing pages: replace translucent dark-theme card fills with stable
   light surfaces and retain one dark control band for visual hierarchy. */
.ap-landing-page {
    --ap-card-title: var(--pl-ink);
    --ap-card-text: var(--pl-muted);
    --ap-card-border: var(--pl-line);
    --ap-card-bg: var(--pl-surface);
}

.ap-landing-page :where(
    .ap-product-db-card-grid article,
    .ap-product-v5-overview-grid article,
    .ap-create-card-grid article,
    .ap-product-v5-feature-grid article,
    .ap-create-feature-grid article,
    .ap-product-v5-usecase-grid article,
    .ap-create-usecase-grid article,
    .ap-product-v5-timeline article,
    .ap-create-timeline article,
    .ap-product-v5-agent-card,
    .ap-create-feature-large,
    .ap-product-v5-feature-large,
    .hg-faq details) {
    color: var(--pl-text);
    background: var(--pl-surface);
    border-color: var(--pl-line);
    box-shadow: 0 12px 38px rgba(11, 36, 36, .07);
}

.ap-landing-page .ap-product-db-value-row span,
.ap-landing-page .ap-product-v5-usecase-grid article > span,
.ap-landing-page .ap-create-usecase-grid article > span {
    color: var(--pl-link);
    background: var(--pl-accent-pale);
    border-color: var(--pl-line);
}

.ap-landing-page .ap-product-v5-feature-grid strong,
.ap-landing-page .ap-create-feature-grid strong,
.ap-landing-page .hg-faq summary {
    color: var(--pl-ink);
}

.ap-landing-page .ap-product-v5-feature-grid span,
.ap-landing-page .ap-create-feature-grid span,
.ap-landing-page .hg-faq p {
    color: var(--pl-muted);
}

.ap-landing-page .ap-product-v5-timeline article > span,
.ap-landing-page .ap-create-timeline article > span {
    color: var(--pl-ink);
    background: var(--pl-accent);
    box-shadow: 0 12px 30px rgba(45, 185, 168, .2);
}

.ap-landing-page :where(.ap-product-db-split-band, .ap-create-control-band) {
    color: var(--pl-text-inverse);
    background-color: var(--pl-ink);
    background:
        radial-gradient(circle at 12% 20%, rgba(105, 224, 207, .16), transparent 32%),
        linear-gradient(135deg, var(--pl-ink), var(--pl-ink-lift));
    border-color: rgba(105, 224, 207, .22);
    box-shadow: var(--pl-shadow);
}

.ap-landing-page .ap-product-db-visual {
    background-color: var(--pl-ink);
}

.ap-landing-page :where(.ap-product-db-split-band, .ap-create-control-band) {
    background-color: var(--pl-ink);
}

.ap-landing-page :where(.ap-product-db-split-band, .ap-create-control-band)
    :where(h2, h3, h4, strong, b) {
    color: var(--pl-text-inverse);
}

.ap-landing-page :where(.ap-product-db-split-band, .ap-create-control-band)
    :where(p, span, small, li) {
    color: var(--pl-muted-inverse);
}

.ap-landing-page .ap-product-db-split-band :where(h2, h3, h4, strong, b),
.ap-landing-page .ap-create-control-band :where(h2, h3, h4, strong, b) {
    color: var(--pl-text-inverse) !important;
}

.ap-landing-page .ap-product-db-split-band :where(p, span, small, li),
.ap-landing-page .ap-create-control-band :where(p, span, small, li) {
    color: var(--pl-muted-inverse) !important;
}

.ap-landing-page .ap-product-db-split-band .hg-eyebrow,
.ap-landing-page .ap-create-control-band .hg-eyebrow {
    color: var(--pl-accent) !important;
}

/* Legal and technical pages use the same light content system. */
.ap-legal-hero,
.ap-legal-toc,
.ap-legal-section,
.ap-legal-contact-box,
.ap-legal-contact-card,
.ap-legal-link-grid a {
    color: var(--pl-text);
    background: var(--pl-surface);
    border-color: var(--pl-line);
    box-shadow: 0 10px 34px rgba(11, 36, 36, .055);
}

.ap-legal-hero h1,
.ap-legal-toc strong,
.ap-legal-section h2,
.ap-legal-link-grid a strong,
.ap-legal-contact-box strong,
.ap-legal-contact-card strong {
    color: var(--pl-ink);
}

.ap-legal-hero p,
.ap-legal-toc a,
.ap-legal-section :where(p, li),
.ap-legal-link-grid a span,
.ap-legal-contact-box p,
.ap-legal-contact-card p {
    color: var(--pl-muted);
}

.ap-legal-updated {
    color: var(--pl-link);
    background: var(--pl-accent-pale);
    border-color: var(--pl-line);
}

.ap-legal-section a,
.ap-legal-contact-box a:not(.hg-btn),
.ap-legal-contact-card a:not(.hg-btn) {
    color: var(--pl-link);
}

/* --------------------------------------------------------------------------
   Final surface hierarchy pass

   The imported layout originally relied on very pale translucent cards.  On
   the ProLedger light canvas that made neighbouring blocks visually merge.
   These rules give reusable content surfaces an opaque paper base, a visible
   edge and a restrained elevation without changing the existing layout.
   -------------------------------------------------------------------------- */

.ap-home-platform-grid article,
.ap-home-dle-card,
.ap-home-price-card,
.ap-home-large-card,
.ap-home-resource-item,
.ap-category-card,
.ap-platform-subcat-card,
.ap-pricing-card,
.ap-pricing-safe-card,
.ap-contact-page-card,
.ap-contact-block,
.ap-contact-form,
.hg-content-shell article,
.ap-landing-page .ap-product-db-card-grid article,
.ap-landing-page .ap-product-v5-overview-grid article,
.ap-landing-page .ap-create-card-grid article,
.ap-landing-page .ap-product-v5-feature-grid article,
.ap-landing-page .ap-create-feature-grid article,
.ap-landing-page .ap-product-v5-usecase-grid article,
.ap-landing-page .ap-create-usecase-grid article,
.ap-landing-page .ap-product-v5-timeline article,
.ap-landing-page .ap-create-timeline article,
.ap-landing-page .ap-product-v5-agent-card,
.ap-landing-page .ap-create-feature-large,
.ap-landing-page .ap-product-v5-feature-large,
.ap-landing-page .hg-faq details {
    background:
        linear-gradient(180deg, rgba(105, 224, 207, .09), transparent 88px),
        var(--pl-surface);
    border: 1px solid var(--pl-line-strong);
    box-shadow:
        inset 0 4px 0 rgba(105, 224, 207, .36),
        0 18px 46px rgba(11, 36, 36, .105);
}

.ap-home-platform-grid article,
.ap-home-dle-card,
.ap-home-price-card,
.ap-home-large-card,
.ap-home-resource-item,
.ap-category-card,
.ap-platform-subcat-card,
.ap-pricing-card,
.ap-pricing-safe-card,
.ap-landing-page .ap-product-db-card-grid article,
.ap-landing-page .ap-product-v5-overview-grid article,
.ap-landing-page .ap-create-card-grid article,
.ap-landing-page .ap-product-v5-feature-grid article,
.ap-landing-page .ap-create-feature-grid article,
.ap-landing-page .ap-product-v5-usecase-grid article,
.ap-landing-page .ap-create-usecase-grid article {
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.ap-home-platform-grid article:hover,
.ap-home-dle-card:hover,
.ap-home-price-card:hover,
.ap-home-large-card:hover,
.ap-home-resource-item:hover,
.ap-category-card:hover,
.ap-platform-subcat-card:hover,
.ap-pricing-card:hover,
.ap-pricing-safe-card:hover,
.ap-landing-page .ap-product-db-card-grid article:hover,
.ap-landing-page .ap-product-v5-overview-grid article:hover,
.ap-landing-page .ap-create-card-grid article:hover,
.ap-landing-page .ap-product-v5-feature-grid article:hover,
.ap-landing-page .ap-create-feature-grid article:hover,
.ap-landing-page .ap-product-v5-usecase-grid article:hover,
.ap-landing-page .ap-create-usecase-grid article:hover {
    transform: translateY(-4px);
    border-color: var(--pl-link);
    box-shadow:
        inset 0 4px 0 var(--pl-accent),
        0 24px 58px rgba(11, 36, 36, .16);
}

.ap-home-card-icon,
.ap-category-icon,
.ap-platform-subcat-icon,
.ap-landing-page :where(.ap-product-db-card-icon, .ap-product-v5-card-icon, .ap-create-card-icon) {
    color: var(--pl-ink);
    background: linear-gradient(135deg, #ddf8f3, #bdece4);
    border: 1px solid var(--pl-line-strong);
    box-shadow: 0 12px 28px rgba(31, 127, 117, .16);
}

.ap-home-dle-card .hg-eyebrow,
.ap-category-card .hg-eyebrow,
.ap-platform-subcat-card .hg-eyebrow,
.ap-landing-page article .hg-eyebrow {
    color: var(--pl-link);
    background: var(--pl-accent-pale);
    border: 1px solid var(--pl-line-strong);
}

/* The pricing band and closing CTA are deliberate dark anchors.  Explicit
   descendants are used here so the global light-theme heading rules cannot
   win through selector order or component specificity. */
body.index-five main .ap-home-pricing-band,
body.index-five main .ap-home-cta-card {
    color: var(--pl-text-inverse);
    background:
        radial-gradient(circle at 88% 12%, rgba(105, 224, 207, .18), transparent 34%),
        linear-gradient(135deg, #082827 0%, #174c48 100%);
    border: 1px solid rgba(105, 224, 207, .48);
    box-shadow: 0 28px 72px rgba(6, 35, 33, .24);
}

body.index-five main .ap-home-pricing-band .ap-home-section-head h2,
body.index-five main .ap-home-pricing-band h2,
body.index-five main .ap-home-cta-card h2 {
    color: #ffffff !important;
}

body.index-five main .ap-home-pricing-band .ap-home-section-head p,
body.index-five main .ap-home-pricing-band > p,
body.index-five main .ap-home-cta-card > p {
    color: #d2e8e4 !important;
}

body.index-five main .ap-home-pricing-band .hg-eyebrow,
body.index-five main .ap-home-cta-card .hg-eyebrow {
    color: var(--pl-accent) !important;
    background: rgba(105, 224, 207, .12);
    border-color: rgba(105, 224, 207, .42);
}

body.index-five main .ap-home-pricing-band .ap-home-price-card {
    color: var(--pl-text);
    background:
        linear-gradient(180deg, rgba(105, 224, 207, .1), transparent 88px),
        #ffffff;
    border-color: rgba(126, 168, 160, .72);
}

body.index-five main .ap-home-pricing-band .ap-home-price-card :where(h3, strong, b) {
    color: var(--pl-ink) !important;
}

body.index-five main .ap-home-pricing-band .ap-home-price-card :where(p, span, small, li) {
    color: var(--pl-muted) !important;
}

/* Make the hero workflow illustration read as a composed product panel rather
   than another translucent area of the page. */
.ap-home-hero-visual {
    background:
        radial-gradient(circle at 12% 10%, rgba(244, 151, 140, .22), transparent 34%),
        radial-gradient(circle at 90% 18%, rgba(105, 224, 207, .27), transparent 38%),
        linear-gradient(145deg, #ffffff, #e9f5f3);
    border: 1px solid var(--pl-line-strong);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .8),
        0 30px 68px rgba(11, 36, 36, .18);
}

.ap-home-visual-card {
    background: linear-gradient(135deg, rgba(20, 51, 49, .96), rgba(71, 61, 66, .94));
    border: 1px solid rgba(105, 224, 207, .34);
    box-shadow: 0 20px 42px rgba(11, 36, 36, .24);
}

.ap-home-visual-card :where(strong, b) {
    color: #ffffff !important;
}

.ap-home-visual-card :where(span, small, p) {
    color: #d9eae7 !important;
}

.ap-home-visual-flow {
    color: var(--pl-ink);
    background: rgba(255, 255, 255, .88);
    border: 1px solid var(--pl-line-strong);
    box-shadow: 0 18px 38px rgba(11, 36, 36, .12);
}

@media (prefers-reduced-motion: reduce) {
    .ap-home-platform-grid article,
    .ap-home-dle-card,
    .ap-home-price-card,
    .ap-home-large-card,
    .ap-home-resource-item,
    .ap-category-card,
    .ap-platform-subcat-card,
    .ap-pricing-card,
    .ap-pricing-safe-card,
    .ap-landing-page article {
        transition: none;
    }
}

@media (forced-colors: active) {
    :where(a, button, input, textarea, select, summary):focus-visible {
        outline-color: Highlight;
    }
}

/* --------------------------------------------------------------------------
   Production palette — synchronized with proledger.org

   The live identity is built on a navy canvas, elevated blue surfaces and a
   mint accent. This final layer is intentionally authoritative so imported
   component rules cannot fade text or flatten neighbouring content blocks.
   -------------------------------------------------------------------------- */

body.index-five,
body.index-five main,
body.index-five .ap-home-section,
body.index-five .ap-category-main,
body.index-five .ap-product-db-page,
body.index-five .ap-product-page,
body.index-five .ap-pricing-page,
body.index-five .ap-contact-content-shell,
body.index-five .hg-content-shell,
body.index-five .ap-landing-page {
    color: var(--pl-text);
    background-color: var(--pl-paper);
}

.hg-header {
    color: var(--pl-text);
    background: rgba(7, 16, 30, .96);
    border-bottom-color: var(--pl-line);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .28);
}

.hg-header .ap-header-contact-topbar {
    color: var(--pl-muted);
    background: #050c17;
    border-bottom-color: var(--pl-line);
}

.hg-logo,
.hg-logo:hover,
.hg-nav-link,
.hg-cart-action {
    color: var(--pl-text);
}

.hg-nav-link:hover,
.hg-nav-item:hover > .hg-nav-link {
    color: var(--pl-text);
    background: rgba(105, 224, 207, .1);
}

.hg-dropdown {
    color: var(--pl-text);
    background: rgba(12, 22, 38, .985);
    border-color: var(--pl-line);
    box-shadow: 0 26px 64px rgba(0, 0, 0, .42);
}

.hg-dropdown :where(p, span, small) {
    color: var(--pl-muted);
}

.hg-dropdown-title,
.hg-platform-dle-section-head a,
.hg-platform-all-link,
.hg-dropdown a {
    color: var(--pl-text);
}

.hg-dropdown a:hover,
.hg-platform-dle-item:hover,
.hg-usecase-dle-item:hover,
.hg-resource-dle-item:hover,
.hg-developer-dle-item:hover,
.hg-enterprise-dle-item:hover,
.hg-pricing-dle-item:hover {
    color: var(--pl-text);
    background: rgba(105, 224, 207, .1);
}

.ap-mobile-menu-panel {
    color: var(--pl-text);
    background: var(--pl-surface);
    border-left: 1px solid var(--pl-line);
}

body.index-five .ap-mobile-menu-nav a,
body.index-five .ap-mobile-menu-nav a span {
    color: var(--pl-text);
    border-color: var(--pl-line);
}

/* Page and category heroes share the same deep canvas as the reference site. */
.ap-home-hero,
.ap-category-hero,
.ap-product-db-hero,
.ap-pricing-hero,
.ap-contact-hero,
.ap-legal-hero {
    color: var(--pl-text);
    background:
        radial-gradient(circle at 86% 8%, rgba(105, 224, 207, .14), transparent 34%),
        radial-gradient(circle at 12% 26%, rgba(76, 104, 154, .14), transparent 30%),
        linear-gradient(145deg, var(--pl-paper), var(--pl-surface));
    border-color: var(--pl-line);
}

.ap-home-hero h1,
.ap-category-hero h1,
.ap-product-db-hero h1,
.ap-pricing-hero h1,
.ap-contact-hero h1,
.ap-legal-hero h1 {
    color: var(--pl-text);
}

.ap-home-hero :where(p, li),
.ap-category-hero :where(p, li),
.ap-product-db-hero :where(p, li),
.ap-pricing-hero :where(p, li),
.ap-contact-hero :where(p, li),
.ap-legal-hero :where(p, li) {
    color: var(--pl-muted);
}

.ap-home-hero-chips span,
.ap-category-hero-chips span {
    color: var(--pl-text);
    background: var(--pl-surface-2);
    border-color: var(--pl-line);
}

/* Reusable surfaces: opaque cards, visible edges and restrained elevation. */
.ap-home-platform-grid article,
.ap-home-dle-card,
.ap-home-price-card,
.ap-home-large-card,
.ap-home-resource-item,
.ap-category-card,
.ap-platform-subcat-card,
.ap-pricing-card,
.ap-pricing-safe-card,
.ap-pricing-economics article,
.ap-pricing-cart-note,
.ap-contact-page-card,
.ap-contact-block,
.ap-contact-form,
.hg-content-shell article,
.ap-legal-toc,
.ap-legal-section,
.ap-legal-contact-box,
.ap-legal-contact-card,
.ap-legal-link-grid a,
.ap-landing-page .ap-product-db-card-grid article,
.ap-landing-page .ap-product-v5-overview-grid article,
.ap-landing-page .ap-create-card-grid article,
.ap-landing-page .ap-product-v5-feature-grid article,
.ap-landing-page .ap-create-feature-grid article,
.ap-landing-page .ap-product-v5-usecase-grid article,
.ap-landing-page .ap-create-usecase-grid article,
.ap-landing-page .ap-product-v5-timeline article,
.ap-landing-page .ap-create-timeline article,
.ap-landing-page .ap-product-v5-agent-card,
.ap-landing-page .ap-create-feature-large,
.ap-landing-page .ap-product-v5-feature-large,
.ap-landing-page .hg-faq details {
    color: var(--pl-text);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .043), rgba(255, 255, 255, .02)),
        var(--pl-surface);
    border: 1px solid var(--pl-line);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .23);
}

:where(.ap-home-platform-grid article, .ap-home-dle-card, .ap-home-price-card,
       .ap-home-large-card, .ap-home-resource-item, .ap-category-card,
       .ap-platform-subcat-card, .ap-pricing-card, .ap-pricing-safe-card,
       .ap-pricing-economics article, .ap-pricing-cart-note,
       .ap-contact-page-card, .ap-contact-block, .ap-contact-form,
       .hg-content-shell article, .ap-legal-toc, .ap-legal-section,
       .ap-legal-contact-box, .ap-legal-contact-card, .ap-legal-link-grid a,
       .ap-landing-page article)
    :where(h1, h2, h3, h4, h5, h6, strong, b) {
    color: var(--pl-text) !important;
}

:where(.ap-home-platform-grid article, .ap-home-dle-card, .ap-home-price-card,
       .ap-home-large-card, .ap-home-resource-item, .ap-category-card,
       .ap-platform-subcat-card, .ap-pricing-card, .ap-pricing-safe-card,
       .ap-pricing-economics article, .ap-pricing-cart-note,
       .ap-contact-page-card, .ap-contact-block, .ap-contact-form,
       .hg-content-shell article, .ap-legal-toc, .ap-legal-section,
       .ap-legal-contact-box, .ap-legal-contact-card, .ap-legal-link-grid a,
       .ap-landing-page article)
    :where(p, li, dd, small) {
    color: var(--pl-muted) !important;
}

.ap-home-platform-grid article:hover,
.ap-home-dle-card:hover,
.ap-home-price-card:hover,
.ap-home-large-card:hover,
.ap-home-resource-item:hover,
.ap-category-card:hover,
.ap-platform-subcat-card:hover,
.ap-pricing-card:hover,
.ap-pricing-safe-card:hover,
.ap-landing-page article:hover {
    border-color: rgba(105, 224, 207, .58);
    box-shadow: 0 26px 64px rgba(0, 0, 0, .34);
}

.ap-home-card-icon,
.ap-category-icon,
.ap-category-card-icon,
.ap-platform-subcat-icon,
.ap-landing-page :where(.ap-product-db-card-icon, .ap-product-v5-card-icon, .ap-create-card-icon) {
    color: var(--pl-accent);
    background: rgba(105, 224, 207, .1);
    border: 1px solid rgba(105, 224, 207, .28);
    box-shadow: none;
}

.ap-home-platform-grid span,
.ap-home-dle-card > span,
.ap-home-price-card > span,
.ap-category-card .ap-category-card-kicker,
.ap-category-card .ap-category-card-meta span,
.ap-platform-subcat-kicker,
.ap-platform-subcat-tags span,
.ap-pricing-credit-pill,
.ap-pricing-mini-meta span,
.ap-token-formula span,
.ap-token-formula strong,
.ap-home-dle-card .hg-eyebrow,
.ap-category-card .hg-eyebrow,
.ap-platform-subcat-card .hg-eyebrow,
.ap-landing-page article .hg-eyebrow {
    color: var(--pl-accent);
    background: rgba(105, 224, 207, .1);
    border-color: rgba(105, 224, 207, .28);
}

.hg-eyebrow,
.ap-home-card-kicker,
.ap-category-card-kicker,
.ap-pricing-card-kicker,
.ap-contact-card-kicker,
.ap-product-db-kicker,
.ap-landing-kicker {
    color: var(--pl-accent);
}

.ap-home-card-link,
.ap-category-card-more,
.ap-footer-all-link,
.ap-platform-subcat-link,
.ap-pricing-card-link,
body.index-five main a:not(.hg-btn),
body.index-five .hg-content-shell a:not(.hg-btn) {
    color: var(--pl-link);
}

.ap-home-card-link:hover,
.ap-category-card-more:hover,
.ap-platform-subcat-link:hover,
.ap-pricing-card-link:hover,
body.index-five main a:not(.hg-btn):hover,
body.index-five .hg-content-shell a:not(.hg-btn):hover {
    color: var(--pl-accent-strong);
}

/* Primary actions use the mint accent with the live site's dark button text. */
.hg-btn,
button.hg-btn,
a.hg-btn,
.ap-contact-submit,
.ap-pricing-safe-add {
    color: #06111c !important;
    background: var(--pl-accent);
    border-color: var(--pl-accent);
}

.hg-btn:hover,
button.hg-btn:hover,
a.hg-btn:hover,
.ap-contact-submit:hover,
.ap-pricing-safe-add:hover {
    color: #06111c !important;
    background: var(--pl-accent-strong);
    border-color: var(--pl-accent-strong);
}

main .hg-btn.secondary,
main a.hg-btn.secondary,
.hg-content-shell .hg-btn.secondary {
    color: var(--pl-text) !important;
    background: var(--pl-surface-2);
    border-color: var(--pl-line-strong);
}

main .hg-btn.secondary:hover,
main a.hg-btn.secondary:hover,
.hg-content-shell .hg-btn.secondary:hover {
    color: #06111c !important;
    background: var(--pl-text);
    border-color: var(--pl-text);
}

.hg-cart-action span,
.ap-mobile-menu-close,
.ap-landing-page .ap-product-v5-timeline article > span,
.ap-landing-page .ap-create-timeline article > span {
    color: #06111c !important;
    background: var(--pl-accent);
}

/* Hero workflow illustration: dark product panels instead of washed glass. */
.ap-home-hero-visual {
    filter: none;
    background:
        radial-gradient(circle at 12% 10%, rgba(105, 224, 207, .12), transparent 35%),
        linear-gradient(145deg, var(--pl-surface), var(--pl-surface-2));
    border: 1px solid var(--pl-line);
    box-shadow: 0 30px 68px rgba(0, 0, 0, .35);
}

.ap-home-visual-card {
    color: var(--pl-text);
    background: linear-gradient(145deg, var(--pl-surface-2), #162640);
    border: 1px solid var(--pl-line-strong);
    box-shadow: 0 20px 42px rgba(0, 0, 0, .3);
}

.ap-home-visual-card :where(strong, b) {
    color: var(--pl-text) !important;
}

.ap-home-visual-card :where(span, small, p) {
    color: var(--pl-muted) !important;
}

.ap-home-visual-flow {
    color: var(--pl-text);
    background: var(--pl-surface-2);
    border-color: var(--pl-line);
    box-shadow: 0 18px 38px rgba(0, 0, 0, .25);
}

/* Dark anchor sections keep the same text hierarchy as the reference site. */
body.index-five main .ap-home-pricing-band,
body.index-five main .ap-home-cta-card,
.ap-token-box-production,
.ap-landing-page :where(.ap-product-db-split-band, .ap-create-control-band),
:where(.ap-product-v2-use-band, .ap-product-v2-security,
       .ap-product-feature-band, .ap-pricing-hero-card,
       .ap-cart-summary-card, .ap-cart-intro-card) {
    color: var(--pl-text);
    background:
        radial-gradient(circle at 88% 12%, rgba(105, 224, 207, .12), transparent 34%),
        linear-gradient(145deg, var(--pl-surface), var(--pl-surface-2));
    border: 1px solid var(--pl-line);
    box-shadow: 0 28px 72px rgba(0, 0, 0, .3);
}

:where(body.index-five main .ap-home-pricing-band,
       body.index-five main .ap-home-cta-card,
       .ap-token-box-production,
       .ap-landing-page .ap-product-db-split-band,
       .ap-landing-page .ap-create-control-band,
       .ap-product-v2-use-band, .ap-product-v2-security,
       .ap-product-feature-band, .ap-pricing-hero-card,
       .ap-cart-summary-card, .ap-cart-intro-card)
    :where(h1, h2, h3, h4, strong, b) {
    color: var(--pl-text) !important;
}

:where(body.index-five main .ap-home-pricing-band,
       body.index-five main .ap-home-cta-card,
       .ap-token-box-production,
       .ap-landing-page .ap-product-db-split-band,
       .ap-landing-page .ap-create-control-band,
       .ap-product-v2-use-band, .ap-product-v2-security,
       .ap-product-feature-band, .ap-pricing-hero-card,
       .ap-cart-summary-card, .ap-cart-intro-card)
    :where(p, li, span, small, label) {
    color: var(--pl-muted) !important;
}

body.index-five main .ap-home-pricing-band .ap-home-price-card,
.ap-pricing-full-safe .ap-pricing-safe-card {
    color: var(--pl-text);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .043), rgba(255, 255, 255, .02)),
        var(--pl-surface-2);
    border-color: var(--pl-line);
}

body.index-five main .ap-home-pricing-band .ap-home-price-card :where(h3, strong, b) {
    color: var(--pl-text) !important;
}

body.index-five main .ap-home-pricing-band .ap-home-price-card :where(p, span, small, li) {
    color: var(--pl-muted) !important;
}

.ap-pricing-safe-fixed,
.ap-pricing-safe-token,
.ap-pricing-safe-qty,
.ap-pricing-value-note {
    color: var(--pl-text);
    background: var(--pl-surface-2);
    border-color: var(--pl-line);
}

.ap-pricing-safe-qty button {
    color: #06111c;
    background: var(--pl-accent);
    border-color: var(--pl-accent);
}

/* Forms remain visually separate from the page and retain readable states. */
.ap-contact-form input:not([type="checkbox"]),
.ap-contact-form textarea,
.ap-pricing-safe-qty input,
body.index-five main input,
body.index-five main textarea,
body.index-five main select {
    color: var(--pl-text);
    background: var(--pl-surface-2);
    border-color: var(--pl-line-strong);
}

body.index-five main input::placeholder,
body.index-five main textarea::placeholder {
    color: var(--pl-text-faint, #64748b);
}

.ap-contact-form label span,
.ap-contact-policy span,
.ap-contact-policy-visible span {
    color: var(--pl-text) !important;
}

.ap-legal-updated {
    color: var(--pl-accent);
    background: rgba(105, 224, 207, .1);
    border-color: rgba(105, 224, 207, .28);
}

.ap-footer-dle,
.hg-footer {
    color: var(--pl-muted);
    background: #050c17;
    border-top-color: var(--pl-line);
}

.hg-footer .hg-logo,
.hg-footer h4 {
    color: var(--pl-text);
}

.ap-footer-dle :where(p, span, small),
.hg-footer :where(p, span, small),
.hg-footer .hg-copy,
.ap-footer-dle a,
.hg-footer a {
    color: var(--pl-muted);
}

.ap-footer-dle a:hover,
.hg-footer a:hover,
.ap-footer-dle .ap-footer-all-link,
.hg-footer .ap-footer-all-link {
    color: var(--pl-accent);
}