/* Homepage trial. Keep the product's shared styles and the demo artwork intact. */
.home-page {
    --home-ui-ink: #25212e;
    --home-ui-muted: #625e6b;
    --home-ui-line: #e5e4eb;
    --home-ui-soft: #f7f7fa;
}

/* The review stays the primary action. Utility links have a quieter treatment. */
.home-page .home-hero-brand-copy {
    color: var(--home-ui-muted);
    font-size: 17px;
    line-height: 1.65;
    max-width: 760px;
}
.home-page .logo-review-composer {
    border-color: var(--home-ui-line) !important;
    box-shadow: 0 12px 36px -24px #25212e38;
    padding: 32px;
}
.home-page .composer-dropzone {
    min-height: 180px;
    border-color: #cbc7d5;
    border-radius: 12px;
    background: #fdfdfe;
}
.home-page .composer-dropzone:hover,
.home-page .composer-dropzone:focus-visible,
.home-page .composer-dropzone.drag-over {
    background: #f8f5ff;
    border-color: #6b39f4;
}
.home-page .composer-dropzone:focus-visible {
    outline: 2px solid #6b39f4;
    outline-offset: 4px;
}
.home-page .composer-empty-state p {
    color: var(--home-ui-muted);
    font-size: 14px;
}
.home-page .composer-file-picker-copy { color: var(--home-ui-ink) !important; }
.home-page .composer-action-prompt { color: var(--home-ui-muted); font-size: 13px; line-height: 1.6; }
.home-page .composer-submit { min-height: 48px; min-width: 170px; }
.home-page .logo-context-label { color: var(--home-ui-ink); font-size: 14px; }
.home-page .logo-context-label > span { color: var(--home-ui-muted); font-size: 12px; }
.home-page .logo-context-field { border-color: #d7d4df; border-radius: 10px; font-size: 16px; }
.home-page .logo-context-field:focus { border-color: #6b39f4; }
.home-page .logo-context-field::placeholder { color: #746e7d; }
.home-page .review-type-option { font-size: 13px; min-height: 40px; }
.home-page .home-hero-trust-line { margin-top: 28px; }
.home-page .home-hero-tools { gap: 4px 8px; margin-top: 14px; }
.home-page .home-hero-tools > span { color: var(--home-ui-muted); font-size: 13px; }
.home-page .home-hero-tools a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 9px 12px;
    background: transparent;
    border-color: transparent;
    border-radius: 10px;
    color: #4f475f;
    font-size: 14px;
}
.home-page .home-hero-tools a:hover,
.home-page .home-hero-tools a:focus-visible { color: #6b39f4; background: #f4f1ff; }

/* Readable section copy and a consistent neutral scale. */
.home-page .home-modern { --hm-ink: var(--home-ui-ink); --hm-muted: var(--home-ui-muted); --hm-line: var(--home-ui-line); }
.home-page .home-modern .hm-heading p,
.home-page .home-modern .home-section-head p,
.home-page .home-core-flow-section .home-section-head p,
.home-page .home-workflow-showcase .hws-heading p {
    color: var(--home-ui-muted);
    font-size: 16px;
    line-height: 1.75;
}
.home-page .home-modern .hm-eyebrow,
.home-page .home-modern .home-section-kicker,
.home-page .home-core-flow-section .home-section-kicker,
.home-page .hws-eyebrow {
    color: var(--home-ui-muted);
    font-size: 12px;
    letter-spacing: 1.2px;
}
.home-page .home-modern .hm-text-link,
.home-page .home-core-flow-card-copy a,
.home-page .home-modern .hm-solution-link {
    color: #6232d3;
    font-size: 14px;
    min-height: 44px;
    align-items: center;
}
.home-page .home-core-flow-card-copy p { color: var(--home-ui-muted); font-size: 15px; line-height: 1.65; }
.home-page .home-core-flow-card-head > span { color: var(--home-ui-muted); font-size: 12px; }

/* Only the demo's surrounding controls change; brand examples keep their own styles. */
.home-page .hws-frame,
.home-page .hws-shell { border-radius: 20px; }
.home-page .hws-frame::before { opacity: .35; }
.home-page .hws-frame::after { opacity: .3; }
.home-page .hws-shell { border-color: var(--home-ui-line); box-shadow: none; }
.home-page .hws-navigation,
.home-page .hws-footer { border-color: var(--home-ui-line); }
.home-page .hws-tab,
.home-page .hws-tab-indicator { border-radius: 12px; }
.home-page .hws-tab-indicator { box-shadow: none; }
.home-page .hws-tab strong { font-size: 13px; }
.home-page .hws-tab small { color: var(--home-ui-muted); font-size: 11px; }
.home-page .hws-tab-controls button { border-color: var(--home-ui-line); color: #625e6b; border-radius: 10px; }
.home-page .hws-tab-controls button:hover:not(:disabled) { color: #6b39f4; border-color: #bca7f3; }
.home-page .hws-workspace { background: var(--home-ui-soft); }
.home-page .hws-footer > span { color: var(--home-ui-muted); font-size: 12px; }
.home-page .hws-footer a { min-height: 46px; font-size: 14px; padding-inline: 20px; }

/* Flatter cards let the content and the designers' work carry the section. */
.home-page .home-modern .hm-solution-card {
    padding: 32px;
    border-color: var(--home-ui-line);
    border-radius: 16px;
    box-shadow: none;
}
.home-page .home-modern .hm-solution-top { margin-bottom: 16px; }
.home-page .home-modern .hm-solution-top > span { color: var(--home-ui-muted); font-size: 12px; letter-spacing: .7px; }
.home-page .home-modern .hm-solution-card h3 { color: var(--home-ui-ink); }
.home-page .home-modern .hm-solution-card .hm-solution-answer { color: var(--home-ui-muted); font-size: 15px; line-height: 1.75; }
.home-page .home-modern .hm-solution-link { margin-top: 10px; }
.home-page .home-modern .hm-color-switch legend { color: var(--home-ui-muted); font-size: 12px; }
.home-page .home-modern .hm-sync-previews > div > span { color: var(--home-ui-muted); font-size: 12px; }
.home-page .home-modern .hm-sync-scene { border-color: var(--home-ui-line); }
.home-page .home-modern .home-work-track :is(.logo-review-preview, .explore-palette-card),
.home-page .home-modern .home-visual-identity {
    border-color: var(--home-ui-line);
    border-radius: 16px;
    box-shadow: none;
}
.home-page .home-modern .home-work-track :is(.logo-review-preview, .explore-palette-card):hover,
.home-page .home-modern .home-visual-identity:hover { border-color: #c8b8e9; box-shadow: 0 8px 24px -20px #25212e50; }
.home-page .home-modern .review-preview-artwork { border: 0; border-radius: 10px; }
.home-page .home-modern .review-preview-insight p { color: var(--home-ui-muted); font-size: 14px; }
.home-page .home-modern .review-preview-creator .review-creator { color: var(--home-ui-muted); font-size: 13px; }
.home-page .home-modern .review-preview-creator .review-creator:hover,
.home-page .home-modern .review-preview-creator .review-creator:focus-visible { color: #6b39f4; }
.home-page .home-modern .review-preview-link { color: #6232d3; font-size: 13px; }
.home-page .home-modern .explore-palette-meta { color: var(--home-ui-muted); font-size: 13px; }

/* Evidence and answers should be as easy to read as the headline. */
.home-page .home-modern .hm-trust .home-proof-stat {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
    background: transparent !important;
}
.home-page .home-modern .hm-trust .home-proof-stat + .home-proof-stat { border-left: 1px solid var(--home-ui-line) !important; }
.home-page .home-modern .hm-trust .home-proof-stat span { color: var(--home-ui-muted); font-size: 13px; }
.home-page .home-modern .hm-trust .home-testimonial-card {
    padding: 24px;
    border: 0 !important;
    border-radius: 16px !important;
    background: var(--home-ui-soft) !important;
    box-shadow: none;
}
.home-page .home-modern .hm-trust blockquote p { color: var(--home-ui-ink); font-size: 15px; line-height: 1.75; }
.home-page .home-modern .hm-trust .home-testimonial-card > div,
.home-page .home-modern .hm-trust .home-testimonial-card > div > small,
.home-page .home-modern .hm-trust .home-testimonial-card div span { color: var(--home-ui-muted); font-size: 12px; line-height: 1.5; }
.home-page .home-modern .home-faq-list { border: 0; border-radius: 0; padding: 0; border-top: 1px solid var(--home-ui-line); }
.home-page .home-modern .home-faq-list details { border-bottom: 1px solid var(--home-ui-line); }
.home-page .home-modern .home-faq-list details + details { border-top: 0; }
.home-page .home-modern .home-faq-list summary { font-size: 16px; }
.home-page .home-modern .home-faq-answer p { color: var(--home-ui-muted); font-size: 15px; line-height: 1.75; }

/* Simplify the closing upload and its secondary starting points. */
.home-page .home-modern .hm-closing-shell { border-color: var(--home-ui-line); border-radius: 20px; box-shadow: none; background: var(--home-ui-soft); }
.home-page .home-modern .home-closing-review-head p { color: var(--home-ui-muted); font-size: 16px; }
.home-page .home-modern .home-closing-review-composer { border-color: var(--home-ui-line); border-radius: 16px; box-shadow: none; }
.home-page .home-modern .home-closing-review-dropzone { border-color: #cbc7d5; border-radius: 10px; background: #fdfdfe; }
.home-page .home-modern .home-closing-review-dropzone:hover,
.home-page .home-modern .home-closing-review-dropzone:focus-visible,
.home-page .home-modern .home-closing-review-dropzone.is-dragging { border-color: #6b39f4; background: #f8f5ff; }
.home-page .home-modern .home-closing-review-dropzone:focus-visible { outline: 2px solid #6b39f4; outline-offset: 4px; }
.home-page .home-modern .home-closing-review-empty > i { box-shadow: none; border: 0; background: transparent; }
.home-page .home-modern .home-closing-review-empty > span { color: var(--home-ui-muted); font-size: 14px; }
.home-page .home-modern .home-closing-review-empty > small,
.home-page .home-modern .home-closing-review-footer p { color: var(--home-ui-muted); font-size: 12px; }
.home-page .home-modern .home-closing-tool-alternatives { border-color: var(--home-ui-line); }
.home-page .home-modern .home-closing-tool-alternatives > span { color: var(--home-ui-muted); font-size: 14px; }
.home-page .home-modern .home-closing-tool-alternatives a { background: transparent; border-color: transparent; border-radius: 10px; box-shadow: none; }
.home-page .home-modern .home-closing-tool-alternatives a:hover,
.home-page .home-modern .home-closing-tool-alternatives a:focus-visible { background: #fff; border-color: var(--home-ui-line); box-shadow: none; }
.home-page .home-modern .home-closing-tool-alternatives a > i:first-child { border: 0; background: transparent; color: #625e6b; }
.home-page .home-modern .home-closing-tool-alternatives a small { color: var(--home-ui-muted); font-size: 12px; }

@media (max-width: 600px) {
    .home-page .home-hero-brand-copy { font-size: 16px; line-height: 1.6; }
    .home-page .logo-review-composer { padding: 20px 16px; border-radius: 16px !important; }
    .home-page .composer-dropzone { min-height: 150px; padding: 24px 16px; }
    .home-page .composer-dropzone.has-preview { padding: 20px 14px; }
    .home-page .composer-submit { width: 100%; }
    .home-page .home-hero-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 310px; gap: 0 8px; }
    .home-page .home-hero-tools > span { grid-column: 1 / -1; margin: 0 0 4px; }
    .home-page .home-hero-tools a { padding-inline: 6px; }
    .home-page .home-workflow-showcase { padding-block: 52px; }
    .home-page .hws-eyebrow { font-size: 11px; letter-spacing: .8px; }
    .home-page .home-workflow-showcase .hws-heading p,
    .home-page .home-modern .hm-heading p,
    .home-page .home-modern .home-section-head p,
    .home-page .home-core-flow-section .home-section-head p { font-size: 15px; line-height: 1.7; }
    .home-page .hws-shell { border-radius: 16px; }
    .home-page .hws-frame::after { opacity: .18; }
    .home-page .hws-navigation { padding: 10px 8px; }
    .home-page .hws-navigation-heading { margin-inline: 4px; }
    .home-page .hws-tab { min-height: 54px; }
    .home-page .hws-panel { padding: 14px 10px; }
    .home-page .hws-viewport { height: 420px; height: clamp(320px, 52svh, 440px); }
    .home-page .hws-footer { padding: 12px; gap: 8px; }
    .home-page .hws-footer > span { font-size: 12px; }
    .home-page .hws-footer a { font-size: 14px; }
    .home-page .home-core-flow-section .home-core-flow-card { padding: 20px 8px; }
    .home-page .home-core-flow-section .home-core-flow-card-head { min-height: 0; margin-bottom: 14px; }
    .home-page .home-core-flow-card-copy { padding-top: 14px; }
    .home-page .home-core-flow-card-copy p { font-size: 15px; margin-bottom: 4px; }
    .home-page :is(.home-core-brief-visual, .home-core-type-visual, .home-core-review-visual, .home-core-palette-visual, .home-core-mockup-visual, .home-core-export-visual, .home-core-identity-visual) { min-height: 140px; height: 140px; }
    .home-page .home-core-review-score .mlr-score-donut { --score-size: 108px !important; }
    .home-page .home-core-mockup-visual { padding-bottom: 16px; }
    .home-page .home-core-export-source { height: 40px; width: 56px; padding: 8px; }
    .home-page .home-core-export-results { max-width: 210px; }
    .home-page .home-core-export-results > div { max-height: 48px; }
    .home-page .home-core-brief-sheet { padding-block: 10px; }
    .home-page .home-core-brief-sheet > strong { margin-bottom: 6px; }
    .home-page .home-core-brief-answer { height: 16px; margin-bottom: 8px; }
    .home-page .home-core-brief-slider { margin-block: 6px 8px; }
    .home-page .home-core-brief-colors { height: 18px; }
    .home-page .home-core-type-visual { padding-block: 10px; }
    .home-page .home-core-type-visual > span { font-size: 48px; margin-bottom: 4px; }
    .home-page .home-core-type-visual > div { margin-top: 8px; }
    .home-page .home-modern .hm-solution-card { padding: 24px; }
    .home-page .home-modern .hm-solutions-grid { gap: 16px; }
    .home-page .home-modern .hm-solution-top { margin-bottom: 12px; }
    .home-page .home-modern .hm-solution-top > span { font-size: 11px; }
    .home-page .home-modern .hm-solution-card h3 { font-size: 24px; line-height: 1.3; }
    .home-page .home-modern .hm-sync-previews > div > span { font-size: 11px; }
    .home-page .home-modern .hm-trust .home-proof-stat { padding: 12px 5px; }
    .home-page .home-modern .hm-trust .home-proof-stat span { font-size: 12px; line-height: 1.5; }
    .home-page .home-modern .hm-closing-shell { padding: 24px 16px; border-radius: 16px; gap: 20px; }
    .home-page .home-modern .home-closing-review-composer { padding: 12px; }
    .home-page .home-modern .home-closing-review-dropzone { min-height: 160px; }
    .home-page .home-modern .home-closing-tool-alternatives a { min-height: 68px; padding: 10px 4px; }
}