/* Carry the approved homepage UI into browsing, plans and account pages.
   Headline accents, action colors and project artwork retain their own styles. */

/* Plans: useful details deserve the same legibility as the price. */
.pricing-main {
    --pricing-muted: #625e6b;
    --pricing-border: #e5e4eb;
    --pricing-pearl: #f7f7fa;
}
.pricing-main .pricing-choice { border-radius: 20px; box-shadow: none; }
.pricing-main .pricing-choice-badge { font-size: 12px; }
.pricing-main .pricing-eyebrow { color: #625e6b; font-size: 12px; letter-spacing: 1.2px; }
.pricing-main .pricing-choice-head p,
.pricing-main .pricing-choice-allowance > p,
.pricing-main .pricing-choice-benefits li { font-size: 14px; line-height: 1.7; }
.pricing-main .pricing-choice-tools h3,
.pricing-main .pricing-choice-benefits h3 { font-size: 14px; }
.pricing-main .pricing-choice-tools li { color: #625e6b; font-size: 13px; }
.pricing-main .pricing-choice-price > span,
.pricing-main .pricing-choice .pricing-choice-note,
.pricing-main .pricing-choice-action > span,
.pricing-main .pricing-choice-tools .pricing-choice-portal-limit { font-size: 12px; line-height: 1.7; }
.pricing-main .pricing-choice-action .pricing-choice-cta { font-size: 14px; }
.pricing-main .pricing-choice-benefits ul { gap: 8px; }
.pricing-main .pricing-choice-head { min-height: 88px; }
.pricing-main .pricing-billing-note { font-size: 13px; }
.pricing-main .pricing-intro-copy > p { font-size: 17px; line-height: 1.7; }
.pricing-main .pricing-section-heading p { font-size: 16px; line-height: 1.75; }
.pricing-main .pricing-toolkit-list h3 { font-size: 15px; }
.pricing-main .pricing-toolkit-list p,
.pricing-main .pricing-usage-heading > p { font-size: 14px; line-height: 1.75; }
.pricing-main .pricing-toolkit .pricing-toolkit-note,
.pricing-main .pricing-usage .pricing-workflow-context,
.pricing-main .pricing-cost-details > p { font-size: 13px; line-height: 1.75; }
.pricing-main .pricing-usage-panel,
.pricing-main .pricing-next-panel { border-radius: 20px; }
.pricing-main .pricing-workflow-step,
.pricing-main .pricing-workflow-total { border-radius: 12px; }
.pricing-main .pricing-workflow-step > span,
.pricing-main .pricing-workflow-total > span,
.pricing-main .pricing-workflow-example small { font-size: 12px; }
.pricing-main .pricing-cost-details summary,
.pricing-main .pricing-cost-details dt,
.pricing-main .pricing-cost-details dd { font-size: 14px; }
.pricing-main .pricing-cost-details dt small,
.pricing-main .pricing-proof-numbers span,
.pricing-main .pricing-quotes figcaption { font-size: 12px; }
.pricing-main .pricing-quotes figure { border: 0; background: #f7f7fa; border-radius: 16px; }
.pricing-main .pricing-quotes blockquote { color: #25212e; font-size: 15px; line-height: 1.75; }
.pricing-main .pricing-questions-list summary { font-size: 16px; }
.pricing-main .pricing-questions-list p { font-size: 15px; line-height: 1.75; }

/* Browsing: neutral card frames and readable information around the artwork. */
.explore-page .explore-heading p { color: #625e6b; font-size: 17px; }
.explore-page .explore-eyebrow { color: #625e6b; font-size: 12px; letter-spacing: 1.2px; }
.explore-page .explore-search { border-color: #d7d4df; border-radius: 12px; box-shadow: none; }
.explore-page .explore-search:focus-within { border-color: #6b39f4; box-shadow: 0 0 0 3px #6b39f414; }
.explore-page .explore-search input { font-size: 16px; }
.explore-page .explore-search input::placeholder { color: #746e7d; font-size: 14px; }
.explore-page .explore-switch a:not(.is-active) { color: #625e6b; }
.explore-page .explore-switch a:hover { color: #25212e; }
.explore-page .explore-filter-options { border-color: #e5e4eb; border-radius: 12px; box-shadow: 0 12px 32px -18px #25212e38; }
.explore-page .explore-results-heading [data-explore-clear] { font-size: 13px; min-height: 44px; align-items: center; display: inline-flex; }
.explore-page :is(.logo-review-preview, .explore-palette-card) { border-color: #e5e4eb; border-radius: 16px; box-shadow: none; }
.explore-page :is(.logo-review-preview, .explore-palette-card):hover { border-color: #c8b8e9; box-shadow: 0 8px 24px -20px #25212e50; }
.explore-page .review-preview-artwork { border: 0; border-radius: 10px; }
.explore-page .review-preview-insight p { color: #625e6b; font-size: 14px; line-height: 1.7; }
.explore-page .review-preview-creator .review-creator { color: #625e6b; font-size: 13px; }
.explore-page .review-preview-creator .review-creator:hover { color: #6b39f4; }
.explore-page .review-preview-link { font-size: 13px; }
.explore-page .explore-palette-meta,
.explore-page .explore-designer-username { color: #625e6b; font-size: 13px; }
.explore-page .explore-designer-bio { color: #625e6b; font-size: 14px; line-height: 1.7; }
.explore-page .explore-designer-link,
.explore-page .explore-designer-see-all { font-size: 14px; }
.explore-page .explore-empty p { color: #625e6b; font-size: 15px; }
.explore-page .explore-load-state p { color: #625e6b; font-size: 13px; }
.explore-page .ca-picks-heading p { color: #625e6b; font-size: 13px; }
.explore-page .ca-picks-all { font-size: 13px; }
.explore-page .ca-pick-artwork { border-color: #e5e4eb; border-radius: 12px; }
.explore-page .ca-pick-artwork:hover { border-color: #c8b7eb; }

/* Projects: preserve the profile layout and each project's visual identity. */
.profile-summary-section .profile-completion { border-color: #e5e4eb; border-radius: 16px; }
.profile-summary-section .profile-completion .profile-completion-note { color: #625e6b; font-size: 13px; }
.profile-summary-section .profile-completion .profile-completion-progress,
.profile-summary-section .profile-completion-summary-count { color: #625e6b; font-size: 12px; }
.profile-summary-section .profile-completion li a { font-size: 14px; min-height: 44px; }
.profile-summary-section .profile-completion li small { color: #625e6b; font-size: 12px; }
.profile-summary-section .profile-completion [data-complete="true"] a { color: #625e6b; }
.profile-summary-section .profile-completion li a:hover { color: #6b39f4; }
.profile-review-list-section :is(.profile-logo-workflow-card, .logo-review-preview, .profile-contextual-offer) { border-color: #e5e4eb; border-radius: 16px; box-shadow: none; }
.profile-review-list-section .logo-review-preview:hover { border-color: #c8b8e9; box-shadow: 0 8px 24px -20px #25212e50; }
.profile-review-list-section .review-preview-insight p { color: #625e6b; font-size: 14px; line-height: 1.7; }
.profile-review-list-section .review-preview-creator .review-creator { font-size: 13px; }
.profile-review-list-section .profile-reviews-head p { color: #625e6b; font-size: 15px; }
.profile-review-list-section .profile-project-search { border-color: #d7d4df; border-radius: 12px; }
.profile-review-list-section .profile-project-search:focus-within { border-color: #6b39f4; }
.profile-review-list-section .profile-project-search input { font-size: 16px; }
.profile-review-list-section .profile-project-filter-button { font-size: 14px; }
.profile-review-list-section .profile-project-filter-button small { font-size: 12px; }
.profile-review-list-section .profile-project-scope { border-color: #e5e4eb; border-radius: 12px; }
.profile-review-list-section .profile-project-scope button { border-radius: 9px; min-height: 40px; font-size: 13px; }
.profile-review-list-section .profile-project-scope button:not([aria-pressed="true"]) { color: #625e6b; }
.profile-review-list-section .profile-project-scope button:hover { color: #674197; }
.profile-review-list-section .profile-project-post .profile-project-post-meta { color: #625e6b; font-size: 13px; }
.profile-review-list-section :is(.profile-workflow-sync-note, .profile-workflow-svg-note) { color: #625e6b; font-size: 12px; }
.profile-review-list-section .profile-workflow-live-state { font-size: 12px; }
.profile-review-list-section .profile-workflow-comparison-copy > span { color: #625e6b; font-size: 12px; }
.profile-review-list-section .profile-workflow-comparison-copy strong { font-size: 14px; }
.profile-review-list-section .profile-workflow-tool-copy { min-height: 44px; }
.profile-review-list-section .profile-workflow-tool-copy strong { font-size: 13px; }
.profile-review-list-section .profile-contextual-offer-copy p,
.profile-review-list-section .profile-contextual-offer-workflows .profile-offer-project p { color: #625e6b; font-size: 14px; }
.profile-review-list-section .profile-offer-project > a { font-size: 14px; min-height: 44px; }
.profile-review-list-section .profile-offer-upgrade > p { color: #625e6b; font-size: 13px; }
.profile-review-list-section .profile-offer-upgrade > small,
.profile-review-list-section .profile-contextual-offer-price :is(span, small) { color: #625e6b; font-size: 12px; }

/* Authentication and account settings use the same form treatment. */
.auth-page .auth-form-card { border-color: #e5e4eb; border-radius: 20px; box-shadow: 0 12px 36px -24px #25212e38; }
.auth-page .auth-form-card .form-control { border-color: #d7d4df; border-radius: 10px; font-size: 16px; }
.auth-page .auth-form-card .form-control:focus { border-color: #6b39f4; }
.auth-page .auth-form-card .form-control::placeholder { color: #746e7d; }
.auth-page :is(.auth-field-hint, .auth-divider) { color: #625e6b; font-size: 13px; line-height: 1.6; }
.auth-page :is(.auth-terms-check, .auth-switch-copy, .auth-resend-form p) { color: #625e6b; font-size: 14px; line-height: 1.6; }
.auth-page .auth-forgot-link { color: #625e6b; font-size: 13px; }
.auth-page .auth-forgot-link:hover { color: #25212e; }
.auth-page .auth-google-button { border-color: #e5e4eb; box-shadow: none; }
.auth-page .auth-google-button:hover { border-color: #bca7f3; box-shadow: none; }
.account-settings-section .account-settings-card { border-color: #e5e4eb; border-radius: 20px; padding: 28px; }
.account-settings-section .account-settings-grid,
.account-settings-section .account-settings-stack { gap: 24px; }
.account-settings-section :is(.account-settings-kicker, .account-card-head > div > span:first-child, .account-plan-details span) { color: #625e6b; }
.account-settings-section :is(.account-photo-editor small, .account-field small) { color: #625e6b; font-size: 13px; line-height: 1.6; }
.account-settings-section .account-settings-card p,
.account-settings-section .account-settings-hero p { color: #625e6b; }
.account-settings-section .account-settings-card p.account-billing-note { color: #625e6b; font-size: 13px; }
.account-settings-section .form-control { border-radius: 10px; font-size: 16px; }
.account-settings-section .form-control:not(:focus):not([aria-invalid="true"]) { border-color: #d7d4df; }
.account-settings-section .account-plan-details div { border-color: #e5e4eb; border-radius: 12px; }

/* Older recovery templates have no auth-page class; scope to their form actions. */
.main.shop:has(form[action="reset-password"], form[action="reset-password-validation"]) .col-lg-5 {
    padding: 32px;
    border: 1px solid #e5e4eb;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 36px -24px #25212e38;
}
.main.shop :is(form[action="reset-password"], form[action="reset-password-validation"]) { margin-top: 24px; }
.main.shop :is(form[action="reset-password"], form[action="reset-password-validation"]) .form-control {
    min-height: 50px;
    border-radius: 10px;
    font-size: 16px !important;
}
.main.shop :is(form[action="reset-password"], form[action="reset-password-validation"]) .form-control:not(:focus) { border-color: #d7d4df; }
.main.shop :is(form[action="reset-password"], form[action="reset-password-validation"]) .form-label { font-size: 14px !important; }
.main.shop :is(form[action="reset-password"], form[action="reset-password-validation"]) .btn { min-height: 48px; width: 100%; }
.legal-content :is(p, li) { color: #625e6b; font-size: 16px; line-height: 1.8; }
.legal-content nav { border-bottom: 1px solid #e5e4eb; padding-bottom: 16px; }
.legal-content nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }
.legal-content h4 { margin-top: 28px; font-size: 20px; line-height: 1.4; }

/* Help: quiet dividers make long lists easier to scan. */
.faq-page { --faq-copy: #625e6b; --faq-line: #e5e4eb; }
.faq-page .faq-search { border-color: #d7d4df; border-radius: 12px; box-shadow: none; }
.faq-page .faq-search:focus-within { border-color: #6b39f4; box-shadow: 0 0 0 3px #6b39f414; }
.faq-page .faq-search input::placeholder { color: #746e7d; }
.faq-page .faq-product-links a { font-size: 14px; min-height: 44px; }
.faq-page .faq-category-bar { border-radius: 14px; }
.faq-page .faq-category-bar button { border-radius: 10px; font-size: 14px; min-height: 44px; }
.faq-page .faq-results-line { color: #625e6b; font-size: 13px; }
.faq-page .faq-group-head p { font-size: 15px; }
.faq-page .faq-list { gap: 0; border-top: 1px solid #e5e4eb; }
.faq-page .faq-list details { border: 0; border-bottom: 1px solid #e5e4eb; border-radius: 0; background: #fff; padding-inline: 0; }
.faq-page .faq-list details:hover { transform: none; }
.faq-page .faq-list summary { font-size: 16px; }
.faq-page .faq-list summary::after { background: transparent; }
.faq-page .faq-list details[open] summary::after { background: transparent; }
.faq-page .faq-answer { border-top: 0; padding-top: 0; }
.faq-page .faq-final-section { background: #f7f7fa; border-color: #e5e4eb; }
.faq-page .faq-final-section::before,
.faq-page .faq-final-section::after { content: none; }

/* Tool overview pages: copy and frames, not the illustrative brand examples. */
.tool-overview .tool-overview-heading p,
.tool-overview .tool-overview-features p,
.tool-overview .tool-overview-faq p { color: #625e6b; font-size: 16px; line-height: 1.75; }
.tool-overview p.tool-overview-kicker { color: #625e6b; font-size: 12px; }
.tool-overview .home-core-flow-card-copy p { color: #625e6b; font-size: 14px; line-height: 1.7; }
.tool-overview .home-core-flow-card-copy a { font-size: 14px; min-height: 44px; align-items: center; }
.tool-overview .tool-overview-faq summary { font-size: 16px; }
.tool-overview .tool-overview-section,
.tool-overview .tool-overview-directory,
.tool-overview .tool-overview-faq details { border-color: #e5e4eb; }

/* Identity creation controls only; the client's presentation is a separate page. */
.visual-identity-page { --vi-copy: #625e6b; --vi-muted: #625e6b; --vi-line: #e5e4eb; }
.visual-identity-page .vi-creator { border-color: #e5e4eb; border-radius: 20px; box-shadow: 0 12px 36px -24px #25212e38; }
.visual-identity-page .vi-field-heading p { font-size: 14px; }
.visual-identity-page .vi-field label,
.visual-identity-page .vi-field-heading label { font-size: 14px; }
.visual-identity-page .vi-field :is(input, textarea, select) { font-size: 16px; border-radius: 10px; }
.visual-identity-page .vi-logo-dropzone { border-radius: 12px; }
.visual-identity-page .vi-logo-dropzone:not(.is-dragging):not(.is-required):not(.has-logo) { border-color: #e5e4eb; }
.visual-identity-page .vi-eyebrow,
.visual-identity-page .vi-creator-kicker { font-size: 12px; }

.subscription-success-page .subscription-workflow-card { border-color: #e5e4eb; border-radius: 16px; box-shadow: none; }
.subscription-success-page .subscription-workflow-card p { color: #625e6b; font-size: 15px; }
.subscription-success-page .subscription-workflow-card-top > span,
.subscription-success-page .subscription-success-sync { color: #625e6b; font-size: 13px; }
.creator-welcome .creator-welcome-card { border-color: #e5e4eb; border-radius: 20px; box-shadow: 0 12px 36px -24px #25212e38; }
.creator-welcome .creator-welcome-benefits { background: #f7f7fa; border-color: #e5e4eb; border-radius: 12px; }
.creator-welcome p:not(.creator-welcome-error),
.creator-welcome .creator-welcome-benefits span { color: #625e6b; }
.creator-welcome .creator-welcome-kicker { color: #625e6b; font-size: 12px; }
.creator-welcome .creator-welcome-footnote { font-size: 13px; }
.unsubscribe-card { box-sizing: border-box; border-color: #e5e4eb; border-radius: 20px; }
.unsubscribe-card p:not(.unsubscribe-brand) { color: #625e6b; }

@media (max-width: 991px) {
    .pricing-main .pricing-choice-head { min-height: 0; }
}
@media (max-width: 600px) {
    .pricing-main .pricing-intro-copy > p { font-size: 16px; }
    .pricing-main .pricing-eyebrow { font-size: 11px; letter-spacing: .8px; }
    .pricing-main .pricing-choice,
    .pricing-main .pricing-choice.is-featured { padding: 28px 20px 24px; border-radius: 16px; }
    .pricing-main .pricing-choice-badge { font-size: 12px; padding-inline: 12px; }
    .pricing-main .pricing-choice-benefits { padding-top: 20px; }
    .pricing-main .pricing-usage-panel { padding: 24px 16px; border-radius: 16px; }
    .pricing-main .pricing-workflow-step { flex-wrap: wrap; }
    .pricing-main .pricing-workflow-step > strong { margin-left: auto; }
    .pricing-main .pricing-cost-details dl > div { align-items: flex-start; }
    .pricing-main .pricing-cost-details dd { max-width: 42%; text-align: right; }
    .pricing-main .pricing-next-panel { border-radius: 16px; padding: 24px 20px; }
    .pricing-main .pricing-toolkit-list { gap: 24px 16px; }
    .explore-page .explore-heading p { font-size: 16px; }
    .explore-page .explore-eyebrow { font-size: 11px; }
    .explore-page .explore-switch { gap: clamp(8px, 3vw, 18px); }
    .explore-page .explore-switch a { font-size: 13px; }
    .explore-page .explore-grid { gap: 16px; }
    .explore-page .explore-search { min-height: 50px; padding-inline: 14px; }
    .profile-review-list-section .profile-workflow-comparison-copy { flex-wrap: wrap; gap: 3px 8px; }
    .profile-review-list-section .profile-project-scope { overflow-x: auto; }
    .profile-review-list-section .profile-project-scope button { flex-shrink: 0; padding-inline: 10px; }
    .auth-page .auth-form-card { padding: 24px 20px; border-radius: 16px; }
    .auth-page .auth-page-heading { margin-bottom: 24px; }
    .main.shop:has(form[action="reset-password"], form[action="reset-password-validation"]) .col-lg-5 { padding: 24px 20px; border-radius: 16px; }
    .account-settings-section .account-settings-card { padding: 24px 20px; border-radius: 16px; }
    .account-settings-section .account-card-head { margin-bottom: 20px; }
    .faq-page .faq-hero-section { padding-block: 52px 40px !important; }
    .faq-page .faq-hero-copy > p { font-size: 16px; }
    .faq-page .faq-content-section { padding-block: 40px 52px !important; }
    .faq-page .faq-category-bar { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding: 6px; }
    .faq-page .faq-category-bar button { flex: 0 0 auto; }
    .faq-page .faq-groups { gap: 44px; margin-top: 32px; }
    .faq-page .faq-final-section { padding-block: 52px !important; }
    .tool-overview .tool-overview-hero { padding-block: 52px 44px; }
    .tool-overview .tool-overview-hero > .container > p:not(.tool-overview-kicker) { font-size: 16px; }
    .tool-overview .tool-overview-section { padding-block: 44px; }
    .tool-overview .tool-overview-heading { margin-bottom: 28px; }
    .tool-overview .tool-overview-features { gap: 28px; }
    .tool-overview .home-core-flow-card { padding: 20px 8px; }
    .visual-identity-page .vi-hero { padding-block: 52px; }
    .visual-identity-page .vi-creator { padding: 22px 16px; border-radius: 16px; }
    .visual-identity-page .vi-hero-copy { font-size: 16px; margin-bottom: 28px; }
    .subscription-success-page .subscription-success-section { padding-block: 52px; }
    .subscription-success-page .subscription-workflow-card { padding: 24px; }
    .creator-welcome .creator-welcome-card { padding: 28px 22px; border-radius: 16px; }
}