/* A consistent editorial and product design across every MoorAI page. */
:root { --ma-radius:16px; --ma-content:1120px; --ma-reading:760px; }
body { font-feature-settings:"ss01" on; text-rendering:optimizeLegibility; }
.ma-header { box-shadow:0 4px 30px color-mix(in srgb,var(--mt-shadow) 20%,transparent); }
.ma-brand { font-weight:800; }
.ma-download { box-shadow:0 5px 16px color-mix(in srgb,var(--mt-accent) 12%,transparent); }
.ma-context-bar { border-bottom:1px solid var(--mt-line); background:var(--mt-surface); position:relative; z-index:30; }
.ma-context-inner { min-height:52px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.ma-trail { display:flex; align-items:center; gap:13px; font:12px/1.5 var(--sans); }
.ma-trail a { color:var(--mt-muted); text-decoration:none; }
.ma-trail a:last-child { color:var(--mt-accent); }
.ma-trail span { color:var(--mt-line-2); }
.ma-page-index { border:0; margin:0; padding:0; position:relative; }
.ma-page-index>summary { color:var(--mt-text-2); cursor:pointer; font:500 12px/1.6 var(--sans); padding:10px 0; }
.ma-page-index>summary:after { display:none; }
.ma-page-index-links { position:absolute; right:0; top:100%; width:340px; max-height:60vh; overflow:auto; padding:12px; background:var(--mt-surface); border:1px solid var(--mt-line-2); border-radius:12px; box-shadow:0 16px 40px var(--mt-shadow); }
.ma-page-index-links a { display:block; padding:10px 12px; border-radius:6px; font:13px/1.5 var(--sans); color:var(--mt-text-2); text-decoration:none; }
.ma-page-index-links a:hover { background:var(--mt-accent-soft); color:var(--mt-accent); }
.content-page main { padding-bottom:70px; }
.content-page main h1 { font-family:var(--sans); font-weight:700; font-size:clamp(36px,4.7vw,66px); line-height:1.1; letter-spacing:-.045em; text-wrap:balance; color:var(--mt-text); }
.content-page main h1 em { color:var(--mt-accent); font-style:normal; }
.content-page main h2 { font-family:var(--sans); letter-spacing:-.025em; text-wrap:balance; scroll-margin-top:110px; }
.content-page main p { text-wrap:pretty; }
.content-page main :is(p,li) { line-height:1.8; }
.content-page main :is(.vs-lead,.post-sub,.bm-lead,.sx-sub,.afp-lead,.gl-lead,.tm-lead,.rr-lead,.gt-p) { font-size:18px; color:var(--mt-text-2); line-height:1.8; }
.content-page main :is(.vs-eyebrow,.post-kicker,.bm-kicker,.sx-eyebrow,.afp-kicker,.gl-kicker,.gt-kicker,.rr-kicker,.tm-kicker) { font-family:var(--sans); font-size:11px; font-weight:650; letter-spacing:1.8px; text-transform:uppercase; color:var(--mt-accent); }
.content-page main :is(.vs-title,.post-title,.bm-h1,.sx-h1,.gl-h1,.afp-h1,.gt-h1,.rr-h1,.tm-h1) { margin-block:20px 28px; }
.content-page main :is(.vs-wrap,.sx-wrap) { max-width:var(--ma-content); }
.content-page :is(.sx-hero,.bm-hero,.gl-hero,.afp-hero,.rr-hero,.tm-hero) { background:radial-gradient(ellipse at 50% 0%,var(--mt-accent-soft),transparent 72%); padding-top:78px; padding-bottom:66px; }
.content-page .ma-surface-card { border:1px solid var(--mt-line); border-radius:var(--ma-radius); background:var(--mt-surface); box-shadow:0 8px 28px color-mix(in srgb,var(--mt-shadow) 30%,transparent); transition:border-color .18s,transform .18s; }
.content-page .ma-surface-card:hover { border-color:var(--mt-line-2); }
.content-page .ma-surface-card:has(>a:hover) { transform:translateY(-3px); border-color:var(--mt-accent); }
.content-page main :is(.sx-btn,.gf-btn) { min-height:46px; border-radius:9px; font-size:14px; padding:13px 22px; }
.content-page main :is(.sx-actions) { gap:12px; }
.content-page main :is(.sx-more,.vs-link) { font-size:14px; font-weight:600; }
.content-page :is(.sx-sec,.bm-sec,.gl-sec,.afp-sec,.rr-sec,.tm-sec) { padding-top:66px; padding-bottom:66px; border-color:var(--mt-line); }
.ma-table-scroll { overflow:auto; max-width:100%; border:1px solid var(--mt-line); border-radius:12px; background:var(--mt-surface); margin-block:24px; scrollbar-color:var(--mt-line-2) transparent; }
.ma-table-scroll table { width:100%; border-collapse:collapse; margin:0!important; border:0; font:13px/1.65 var(--sans); }
.ma-table-scroll th { background:var(--mt-surface-2); color:var(--mt-text); font:650 11px/1.5 var(--sans); letter-spacing:.5px; text-align:left; padding:17px 18px; border:0; border-bottom:1px solid var(--mt-line); }
.ma-table-scroll td { padding:16px 18px; border:0; border-bottom:1px solid var(--mt-line); color:var(--mt-text-2); vertical-align:top; }
.ma-table-scroll tbody tr:last-child td { border-bottom:0; }
.ma-table-scroll tbody tr:nth-child(even) { background:color-mix(in srgb,var(--mt-surface-2) 35%,var(--mt-surface)); }
.ma-table-scroll tbody tr:hover { background:var(--mt-accent-soft); }
.content-page main pre { padding:24px; border:1px solid var(--mt-line); border-radius:12px; font-size:12px; line-height:1.8; scrollbar-color:var(--mt-line-2) transparent; }
.content-page main :is(blockquote,.vs-callout,.post-callout) { border-left:3px solid var(--mt-accent); background:var(--mt-accent-soft); border-radius:0 12px 12px 0; padding:22px 26px; margin-block:30px; }
.content-page main figure { margin-block:32px; }
.content-page main figcaption { color:var(--mt-muted); font-size:12px; line-height:1.6; margin-top:14px; }
.content-page main :is(.faq-item) { border:1px solid var(--mt-line); border-radius:12px; margin-bottom:10px; background:var(--mt-surface); overflow:hidden; }
.content-page main :is(.faq-q) { padding:20px 24px; font:600 15px/1.6 var(--sans); }
.content-page main :is(.faq-a) { padding:0 24px 22px; color:var(--mt-text-2); }
/* Long-form material gets its own reading rhythm. */
[data-page-kind="article"] main { max-width:1040px; margin:auto; }
[data-page-kind="article"] .post-header { max-width:880px; padding:74px 28px 44px; margin:auto; text-align:left; }
[data-page-kind="article"] main .post-title { font-size:clamp(36px,4.4vw,61px); }
[data-page-kind="article"] :is(.post-body,.post-content,.post) { max-width:var(--ma-reading); margin-inline:auto; }
[data-page-kind="article"] .post-meta { padding-top:20px; border-top:1px solid var(--mt-line); font-size:11px; color:var(--mt-muted); gap:12px; }
[data-page-kind="article"] .post-sub { margin-inline:0; text-align:left; }
[data-page-kind="article"] .post-meta { justify-content:flex-start; text-align:left; }
[data-page-kind="article"] .post-art { margin:10px 28px 50px; padding:18px; background:var(--mt-surface); border:1px solid var(--mt-line); border-radius:18px; box-shadow:0 18px 50px color-mix(in srgb,var(--mt-shadow) 40%,transparent); }
[data-page-kind="article"] .post-art svg { max-width:100%; height:auto; }
[data-page-kind="comparison"] main>section:first-child { background:radial-gradient(ellipse at top,var(--mt-accent-soft),transparent 65%); padding-block:70px; }
[data-page-kind="comparison"] .vs-wrap { max-width:900px; }
[data-page-kind="comparison"] .vs-lead { font-size:17px; margin-bottom:22px; }
[data-page-kind="comparison"] .vs-lead b { font-weight:600; }
[data-page-kind="comparison"] .vs-sub { font-size:27px; margin-top:50px; margin-bottom:20px; }
[data-page-kind="comparison"] .vs-note { display:inline-block; background:var(--mt-surface); border:1px solid var(--mt-line); padding:6px 10px; border-radius:6px; font-size:11px; }
[data-page-kind="glossary"] .gt-main { max-width:860px; padding:62px 28px 20px; }
[data-page-kind="glossary"] .gt-hero { border-bottom:1px solid var(--mt-line); margin-bottom:30px; padding-bottom:15px; }
[data-page-kind="glossary"] .gt-def { padding:28px; border:1px solid var(--mt-line); border-radius:16px; background:var(--mt-surface); box-shadow:0 10px 30px color-mix(in srgb,var(--mt-shadow) 25%,transparent); }
[data-page-kind="glossary"] .gt-def .gt-p { margin:0; font-size:18px; }
[data-page-kind="glossary"] .gt-see { padding:20px 0; font-size:13px; }
[data-page-kind="glossary"] .gt-rel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; list-style:none; padding:0; }
[data-page-kind="glossary"] .gt-rel__item { padding:23px; margin:0; }
[data-page-kind="glossary"] .gt-rel__name { font:650 17px/1.4 var(--sans); color:var(--mt-text); }
[data-page-kind="glossary"] .gt-rel__sec { display:block; margin-top:7px; color:var(--mt-accent); font-size:10px; text-transform:uppercase; letter-spacing:1px; }
[data-page-kind="glossary"] .gt-rel__d { color:var(--mt-muted); font-size:13px; margin-top:12px; }
[data-page-kind="journal"] main>section:first-child { padding-top:75px; background:radial-gradient(ellipse at top,var(--mt-accent-soft),transparent 70%); }
[data-page-kind="journal"] .post { padding:30px; background:var(--mt-surface); border:1px solid var(--mt-line); border-radius:16px; margin-bottom:22px; }
[data-page-kind="journal"] .post-title { font-size:25px; letter-spacing:-.6px; line-height:1.3; }
[data-page-kind="reference-index"] .gl-index { border-radius:16px; background:var(--mt-surface); border:1px solid var(--mt-line); padding:28px; }
/* Homepage retains its cinematic identity with a quieter, more spacious body. */
.home-page .section { padding-block:100px; }
.home-page .product { border-radius:16px; padding:30px; }
.home-page .section-head { margin-bottom:42px; }
.home-page .privacy-box { padding:26px; border-radius:13px; }
.home-page .closing { padding-block:80px; }
.ma-footer { padding-top:76px; }
@media(max-width:760px) {
 .ma-context-inner { min-height:47px; gap:10px; } .ma-trail { font-size:10px; gap:8px; }
 .ma-page-index>summary { font-size:11px; } .ma-page-index-links { width:min(310px,calc(100vw - 40px)); }
 .content-page main h1 { font-size:clamp(32px,7.5vw,46px); line-height:1.14; }
 .content-page main :is(.vs-lead,.post-sub,.bm-lead,.sx-sub,.afp-lead,.gl-lead,.tm-lead,.rr-lead,.gt-p) { font-size:16px; line-height:1.8; }
 .content-page :is(.sx-hero,.bm-hero,.gl-hero,.afp-hero,.rr-hero,.tm-hero) { padding-top:46px; padding-bottom:42px; }
 .content-page :is(.sx-sec,.bm-sec,.gl-sec,.afp-sec,.rr-sec,.tm-sec) { padding-block:44px; }
 .ma-table-scroll table { min-width:570px; } .ma-table-scroll td,.ma-table-scroll th { padding:13px 15px; }
 [data-page-kind="article"] .post-header { padding:46px 22px 30px; } [data-page-kind="article"] .post-art { margin:0 20px 36px; padding:8px; }
 [data-page-kind="comparison"] main>section:first-child { padding-block:44px; }
 [data-page-kind="glossary"] .gt-main { padding:40px 20px 15px; } [data-page-kind="glossary"] .gt-def { padding:23px; }
 [data-page-kind="glossary"] .gt-rel { grid-template-columns:1fr; }
 .home-page .section { padding-block:60px; } .home-page .product { padding:25px; }
}

