/* Public landing theme. The project preview shares the product's project-list styles. */
.marketing-home .mk-nav-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}
.marketing-home .nav-menu { margin-left: auto; }
.marketing-home .nav-content { gap: 18px; }
.marketing-home .mk-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    flex-shrink: 0;
    border: 1px solid var(--mk-line);
    border-radius: 10px;
    background: var(--mk-paper);
    color: var(--mk-ink);
    cursor: pointer;
    font-size: 16px;
}
.marketing-home .mk-theme-toggle:hover { border-color: var(--mk-blue); color: var(--mk-blue); }
/* The head script selects the theme before CSS is painted. */
html[data-marketing-theme="light"] { color-scheme: light; background: #fffefb; }
html[data-marketing-theme="dark"] { color-scheme: dark; background: #11151c; }
[data-marketing-theme="dark"] .marketing-home {
    --mk-ink: #edf1f8;
    --mk-muted: #b5bfd0;
    --mk-blue: #aebaff;
    --mk-line: #39465c;
    --mk-paper: #11151c;
    --mk-surface: #1b2230;
    --mk-soft: #242d3c;
    --mk-tint: #2c3554;
    --mk-action: #4b5cc6;
    --mk-action-hover: #3e4eae;
    --mk-success: #94dbb1;
    --mk-danger: #ffb1b1;
    --bs-body-color: var(--mk-ink);
    --bs-body-bg: var(--mk-paper);
    --bs-border-color: var(--mk-line);
    color: var(--mk-ink);
    background: var(--mk-paper);
}
[data-marketing-theme="dark"] .marketing-home ::selection { background: #46558c; color: #fff; }
[data-marketing-theme="dark"] .marketing-home :focus-visible { outline-color: var(--mk-blue); }
[data-marketing-theme="dark"] .marketing-home :is(h5, h6) { color: var(--mk-ink); }

/* Navigation: the transparent logo needs no backing in either theme. */
[data-marketing-theme="dark"] .marketing-home .landing-nav { background: rgba(17,21,28,.97)!important; }
[data-marketing-theme="dark"] .marketing-home :is(.nav-brand, .mk-footer-top>div:first-child>a) {
    background: transparent;
}
[data-marketing-theme="dark"] .marketing-home :is(.nav-link, .nav-login, .mobile-menu-toggle) { color: var(--mk-ink); }
[data-marketing-theme="dark"] .marketing-home :is(.nav-link:hover, .nav-login:hover) { color: var(--mk-blue); }
[data-marketing-theme="dark"] .marketing-home :is(.mk-theme-toggle, .mk-product-menu-panel, .language-switcher) {
    background: var(--mk-surface);
    border-color: var(--mk-line);
}
[data-marketing-theme="dark"] .marketing-home :is(.mk-product-menu-panel a:hover, .lang-btn.active) { background: var(--mk-tint); color: var(--mk-ink); }
[data-marketing-theme="dark"] .marketing-home .lang-btn { color: var(--mk-muted); }
[data-marketing-theme="dark"] .marketing-home .mk-theme-toggle[aria-checked="true"] { color: #f2d68a; }
[data-marketing-theme="dark"] .marketing-home .skip-link { background: var(--mk-surface); }

/* Hero, actions and the product preview frame. */
[data-marketing-theme="dark"] .marketing-home .mk-hero { background: linear-gradient(180deg,#11151c 0%,#11151c 29%,#252a30 100%); }
[data-marketing-theme="dark"] .marketing-home .mk-hero h1>span { color: #b9c2ff; }
[data-marketing-theme="dark"] .marketing-home .mk-spark { color: #ffad8e; }
[data-marketing-theme="dark"] .marketing-home .mk-hero-note { color: var(--mk-muted)!important; }
[data-marketing-theme="dark"] .marketing-home .mk-hero-note i { color: var(--mk-success); }
[data-marketing-theme="dark"] .marketing-home :is(.mk-primary, .pricing-footer .btn-package.primary, .modal .btn-primary) {
    background: var(--mk-action);
    border-color: var(--mk-action);
    color: #fff;
}
[data-marketing-theme="dark"] .marketing-home :is(.mk-primary:hover, .pricing-footer .btn-package.primary:hover, .modal .btn-primary:hover) {
    background: var(--mk-action-hover);
    border-color: var(--mk-blue);
    color: #fff;
}
[data-marketing-theme="dark"] .marketing-home :is(.nav-start, .btn-submit) { background: var(--mk-ink); border-color: var(--mk-ink); color: #161b26; }
[data-marketing-theme="dark"] .marketing-home :is(.nav-start:hover, .btn-submit:hover) { background: #cdd5ff; border-color: #cdd5ff; color: #161b26; }
[data-marketing-theme="dark"] .marketing-home :is(.mk-secondary, .mk-product-preview, .mk-timesheet-example) { background: var(--mk-surface); border-color: var(--mk-line); }
[data-marketing-theme="dark"] .marketing-home .mk-secondary:hover { background: var(--mk-soft); }
[data-marketing-theme="dark"] .marketing-home :is(.mk-product-preview-bar, .mk-preview-label, .mk-product-preview figcaption, .mk-timesheet-example figcaption) { border-color: var(--mk-line); }
[data-marketing-theme="dark"] .marketing-home .mk-product-preview-bar { background: var(--mk-soft); }
[data-marketing-theme="dark"] .marketing-home :is(.mk-preview-label, .mk-product-preview-bar i, .mk-capabilities, .mk-capabilities i, .mk-kicker) { color: var(--mk-muted); }

/* Feature illustrations use readable text and semantic, muted surfaces. */
[data-marketing-theme="dark"] .marketing-home .mk-lilac { background: #27243b; }
[data-marketing-theme="dark"] .marketing-home .mk-peach { background: #352820; }
[data-marketing-theme="dark"] .marketing-home .mk-mint { background: #21332c; }
[data-marketing-theme="dark"] .marketing-home .mk-cream { background: #342f22; }
[data-marketing-theme="dark"] .marketing-home :is(.mk-product-label, .mk-feature p) { color: var(--mk-muted); }
[data-marketing-theme="dark"] .marketing-home :is(.mk-timeline, .mk-ticket-example, .mk-time-example, .mk-customer-example, .mk-ai-result, .mk-social-preview) {
    background: var(--mk-surface);
    border-color: var(--mk-line);
    color: var(--mk-ink);
}
[data-marketing-theme="dark"] .marketing-home :is(.mk-timeline-head span, .mk-timeline-scale, .mk-timeline-note, .mk-ticket-code, .mk-ticket-example>span:last-child, .mk-time-example>div>span, .mk-customer-head>div>span, .mk-customer-line) { color: var(--mk-muted); }
[data-marketing-theme="dark"] .marketing-home .mk-timeline-row {
    border-color: var(--mk-line);
    background: repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),var(--mk-line) calc(25% - 1px),var(--mk-line) 25%);
}
[data-marketing-theme="dark"] .marketing-home :is(.mk-timeline-note, .mk-customer-line) { border-color: var(--mk-line); }
[data-marketing-theme="dark"] .marketing-home .mk-customer-line>strong { color: var(--mk-ink); }
[data-marketing-theme="dark"] .marketing-home .mk-time-bars>i { background: #8fb99b; }
[data-marketing-theme="dark"] .marketing-home .mk-time-bars>i:nth-child(3) { background: #c1e6ca; }
[data-marketing-theme="dark"] .marketing-home .mk-tag.violet { background: #3a3054; color: #decaff; }
[data-marketing-theme="dark"] .marketing-home .mk-tag.peach { background: #51362d; color: #ffd2b8; }
[data-marketing-theme="dark"] .marketing-home .mk-tag.amber { background: #493b20; color: #f7d58d; }
[data-marketing-theme="dark"] .marketing-home .mk-tag.mint { background: #254538; color: #b3edcc; }
[data-marketing-theme="dark"] .marketing-home :is(.mk-ai-result>div, .mk-ai-review) { color: var(--mk-muted); border-color: var(--mk-line); }
[data-marketing-theme="dark"] .marketing-home .mk-ai-result b { color: #d1c4ff; }
[data-marketing-theme="dark"] .marketing-home :is(.mk-social-tabs, .mk-feed-item) { border-color: var(--mk-line); }
[data-marketing-theme="dark"] .marketing-home :is(.mk-social-tabs button, .mk-example, .mk-feed-item p, .mk-feed-time) { color: var(--mk-muted); border-color: var(--mk-line); }
[data-marketing-theme="dark"] .marketing-home .mk-social-tabs button.active { color: var(--mk-blue); border-color: var(--mk-blue); }
[data-marketing-theme="dark"] .marketing-home :is(.mk-feed-reaction, .mk-mention) { background: var(--mk-tint); color: #d8dfff; }
[data-marketing-theme="dark"] .marketing-home .mk-feed-login { background: var(--mk-soft); color: var(--mk-muted)!important; }

/* Workflow, timesheet, FAQ, resources, onboarding and footer. */
[data-marketing-theme="dark"] .marketing-home :is(.mk-workflow-section, .mk-faq-section, .mk-demo-section, .mk-start-section) { background: #171d27; border-color: var(--mk-line); }
[data-marketing-theme="dark"] .marketing-home :is(.mk-workflow-steps li, .mk-decision-links a) { background: var(--mk-surface); border-color: var(--mk-line); }
[data-marketing-theme="dark"] .marketing-home :is(.mk-step-number, .mk-workflow-steps a, .mk-decision-links a>i, .mk-decision-links a>span) { color: var(--mk-blue); }
[data-marketing-theme="dark"] .marketing-home .mk-decision-links a:hover { border-color: var(--mk-blue); }
[data-marketing-theme="dark"] .marketing-home :is(.mk-timesheet-head, .mk-time-table thead, .mk-time-table tfoot) { background: #23392f; color: #c7eed4; }
[data-marketing-theme="dark"] .marketing-home :is(.mk-timesheet-head .mk-preview-label, .mk-time-table tfoot td) { color: #c7eed4; }
[data-marketing-theme="dark"] .marketing-home :is(.mk-time-table th, .mk-time-table td) { border-color: var(--mk-line); }
[data-marketing-theme="dark"] .marketing-home .mk-time-steps li::before { background: #254538; color: #b3edcc; }
[data-marketing-theme="dark"] .marketing-home :is(.mk-faq, .mk-faq:first-child, .mk-resource-grid>a, .mk-start-steps li, .mk-footer-bottom) { border-color: var(--mk-line); }
[data-marketing-theme="dark"] .marketing-home :is(.mk-resource-grid span, .mk-start-steps li>span) { color: var(--mk-muted); }
[data-marketing-theme="dark"] .marketing-home .mk-product-card { background: var(--mk-surface); border-color: var(--mk-line); }
[data-marketing-theme="dark"] .marketing-home .mk-product-card p { color: var(--mk-muted); }
[data-marketing-theme="dark"] .marketing-home .mk-product-card a { color: var(--mk-blue); }
[data-marketing-theme="dark"] .marketing-home .mk-footer { background: var(--mk-paper); }
[data-marketing-theme="dark"] .marketing-home :is(.mk-footer-top>div>a:not(:first-child), .mk-footer-bottom) { color: var(--mk-muted); }
[data-marketing-theme="dark"] .marketing-home .mk-footer a:hover { color: var(--mk-blue); }

/* Pricing: links may be pale, but white-text buttons need their own darker fill. */
[data-marketing-theme="dark"] .marketing-home :is(.pricing-card, .pricing-card.free) { background: var(--mk-surface); border-color: var(--mk-line); }
[data-marketing-theme="dark"] .marketing-home .pricing-card.popular { background: #222a40; border-color: #8d9ced; }
[data-marketing-theme="dark"] .marketing-home .pricing-card:hover { border-color: var(--mk-blue); }
[data-marketing-theme="dark"] .marketing-home :is(.section-badge, .package-description, .price-period, .package-features li) { color: var(--mk-muted); }
[data-marketing-theme="dark"] .marketing-home .package-icon { background: #3c3a31!important; color: #eddbab!important; }
[data-marketing-theme="dark"] .marketing-home .package-features li i { color: var(--mk-success); }
[data-marketing-theme="dark"] .marketing-home .package-features li i.fa-times { color: var(--mk-muted); }
[data-marketing-theme="dark"] .marketing-home :is(.free-badge, .discount-badge) { background: #30432d; color: #d1e7b7; }
[data-marketing-theme="dark"] .marketing-home .popular-badge { background: #354270; color: #e2e7ff; }
[data-marketing-theme="dark"] .marketing-home .pricing-footer .btn-package:not(.primary) { color: var(--mk-ink); border-color: #64718a; }
[data-marketing-theme="dark"] .marketing-home .pricing-footer .btn-package:not(.primary):hover { background: var(--mk-soft); border-color: var(--mk-blue); }
[data-marketing-theme="dark"] .marketing-home .toggle-slider { background: #5b6577; }
[data-marketing-theme="dark"] .marketing-home .toggle-switch input:checked+.toggle-slider { background: var(--mk-action); }

/* Contact and package forms, including placeholders, disabled fields and native controls. */
[data-marketing-theme="dark"] .marketing-home .contact-section { background: #292b24; }
[data-marketing-theme="dark"] .marketing-home :is(.contact-info p, .contact-method h4, .contact-form label, .consent-checkbox label) { color: var(--mk-muted); }
[data-marketing-theme="dark"] .marketing-home .contact-method>i { background: #414231; color: #eddbab; }
[data-marketing-theme="dark"] .marketing-home .contact-form-card { background: var(--mk-surface); border-color: var(--mk-line); }
[data-marketing-theme="dark"] .marketing-home .form-control {
    background-color: var(--mk-soft);
    border-color: #64718a;
    color: var(--mk-ink);
    caret-color: var(--mk-ink);
}
[data-marketing-theme="dark"] .marketing-home .form-control::placeholder { color: var(--mk-muted); opacity: 1; }
[data-marketing-theme="dark"] .marketing-home .form-control:disabled { background-color: #171d27!important; color: #aeb8c9; opacity: 1; }
[data-marketing-theme="dark"] .marketing-home .form-control:focus { border-color: var(--mk-blue); box-shadow: 0 0 0 3px #aebaff33; }
[data-marketing-theme="dark"] .marketing-home .form-control.is-invalid { border-color: var(--mk-danger); }
[data-marketing-theme="dark"] .marketing-home .invalid-feedback { color: var(--mk-danger); }
[data-marketing-theme="dark"] .marketing-home .form-control:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--mk-soft) inset;
    -webkit-text-fill-color: var(--mk-ink);
    caret-color: var(--mk-ink);
}
[data-marketing-theme="dark"] .marketing-home .form-control option { background: var(--mk-soft); color: var(--mk-ink); }
[data-marketing-theme="dark"] .marketing-home input[type="checkbox"] { accent-color: var(--mk-action); }
[data-marketing-theme="dark"] .marketing-home .form-check-input { background-color: var(--mk-soft); border-color: #8491aa; }
[data-marketing-theme="dark"] .marketing-home .form-check-input:checked { background-color: var(--mk-action); border-color: var(--mk-blue); }
[data-marketing-theme="dark"] .marketing-home .consent-checkbox input:checked+label { color: var(--mk-ink); }
[data-marketing-theme="dark"] .marketing-home .consent-link { color: var(--mk-blue); }
[data-marketing-theme="dark"] .marketing-home .captcha-refresh-btn { background: var(--mk-soft); border-color: #64718a; color: var(--mk-ink); }
[data-marketing-theme="dark"] .marketing-home .captcha-refresh-btn:hover { background: var(--mk-tint); }

/* Dialogs: cover all nested surfaces and the success animation's white masking pieces. */
[data-marketing-theme="dark"] .marketing-home .modal-content {
    background: var(--mk-surface);
    color: var(--mk-ink);
    border-color: var(--mk-line);
    --bs-modal-color: var(--mk-ink);
    --bs-modal-bg: var(--mk-surface);
}
[data-marketing-theme="dark"] .marketing-home :is(.modal-header, .modal-footer) { background: var(--mk-surface); border-color: var(--mk-line); }
[data-marketing-theme="dark"] .marketing-home .btn-close { filter: invert(1) grayscale(100%) brightness(200%); opacity: .85; }
[data-marketing-theme="dark"] .marketing-home :is(.package-summary, .pricing-calculation, .mk-form-note, .success-info) { background: var(--mk-soft); border-color: var(--mk-line); }
[data-marketing-theme="dark"] .marketing-home .mk-form-note { color: var(--mk-muted); border-left-color: var(--mk-blue); }
[data-marketing-theme="dark"] .marketing-home :is(.package-summary h6, .calc-row, .calc-row.total, .success-info .info-item) { color: var(--mk-ink); border-color: var(--mk-line); }
[data-marketing-theme="dark"] .marketing-home .calc-row.discount { color: var(--mk-success); }
[data-marketing-theme="dark"] .marketing-home #aiPackageOption { background: var(--mk-tint)!important; border-color: #5c6aa3!important; }
[data-marketing-theme="dark"] .marketing-home .modal .btn-secondary { background: var(--mk-soft); border-color: #64718a; color: var(--mk-ink); }
[data-marketing-theme="dark"] .marketing-home .modal .btn-secondary:hover { background: #344158; }
[data-marketing-theme="dark"] .marketing-home .success-checkmark .check-icon,
[data-marketing-theme="dark"] .marketing-home .success-checkmark .check-icon::before,
[data-marketing-theme="dark"] .marketing-home .success-checkmark .check-icon::after,
[data-marketing-theme="dark"] .marketing-home .success-checkmark .icon-fix { background: var(--mk-surface); }
[data-marketing-theme="dark"] .marketing-home .btn-success-close { background: #23734c; color: #fff; }
[data-marketing-theme="dark"] .marketing-home .btn-error-close { background: #b8313b; color: #fff; }
[data-marketing-theme="dark"] .marketing-home .error-title { color: var(--mk-danger); }
[data-marketing-theme="dark"] .marketing-home .text-danger { color: var(--mk-danger)!important; }
[data-marketing-theme="dark"] .marketing-home .text-success { color: var(--mk-success)!important; }
[data-marketing-theme="dark"] .marketing-home .text-muted { color: var(--mk-muted)!important; }
[data-marketing-theme="dark"] .marketing-home .alert-danger { background: #43282f; border-color: #79505b; color: #ffd4d4; }
[data-marketing-theme="dark"] .marketing-home .alert-success { background: #254538; border-color: #46725c; color: #c9f3da; }

@media (min-width: 992px) and (max-width: 1199px) {
    .marketing-home .nav-menu { gap: 12px; }
    .marketing-home .nav-content { gap: 12px; }
    .marketing-home .nav-start { padding-inline: 12px; }
    .marketing-home .nav-brand { width: 130px; }
}
@media (max-width: 991px) {
    .marketing-home .mk-nav-controls { margin-left: auto; }
    .marketing-home .mk-theme-toggle { width: 42px; height: 42px; }
    [data-marketing-theme="dark"] .marketing-home .nav-menu { background: var(--mk-surface); border-color: var(--mk-line); }
}