/* =========================================================
   VISIT MY PROFILE — LUXURY POLISH V11
   Loaded last. Raises the real reading scale, enriches the
   existing premium surfaces and keeps Resources visually
   stable during Turbo and direct navigation.
   ========================================================= */

:root {
    --vmp-v11-ink: #061735;
    --vmp-v11-copy: #465a76;
    --vmp-v11-muted: #657793;
    --vmp-v11-blue: #1769ff;
    --vmp-v11-blue-deep: #0754e8;
    --vmp-v11-pearl: #f7faff;
    --vmp-v11-line: rgba(20, 78, 163, .135);
    --vmp-v11-shadow: 0 24px 64px rgba(10, 45, 104, .105);
}

html {
    background: var(--vmp-v11-pearl);
}

body {
    color: var(--vmp-v11-ink) !important;
    font-size: 17px !important;
    line-height: 1.68 !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* ---------- Navigation: clearer at a glance ---------- */

.vmp-v2-menu a[data-vmp-nav] {
    font-size: 16px !important;
    font-weight: 650 !important;
    letter-spacing: -.006em;
}

.vmp-v2-signin,
.vmp-v2-create {
    font-size: 15.5px !important;
}

.vmp-v2-header .vmp-v2-nav {
    border-color: rgba(30, 98, 201, .14) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, .975), rgba(245, 250, 255, .955)) !important;
    box-shadow:
        0 20px 52px rgba(13, 53, 112, .105),
        inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

/* ---------- Hero: preserve the approved composition, improve scale ---------- */

.vmp-h2-eyebrow {
    font-size: 14px !important;
}

.vmp-h2-lead {
    color: var(--vmp-v11-copy) !important;
    font-size: 19px !important;
    line-height: 1.7 !important;
}

.vmp-h2-btn {
    font-size: 15px !important;
}

.vmp-h2-capabilities {
    font-size: 14px !important;
}

/* ---------- Homepage hierarchy and actual reading copy ---------- */

.vmp-t2-eyebrow,
.vmp-f2-eyebrow,
.vmp-i2-eyebrow,
.vmp-p2 .vmp-p2-eyebrow {
    font-size: 14px !important;
    letter-spacing: .11em !important;
}

.vmp-t2-heading > p,
.vmp-f2-heading > p,
.vmp-i2-heading > p,
.vmp-p2 .vmp-p2-subtitle {
    color: var(--vmp-v11-copy) !important;
    font-size: 18px !important;
    line-height: 1.66 !important;
}

.vmp-t2-categories span {
    font-size: 14px !important;
}

.vmp-t2-card-meta small,
.vmp-t2-card-meta span,
.vmp-t2-footer-note,
.vmp-t2-explore {
    font-size: 15px !important;
}

.vmp-f2-card-fallback {
    border-color: var(--vmp-v11-line) !important;
    background: linear-gradient(145deg, #fff 0%, #f6faff 100%) !important;
    box-shadow: var(--vmp-v11-shadow), inset 0 1px 0 #fff !important;
}

.vmp-f2-content h3 {
    font-size: 22px !important;
}

.vmp-f2-description,
.vmp-f2-description p {
    color: var(--vmp-v11-copy) !important;
    font-size: 16.5px !important;
    line-height: 1.7 !important;
}

/* Platform remains the approved V10 bento; only its finish and legibility change. */

.vmp-i2-card,
.vmp-i2-card-reverse {
    border-color: var(--vmp-v11-line) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(44, 127, 255, .075), transparent 34%),
        linear-gradient(145deg, #fff 0%, #f7faff 100%) !important;
    box-shadow: var(--vmp-v11-shadow), inset 0 1px 0 #fff !important;
}

.vmp-i2-content > p {
    color: var(--vmp-v11-copy) !important;
    font-size: 17.5px !important;
    line-height: 1.7 !important;
}

.vmp-i2-benefits span {
    font-size: 14.5px !important;
}

.vmp-i2-meta {
    color: var(--vmp-v11-muted) !important;
    font-size: 13.5px !important;
}

.vmp-i2-media-chip small {
    font-size: 13px !important;
}

.vmp-p2 .pricing-card {
    border-color: var(--vmp-v11-line) !important;
    box-shadow: 0 24px 58px rgba(12, 52, 112, .10), inset 0 1px 0 #fff !important;
}

.vmp-p2 .pricing-card .card-title {
    font-size: 22px !important;
}

.vmp-p2 .pricing-card .btn,
.vmp-p2 .vmp-p2-features li,
.vmp-p2 .customSelect {
    font-size: 15.5px !important;
}

.vmp-testimonials-v2 p,
.vmp-testimonials-v2 blockquote,
.vmp-testimonials-v2__card p {
    font-size: 17px !important;
}

.vmp-contact-v2 p,
.vmp-contact-list a,
.vmp-contact-list span,
.vmp-contact-v2 input,
.vmp-contact-v2 textarea,
.vmp-contact-v2 button {
    font-size: 16.5px !important;
}

/* ---------- Resources: instant, stable first paint ---------- */

.turbo-progress-bar,
#turbo-progress-bar {
    display: none !important;
}