/* Evidence appears immediately after the cinematic hero. */
.home-page .ma-proof { padding:64px 0 70px; background:var(--mt-bg); border-top:1px solid var(--mt-line); border-bottom:1px solid var(--mt-line); margin-bottom:50px; }
.ma-proof-heading { display:flex; align-items:end; justify-content:space-between; gap:36px; margin:18px 0 30px; }
.ma-proof-heading h2 { font-size:clamp(28px,3.2vw,43px); max-width:560px; }
.ma-proof-heading>p { max-width:370px; color:var(--mt-muted); margin:0; font-size:15px; }
.ma-proof-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.ma-proof-card { display:flex; flex-direction:column; padding:25px 22px; border:1px solid var(--mt-line); border-radius:14px; background:var(--mt-surface); text-decoration:none; transition:border-color .18s,transform .18s; }
.ma-proof-card:hover { transform:translateY(-3px); border-color:var(--mt-accent); }
.ma-proof-label { color:var(--mt-muted); font:10px/1.5 var(--sans); letter-spacing:1.1px; text-transform:uppercase; }
.ma-proof-card strong { display:block; font-size:clamp(22px,2.1vw,29px); line-height:1.3; letter-spacing:-.7px; color:var(--mt-accent); margin-top:18px; }
.ma-proof-card p { font-size:13px; line-height:1.8; color:var(--mt-text-2); margin:15px 0 25px; }
.ma-proof-link { margin-top:auto; display:flex; justify-content:space-between; gap:12px; font-size:12px; font-weight:600; color:var(--mt-accent); }
@media(max-width:1000px) { .ma-proof-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .home-page .ma-proof { padding:44px 0; margin-bottom:25px; } .ma-proof-heading { display:block; } .ma-proof-heading>p { margin-top:18px; } .ma-proof-card { padding:22px; } }
@media(max-width:480px) { .ma-proof-grid { grid-template-columns:1fr; } }
/* Partners band (home #partners): one line and a link to /partners.html, before the closing CTA. */
.home-page .ma-partners { padding:56px 0; }
.ma-partners-row { display:flex; justify-content:space-between; align-items:end; gap:40px; }
.ma-partners h2 { font-size:clamp(26px,2.6vw,36px); margin:14px 0 12px; }
.ma-partners p { color:var(--mt-text-2); font-size:15px; line-height:1.7; margin:0; max-width:620px; }
.ma-partners-link { margin:0; flex:none; min-width:180px; padding:14px 0 0; border-top:1px solid var(--mt-line); font-size:13px; }
@media(max-width:760px) { .ma-partners-row { display:block; } .ma-partners-link { margin-top:22px; } }
/* Where CISO budgets are moving (home #market): the re-plotted survey chart, theme tokens only. */
.home-page .ma-shift { padding:10px 0 70px; }
.ma-shift-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,540px); gap:56px; align-items:start; margin-top:18px; }
.ma-shift-copy h2 { font-size:clamp(28px,3.2vw,43px); max-width:560px; margin:0 0 22px; }
.ma-shift-copy>p { color:var(--mt-text-2); font-size:15px; line-height:1.8; margin:0 0 16px; max-width:560px; }
.ma-shift-key { margin:26px 0 22px; display:grid; gap:12px; max-width:560px; }
.ma-shift-key>div { display:grid; grid-template-columns:104px 1fr; gap:14px; padding:14px 16px; border:1px solid var(--mt-line); border-radius:12px; background:var(--mt-surface); }
.ma-shift-key dt { display:flex; align-items:center; gap:8px; font:600 11px/1.5 var(--sans); letter-spacing:1.1px; text-transform:uppercase; color:var(--mt-text); }
.ma-shift-key dd { margin:0; color:var(--mt-text-2); font-size:13px; line-height:1.7; }
.ma-shift-swatch { width:12px; height:12px; border-radius:3px; flex:none; }
.ma-shift-swatch.is-core { background:var(--mt-accent); }
.ma-shift-swatch.is-supports { background:var(--mt-accent-soft); border:1.5px solid var(--mt-accent); }
.ma-shift-proof { max-width:560px; padding:14px 0 0; border-top:1px solid var(--mt-line); font-size:13px; }
.ma-shift-chart { margin:0; padding:24px 22px 18px; border:1px solid var(--mt-line); border-radius:14px; background:var(--mt-surface); }
.ma-shift-svg { display:block; width:100%; height:auto; overflow:visible; font-family:var(--sans); }
.ma-shift-axis { stroke:var(--mt-line-2); stroke-width:1; }
.ma-shift-name { font-size:12.5px; fill:var(--mt-text-2); }
.ma-shift-tier { font-size:9.5px; font-weight:700; letter-spacing:1px; fill:var(--mt-accent); }
.ma-shift-val { font-size:11.5px; font-weight:600; fill:var(--mt-muted); }
.ma-shift-bar { fill:var(--mt-line-2); }
.ma-shift-row.is-core .ma-shift-bar { fill:var(--mt-accent); }
.ma-shift-row.is-supports .ma-shift-bar { fill:var(--mt-accent-soft); stroke:var(--mt-accent); stroke-width:1.2; }
.ma-shift-row.is-core .ma-shift-name,.ma-shift-row.is-supports .ma-shift-name { fill:var(--mt-text); }
.ma-shift-row.is-core .ma-shift-name,.ma-shift-row.is-core .ma-shift-val { font-weight:700; }
.ma-shift-row.is-core .ma-shift-val { fill:var(--mt-accent); }
.ma-shift-row.is-supports .ma-shift-tier { fill:var(--mt-text-2); }
.ma-shift-row.is-down .ma-shift-name { fill:var(--mt-muted); }
.ma-shift-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
.ma-shift-chart figcaption { margin-top:16px; padding-top:12px; border-top:1px solid var(--mt-line); color:var(--mt-muted); font-size:12px; line-height:1.7; }
@media(max-width:1000px) { .ma-shift-grid { grid-template-columns:1fr; gap:34px; } .ma-shift-chart { max-width:640px; } }
@media(max-width:760px) { .home-page .ma-shift { padding:0 0 44px; } .ma-shift-key>div { grid-template-columns:1fr; gap:6px; } .ma-shift-chart { padding:18px 14px 14px; } .ma-shift-name { font-size:15.5px; } .ma-shift-val { font-size:14px; } .ma-shift-tier { font-size:11.5px; } }

