/* MRKZ commercial landing pages. All component rules are scoped to this template. */
.mrkz-landing .landing-hero-support { font-size:14px; line-height:1.8; color:#555; margin:24px 0 0; max-width:62ch; }
.mrkz-landing { --lp-ink:#151515; --lp-copy:#444; --lp-paper:#f5f5f2; --lp-line:#deded9; --lp-white:#fff; color:var(--lp-ink); font-family:inherit; background:var(--lp-white); }
.mrkz-landing *, .mrkz-landing *::before, .mrkz-landing *::after { box-sizing:border-box; }
.mrkz-landing .landing-container { width:min(100% - 96px,1200px); margin-inline:auto; }
.mrkz-landing h1, .mrkz-landing h2, .mrkz-landing h3, .mrkz-landing p, .mrkz-landing ol { margin:0; }
.mrkz-landing h1, .mrkz-landing h2, .mrkz-landing h3 { color:inherit; font-family:inherit; font-weight:700; letter-spacing:-.035em; text-wrap:balance; }
.mrkz-landing h1 { font-size:clamp(40px,4.5vw,60px); line-height:1.12; }
.mrkz-landing h2 { font-size:clamp(28px,3vw,40px); line-height:1.2; }
.mrkz-landing h3 { font-size:20px; line-height:1.35; }
.mrkz-landing p, .mrkz-landing li { line-height:1.75; }
.mrkz-landing a { color:inherit; }
.mrkz-landing a:focus-visible, .mrkz-landing summary:focus-visible { outline:3px solid #737373; outline-offset:5px; }
.mrkz-landing .landing-hero { padding:60px 0 0; }
.mrkz-landing .landing-hero-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr); gap:64px; align-items:center; }
.mrkz-landing .landing-hero-copy { min-width:0; }
.mrkz-landing .landing-eyebrow { display:flex; align-items:center; gap:10px; font-size:12px; font-weight:600; line-height:1.5; letter-spacing:.06em; margin-bottom:24px; }
.mrkz-landing .landing-eyebrow span { width:8px; height:8px; background:var(--lp-ink); border-radius:2px; flex-shrink:0; }
.mrkz-landing .landing-intro { font-size:17px; color:var(--lp-copy); margin-top:24px; max-width:660px; }
.mrkz-landing .landing-intro + .landing-intro { margin-top:16px; }
.mrkz-landing .landing-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.mrkz-landing .landing-button { min-height:50px; padding:14px 22px; display:inline-flex; align-items:center; justify-content:center; gap:12px; border:1px solid var(--lp-ink); border-radius:8px; font-size:13px; font-weight:600; line-height:1.5; text-decoration:none; transition:background-color .2s,color .2s; }
.mrkz-landing .landing-button-primary { background:var(--lp-ink); color:var(--lp-white); }
.mrkz-landing .landing-button-primary:hover { background:#383838; }
.mrkz-landing .landing-button-secondary { background:var(--lp-white); border-color:var(--lp-line); }
.mrkz-landing .landing-button-secondary:hover { background:var(--lp-paper); }
.mrkz-landing .landing-system { background:var(--lp-ink); color:var(--lp-white); padding:36px 32px 24px; border-radius:24px; min-width:0; box-shadow:0 12px 32px #0000000a; }
.mrkz-landing .landing-system-kicker { font-size:10px; letter-spacing:.1em; color:#c1c1ba; font-weight:600; margin-bottom:18px; }
.mrkz-landing .landing-system h2 { font-size:28px; max-width:350px; line-height:1.3; }
.mrkz-landing .landing-system ol { list-style:none; padding:0; margin-top:28px; }
.mrkz-landing .landing-system li { display:flex; gap:16px; border-top:1px solid #ffffff24; padding-block:20px; }
.mrkz-landing .landing-system-number { border:1px solid #ffffff40; border-radius:50%; width:32px; height:32px; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:600; flex-shrink:0; }
.mrkz-landing .landing-system h3 { font-size:16px; letter-spacing:0; margin-bottom:6px; }
.mrkz-landing .landing-system li p { font-size:12px; line-height:1.7; color:#c7c7c0; }
.mrkz-landing .landing-system-footer { border-top:1px solid #ffffff24; padding-top:18px; font-size:10px; line-height:1.8; color:#c7c7c0; }
.mrkz-landing .landing-context { margin-top:52px; padding:28px 0; border-top:1px solid var(--lp-line); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.mrkz-landing .landing-context > div { display:flex; flex-direction:column; gap:8px; }
.mrkz-landing .landing-context > div + div { border-inline-start:1px solid var(--lp-line); padding-inline-start:28px; }
.mrkz-landing .landing-context span, .mrkz-landing .landing-kicker { font-size:10px; font-weight:600; letter-spacing:.09em; color:#686861; line-height:1.6; }
.mrkz-landing .landing-context strong { font-size:13px; line-height:1.6; }
.mrkz-landing .landing-section { padding-block:80px; }
.mrkz-landing .landing-section-heading { max-width:800px; }
.mrkz-landing .landing-kicker { margin-bottom:16px; }
.mrkz-landing .landing-capabilities { background:var(--lp-paper); }
.mrkz-landing .landing-preface { color:var(--lp-copy); max-width:790px; font-size:16px; margin-top:24px; }
.mrkz-landing .landing-preface p + p { margin-top:16px; }
.mrkz-landing .landing-card-grid { margin-top:36px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:stretch; }
.mrkz-landing [data-landing-grid="process"][data-count="4"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mrkz-landing .landing-card { padding:28px; background:var(--lp-white); border:1px solid var(--lp-line); border-radius:14px; min-width:0; }
.mrkz-landing .landing-card-number { display:block; font-size:11px; font-weight:600; color:#77776c; margin-bottom:28px; }
.mrkz-landing .landing-card h3 { letter-spacing:-.02em; }
.mrkz-landing .landing-card-copy { font-size:14px; color:var(--lp-copy); margin-top:16px; }
.mrkz-landing .landing-card-copy p + p { margin-top:14px; }
.mrkz-landing .landing-card-compact { display:flex; align-items:start; gap:18px; padding:24px; }
.mrkz-landing .landing-card-compact h3 { font-size:15px; font-weight:600; letter-spacing:0; }
.mrkz-landing .landing-card-compact .landing-card-number { margin-top:3px; margin-bottom:0; flex-shrink:0; }
.mrkz-landing .landing-editorial + .landing-editorial { border-top:1px solid var(--lp-line); }
.mrkz-landing .landing-editorial-grid, .mrkz-landing .landing-faq-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr); gap:72px; align-items:start; }
.mrkz-landing .landing-copy { font-size:16px; color:var(--lp-copy); min-width:0; }
.mrkz-landing .landing-copy p + p { margin-top:20px; }
.mrkz-landing .landing-copy a, .mrkz-landing .landing-card-copy a { text-decoration:underline; text-underline-offset:4px; font-weight:600; }
.mrkz-landing .landing-cta { padding-block:0 40px; }
.mrkz-landing .landing-cta-panel { padding:56px; border-radius:24px; background:var(--lp-ink); color:var(--lp-white); text-align:center; }
.mrkz-landing .landing-cta .landing-kicker { color:#c7c7c0; }
.mrkz-landing .landing-cta h2 { max-width:740px; margin-inline:auto; }
.mrkz-landing .landing-cta-copy { max-width:690px; margin:24px auto 0; font-size:16px; }
.mrkz-landing .landing-cta-copy p { color:#ddd; }
.mrkz-landing .landing-cta-copy p + p { margin-top:24px; }
.mrkz-landing .landing-cta-copy a { display:inline-flex; align-items:center; justify-content:center; background:var(--lp-white); color:var(--lp-ink); border-radius:8px; font-size:14px; font-weight:600; padding:14px 24px; min-height:50px; line-height:1.5; text-decoration:none; }
.mrkz-landing .landing-cta-copy a:hover { background:#e7e7e0; }
.mrkz-landing .landing-faq { padding-block:64px 80px; }
.mrkz-landing .landing-faq details { border-top:1px solid var(--lp-line); padding:22px 0; }
.mrkz-landing .landing-faq details:last-child { border-bottom:1px solid var(--lp-line); }
.mrkz-landing .landing-faq summary { display:flex; align-items:start; justify-content:space-between; gap:24px; list-style:none; cursor:pointer; font-size:16px; font-weight:600; line-height:1.6; }
.mrkz-landing .landing-faq summary::-webkit-details-marker { display:none; }
.mrkz-landing .landing-faq-symbol { font-size:24px; font-weight:400; line-height:1; flex-shrink:0; margin-top:2px; transition:transform .2s; }
.mrkz-landing .landing-faq details[open] .landing-faq-symbol { transform:rotate(45deg); }
.mrkz-landing .landing-faq details > p { font-size:15px; color:var(--lp-copy); margin-top:16px; padding-inline-end:44px; }
.mrkz-landing .landing-related { padding-block:40px 72px; border-top:1px solid var(--lp-line); }
.mrkz-landing .landing-related h2 { font-size:24px; }
.mrkz-landing .landing-related-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.mrkz-landing .landing-related-links a { padding:14px 18px; min-height:48px; border:1px solid var(--lp-line); border-radius:8px; display:inline-flex; align-items:center; justify-content:space-between; gap:28px; font-size:13px; font-weight:600; line-height:1.5; text-decoration:none; }
.mrkz-landing .landing-related-links a:hover { background:var(--lp-paper); }
.mrkz-landing[dir="rtl"] h1, .mrkz-landing[dir="rtl"] h2, .mrkz-landing[dir="rtl"] h3 { letter-spacing:0; }
.mrkz-landing[dir="rtl"] h1 { line-height:1.4; font-size:clamp(36px,3.6vw,48px); }
.mrkz-landing[dir="rtl"] h2 { line-height:1.45; }
.mrkz-landing[dir="rtl"] h3 { line-height:1.55; }
.mrkz-landing[dir="rtl"] .landing-intro, .mrkz-landing[dir="rtl"] .landing-copy, .mrkz-landing[dir="rtl"] .landing-preface { line-height:1.95; }
.mrkz-landing[dir="rtl"] .landing-system h2 { font-size:28px; }
.mrkz-landing[dir="rtl"] .landing-system h3 { font-size:18px; }
.mrkz-landing[dir="rtl"] .landing-system li p { font-size:14px; }
.mrkz-landing[dir="rtl"] .landing-card-compact h3 { font-size:17px; }
.mrkz-landing[dir="rtl"] .landing-button svg, .mrkz-landing[dir="rtl"] .landing-related-links svg { transform:scaleX(-1); }
@media (max-width:1023px) {
 .mrkz-landing .landing-container { width:calc(100% - 64px); }
 .mrkz-landing .landing-hero-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr); gap:32px; }
 .mrkz-landing .landing-system { padding:28px 24px 20px; }
 .mrkz-landing .landing-system h2 { font-size:24px; }
 .mrkz-landing .landing-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .mrkz-landing .landing-editorial-grid, .mrkz-landing .landing-faq-grid { gap:40px; }
}
@media (max-width:767px) {
 .mrkz-landing .landing-container { width:calc(100% - 40px); }
 .mrkz-landing .landing-hero { padding-top:32px; }
 .mrkz-landing .landing-hero-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
 .mrkz-landing h1 { font-size:38px; line-height:1.17; }
 .mrkz-landing[dir="rtl"] h1 { font-size:34px; }
 .mrkz-landing h2 { font-size:28px; }
 .mrkz-landing .landing-intro { font-size:16px; margin-top:20px; }
 .mrkz-landing .landing-eyebrow { font-size:11px; letter-spacing:0; margin-bottom:20px; }
 .mrkz-landing .landing-actions { gap:10px; margin-top:24px; }
 .mrkz-landing .landing-actions a { flex:1 1 180px; }
 .mrkz-landing .landing-system { padding:28px 24px 22px; border-radius:18px; }
 .mrkz-landing .landing-system h2 { max-width:none; }
 .mrkz-landing .landing-context { margin-top:32px; gap:16px; grid-template-columns:minmax(0,1fr); padding-block:24px; }
 .mrkz-landing .landing-context > div { flex-direction:row; align-items:baseline; justify-content:space-between; gap:20px; }
 .mrkz-landing .landing-context > div + div { border:0; padding-inline-start:0; }
 .mrkz-landing .landing-context strong { font-size:11px; text-align:end; }
 .mrkz-landing .landing-context span { font-size:9px; flex-shrink:0; }
 .mrkz-landing .landing-section { padding-block:48px; }
 .mrkz-landing .landing-editorial-grid, .mrkz-landing .landing-faq-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 .mrkz-landing .landing-copy, .mrkz-landing .landing-preface { font-size:15px; }
 .mrkz-landing .landing-card-grid, .mrkz-landing [data-landing-grid="process"][data-count="4"] { grid-template-columns:minmax(0,1fr); gap:12px; margin-top:28px; }
 .mrkz-landing .landing-card { padding:24px; }
 .mrkz-landing .landing-card-number { margin-bottom:20px; }
 .mrkz-landing .landing-card-compact { padding:22px; }
 .mrkz-landing .landing-card-compact .landing-card-number { margin-bottom:0; }
 .mrkz-landing .landing-cta { padding-block:0 16px; }
 .mrkz-landing .landing-cta-panel { padding:36px 24px; border-radius:18px; }
 .mrkz-landing .landing-cta-copy { font-size:15px; }
 .mrkz-landing .landing-faq summary { font-size:15px; gap:16px; }
 .mrkz-landing .landing-faq details > p { padding-inline-end:0; font-size:14px; }
 .mrkz-landing .landing-related { padding-block:32px 48px; }
 .mrkz-landing .landing-related-links a { width:100%; }
}
@media (prefers-reduced-motion:reduce) { .mrkz-landing * { transition:none !important; } }