/* Secondary marketing pages: the same black/orange surfaces as the connected
   homepage. Opted in per view so the rollout can be verified page by page. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

body.mk-secondary-page {
    --primary-bg: #000;
    --accent-gold: #f59e0b;
    --accent-gold-bright: #ffbb45;
    --accent-silver: #f59e0b;
    --accent-blue: #f59e0b;
    --accent-sky: #f59e0b;
    --accent-green: #35c46f;
    --mk-gold-2: #f59e0b;
    --mk-gold-line: #604017;
    --mk-silver-2: #f1f5f9;
    --mk-text-muted: #b9c1d0;
    --text-primary: #f1f5f9;
    --text-secondary: #b9c1d0;
    --text-tertiary: #9da6b6;
    --zinc-400: #b9c1d0;
    --zinc-500: #9da6b6;
    --glass-bg: #0e1014;
    --card-bg: #0e1014;
    --glass-border: #292b30;
    --glow-color: transparent;
    background: #000;
    color: #f1f5f9;
    color-scheme: dark;
    font-family: 'DM Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}
body.mk-secondary-page :is(.az-body, .az-content-container) { background: #000; }
body.mk-secondary-page .az-content-container { padding-inline: 0; }
body.mk-secondary-page .az-content-container > .az-m-1 { margin-inline: 0 !important; }
body.mk-secondary-page :is(h1, h2, h3, .mk-display, .mk-card-title, .mk-kpi-val, .stat-num, .pr-price) {
    font-family: 'Manrope', sans-serif;
    color: #f1f5f9;
    letter-spacing: -.04em;
}
body.mk-secondary-page :is(.gradient-text, .mk-gold-text, .mk-shimmer, .guide-title) {
    background: none;
    color: #f59e0b;
    -webkit-text-fill-color: currentColor;
    text-shadow: none;
}
body.mk-secondary-page :is(.branded-text, .mk-silver-text) {
    background: none;
    color: #f1f5f9;
    -webkit-text-fill-color: currentColor;
    text-shadow: none;
}
body.mk-secondary-page :is(.green-text, .sky-text) { color: #f59e0b !important; text-shadow: none !important; }
body.mk-secondary-page :is(.noise-overlay, .hero-grid, .hero-background, .void-light-center, .void-light-left, .void-light-right) { display: none; }
body.mk-secondary-page .hero-section { min-height: auto; padding-block: clamp(64px, 7vw, 108px) 72px; }
body.mk-secondary-page .hero2-inner { gap: clamp(32px, 4vw, 64px); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
body.mk-secondary-page .hero2-title { font-size: clamp(2.6rem, 4.1vw, 4.15rem); line-height: 1.08; letter-spacing: -.055em; }
body.mk-secondary-page .hero2-sub { font-size: 1.06rem; line-height: 1.75; font-weight: 400; color: #b9c1d0; }
body.mk-secondary-page :is(.hero2-copy, .hero2-visual, .mk-app-body, .mk-cap, .mk-scope) { min-width: 0; }
body.mk-secondary-page :is(.hero-eco-text, .hero-trust-item) { color: #b9c1d0; }
body.mk-secondary-page .status-pill { border: 1px solid #443218; background: #171208; box-shadow: none; padding: 9px 12px; }
body.mk-secondary-page .status-pill span { color: #f8bb52; font: 600 11px/1.5 'DM Sans', sans-serif; letter-spacing: .07em; }
body.mk-secondary-page .ping { background: #f59e0b; box-shadow: none; }
body.mk-secondary-page :is(a.green-cta-button, button.green-cta-button) {
    background: #f59e0b;
    color: #161006;
    border: 1px solid #f59e0b;
    border-radius: 10px;
    min-height: 48px;
    padding: 13px 22px;
    box-shadow: none;
    font: 700 .9rem/1.4 'DM Sans', sans-serif;
}
body.mk-secondary-page :is(a.green-cta-button, button.green-cta-button):hover { background: #ffb52c; border-color: #ffb52c; transform: translateY(-2px); box-shadow: none; }
body.mk-secondary-page .secondary-cta-button { background: #101216; border: 1px solid #34373e; border-radius: 10px; min-height: 48px; padding: 13px 22px; font-size: .9rem; }
body.mk-secondary-page :is(a, button, input, select, textarea):focus-visible { outline: 2px solid #f59e0b; outline-offset: 4px; }
body.mk-secondary-page :is(.glass-card, .glass-card-pro, .mk-cap, .mk-scope, .mk-app-window) {
    background: #0e1014;
    border: 1px solid #292b30;
    border-radius: 16px;
    box-shadow: none;
    backdrop-filter: none;
}
body.mk-secondary-page :is(.glass-card, .glass-card-pro, .mk-cap, .mk-scope, .mk-app-window):hover { background: #111318; border-color: #4b3a21; box-shadow: none; transform: none; }
body.mk-secondary-page :is(.glass-card.mk-spotlight, .mk-app-window)::after { display: none; }
body.mk-secondary-page .mk-app-bar { background: #15171d; border-bottom: 1px solid #292b30; padding: 13px 16px; }
body.mk-secondary-page .mk-app-title { color: #d8dde6; letter-spacing: .02em; }
body.mk-secondary-page .mk-app-body { background: #0e1014; }
body.mk-secondary-page .mk-kpi { background: #15171d; border-color: #292b30; border-radius: 10px; }
body.mk-secondary-page .mk-kpi-val { color: #f1f5f9; }
body.mk-secondary-page .mk-kpi-val--warn { color: #f59e0b; }
body.mk-secondary-page :is(.mk-kpi-lab, .mk-reg-name, .mk-sect-lab, .mk-feed) { color: #b9c1d0; }
body.mk-secondary-page :is(.mk-sect-fill, .mk-reg-fill) { background: #f59e0b; box-shadow: none; }
body.mk-secondary-page .mk-sect-fill--ok { background: #35c46f; }
body.mk-secondary-page .mk-chip--done { color: #73db9a; background: #10291b; border-color: #245135; }
body.mk-page-employee .mk-course-fill { background: #f59e0b; }
body.mk-page-employee .mk-course[data-state="done"] .mk-course-fill,
body.mk-page-employee .mk-course.is-justdone .mk-course-fill { background: #35c46f; }
body.mk-secondary-page :is(.mk-cap-ico, .mk-scope-ico) { color: #f59e0b; background: #211a0e; border-color: #49351b; box-shadow: none; }
body.mk-secondary-page :is(.mk-cap p, .mk-scope p, .mk-card-copy, .lead) { color: #b9c1d0; line-height: 1.7; }
body.mk-secondary-page .mk-display { font-size: clamp(1.9rem, 3.5vw, 3.2rem); line-height: 1.14 !important; }
body.mk-secondary-page .mono-label { color: #f59e0b; }
body.mk-secondary-page .mk-cap-grid { gap: 16px; }
body.mk-secondary-page .mk-scope-grid { gap: 12px; }
body.mk-secondary-page .mk-cta-frame { background: #292b30; padding: 1px; border-radius: 16px; }
body.mk-secondary-page .mk-cta-frame > .glass-card { background: #0e1014; border: 0; border-radius: 15px; padding: clamp(24px, 4vw, 56px); }
body.mk-secondary-page .mk-rail { background: #101216; border-color: #292b30; box-shadow: none; }
body.mk-secondary-page .mk-rail a.is-active .rdot { background: #f59e0b; box-shadow: none; }
body.mk-secondary-page .stat-band { background: #08090b; border-color: #292b30; }
body.mk-secondary-page :is(.stat-num, .stat-num-text) { background: none; color: #f59e0b; -webkit-text-fill-color: currentColor; }
/* These long rows can exceed a phone viewport. Do not depend on a reveal
   observer's intersection threshold to make essential content visible. */