/* Management Server: a focused product presentation around the real console. */
.cm-page .cm-hero { padding:70px 0 0; text-align:left; overflow:visible; }
.cm-page .cm-hero-grid { display:grid; grid-template-columns:1fr 1.16fr; align-items:center; gap:48px; }
.cm-page .cm-hero-copy .sx-h1 { font-size:clamp(40px,4.2vw,60px); max-width:540px; margin:19px 0 24px; }
.cm-accent { color:var(--mt-accent); }
.cm-page .cm-hero-copy .sx-sub { margin:0; font-size:18px; line-height:1.75; max-width:510px; }
.cm-page .cm-hero .sx-actions { justify-content:flex-start; margin-top:28px; }
.cm-page .cm-hero .sx-btn { padding:12px 17px; gap:12px; font-size:12px; }
.cm-hero-notes { display:flex; flex-direction:column; gap:5px; padding-top:23px; color:var(--mt-text-2); font-size:12px; }
.cm-page .cm-hero .sx-fine { max-width:440px; font-size:11px; color:var(--mt-muted); line-height:1.8; margin-top:16px; }
.cm-page .cm-console-window { margin:0; padding:10px; background:var(--mt-surface); border:1px solid var(--mt-line-2); border-radius:18px; box-shadow:0 20px 60px color-mix(in srgb,var(--mt-shadow) 70%,transparent); }
.cm-window-bar { display:flex; align-items:center; gap:14px; padding:7px 9px 17px; color:var(--mt-muted); font:9px/1.6 var(--sans); letter-spacing:1.5px; }
.cm-window-dots { letter-spacing:3px; color:var(--mt-accent); }
.cm-window-label { margin-left:auto; letter-spacing:0; }
.cm-page .cm-console-window .cglance { margin:0; }
.cm-page .cm-console-window .cglance__frame { border-radius:10px; }
.cm-page .cm-console-window .cglance__cap { text-align:left; font-size:10px; padding:0 5px; line-height:1.8; }
.cm-page .cm-console-window .cglance__tag { font-size:8px; }
.cm-capability-bar { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:55px; padding-top:24px; padding-bottom:26px; border-top:1px solid var(--mt-line); }
.cm-capability-bar span { font-size:12px; color:var(--mt-text-2); }
.cm-capability-bar span:before { content:'↳'; color:var(--mt-accent); margin-right:12px; }
.cm-page .cm-section-head { text-align:center; margin-bottom:38px; }
.cm-page .cm-section-head .sx-sub { font-size:17px; max-width:600px; margin-top:20px; }
.cm-deployment-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.cm-deploy-card { padding:32px; border:1px solid var(--mt-line); border-radius:16px; background:var(--mt-surface); display:flex; flex-direction:column; }
.cm-deploy-card--private { border-color:var(--mt-accent); background:linear-gradient(135deg,var(--mt-accent-soft),var(--mt-surface) 70%); }
.cm-card-top,.cm-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:26px; }
.cm-card-kicker { font:10px/1.6 var(--sans); letter-spacing:1.3px; text-transform:uppercase; color:var(--mt-muted); }
.cm-deploy-card h3 { font-size:25px; letter-spacing:-.7px; line-height:1.3; margin-bottom:16px; color:var(--mt-text); }
.cm-deploy-card p { font-size:15px; color:var(--mt-text-2); }
.cm-deploy-card ul { list-style:none; padding:0; margin:24px 0 28px; font-size:13px; color:var(--mt-text-2); }
.cm-deploy-card li { border-top:1px solid var(--mt-line); padding:9px 0; }
.cm-deploy-card li:before { content:'✓'; color:var(--mt-accent); margin-right:10px; }
.cm-deploy-card .sx-btn { align-self:flex-start; margin-top:auto; }
.cm-section-note { text-align:center; color:var(--mt-muted); font-size:12px; margin-top:25px; }
.cm-section-note a { white-space:nowrap; }
.cm-page .cm-feature-section .sx-band { gap:64px; align-items:center; }
.cm-page .cm-feature-section .sx-h2 { font-size:clamp(29px,3.2vw,43px); }
.cm-page .cm-feature-section .sx-body { font-size:16px; line-height:1.85; }
.cm-policy-panel { padding:25px; border:1px solid var(--mt-line-2); border-radius:16px; background:var(--mt-surface); }
.cm-policy-steps { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:17px 0; border-top:1px solid var(--mt-line); border-bottom:1px solid var(--mt-line); font-size:11px; color:var(--mt-text-2); }
.cm-policy-steps span[aria-hidden] { color:var(--mt-accent); }
.cm-decisions { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:20px 0; }
.cm-decisions span { text-align:center; border:1px solid var(--mt-line); padding:7px 0; border-radius:6px; color:var(--mt-accent); background:var(--mt-accent-soft); font-size:11px; }
.cm-decisions span:nth-child(2) { color:var(--mt-warn); background:var(--mt-surface-2); }
.cm-decisions span:nth-child(3) { color:var(--mt-violet); background:var(--mt-surface-2); }
.cm-decisions span:nth-child(4) { color:var(--mt-crit); background:var(--mt-surface-2); }
.cm-panel-note { color:var(--mt-muted); font-size:12px; margin:0 0 12px; }
.cm-page .cm-policy-panel .sx-rows { margin:0; font-size:12px; }
.cm-page .cm-policy-panel .sx-rows li { padding:12px 0; }
.cm-page .cm-policy-panel .sx-rows li span { font-size:10px; max-width:220px; }
.cm-page #usage .sx-flow { background:linear-gradient(145deg,var(--mt-accent-soft),var(--mt-surface) 65%); padding:28px; }
.cm-page #usage .sx-node { padding:20px; border-radius:10px; }
.cm-page #integrations .sx-rows { border:1px solid var(--mt-line); border-radius:16px; padding:8px 24px; background:var(--mt-surface); }
.cm-page #integrations .sx-rows li { padding:20px 0; font-size:15px; }
.cm-page #integrations .sx-rows li span { font-size:12px; }
.cm-page .cm-final-cta { margin:30px auto 0; max-width:1120px; border:1px solid var(--mt-line-2); border-radius:18px; background:radial-gradient(ellipse at top,var(--mt-accent-soft),var(--mt-surface) 75%); padding:65px 30px; }
@media(max-width:1000px) { .cm-page .cm-hero-grid { gap:28px; } .cm-page .cm-hero-copy .sx-h1 { font-size:42px; } .cm-page .cm-hero-copy .sx-sub { font-size:16px; } .cm-window-label { display:none; } .cm-page .cm-feature-section .sx-band { gap:32px; } }
@media(max-width:760px) { .cm-page .cm-hero { padding-top:44px; } .cm-page .cm-hero-grid { grid-template-columns:1fr; gap:35px; } .cm-page .cm-hero-copy .sx-h1 { font-size:42px; } .cm-capability-bar { grid-template-columns:1fr 1fr; margin-top:32px; gap:16px; } .cm-capability-bar span { font-size:11px; } .cm-deployment-grid { grid-template-columns:1fr; gap:18px; } .cm-deploy-card { padding:26px; } .cm-page .cm-section-head { text-align:left; } .cm-page .cm-section-head .sx-sub { margin-left:0; } .cm-page .cm-final-cta { margin-inline:20px; padding:45px 22px; } .cm-panel-heading { gap:10px; } .cm-card-kicker { font-size:9px; } }