html[data-turbo-preview],
html[data-turbo-preview] body,
html.vmp-resource-shell-ready,
html.vmp-resource-shell-ready body,
body.vmp-route-resources {
    background: var(--vmp-v11-pearl) !important;
}

html[data-turbo-preview] body,
body.vmp-route-resources,
body.vmp-route-resources > div,
.vmp-route-resources .vmp-v2-header,
.vmp-route-resources .vmp-public-page,
.vmp-route-resources .vmp-page-hero,
.vmp-route-resources .vmp-resource-hub,
.vmp-route-resources .vmp-page-body,
.vmp-route-resources .vmp-footer-v2 {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
}

.vmp-route-resources .vmp-page-hero p,
.vmp-resource-heading > p {
    color: var(--vmp-v11-copy) !important;
    font-size: 18px !important;
    line-height: 1.68 !important;
}

.vmp-resource-heading > div > span,
.vmp-resource-articles-heading > span,
.vmp-resource-card small,
.vmp-resource-article-copy > span,
.vmp-resource-support span {
    font-size: 13px !important;
}

.vmp-resource-card,
.vmp-resource-support,
.vmp-resource-article {
    border-color: var(--vmp-v11-line) !important;
    box-shadow: 0 20px 50px rgba(12, 50, 108, .085), inset 0 1px 0 #fff !important;
}

.vmp-resource-card h3 {
    font-size: 22px !important;
}

.vmp-resource-card p,
.vmp-resource-support p,
.vmp-resource-article-copy p,
.vmp-resource-empty p {
    color: var(--vmp-v11-copy) !important;
    font-size: 16.5px !important;
    line-height: 1.68 !important;
}

.vmp-resource-card strong,
.vmp-resource-support-actions a,
.vmp-resource-article-link {
    font-size: 15px !important;
}

.vmp-resource-article-copy h3 {
    font-size: 21px !important;
}

/* ---------- Public pages and footer ---------- */

.vmp-public-page .vmp-page-hero > p,
.vmp-public-page .vmp-page-body,
.vmp-public-page .vmp-page-body p,
.vmp-public-page .vmp-page-body li {
    font-size: 17px !important;
    line-height: 1.72 !important;
}

.vmp-footer-cta-kicker {
    font-size: 13px !important;
}

.vmp-footer-cta p {
    font-size: 16.5px !important;
}

.vmp-footer-v2 .vmp-footer-button {
    font-size: 15px !important;
}

.vmp-footer-v2 .vmp-footer-brand > p,
.vmp-footer-links a,
.vmp-footer-links span {
    font-size: 15.5px !important;
    line-height: 1.68 !important;
}

.vmp-footer-v2 h3 {
    font-size: 13.5px !important;
}

.vmp-footer-bottom {
    font-size: 14px !important;
}

@media (max-width: 991px) {
    body {
        font-size: 16.5px !important;
    }

    .vmp-v2-menu a[data-vmp-nav] {
        font-size: 16px !important;
    }
}

@media (max-width: 575px) {
    .vmp-h2-lead,
    .vmp-t2-heading > p,
    .vmp-f2-heading > p,
    .vmp-i2-heading > p,
    .vmp-p2 .vmp-p2-subtitle,
    .vmp-route-resources .vmp-page-hero p,
    .vmp-resource-heading > p {
        font-size: 17px !important;
    }

    .vmp-i2-content > p,
    .vmp-f2-description,
    .vmp-f2-description p,
    .vmp-resource-card p,
    .vmp-resource-support p,
    .vmp-resource-article-copy p {
        font-size: 16px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
    }
}