/* Plain pages in the investors page design (founder, 2026-10-25: "fix them all so they look super
   beautiful like investors page"): help, changelog, security, status, report a bug, white label,
   the connector and the brand page. Scoped to body.wm-p; each page keeps its own layout and words. */
body.wm-p {
    --grad-line: linear-gradient(90deg, #47C8D8, #5B9BD5 25%, #8E85C2 50%, #D08EC8 72%, #F2AA84);
    background:
        radial-gradient(1100px 560px at 88% -6%, rgba(106, 75, 255, 0.10), transparent 62%) no-repeat,
        radial-gradient(900px 480px at -12% 0%, rgba(71, 200, 216, 0.08), transparent 60%) no-repeat,
        #FFFFFF;
}
body.wm-p main { padding-top: 72px; background: none; }
body.wm-p main .doc-hero { background: none; }
body.wm-p .grad-text { background: var(--grad-line); -webkit-background-clip: text; background-clip: text; color: transparent; }
body.wm-p main .eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #6A4BFF; margin: 0 0 18px; }
body.wm-p main h1 {
    font-family: var(--font-display); font-size: clamp(40px, 5.2vw, 62px); line-height: 1.04; letter-spacing: -.04em; font-weight: 800;
    color: #17181C; margin: 0 0 20px; text-wrap: balance;
}
body.wm-p main .subtitle { font-size: 20px; line-height: 1.55; color: #4A4E5A; max-width: 720px; margin: 0 0 40px; }
body.wm-p main > .container > h2, body.wm-p main .doc-body h2, body.wm-p main section > h2 {
    font-family: var(--font-display); font-size: clamp(26px, 2.8vw, 34px); line-height: 1.12; letter-spacing: -.028em; font-weight: 780;
    color: #17181C; margin-top: 64px; margin-bottom: 18px; text-wrap: balance;
}
body.wm-p main h3 { font-family: var(--font-display); letter-spacing: -.012em; }
body.wm-p main p, body.wm-p main li { line-height: 1.7; }
body.wm-p main a:not([class]) { color: #6A4BFF; text-underline-offset: 3px; }

/* Cards: white, a soft border, a soft shadow, rounder corners */
body.wm-p .category-card, body.wm-p .faq-item, body.wm-p .version, body.wm-p .security-card, body.wm-p .count-card,
body.wm-p .service-item, body.wm-p .status-banner, body.wm-p .form-container, body.wm-p .feature-card, body.wm-p .endpoint-card,
body.wm-p .step, body.wm-p .table-wrap, body.wm-p .logo-card, body.wm-p .rule, body.wm-p .fact-box, body.wm-p .download-section,
body.wm-p .info-box, body.wm-p .priority-card, body.wm-p .contact-box, body.wm-p .dont {
    border-radius: 20px; box-shadow: 0 1px 2px rgba(23, 24, 28, .04), 0 18px 40px -32px rgba(23, 24, 28, .28);
}
body.wm-p .category-card, body.wm-p .faq-item, body.wm-p .version, body.wm-p .security-card, body.wm-p .service-item,
body.wm-p .feature-card, body.wm-p .step, body.wm-p .form-container {
    background: #FFFFFF; border: 1px solid #EDEEF2;
}
body.wm-p .category-card, body.wm-p .feature-card, body.wm-p .security-card { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
body.wm-p .category-card:hover { transform: translateY(-3px); border-color: #E2E4EA; box-shadow: 0 22px 44px -26px rgba(23, 24, 28, .3); }
body.wm-p .faq-item h3, body.wm-p .version-number { font-family: var(--font-display); letter-spacing: -.015em; }

/* Icons in a soft ring, as on the articles page */
body.wm-p .category-icon, body.wm-p .security-icon {
    width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; margin: 0 0 16px; font-size: 0; color: #6A4BFF;
    background: linear-gradient(#fff, #fff) padding-box, var(--grad-line) border-box; border: 1.5px solid transparent;
    box-shadow: 0 6px 16px -8px rgba(106, 75, 255, .45);
}
body.wm-p .category-icon svg, body.wm-p .security-icon svg { width: 22px; height: 22px; }
body.wm-p .fi { width: 44px; height: 44px; margin: 0 0 14px; border-radius: 50%; display: grid; place-items: center; color: #6A4BFF; box-shadow: 0 6px 16px -8px rgba(106, 75, 255, .45);
    background: linear-gradient(#fff, #fff) padding-box, var(--grad-line) border-box; border: 1.5px solid transparent; }
body.wm-p .fi svg { width: 20px; height: 20px; }

/* Changelog labels: a colored dot instead of an emoji */
body.wm-p .change-section h3 { display: flex; align-items: center; gap: 9px; font-family: 'Inter', sans-serif; font-size: 12.5px; font-weight: 750;
    letter-spacing: .12em; text-transform: uppercase; color: #33363F; }
body.wm-p .change-section h3::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #6A4BFF; box-shadow: 0 0 0 4px rgba(106, 75, 255, .14); }
body.wm-p .change-section.improved h3::before, body.wm-p .change-section.fixed h3::before { background: #47C8D8; box-shadow: 0 0 0 4px rgba(71, 200, 216, .16); }

@media (max-width: 640px) {
    body.wm-p main { padding-top: 40px; }
    body.wm-p main .subtitle { font-size: 18px; }
}
body.wm-p .info-box > h2:first-child { margin-top: 0; font-size: 24px; }