/* Product-like console views replace abstract feature diagrams. */
.cm-page .cm-product-visual { min-width:0; margin:0; }
.cm-app-view { border:1px solid var(--mt-line-2); border-radius:13px; background:var(--mt-surface); overflow:hidden; box-shadow:0 18px 50px color-mix(in srgb,var(--mt-shadow) 45%,transparent); }
.cm-app-chrome { display:flex; align-items:center; gap:9px; padding:13px 17px; border-bottom:1px solid var(--mt-line); background:var(--mt-surface-2); color:var(--mt-text-2); font:11px/1.4 var(--sans); }
.cm-app-logo { display:grid; place-items:center; width:23px; height:23px; border:1px solid var(--mt-accent); border-radius:6px; color:var(--mt-accent); font-weight:750; }
.cm-app-slash { color:var(--mt-muted); margin:0 5px; }
.cm-app-sample { margin-left:auto; color:var(--mt-muted); font-size:9px; white-space:nowrap; }
.cm-app-body { padding:22px 20px 0; }
.cm-app-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:22px; }
.cm-app-kicker { display:block; font:9px/1.5 var(--sans); letter-spacing:1px; text-transform:uppercase; color:var(--mt-muted); }
.cm-page .cm-app-title h3 { margin:7px 0 0; font:650 21px/1.3 var(--sans); letter-spacing:-.6px; color:var(--mt-text); }
.cm-app-tag { color:var(--mt-accent); font:9px/1.5 var(--sans); border:1px solid var(--mt-line-2); padding:4px 7px; border-radius:5px; white-space:nowrap; background:var(--mt-accent-soft); }
.cm-app-summary { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid var(--mt-line); border-radius:7px; background:var(--mt-surface-2); margin-bottom:14px; }
.cm-app-summary strong,.cm-app-summary div>span { display:block; }
.cm-app-summary strong { font:600 11px/1.5 var(--sans); color:var(--mt-text); }
.cm-app-summary div>span { font:10px/1.6 var(--sans); color:var(--mt-muted); margin-top:3px; }
.cm-app-status-dot { width:6px; height:6px; background:var(--mt-accent); border-radius:50%; flex-shrink:0; }
.cm-setting-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 0; border-bottom:1px solid var(--mt-line); }
.cm-setting-row strong,.cm-setting-row div>span { display:block; }
.cm-setting-row strong { font:550 12px/1.5 var(--sans); color:var(--mt-text); }
.cm-setting-row div>span { font:10px/1.6 var(--sans); color:var(--mt-muted); margin-top:3px; }
.cm-action-badge { display:inline-flex; align-items:center; justify-content:center; padding:5px 8px; border:1px solid var(--mt-line-2); border-radius:5px; font:10px/1.4 var(--sans); white-space:nowrap; color:var(--mt-accent); background:var(--mt-accent-soft); }
.cm-action-badge--ask { color:var(--mt-violet); background:var(--mt-surface-2); }
.cm-action-badge--block { color:var(--mt-crit); background:var(--mt-surface-2); }
.cm-app-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; padding:15px 0; font:9px/1.6 var(--sans); color:var(--mt-muted); }
.cm-app-bottom span:first-child { color:var(--mt-accent); }
.cm-page .cm-product-visual>.sx-cap { text-align:left; font:11px/1.7 var(--sans); margin:14px 3px 0; }
.cm-inventory-entity { display:flex; align-items:center; gap:12px; padding:14px; border:1px solid var(--mt-line); border-radius:8px; background:var(--mt-surface-2); }
.cm-entity-icon { width:32px; height:32px; border:1px solid var(--mt-line-2); border-radius:8px; display:grid; place-items:center; color:var(--mt-accent); font-size:18px; flex-shrink:0; }
.cm-inventory-entity strong { display:block; color:var(--mt-text); font:600 13px/1.5 var(--sans); }
.cm-inventory-entity div>span { display:block; color:var(--mt-muted); font:10px/1.6 var(--sans); margin-top:3px; }
.cm-inventory-entity>.cm-app-tag { margin-left:auto; }
.cm-app-tabs { display:flex; gap:17px; margin:20px 0 0; border-bottom:1px solid var(--mt-line); color:var(--mt-muted); font:10px/1.5 var(--sans); }
.cm-app-tabs>span { padding-bottom:11px; }
.cm-app-tab-current { color:var(--mt-accent); border-bottom:2px solid var(--mt-accent); }
.cm-inventory-row { display:grid; grid-template-columns:75px 1fr auto; align-items:center; gap:11px; border-bottom:1px solid var(--mt-line); padding:15px 0; }
.cm-inventory-type { color:var(--mt-muted); font:10px/1.5 var(--sans); }
.cm-inventory-row strong,.cm-inventory-row div>span { display:block; }
.cm-inventory-row strong { color:var(--mt-text); font:550 11px/1.5 var(--sans); }
.cm-inventory-row div>span { color:var(--mt-muted); font:9px/1.6 var(--sans); margin-top:3px; }
.cm-neutral-label { font:9px/1.5 var(--sans); color:var(--mt-muted); white-space:nowrap; }
.cm-evidence-summary { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:14px; background:var(--mt-surface-2); border:1px solid var(--mt-line); border-radius:8px; }
.cm-evidence-summary strong { display:block; color:var(--mt-text); font:600 15px/1.5 var(--sans); margin-top:5px; }
.cm-evidence-fields { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; padding:18px 0; }
.cm-evidence-fields span,.cm-evidence-fields strong { display:block; }
.cm-evidence-fields span { color:var(--mt-muted); font:9px/1.5 var(--sans); }
.cm-evidence-fields strong { color:var(--mt-text-2); font:500 11px/1.6 var(--sans); margin-top:4px; }
.cm-trace-heading { display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--mt-line); color:var(--mt-muted); font:9px/1.5 var(--sans); }
.cm-trace-list { list-style:none; margin:0; padding:0; }
.cm-trace-list li { display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--mt-line); padding:13px 0; }
.cm-trace-list strong,.cm-trace-list div>span { display:block; }
.cm-trace-list strong { color:var(--mt-text); font:550 11px/1.5 var(--sans); }
.cm-trace-list div>span { color:var(--mt-muted); font:9px/1.6 var(--sans); margin-top:3px; }
.cm-trace-list .cm-neutral-label { margin-left:auto; }
.cm-trace-point { width:7px; height:7px; border:1px solid var(--mt-accent); background:var(--mt-accent); border-radius:50%; flex-shrink:0; }
.cm-trace-point--empty { background:transparent; border-color:var(--mt-muted); }
.cm-app-intro { color:var(--mt-muted); font:12px/1.8 var(--sans); margin:0 0 16px; }
.cm-integration-row { display:flex; align-items:center; gap:13px; padding:20px 0; border-bottom:1px solid var(--mt-line); }
.cm-integration-icon { width:32px; height:32px; border:1px solid var(--mt-line-2); border-radius:8px; display:grid; place-items:center; flex-shrink:0; color:var(--mt-accent); background:var(--mt-surface-2); font-size:18px; }
.cm-integration-row strong,.cm-integration-row div>span { display:block; }
.cm-integration-row strong { color:var(--mt-text); font:550 12px/1.5 var(--sans); }
.cm-integration-row div>span { color:var(--mt-muted); font:10px/1.7 var(--sans); margin-top:3px; }
.cm-integration-row>.cm-neutral-label { margin-left:auto; }
@media(max-width:760px) { .cm-app-body { padding:21px 18px 0; } .cm-setting-row strong { font-size:11px; } .cm-setting-row div>span { font-size:9px; } .cm-inventory-row { grid-template-columns:62px 1fr auto; gap:8px; } .cm-integration-row { gap:10px; } .cm-integration-row>.cm-neutral-label { display:none; } .cm-app-chrome { padding:12px 15px; font-size:10px; } .cm-app-tabs { gap:12px; font-size:9px; } }

