/* The site's header, mega menu, phone menu and footer (README.md; markup: nav.mjs, behaviour: nav.js). Loaded on our
   pages, the agent page and every Framer page, so every rule is scoped to an mn- class or to the Framer header's own
   classes, and the menu's rules start with html:not(#mn) (one ID's worth) to win over the template's and the agent
   page's element rules. Near-black surfaces, hairlines, Inter, 13 px sentence-case labels, violet only as an accent. */
@font-face{font-family:'MindaNav';src:url(/hub/inter.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--mn-bg:#0e0e11;--mn-fg:#f6f5fa;--mn-mut:rgba(246,245,250,.6);--mn-line:rgba(246,245,250,.1);--mn-tint:rgba(246,245,250,.06);--mn-acc:#8b5cf6;--mn-ease:cubic-bezier(.2,.8,.2,1);--mn-font:'Inter','MindaNav',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
html:not(#mn) :is(.mn-hd,.mn-mega,.mn-sheet,.mn-ft),html:not(#mn) :is(.mn-hd,.mn-mega,.mn-sheet,.mn-ft) *{box-sizing:border-box;font-family:var(--mn-font)}
html:not(#mn) :where(.mn-hd,.mn-mega,.mn-sheet,.mn-ft) :where(ul,p,li){margin:0;padding:0;list-style:none}
html:not(#mn) :where(.mn-hd,.mn-mega,.mn-sheet,.mn-ft) a{color:inherit;text-decoration:none}
html:not(#mn) :where(.mn-hd,.mn-mega,.mn-sheet,.mn-ft) svg{display:block;flex:none}
html:not(#mn) :is(.mn-hd,.mn-mega,.mn-sheet,.mn-ft,.fchd-nav) :is(a,button):focus-visible{outline:2px solid var(--mn-acc)!important;outline-offset:2px!important;box-shadow:none!important;border-radius:10px}
html:not(#mn) :is(.mn-nav,.fchd-nav) a:focus-visible,html:not(#mn) .mn-hd :is(.mn-logo,.mn-burger):focus-visible,html:not(#mn) :is(.mn-hd,.mn-sheet) :is(.mn-login,.mn-cta):focus-visible{border-radius:999px}

/* ── Our header: the Framer header's bar (copy.mjs: .fchd, .fchd-pill, the logo lockup, buttons.css's CTA) ── */
html:not(#mn) .mn-hd{position:fixed;left:0;right:0;top:0;z-index:1000;padding:14px clamp(12px,2vw,24px) 0;pointer-events:none;color:#fff;-webkit-font-smoothing:antialiased;background:none}
html:not(#mn) .mn-bar{pointer-events:auto;position:relative;display:flex;align-items:center;gap:18px;max-width:1180px;height:54px;margin:0 auto;padding:7px 7px 7px 20px;border-radius:999px;background:rgba(10,10,14,.92);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
html:not(#mn) .mn-skip{position:absolute;left:12px;top:-60px;z-index:5;display:inline-flex;align-items:center;height:40px;padding:0 20px;border-radius:999px;background:#fff;color:#0a0a0a;font-size:15px;font-weight:500;pointer-events:auto}
html:not(#mn) .mn-skip:focus{top:12px}
html:not(#mn) .mn-logo{--lk:20px;display:flex;align-items:center;flex:none;color:inherit;white-space:nowrap;line-height:1}
html:not(#mn) .mn-logo svg{width:auto;height:calc(var(--lk)*.96);translate:0 calc(var(--lk)*-.1)}
html:not(#mn) .mn-name{margin-left:calc(var(--lk)*.42);font-size:var(--lk);font-weight:600;letter-spacing:-.02em;line-height:1}
html:not(#mn) .mn-sub{margin-left:calc(var(--lk)*.55);padding-left:calc(var(--lk)*.55);font-size:calc(var(--lk)*.56);font-weight:600;line-height:1.18;letter-spacing:0;color:color-mix(in srgb,currentColor 64%,transparent);box-shadow:inset 1px 0 0 color-mix(in srgb,currentColor 22%,transparent)}
html:not(#mn) .mn-nav{margin:0 auto}
html:not(#mn) .mn-nav ul{display:flex;gap:2px}
html:not(#mn) :is(.mn-nav a,.mn-login){position:relative;display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;font-size:14.5px;font-weight:500;line-height:normal;letter-spacing:normal;white-space:nowrap;transition:background-color .25s}
html:not(#mn) :is(.mn-nav a,.mn-login):hover{background:color-mix(in srgb,currentColor 9%,transparent)}
/* Log in: a quiet link in the nav links' own type, just before the Sign up pill (nav.mjs headerHtml) */
html:not(#mn) .mn-login{flex:none;margin-right:-6px}
html:not(#mn) .mn-cta{display:inline-flex;align-items:center;justify-content:center;flex:none;height:40px;padding:0 20px;border-radius:999px;background:#fff;color:#0a0a0a;font-size:15px;font-weight:500;letter-spacing:-.01em;line-height:1.25;white-space:nowrap;cursor:pointer;user-select:none;transition:background-color .15s}
html:not(#mn) .mn-cta:hover{background:#e6e6e6}
/* The phone menu's second button: the secondary pill (a hairline, no fill) */
html:not(#mn) .mn-cta.mn-cta-2{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.26)}
html:not(#mn) .mn-cta.mn-cta-2:hover{background:rgba(255,255,255,.09)}
html:not(#mn) .mn-burger{display:none;position:relative;flex:none;width:40px;height:40px;margin-left:auto;padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer;transition:background-color .15s}
html:not(#mn) .mn-burger:hover{background:#e6e6e6}
html:not(#mn) .mn-burger i{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:#0a0a0a}
html:not(#mn) .mn-burger i:first-child{top:16px}
html:not(#mn) .mn-burger i:last-child{top:22px;right:16px}
@media (min-width:1200px){html:not(#mn) .mn-nav{position:absolute;left:50%;top:50%;translate:-50% -50%;margin:0}html:not(#mn) .mn-bar>.mn-login{margin-left:auto}}
@media (max-width:1280px){html:not(#mn) :is(.mn-nav a,.mn-login){padding:10px 9px}}
/* The subtitle gives way only while the seven links share the bar (1061-1180 px); below, the menu button frees the
   room, so phones and tablets keep "Super Intelligence Platform" (the owner, 2026-10-06: "missing subtitle during
   mobile and phone"). */
@media (min-width:1061px) and (max-width:1180px){html:not(#mn) .mn-hd .mn-sub{display:none}}
@media (max-width:1060px){html:not(#mn) .mn-nav,html:not(#mn) .mn-bar>:is(.mn-login,.mn-cta){display:none}html:not(#mn) .mn-burger{display:block}html:not(#mn) .mn-bar{padding:6px 6px 6px 18px;height:52px}}
@media (max-width:809px){html:not(#mn) .mn-logo{--lk:18px}}

/* ── The main tabs on both headers: a caret on the four with a panel, a small dot under the current section ── */
html:not(#mn) :is(.mn-nav a[data-mn],.fchd-nav a:is([href="/product/"],[href="/solutions/"],[href="/industries/"],[href="/guides/"]))::after{content:"";flex:none;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;rotate:45deg;translate:0 -2px;opacity:.75;transition:rotate .3s var(--mn-ease),translate .3s var(--mn-ease)}
html:not(#mn) :is(.mn-nav,.fchd-nav) a[aria-expanded="true"]::after{rotate:225deg;translate:0 1px}
html:not(#mn) :is(.mn-nav,.fchd-nav) a[aria-expanded="true"]{background:color-mix(in srgb,currentColor 9%,transparent)}
html:not(#mn) :is(.mn-nav,.fchd-nav) a[aria-current]::before{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--mn-acc)}
/* The template's own drawer (its "Features" link) never opens over ours. */
html:not(#mn) .fchd .fchd-drawer{display:none!important}

/* ── The mega menu: one fixed shell under the bar; its background morphs (clip-path) between panels ── */
html:not(#mn) .mn-mega{position:fixed;left:0;top:var(--mn-top,76px);z-index:1002;width:100%;height:0;color:var(--mn-fg);pointer-events:none;opacity:0;visibility:hidden;translate:0 -6px;transition:opacity .16s ease,translate .2s var(--mn-ease),visibility 0s .2s;-webkit-font-smoothing:antialiased}
html:not(#mn) .mn-mega.is-open{opacity:1;visibility:visible;translate:0 0;transition:opacity .2s ease,translate .32s var(--mn-ease),visibility 0s}
html:not(#mn) .mn-bg i{position:absolute;left:0;top:0;width:100%;height:calc(100vh - var(--mn-top,76px));clip-path:inset(0 100% 100% 0 round 22px);transition:clip-path .36s var(--mn-ease)}
html:not(#mn) .mn-ring{background:rgba(246,245,250,.12)}
html:not(#mn) .mn-fill{background:var(--mn-bg)}
html:not(#mn) .mn-panel{--pw:880px;position:absolute;left:0;top:0;width:min(var(--pw),var(--mn-cap,calc(100vw - 32px)));padding:20px;opacity:0;visibility:hidden;transform:translateX(var(--dx,0px));transition:opacity .16s ease,transform .32s var(--mn-ease),visibility 0s .32s}
html:not(#mn) .mn-panel.is-on{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .24s ease .05s,transform .36s var(--mn-ease),visibility 0s}
html:not(#mn) .mn-panel.mn-pre,html:not(#mn) .mn-panel.mn-pre *{transition:none!important}
html:not(#mn) .mn-w-xl{--pw:1100px}
html:not(#mn) .mn-w-l{--pw:1040px}
html:not(#mn) .mn-w-m{--pw:920px}
html:not(#mn) .mn-w-s{--pw:820px}
html:not(#mn) .mn-panel li{opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .3s var(--mn-ease)}
html:not(#mn) .mn-panel.is-on li{opacity:1;transform:none;transition-delay:calc(70ms + var(--i,0)*16ms)}
/* A closed menu holds its pictures' animations: they were restyled every frame on every page, unseen (.mn-job's
   ::after sits outside .mn-mock, so the whole closed menu). */
html:not(#mn) .mn-panel:not(.is-on) .mn-mock *,html:not(#mn) .mn-mega:not(.is-open) *,html:not(#mn) .mn-mega:not(.is-open) *::before,html:not(#mn) .mn-mega:not(.is-open) *::after{animation-play-state:paused!important}

/* Columns, labels and rows */
html:not(#mn) .mn-cols{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:8px}
html:not(#mn) .mn-h{margin:0 0 6px;padding:2px 10px 0;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:0;color:var(--mn-mut);text-transform:none}
html:not(#mn) .mn-col ul{display:grid;gap:2px}
html:not(#mn) .mn-row{display:flex;align-items:flex-start;gap:12px;padding:9px 10px;border-radius:12px;color:var(--mn-fg);transition:background-color .15s ease}
html:not(#mn) .mn-row:hover,html:not(#mn) .mn-row:focus-visible{background:var(--mn-tint)}
html:not(#mn) :is(.mn-mega,.mn-sheet) .mn-ic{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(246,245,250,.13);color:rgba(246,245,250,.86);transition:background-color .15s ease,color .15s ease}
html:not(#mn) .mn-row:is(:hover,:focus-visible) .mn-ic,html:not(#mn) .mn-it:is(:hover,.is-on) .mn-ic{background:rgba(246,245,250,.09);color:#fff}
html:not(#mn) .mn-tx{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:1px}
html:not(#mn) .mn-l{font-size:14px;font-weight:500;line-height:1.35;letter-spacing:-.005em;color:var(--mn-fg)}
html:not(#mn) .mn-d{font-size:13px;font-weight:400;line-height:1.4;color:var(--mn-mut)}
html:not(#mn) .mn-row[aria-current] .mn-l::after{content:"";display:inline-block;width:4px;height:4px;margin:0 0 2px 7px;border-radius:50%;background:var(--mn-acc);vertical-align:middle}
html:not(#mn) .mn-more{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;font-size:13px;font-weight:500;line-height:1.2;color:rgba(246,245,250,.82);transition:color .15s ease,background-color .15s ease}
html:not(#mn) .mn-more svg{transition:transform .25s var(--mn-ease)}
html:not(#mn) .mn-more:hover{color:#fff;background:var(--mn-tint)}
html:not(#mn) :is(.mn-more:hover,.mn-card:hover .mn-more,.mn-feat:hover) svg{transform:translateX(2px)}

/* Product: the platform card, then one column per hub group */
html:not(#mn) .mn-prod{display:grid;grid-template-columns:264px minmax(0,1fr);gap:20px}
html:not(#mn) .mn-feat,html:not(#mn) .mn-card{display:flex;flex-direction:column;gap:4px;min-height:100%;padding:14px;border-radius:16px;background:rgba(246,245,250,.035);box-shadow:inset 0 0 0 1px rgba(246,245,250,.08);color:var(--mn-fg);transition:background-color .2s ease}
html:not(#mn) .mn-feat:hover,html:not(#mn) .mn-card:hover{background:rgba(246,245,250,.06)}
html:not(#mn) :is(.mn-feat-t,.mn-card-t){margin-top:10px;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
html:not(#mn) :is(.mn-feat-b,.mn-card-b){font-size:13px;line-height:1.45;color:var(--mn-mut)}
html:not(#mn) .mn-main{display:flex;flex-direction:column;min-width:0}
html:not(#mn) .mn-foot{display:flex;margin-top:auto;padding-top:10px}

/* The platform card's scene: Minda's window, the SI agent's steps ticking off, then "Ask before paying" (8 s loop). */
html:not(#mn) .mn-mock{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:190px;border-radius:12px;overflow:hidden;background:#141418;box-shadow:inset 0 0 0 1px rgba(246,245,250,.09);font-size:11px;line-height:1.3;color:rgba(246,245,250,.78)}
html:not(#mn) .mn-mk-bar{display:flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-bottom:1px solid rgba(246,245,250,.07)}
html:not(#mn) .mn-mk-bar>i{width:6px;height:6px;border-radius:50%;background:rgba(246,245,250,.18)}
html:not(#mn) .mn-mk-tab{margin-left:6px;padding:3px 7px;border-radius:6px;font-size:10px;color:rgba(246,245,250,.5);white-space:nowrap}
html:not(#mn) .mn-mk-tab.is-on{background:rgba(246,245,250,.07);color:rgba(246,245,250,.86)}
html:not(#mn) .mn-mk-body{display:flex;flex:1;min-height:0}
html:not(#mn) .mn-mk-rail{display:flex;flex-direction:column;gap:6px;width:26px;padding:8px 0 0 8px;border-right:1px solid rgba(246,245,250,.07)}
html:not(#mn) .mn-mk-rail i{width:10px;height:10px;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(246,245,250,.2)}
html:not(#mn) .mn-mk-rail i:first-child{background:rgba(139,92,246,.55);box-shadow:none}
html:not(#mn) .mn-mk-log{position:relative;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;padding:10px 10px 10px}
html:not(#mn) .mn-mk-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:2px;font-weight:600;color:#fff}
html:not(#mn) .mn-mk-h em{font-style:normal;font-weight:400;color:rgba(246,245,250,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:not(#mn) .mn-mk-p{height:2px;border-radius:2px;background:rgba(246,245,250,.08);overflow:hidden;margin-bottom:3px}
html:not(#mn) .mn-mk-p::after{content:"";display:block;height:100%;background:rgba(246,245,250,.5);transform-origin:0 50%;transform:scaleX(0);animation:mn-prog 8s linear infinite}
html:not(#mn) .mn-mk-s{display:flex;align-items:center;gap:7px;white-space:nowrap;opacity:.5;animation:8s ease infinite}
html:not(#mn) .mn-mk-s.k0{animation-name:mn-r0}html:not(#mn) .mn-mk-s.k1{animation-name:mn-r1}html:not(#mn) .mn-mk-s.k2{animation-name:mn-r2}
html:not(#mn) .mn-mk-s b{position:relative;flex:none;width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(246,245,250,.3)}
html:not(#mn) .mn-mk-s b::after{content:"";position:absolute;inset:0;border-radius:50%;background:#f6f5fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3.3 6.2 1.8 1.8 3.6-3.8' fill='none' stroke='%230e0e11' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;opacity:0;animation:8s ease infinite}
html:not(#mn) .mn-mk-s.k0 b::after{animation-name:mn-k0}
html:not(#mn) .mn-mk-s.k1 b::after{animation-name:mn-k1}
html:not(#mn) .mn-mk-s.k2 b::after{animation-name:mn-k2}
html:not(#mn) .mn-mk-ask{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:9px;border-radius:9px;background:rgba(139,92,246,.12);box-shadow:inset 0 0 0 1px rgba(139,92,246,.28);opacity:.4;animation:mn-ask 8s var(--mn-ease) infinite}
html:not(#mn) .mn-mk-at{display:flex;align-items:center;gap:7px;color:#fff;font-weight:500;white-space:nowrap}
html:not(#mn) .mn-mk-at b{flex:none;width:7px;height:7px;border-radius:50%;background:var(--mn-acc)}
html:not(#mn) .mn-mk-at em{margin-left:auto;font-style:normal;font-weight:400;color:rgba(246,245,250,.7)}
html:not(#mn) .mn-mk-btns{display:flex;gap:6px}
html:not(#mn) .mn-mk-btns i{flex:1;padding:4px 0;border-radius:999px;font-style:normal;font-size:10.5px;font-weight:500;text-align:center;background:#f6f5fa;color:#0e0e11}
html:not(#mn) .mn-mk-btns i+i{background:none;color:rgba(246,245,250,.8);box-shadow:inset 0 0 0 1px rgba(246,245,250,.2)}
/* The Solutions card's scene: three jobs handed off and what each is doing now. */
html:not(#mn) .mn-jobs{display:flex;flex-direction:column;gap:2px;margin-bottom:4px;padding:6px;border-radius:12px;background:#141418;box-shadow:inset 0 0 0 1px rgba(246,245,250,.09);font-size:12px;line-height:1.3}
html:not(#mn) .mn-job{display:flex;align-items:flex-start;gap:9px;padding:8px;border-radius:8px;color:rgba(246,245,250,.9);white-space:nowrap}
html:not(#mn) .mn-job>span{display:flex;flex-direction:column;gap:2px;min-width:0}
html:not(#mn) .mn-job b{position:relative;flex:none;width:12px;height:12px;margin-top:1px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(246,245,250,.3)}
html:not(#mn) .mn-job em{font-style:normal;font-size:11px;color:rgba(246,245,250,.55);overflow:hidden;text-overflow:ellipsis}
html:not(#mn) .mn-job.is-done b{background:#f6f5fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3.3 6.2 1.8 1.8 3.6-3.8' fill='none' stroke='%230e0e11' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;box-shadow:none}
html:not(#mn) .mn-job.is-run{background:rgba(246,245,250,.05)}
html:not(#mn) .mn-job.is-run b{box-shadow:inset 0 0 0 1.5px rgba(246,245,250,.22)}
html:not(#mn) .mn-job.is-run b::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1.5px #f6f5fa;clip-path:polygon(50% 50%,50% 0,100% 0,100% 50%);animation:mn-spin 1.6s linear infinite}
html:not(#mn) .mn-job.is-ask b{background:var(--mn-acc);box-shadow:none;transform:scale(.6)}
@keyframes mn-spin{to{transform:rotate(360deg)}}
@keyframes mn-prog{0%{transform:scaleX(0)}52%,90%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
@keyframes mn-k0{0%,10%{opacity:0}14%,90%{opacity:1}97%,100%{opacity:0}}
@keyframes mn-k1{0%,24%{opacity:0}28%,90%{opacity:1}97%,100%{opacity:0}}
@keyframes mn-k2{0%,38%{opacity:0}42%,90%{opacity:1}97%,100%{opacity:0}}
@keyframes mn-ask{0%,50%{opacity:.4;background-color:rgba(246,245,250,.03);box-shadow:inset 0 0 0 1px rgba(246,245,250,.1)}56%,90%{opacity:1;background-color:rgba(139,92,246,.12);box-shadow:inset 0 0 0 1px rgba(139,92,246,.3)}97%,100%{opacity:.4;background-color:rgba(246,245,250,.03);box-shadow:inset 0 0 0 1px rgba(246,245,250,.1)}}
@keyframes mn-r0{0%,10%{opacity:.5}14%,90%{opacity:1}97%,100%{opacity:.5}}
@keyframes mn-r1{0%,24%{opacity:.5}28%,90%{opacity:1}97%,100%{opacity:.5}}
@keyframes mn-r2{0%,38%{opacity:.5}42%,90%{opacity:1}97%,100%{opacity:.5}}

/* Solutions: by job (two columns), by team, and the hub card */
html:not(#mn) .mn-sol{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) 228px;gap:8px}
html:not(#mn) .mn-two{grid-template-columns:repeat(2,minmax(0,1fr))}
html:not(#mn) .mn-card{align-self:start;min-height:0;margin-left:12px}
html:not(#mn) .mn-card .mn-more{margin:6px 0 0 -10px}

/* Industries: the industries on the left (main tabs), the chosen one's kinds of business on the right (sub tabs) */
html:not(#mn) .mn-ind{display:grid;grid-template-columns:272px minmax(0,1fr);gap:20px}
html:not(#mn) .mn-ind-l{display:flex;flex-direction:column;padding-right:20px;border-right:1px solid var(--mn-line)}
html:not(#mn) .mn-ind-l ul{display:grid;gap:1px;margin-bottom:6px}
html:not(#mn) .mn-it{display:flex;align-items:center;gap:12px;padding:6px 10px 6px 6px;border-radius:12px;font-size:14px;font-weight:500;line-height:1.3;color:rgba(246,245,250,.78);transition:background-color .15s ease,color .15s ease}
html:not(#mn) .mn-it .mn-ic{width:30px;height:30px}
html:not(#mn) .mn-it:hover{color:#fff}
html:not(#mn) .mn-it.is-on{background:var(--mn-tint);color:#fff}
html:not(#mn) .mn-ind-l .mn-more{margin-top:auto;align-self:flex-start}
html:not(#mn) .mn-ind-l .mn-more + .mn-more{margin-top:8px}
html:not(#mn) .mn-panes{display:grid}
html:not(#mn) .mn-pane{grid-area:1/1;display:flex;flex-direction:column;min-width:0;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .14s ease,transform .25s var(--mn-ease),visibility 0s .25s}
html:not(#mn) .mn-pane.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease .04s,transform .3s var(--mn-ease),visibility 0s}
html:not(#mn) .mn-pane-hd{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;padding:4px 10px 14px;margin-bottom:6px;border-bottom:1px solid var(--mn-line)}
html:not(#mn) .mn-pane-t{font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:#fff}
html:not(#mn) .mn-pane-b{grid-column:1;font-size:13px;line-height:1.45;color:var(--mn-mut)}
html:not(#mn) .mn-pane-hd .mn-more{grid-column:2;grid-row:1/span 2}
html:not(#mn) .mn-types{display:grid;gap:2px}
html:not(#mn) .mn-pane li{opacity:1;transform:none}

/* ── The phone menu (our pages; the Framer pages keep the template's own) ── */
html:not(#mn) .mn-sheet{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;padding:14px 12px calc(24px + env(safe-area-inset-bottom,0px));background:#0a0a0c;color:var(--mn-fg);overflow-y:auto;overscroll-behavior:contain;-webkit-font-smoothing:antialiased}
html:not(#mn) .mn-sheet[hidden],html:not(#mn) .mn-accp[hidden]{display:none!important}
html:not(#mn) .mn-sheet.is-in{animation:mn-sheet .28s var(--mn-ease)}
html:not(#mn) .mn-sheet.is-in .mn-si{animation:mn-rise .4s var(--mn-ease) both}
html:not(#mn) .mn-sheet.is-in .mn-si:nth-child(2){animation-delay:.03s}
html:not(#mn) .mn-sheet.is-in .mn-si:nth-child(3){animation-delay:.06s}
html:not(#mn) .mn-sheet.is-in .mn-si:nth-child(4){animation-delay:.09s}
html:not(#mn) .mn-sheet.is-in .mn-si:nth-child(5){animation-delay:.12s}
html:not(#mn) .mn-sheet.is-in .mn-si:nth-child(6){animation-delay:.15s}
html:not(#mn) .mn-sh-top{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 6px 0 18px}
html:not(#mn) .mn-x{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(246,245,250,.09);color:#fff;cursor:pointer}
html:not(#mn) .mn-sh-nav{margin-top:8px;padding:0 8px}
html:not(#mn) .mn-si{border-bottom:1px solid var(--mn-line)}
html:not(#mn) .mn-acc{display:flex;align-items:center;gap:10px;width:100%;padding:16px 4px;border:0;background:none;color:var(--mn-fg);font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.02em;text-align:left;cursor:pointer}
html:not(#mn) .mn-acc svg{margin-left:auto;color:var(--mn-mut);transition:rotate .25s var(--mn-ease)}
html:not(#mn) .mn-acc[aria-expanded="true"] svg{rotate:180deg}
html:not(#mn) .mn-acc[aria-current]{color:#fff}
html:not(#mn) .mn-acc[aria-current] .mn-acc-l::after{content:"";display:inline-block;width:5px;height:5px;margin:0 0 3px 10px;border-radius:50%;background:var(--mn-acc);vertical-align:middle}
html:not(#mn) .mn-accp{padding:0 0 14px;animation:mn-rise .3s var(--mn-ease)}
html:not(#mn) .mn-sh{margin:10px 4px 4px;font-size:13px;font-weight:500;color:var(--mn-mut)}
html:not(#mn) .mn-srow{display:flex;align-items:center;gap:12px;padding:8px 4px;border-radius:12px;font-size:16px;font-weight:500;line-height:1.3}
html:not(#mn) .mn-srow .mn-ic{width:30px;height:30px}
html:not(#mn) .mn-srow[aria-current]{color:#fff}
html:not(#mn) .mn-srow[aria-current]::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--mn-acc)}
html:not(#mn) .mn-sh-foot{display:grid;gap:12px;margin-top:auto;padding:28px 8px 0}
html:not(#mn) .mn-sh-foot .mn-cta{height:48px;font-size:16px}
html:not(#mn) .mn-sh-foot p{font-size:13px;line-height:1.45;color:var(--mn-mut);text-align:center}
@keyframes mn-sheet{from{opacity:0}to{opacity:1}}
@keyframes mn-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ── The footer: the whole site in five columns ── */
html:not(#mn) .mn-ft{padding:64px clamp(16px,4vw,48px) calc(32px + env(safe-area-inset-bottom,0px));background:#0a0a0c;color:var(--mn-fg);border-top:1px solid var(--mn-line);-webkit-font-smoothing:antialiased}
html:not(#mn) .mn-ft-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3.6fr);gap:48px;max-width:1180px;margin:0 auto}
html:not(#mn) .mn-ft-brand .mn-logo{--lk:20px}
html:not(#mn) .mn-ft-brand p{max-width:30ch;margin-top:16px;font-size:13px;line-height:1.5;color:var(--mn-mut)}
html:not(#mn) .mn-ft-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 24px}
html:not(#mn) .mn-ft-h{margin-bottom:14px;font-size:13px;font-weight:500;color:var(--mn-mut)}
html:not(#mn) .mn-ft-col ul{display:grid;gap:10px;line-height:1.35}
html:not(#mn) .mn-ft-col a{font-size:14px;line-height:1.35;color:rgba(246,245,250,.84);transition:color .15s ease}
html:not(#mn) .mn-ft-col a:hover{color:#fff}
html:not(#mn) .mn-ft-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;max-width:1180px;margin:48px auto 0;padding-top:20px;border-top:1px solid var(--mn-line);font-size:12px;line-height:1.5;color:var(--mn-mut)}
@media (max-width:1100px){html:not(#mn) .mn-ft-in{grid-template-columns:1fr;gap:36px}}
@media (max-width:760px){html:not(#mn) .mn-ft-cols{grid-template-columns:repeat(2,minmax(0,1fr))}html:not(#mn) .mn-ft{padding-top:48px}}

@media (prefers-reduced-motion:reduce){
  html:not(#mn) :is(.mn-mega,.mn-mega *,.mn-sheet,.mn-sheet *,.mn-nav a,.fchd-nav a)::after,html:not(#mn) :is(.mn-mega,.mn-mega *,.mn-sheet,.mn-sheet *){transition:none!important;animation:none!important}
  html:not(#mn) .mn-mega{translate:none}
  html:not(#mn) .mn-mk-s b::after{opacity:1}
  html:not(#mn) :is(.mn-mk-ask,.mn-mk-s){opacity:1}
  html:not(#mn) .mn-mk-p::after{transform:none}
}
