/* MoorAI Harbor Teal brand colors, with the approved cinematic art direction. */
:root {
  color-scheme:var(--mt-scheme);
     
     
     
     
     
  --bg:var(--mt-bg); --bg2:var(--mt-surface); --bg3:var(--mt-surface-2);
  --surface:var(--mt-surface); --border:var(--mt-line); --border2:var(--mt-line-2);
  --text:var(--mt-text); --text-soft:var(--mt-text-2); --dim:var(--mt-muted); --dim2:var(--mt-muted);
  --accent:var(--mt-accent); --accent2:var(--mt-accent-2); --green:var(--mt-ok); --amber:var(--mt-warn);
  --red:var(--mt-crit); --blue:var(--mt-info); --cyan:var(--mt-accent); --purple:var(--mt-violet);
  --muted:var(--mt-muted); --line:var(--mt-line); --panel:var(--mt-surface); --sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
:root[data-theme="light"] {
  color-scheme:var(--mt-scheme);
     
     
     
     
     
}
html { background:var(--mt-bg); scroll-padding-top:100px; }
body { margin:0; color:var(--mt-text); background:var(--mt-bg); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
*,*:before,*:after { box-sizing:border-box; }
button,input,select,textarea { font:inherit; }
a { color:var(--mt-accent); }
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid var(--mt-accent); outline-offset:4px; }
[hidden] { display:none!important; }
.ma-shell { width:min(1300px,calc(100% - 64px)); margin-inline:auto; }
.ma-header { position:sticky; top:0; z-index:1000; border-bottom:1px solid var(--mt-line); background:color-mix(in srgb,var(--mt-bg) 94%,transparent); backdrop-filter:blur(20px); }
.ma-header-inner { min-height:82px; display:flex; gap:28px; align-items:center; justify-content:space-between; }
.ma-brand { display:inline-flex; font:750 31px/1 var(--sans); letter-spacing:-1.6px; text-decoration:none; color:var(--mt-text)!important; white-space:nowrap; }
.ma-brand span { color:var(--mt-accent); }
.ma-nav { display:flex; align-items:center; gap:24px; }
.ma-dropdown { position:relative; padding:0; border:0; margin:0; }
.ma-dropdown>summary { display:flex; gap:7px; align-items:center; cursor:pointer; padding:27px 0; font:500 13px/2 var(--sans); list-style:none; color:var(--mt-text-2); white-space:nowrap; }
.ma-dropdown>summary::-webkit-details-marker { display:none; }
.ma-dropdown>summary:after { display:none; }
.ma-dropdown[open]>summary { color:var(--mt-accent); }
.ma-dropdown-panel { position:absolute; top:calc(100% - 6px); left:-20px; width:285px; padding:10px; background:var(--mt-surface); border:1px solid var(--mt-line-2); border-radius:12px; box-shadow:0 18px 45px var(--mt-shadow); }
.ma-dropdown-panel a { display:block; color:var(--mt-text); text-decoration:none; padding:11px 13px; border-radius:7px; line-height:1.5; }
.ma-dropdown-panel a:hover { background:var(--mt-accent-soft); color:var(--mt-accent); }
.ma-dropdown-panel strong { font:600 14px/1.5 var(--sans); }
.ma-dropdown-panel small { display:block; font:12px/1.5 var(--sans); color:var(--mt-muted); margin-top:3px; }
.ma-direct,.ma-login { color:var(--mt-text-2); font:500 13px/1.5 var(--sans); text-decoration:none; }
.ma-mobile-link { display:none; }
.ma-actions { display:flex; gap:18px; align-items:center; }
.ma-theme-toggle { display:flex; align-items:center; gap:7px; padding:8px 10px; min-height:40px; border:1px solid var(--mt-line-2); border-radius:7px; background:var(--mt-surface); color:var(--mt-text); cursor:pointer; white-space:nowrap; font:12px/1.5 var(--sans); }
.ma-theme-icon { font-size:18px; line-height:1; color:var(--mt-accent); }
.ma-download { display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:11px 17px; background:var(--mt-accent); color:var(--mt-accent-ink)!important; border:1px solid var(--mt-accent); border-radius:8px; font:650 13px/1.6 var(--sans); text-decoration:none; white-space:nowrap; }
.ma-download:hover { background:var(--mt-accent-2); border-color:var(--mt-accent-2); }
.ma-mobile-toggle { display:none; cursor:pointer; padding:8px 12px; border-radius:7px; border:1px solid var(--mt-line-2); color:var(--mt-text); background:var(--mt-surface); font-size:13px; }
.ma-skip { position:absolute; left:15px; top:-100px; z-index:1001; padding:12px; background:var(--mt-accent); color:var(--mt-accent-ink); }
.ma-skip:focus { top:10px; }
.ma-footer { padding:60px 0 25px; background:var(--mt-surface); border-top:1px solid var(--mt-line); font:14px/1.7 var(--sans); }
.ma-footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:50px; }
.ma-footer h2 { color:var(--mt-text); font:600 13px/1.5 var(--sans); margin:0 0 19px; letter-spacing:0; }
.ma-footer p { color:var(--mt-muted); margin:18px 0; font-size:13px; }
.ma-footer-grid>div>a:not(.ma-brand) { display:block; color:var(--mt-muted); font-size:13px; margin:10px 0; text-decoration:none; }
.ma-footer a:hover { color:var(--mt-accent); }
.ma-footer-bottom { display:flex; gap:24px; justify-content:space-between; flex-wrap:wrap; margin-top:40px; padding-top:22px; border-top:1px solid var(--mt-line); color:var(--mt-muted); font-size:11px; }
.ma-footer-bottom a { color:var(--mt-accent); text-decoration:none; }
.content-page main { min-height:65vh; }
.content-page h1 { letter-spacing:-.045em; }
.content-page .sx { --sx-sans:var(--sans); }
.content-page .sx-h1 { font-size:clamp(38px,5vw,68px); }
.content-page .sx-h2 { font-size:clamp(29px,3.4vw,44px); }
.content-page .sx-hero { background:radial-gradient(ellipse at top,var(--mt-accent-soft),transparent 70%); }
.content-page .sx-card,.content-page .sx-node,.content-page .sx-tile { border-radius:12px; }
.content-page .sx-btn { border-radius:8px; }
.content-page pre { max-width:100%; overflow:auto; }
.content-page img { max-width:100%; height:auto; }
.ma-service-panel { padding:28px; border-radius:12px; background:var(--mt-surface); border:1px solid var(--mt-line); margin-top:30px; }
.ma-service-panel p { margin:0 0 22px; color:var(--mt-text-2); }
.ma-directory { padding:75px 0 100px; }
.ma-kicker { font-size:12px; letter-spacing:2px; color:var(--mt-accent); }
.ma-directory h1 { font-size:clamp(36px,5vw,60px); margin:16px 0; }
.ma-directory label { display:block; margin-top:30px; font-size:13px; }
.ma-directory input { width:min(100%,600px); margin-top:10px; padding:15px 18px; border:1px solid var(--mt-line-2); border-radius:8px; background:var(--mt-surface); color:var(--mt-text); }
#directory-count { font-size:13px; color:var(--mt-muted); margin:20px 0; }
#directory-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.ma-directory-link { border:1px solid var(--mt-line); border-radius:8px; padding:18px; background:var(--mt-surface); color:var(--mt-text); text-decoration:none; font-size:14px; }
.ma-directory-link:hover { border-color:var(--mt-accent); color:var(--mt-accent); }
/* Homepage uses brand teal as its primary color; blue/violet remain accents. */
.home-page .summit { background:var(--mt-bg); }
.home-page .summit:after { background:linear-gradient(90deg,var(--ma-color-071214b5),transparent 70%),linear-gradient(180deg,var(--ma-color-07121422),transparent 40%,var(--ma-color-0712148f) 65%,var(--mt-bg) 96%); }
.home-page h1 span { background-image:linear-gradient(100deg,var(--mt-violet),var(--ma-color-7aa9e5) 40%,var(--mt-accent)); }
.home-page .button { background:linear-gradient(115deg,var(--ma-color-2eaaa7),var(--ma-color-5bd9cd)); color:var(--ma-color-04211f); border-color:var(--ma-color-3cc2bc); }
.home-page .button.secondary { background:var(--ma-color-0b292b8c); color:var(--ma-color-d5f1ee); border-color:var(--ma-color-59a8a5); }
.home-page .product:first-child { border-top-color:var(--mt-accent); }
.home-page .product { background:linear-gradient(135deg,var(--mt-surface-2),var(--mt-surface)); border-color:var(--mt-line-2); }
.home-page .product:first-child { border-top-color:var(--mt-accent); }
.home-page .product:nth-child(2) { border-top-color:var(--mt-violet); }
.home-page .product:nth-child(3) { border-top-color:var(--mt-info); }
.ma-dropdown:has([aria-current="page"])>summary,.ma-direct[aria-current="page"] { color:var(--mt-accent); }
.home-page .product h3 { color:var(--mt-text); }
.home-page .product p,.home-page .product ul,.home-page .product .eyebrow,.home-page .product .link { color:var(--mt-text-2); }
.home-page .product .pricing-note { color:var(--mt-muted); }
.home-page .diagram,.home-page .dashboard { background:linear-gradient(135deg,var(--mt-surface-2),var(--mt-surface)); border-color:var(--mt-line-2); }
.home-page .node { background:var(--mt-surface); border-color:var(--mt-line-2); color:var(--mt-text); }
.home-page .node small,.home-page .privacy-note,.home-page .demo-caption,.home-page .table td:nth-child(2),.home-page .coverage small { color:var(--mt-muted); }
.home-page .table th { color:var(--mt-muted); }
.home-page .dash-top,.home-page .table td { border-color:var(--mt-line); }
.home-page .filter { color:var(--mt-text-2); border-color:var(--mt-line-2); }
.home-page .filter[aria-pressed="true"] { background:var(--mt-accent-soft); color:var(--mt-accent); border-color:var(--mt-accent); }
.home-page .ring { border-top-color:var(--mt-accent); }
.home-page .bars i { background:linear-gradient(var(--mt-accent),var(--mt-accent-soft)); }
.home-page .privacy-box { background:var(--mt-surface); border-color:var(--mt-line); }
.home-page .privacy-box h3 { color:var(--mt-accent); }
.home-page .privacy-box:last-child h3 { color:var(--mt-violet); }
.home-page .privacy-box p,.home-page summary,.home-page .text-link { color:var(--mt-text-2); }
.home-page .steps span { border-color:var(--mt-line-2); }
.home-page .dashboard-section { background:radial-gradient(ellipse at top,var(--mt-accent-soft),transparent 75%); }
.home-page .fine,.home-page .policy-strip { color:var(--mt-muted); }
.home-page .console { color:var(--ma-color-e3eeee); }
.home-page .console .console-foot b { color:var(--ma-color-7bddd8); }
.home-page .closing { background:linear-gradient(var(--ma-color-071214d9),var(--ma-color-071214f5)),url('/assets/mountains.webp') center/cover; }
.home-page .closing h2,.home-page .closing p,.home-page .closing .fine { color:var(--ma-color-e3eeee); }
.home-page .closing .eyebrow { color:var(--ma-color-7bddd8); }
[data-theme="light"] .home-page .summit:before { opacity:.2; }
[data-theme="light"] .home-page .summit:after { background:linear-gradient(90deg,var(--ma-color-f6f8f8bf),transparent 80%),linear-gradient(180deg,var(--ma-color-f6f8f830),transparent 40%,var(--ma-color-f6f8f8d9) 72%,var(--ma-color-f6f8f8) 96%); }
[data-theme="light"] .home-page .hero .eyebrow { color:var(--mt-accent); }
[data-theme="light"] .home-page h1 span { background-image:linear-gradient(100deg,var(--ma-color-6a3dae),var(--ma-color-2a6999) 40%,var(--ma-color-0b6e6b)); }
[data-theme="light"] .home-page .intro,[data-theme="light"] .home-page .hero .fine,[data-theme="light"] .home-page .hero .fine strong,[data-theme="light"] .home-page .hero-disclaimer { color:var(--mt-text-2); text-shadow:none; }
[data-theme="light"] .home-page .button { background:var(--mt-accent); color:var(--ma-white); border-color:var(--mt-accent); box-shadow:none; }
[data-theme="light"] .home-page .button.secondary { background:var(--ma-color-ffffffb0); color:var(--mt-accent); border-color:var(--mt-accent); }
[data-theme="light"] .home-page .console .verdict { color:var(--ma-color-83e8cb); }
[data-theme="light"] .home-page .console .verdict.block { color:var(--ma-color-ff9faf); }
[data-theme="light"] .home-page .console .verdict.ask { color:var(--ma-color-e2bfff); }
[data-theme="light"] .home-page .dashboard .verdict { color:var(--ma-color-0a6644); background:var(--ma-color-d8f3e8); border-color:var(--ma-color-8bc8b0); }
[data-theme="light"] .home-page .dashboard .verdict.block { color:var(--ma-color-a82724); background:var(--ma-color-ffebe9); border-color:var(--ma-color-e9aaa6); }
[data-theme="light"] .home-page .dashboard .verdict.ask { color:var(--ma-color-5b3096); background:var(--ma-color-f1e8ff); border-color:var(--ma-color-bf9ee8); }
[data-theme="light"] .home-page .product li { border-color:var(--mt-line); }
[data-theme="light"] .home-page .section { border-top-color:var(--mt-line); }
@media(max-width:1100px) { .ma-header-inner { gap:20px; } .ma-nav { gap:17px; } .ma-actions { gap:10px; } .ma-login { display:none; } .ma-theme-label { display:none; } }
@media(max-width:850px) {
 .ma-shell { width:calc(100% - 40px); } .ma-header-inner { min-height:72px; flex-wrap:wrap; gap:0; }
 .ma-brand { font-size:29px; } .ma-actions { margin-left:auto; gap:10px; } .ma-mobile-toggle { display:block; }
 .ma-nav { display:none; order:3; width:100%; padding:15px 0 20px; flex-direction:column; align-items:stretch; gap:0; max-height:75vh; overflow:auto; }
 .ma-nav.is-open { display:flex; } .ma-dropdown>summary { padding:12px 4px; justify-content:space-between; }
 .ma-dropdown-panel { position:static; width:100%; box-shadow:none; margin-bottom:10px; }
 .ma-direct { padding:15px 4px; } .ma-dropdown { width:100%; } .ma-download { padding:9px 12px; font-size:12px; }
 .ma-mobile-link { display:block; }
 .ma-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; } .ma-footer-grid>div:first-child { grid-column:1/-1; }
 .home-page .summit:after { background:linear-gradient(180deg,var(--ma-color-07121485),var(--ma-color-07121480) 34%,var(--ma-color-071214ed) 60%,var(--ma-color-071214) 90%); }
 [data-theme="light"] .home-page .summit:after { background:linear-gradient(180deg,var(--ma-color-f6f8f885),var(--ma-color-f6f8f8a0) 34%,var(--ma-color-f6f8f8ed) 60%,var(--ma-color-f6f8f8) 90%); }
}
@media(max-width:480px) { .ma-header .ma-download { display:none; } .ma-theme-label { display:inline; font-size:11px; } .ma-footer-grid { gap:25px; } #directory-list { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*:before,*:after { animation:none!important; transition:none!important; } }

/* Production chrome compatibility. */
.ma-header { display:block; height:auto; padding:0; }
.mft:has(>.ma-footer) { padding:0; border:0; background:transparent; }