/* Full server architecture: preserve diagram detail, with a native full-size view. */
.runtime-architecture { max-width:1200px; margin:42px auto 0; }
.runtime-architecture__image { display:block; border:1px solid var(--mt-line-2); border-radius:16px; overflow:hidden; cursor:zoom-in; }
.runtime-architecture__image img { display:block; width:100%; height:auto; }
.runtime-architecture__image:focus-visible { outline:3px solid var(--mt-accent); outline-offset:4px; }
.runtime-architecture figcaption { max-width:850px; margin:15px auto 0; color:var(--mt-muted); font-size:14px; line-height:1.7; text-align:center; }
.runtime-architecture figcaption a { color:var(--mt-accent); text-decoration:underline; text-underline-offset:3px; }
@media(max-width:760px) { .runtime-architecture { margin-top:28px; } .runtime-architecture figcaption { font-size:13px; } }
.sx-hero .runtime-architecture { max-width:none; width:min(1320px,calc(100vw - 32px)); margin-left:50%; transform:translateX(-50%); }
.runtime-architecture__image picture { display:block; }
.arch-zoom { width:100vw; height:100vh; height:100dvh; max-width:none; max-height:none; margin:0; padding:0; border:0; background:var(--mt-surface); color:var(--mt-text); overflow:hidden; }
.arch-zoom::backdrop { background:var(--mt-surface); }
.arch-zoom__stage { box-sizing:border-box; width:100%; height:100%; padding:60px 16px 48px; overflow:auto; display:flex; align-items:center; justify-content:center; overscroll-behavior:contain; }
.arch-zoom__stage img { display:block; max-width:100%; max-height:100%; width:auto; height:auto; border-radius:12px; cursor:zoom-in; }
.arch-zoom.is-zoomed .arch-zoom__stage { display:block; }
.arch-zoom.is-zoomed .arch-zoom__stage img { max-width:none; max-height:none; width:max(1536px,160%); cursor:zoom-out; }
.arch-zoom__close { position:fixed; top:12px; right:12px; z-index:1; width:44px; height:44px; border-radius:50%; border:1px solid var(--mt-line-2); background:var(--mt-surface-2); color:var(--mt-text); font-size:28px; line-height:1; cursor:pointer; }
.arch-zoom__close:focus-visible { outline:3px solid var(--mt-accent); outline-offset:3px; }
.arch-zoom__hint { position:fixed; left:0; right:0; bottom:14px; margin:0; text-align:center; font-size:13px; color:var(--mt-muted); pointer-events:none; }
.arch-zoom.is-zoomed .arch-zoom__hint { display:none; }