body.mk-secondary-page .presentation_group { opacity: 1; transform: none; }

/* The original full logo stays legible against the black page and mobile menu. */
body.mk-secondary-page .az-nav-sheet-topbar { background: #000; }
body.mk-secondary-page nav.az-bar-nav--floating { background: #0e1014; box-shadow: none; border: 1px solid #292b30; }
body.mk-secondary-page nav.az-bar-nav--floating::before { display: none; }
body.mk-secondary-page nav.az-bar-nav--floating .az-navigation-menu-link.az-navigation-menu-item-active { background: #f59e0b; color: #161006; box-shadow: none; }
body.mk-secondary-page nav.az-bar-nav--floating .az-navigation-signin-trigger { background: #f1f5f9; color: #161006; box-shadow: none; }
body.mk-secondary-page :is(.az-nav-sheet-topbar-logo img, .az-nav-brand img, .mk-connected-logo) { filter: brightness(1.38) contrast(1.08) hue-rotate(-18deg); }
body.mk-secondary-page .mk-footer { background: #000; border-top-color: #292b30; }
body.mk-secondary-page .mk-footer-brand .mk-connected-logo { width: 216px; height: auto; border-radius: 0; }

/* Informational pages use the same surfaces with a calmer reading measure. */
body.mk-secondary-page .mk-about { max-width: 1180px; padding: 88px 32px 40px; }
body.mk-secondary-page .mk-about h1 { font-size: clamp(2.5rem, 4.5vw, 4.3rem); line-height: 1.1; max-width: 940px; }
body.mk-secondary-page .mk-about .lede { color: #b9c1d0; max-width: 800px; font-size: 1.08rem; line-height: 1.8; }
body.mk-secondary-page :is(.mk-about-card, .mk-fp-card, .mk-inv-card, .mk-inv-contact) { background: #0e1014; border: 1px solid #292b30; border-radius: 14px; }
body.mk-secondary-page .mk-about :is(h2, h3) { font-family: 'Manrope', sans-serif; line-height: 1.25; }
body.mk-secondary-page .mk-about .prose { max-width: 800px; line-height: 1.85; }
body.mk-secondary-page .mk-about-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

body.mk-secondary-page .pr-hero { padding-block: 88px 48px; }
body.mk-secondary-page .pr-hero h1 { font-size: clamp(2.5rem, 4.5vw, 4.3rem); line-height: 1.1 !important; }
body.mk-secondary-page .pr-card { background: #0e1014; border: 1px solid #292b30; border-radius: 15px; }
body.mk-secondary-page .pr-frame { border-radius: 16px; background: #f59e0b; padding: 1px; }
body.mk-secondary-page .pr-frame > .pr-card { padding: 2.25rem; }
body.mk-secondary-page .pr-price { font-family: 'Manrope', sans-serif; }
body.mk-secondary-page .pr-price--gold b { background: none; color: #f59e0b; -webkit-text-fill-color: currentColor; }
body.mk-secondary-page .pr-plat { background: #0e1014; border-color: #292b30; border-radius: 12px; }

body.mk-secondary-page .guide-hero { padding-block: 80px 44px; }
body.mk-secondary-page .guide-title { font-size: clamp(2.3rem, 4.5vw, 4rem); color: #f1f5f9; line-height: 1.15; }
body.mk-secondary-page .guide-subtitle { color: #b9c1d0; font-size: 1.08rem; line-height: 1.75; }
body.mk-secondary-page .step-card { background: #0e1014; border: 1px solid #292b30; border-radius: 16px; padding: 32px; box-shadow: none; }
body.mk-secondary-page .step-card:hover { transform: none; box-shadow: none; border-color: #49351b; }
body.mk-secondary-page .step-number { color: #161006; background: #f59e0b; box-shadow: none; flex-shrink: 0; }
body.mk-secondary-page :is(.alert-box, .alert-tip) { background: #18150e; border-color: #634418; }
body.mk-secondary-page .step-card :is(pre, code) { overflow-wrap: anywhere; }
body.mk-secondary-page .step-card pre { max-width: 100%; overflow-x: auto; }

body.mk-secondary-page .mk-legal { max-width: 920px; padding: 88px 32px 64px; font-size: 1rem; line-height: 1.85; color: #b9c1d0; }
body.mk-secondary-page .mk-legal h1 { font-family: 'Manrope', sans-serif; font-size: clamp(2.2rem, 4vw, 3.5rem); line-height: 1.15; margin-bottom: 20px; }
body.mk-secondary-page .mk-legal .legal-updated { color: #f8bb52; border-bottom: 1px solid #292b30; padding-bottom: 28px; margin-bottom: 32px; }
body.mk-secondary-page .mk-legal h2 { font-family: 'Manrope', sans-serif; margin-top: 40px; font-size: 1.35rem; }
body.mk-secondary-page .mk-legal :is(th, td) { border-color: #34373e; padding: 12px; }
body.mk-secondary-page .mk-legal th { background: #15171d; }

@media (max-width: 991px) {
    body.mk-secondary-page .hero2-inner { grid-template-columns: minmax(0, 1fr); }
    body.mk-secondary-page .hero2-copy { max-width: 720px; }
    body.mk-secondary-page .hero2-visual { width: 100%; max-width: 720px; margin-inline: auto; }
    body.mk-secondary-page .mk-about-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    body.mk-secondary-page .hero-section { padding-block: 32px 48px; }
    body.mk-secondary-page .hero2-title { font-size: clamp(2.15rem, 8.5vw, 3.5rem); line-height: 1.1; }
    body.mk-secondary-page .hero2-sub { font-size: 1rem; line-height: 1.7; }
    body.mk-secondary-page .hero2-inner { gap: 32px; }
    body.mk-secondary-page .hero2-copy > .az-d-flex.az-flex-wrap { flex-direction: column; align-items: stretch !important; }
    body.mk-secondary-page .hero2-copy :is(.green-cta-button, .secondary-cta-button) { justify-content: center; width: 100%; }
    body.mk-secondary-page .mk-display { font-size: clamp(1.7rem, 7vw, 2.5rem); }
    body.mk-secondary-page .mk-app-bar { padding-inline: 12px; gap: 8px; }
    body.mk-secondary-page .mk-app-title { font-size: .65rem; min-width: 0; white-space: normal; }
    body.mk-secondary-page .mk-app-dots { display: none; }
    body.mk-secondary-page .mk-app-live { flex-shrink: 0; }
    body.mk-secondary-page .mk-footer-brand .mk-connected-logo { width: 158px; }
    body.mk-secondary-page :is(.mk-about, .mk-legal) { padding: 40px 24px; }
    body.mk-secondary-page .mk-about h1 { font-size: clamp(2rem, 8.5vw, 3rem); }
    body.mk-secondary-page .pr-hero { padding-block: 40px 32px; }
    body.mk-secondary-page .pr-card { padding: 24px; }
    body.mk-secondary-page .pr-frame > .pr-card { padding: 24px; }
    body.mk-secondary-page .guide-hero { padding-block: 40px 24px; }
    body.mk-secondary-page .step-card { padding: 24px 20px; }
    body.mk-secondary-page .step-header { gap: 14px; }
    body.mk-secondary-page .step-title { font-size: 1.35rem; min-width: 0; }
    body.mk-secondary-page .mk-legal :is(th, td) { padding: 9px; }
}
@media (prefers-reduced-motion: reduce) {
    body.mk-secondary-page *, body.mk-secondary-page *::before, body.mk-secondary-page *::after { scroll-behavior: auto !important; transition: none !important; }
}