/* Endpoint protection illustration. */
.ep-architecture { margin:42px auto 0; text-align:left; }
.ep-device { border:1px solid var(--mt-line-2); border-radius:20px; overflow:hidden; background:var(--mt-surface); box-shadow:0 25px 65px var(--mt-shadow); }
.ep-device-bar { display:flex; align-items:center; gap:20px; padding:16px 24px; border-bottom:1px solid var(--mt-line); font:11px/1.5 var(--mono); letter-spacing:.12em; color:var(--mt-muted); }
.ep-device-dots { letter-spacing:4px; color:var(--mt-line-2); }.ep-local { margin-left:auto; letter-spacing:0; display:flex; gap:8px; align-items:center; color:var(--mt-accent); }.ep-local i { width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 12px currentColor; }
.ep-stage { position:relative; padding:32px; background:radial-gradient(ellipse at 50% 48%,var(--mt-accent-soft),transparent 65%); }
.ep-sources { display:grid; grid-template-columns:1.4fr 1fr; gap:18px; }.ep-source-group { position:relative; padding:19px 20px 19px 67px; border:1px solid var(--mt-line-2); border-radius:12px; background:var(--mt-surface-2); }.ep-source-group .ep-title { margin:0 0 12px; color:var(--mt-text); font-size:15px; }.ep-source-icon { position:absolute; left:19px; top:20px; color:var(--mt-accent); font:600 20px/1 var(--mono); }.ep-agent-list { display:flex; flex-wrap:wrap; gap:6px 13px; }.ep-agent-list span { color:var(--mt-text-2); font-size:12px; line-height:1.6; }
.ep-connection { height:56px; display:flex; flex-direction:column; align-items:center; }.ep-connection span { width:1px; flex:1; background:var(--mt-accent); }.ep-connection b { color:var(--mt-accent); font:9px/1.6 var(--mono); letter-spacing:.16em; padding:3px 0; }
.ep-engine { position:relative; isolation:isolate; max-width:530px; margin:auto; padding:24px 28px 22px; border:1px solid var(--mt-accent); border-radius:18px; background:linear-gradient(130deg,var(--mt-surface-2),var(--mt-surface)); text-align:center; box-shadow:0 0 35px var(--mt-accent-soft),inset 0 0 28px var(--mt-accent-soft); }
.ep-shield { width:66px; height:74px; color:var(--mt-accent); margin:0 auto 12px; filter:drop-shadow(0 0 12px var(--mt-accent-soft)); }.ep-shield svg { width:100%; height:100%; }.ep-engine-label { color:var(--mt-accent); font:9px/1.6 var(--mono); letter-spacing:.17em; }.ep-engine .ep-title { color:var(--mt-text); font-size:27px; letter-spacing:-.04em; margin:8px 0 5px; }.ep-engine p { margin:0; color:var(--mt-muted); font-size:14px; }.ep-engine-detail { display:flex; justify-content:center; align-items:center; gap:12px; margin-top:20px; padding-top:15px; border-top:1px solid var(--mt-line-2); color:var(--mt-text-2); font-size:11px; }.ep-engine-detail i { color:var(--mt-accent); font-style:normal; }
.ep-decision-connector { height:28px; width:1px; background:var(--mt-accent); margin:auto; }.ep-decisions { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; position:relative; }.ep-decision { display:flex; gap:12px; align-items:center; padding:19px 14px; background:var(--mt-surface); border:1px solid var(--mt-line-2); border-top:2px solid currentColor; border-radius:10px; }.ep-decision--coach { color:var(--mt-ok); }.ep-decision--block { color:var(--mt-crit); }.ep-decision--ask { color:var(--mt-warn); }.ep-decision--end { color:var(--mt-violet); }.ep-decision-icon { display:grid; place-items:center; font-size:23px; width:31px; height:34px; flex-shrink:0; }.ep-decision b { display:block; font-size:15px; }.ep-decision div>span { display:block; color:var(--mt-muted); font-size:10px; margin-top:4px; }.ep-architecture figcaption { text-align:center; max-width:720px; margin:15px auto 0; font-size:12px; line-height:1.7; color:var(--mt-muted); }
@media(max-width:760px) { .ep-stage { padding:20px 15px; }.ep-device-bar { padding:13px 15px; gap:12px; font-size:9px; }.ep-device-dots { display:none; }.ep-sources { grid-template-columns:1fr; gap:10px; }.ep-source-group { padding:15px 15px 15px 54px; }.ep-source-icon { left:14px; top:17px; }.ep-source-group .ep-title { margin-bottom:7px; }.ep-engine { padding:22px 12px; }.ep-engine .ep-title { font-size:24px; }.ep-decisions { grid-template-columns:1fr 1fr; gap:10px; }.ep-decision { padding:15px 9px; gap:7px; }.ep-engine-detail { gap:8px; font-size:10px; } }
.ep-stage { background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--mt-accent) 16%,transparent),transparent 58%),linear-gradient(125deg,color-mix(in srgb,var(--mt-info) 9%,var(--mt-surface)),var(--mt-surface) 45%,color-mix(in srgb,var(--mt-violet) 7%,var(--mt-surface))); }
.ep-source-group:first-child { border-top:2px solid var(--mt-info); }.ep-source-group:last-child { border-top:2px solid var(--mt-violet); }.ep-source-group:first-child .ep-source-icon { color:var(--mt-info); }.ep-source-group:last-child .ep-source-icon { color:var(--mt-violet); }
.ep-shield { width:80px; height:90px; filter:drop-shadow(0 0 16px color-mix(in srgb,var(--mt-accent) 45%,transparent)); }
.ep-engine { background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--mt-accent) 17%,var(--mt-surface)),var(--mt-surface) 80%); border-top:2px solid var(--mt-accent); }
.ep-decision { background:linear-gradient(150deg,color-mix(in srgb,currentColor 7%,var(--mt-surface)),var(--mt-surface)); }

.ma-proof-scope { display:block; color:var(--mt-muted); font-size:12px; line-height:1.7; margin:0 0 20px; }

/* Interactive server architecture, built into the page rather than embedded as a poster. */
.ra-architecture { margin:48px auto 0; text-align:left; position:relative; max-width:1200px; padding:28px 0 0; border-top:1px solid var(--mt-line-2); }
.ra-intro { display:flex; justify-content:space-between; gap:15px; color:var(--mt-muted); font:10px/1.6 var(--mono); letter-spacing:.09em; margin-bottom:26px; }.ra-intro span:first-child { color:var(--mt-accent); }
.ra-control { width:55%; margin:auto; }.ra-node { border:1px solid var(--mt-line-2); border-radius:12px; background:linear-gradient(135deg,var(--mt-surface-2),var(--mt-surface)); overflow:hidden; }.ra-node summary { cursor:pointer; display:flex; align-items:center; gap:12px; padding:17px 15px; list-style:none; }.ra-node summary::-webkit-details-marker { display:none; }.ra-node summary:focus-visible { outline:2px solid var(--mt-accent); outline-offset:-3px; }.ra-node summary:hover { background:var(--mt-accent-soft); }.ra-symbol { color:var(--mt-accent); font:24px/1 var(--sans); flex-shrink:0; width:25px; text-align:center; }.ra-node-title { flex:1; min-width:0; }.ra-node-title b { display:block; color:var(--mt-text); font:600 14px/1.5 var(--sans); }.ra-node-title>span { display:block; color:var(--mt-muted); font:11px/1.6 var(--sans); margin-top:4px; }.ra-plus { position:relative; flex-shrink:0; width:24px; height:24px; border:1px solid var(--mt-line-2); border-radius:50%; color:var(--mt-accent); }.ra-plus::before,.ra-plus::after { content:''; position:absolute; background:currentColor; left:7px; right:7px; height:1px; top:11px; }.ra-plus::after { transform:rotate(90deg); transition:transform .2s; }.ra-node[open] .ra-plus::after { transform:rotate(0); }.ra-node[open] { border-color:var(--mt-accent); }.ra-detail { border-top:1px solid var(--mt-line); padding:0 17px 18px; }.ra-detail p { color:var(--mt-text-2); font:13px/1.8 var(--sans); margin:14px 0; }.ra-detail a { font:600 12px/1.6 var(--sans); color:var(--mt-accent); }.ra-policy-flow { display:flex; justify-content:center; gap:28px; padding:18px 0 24px; color:var(--mt-accent); font:10px/1.7 var(--mono); }
.ra-flow { display:grid; grid-template-columns:1fr 1.5fr 1fr; gap:24px; align-items:center; position:relative; padding:12px 0 22px; background:radial-gradient(ellipse at center,var(--mt-accent-soft),transparent 65%); }.ra-protection { position:relative; padding:20px 14px 14px; border:1px solid var(--mt-accent); border-radius:18px; background:linear-gradient(150deg,var(--mt-accent-soft),var(--mt-surface)); box-shadow:0 0 40px var(--mt-accent-soft); }.ra-protection>.ra-node { margin-top:10px; }.ra-protection-title { display:flex; gap:12px; align-items:center; padding:0 4px 10px; }.ra-protection-title b { color:var(--mt-text); font:600 17px/1.5 var(--sans); }.ra-protection-title div>span { display:block; color:var(--mt-muted); font:11px/1.6 var(--sans); margin-top:3px; }.ra-engine-mark { display:grid; place-items:center; color:var(--mt-accent); font:700 29px/1 var(--sans); width:42px; height:46px; border:1px solid var(--mt-accent); border-radius:12px; }.ra-route-label { display:flex; align-items:center; gap:9px; color:var(--mt-accent); font:10px/1.7 var(--mono); padding:15px 0; }.ra-route-label span { font:24px/1 var(--sans); }.ra-app .ra-route-label { justify-content:flex-end; }.ra-node--management { border-color:var(--mt-info); }.ra-node--management .ra-symbol { color:var(--mt-info); }.ra-node--destinations .ra-symbol { color:var(--mt-violet); }.ra-target-list { display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; }.ra-target-list span { border-left:2px solid var(--mt-line-2); padding:4px 8px; color:var(--mt-muted); font:10px/1.5 var(--sans); }.ra-architecture figcaption { border-top:1px solid var(--mt-line); margin-top:18px; padding-top:18px; font:12px/1.9 var(--sans); color:var(--mt-muted); text-align:center; }.ra-architecture figcaption a { color:var(--mt-accent); }
@media(max-width:760px) { .ra-intro { flex-direction:column; gap:5px; }.ra-control { width:100%; }.ra-flow { grid-template-columns:1fr; gap:6px; }.ra-app .ra-route-label,.ra-target .ra-route-label { justify-content:center; }.ra-route-label span { transform:rotate(90deg); }.ra-app .ra-route-label { flex-direction:row-reverse; }.ra-protection { padding:19px 13px 13px; }.ra-node-title b { font-size:15px; }.ra-target-list { justify-content:center; } }
@media(prefers-reduced-motion:reduce) { .ra-plus::after { transition:none; } }