/* Membership platform family: /custom/membership-platform and /custom/membership-platform/<slug> (generated by tools/membership-family.js).
   Same cosmic Launch look as the command-center pages: dark star-field hero, white and lavender sections, Oswald headlines with a purple accent.
   Self-contained (does not load ops-pages.css). Header and footer come from launch-shell.css, site-header.css and footer-fx.css.
   Contrast rule: body text on white >= 7:1, on the dark hero >= 9:1; purple accent text on white >= 7:1; never white-on-white or dark-on-dark. */
body.mf{
  --ink:#0E1A2E; --ink-2:#44526A; --ink-3:#556178; --line:#E3DDF3; --line-2:#D3CAEA;
  --panel:#F5F2FF; --panel-2:#ECE6FB; --white:#fff;
  --purple:#5B1FB3; --purple-2:#6D28D9; --btn-a:#9340EE; --btn-b:#6419BF;
  --d-bg:#090613; --d-bg2:#130B26; --d-ink:#F6F0FF; --d-ink-2:#D6C9E6; --d-line:rgba(190,140,255,.28);
  --acc:#D9A7FF; --focus:#2563EB;
  --f:'Lato',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; --fh:'Oswald','Arial Narrow',Arial,sans-serif;
  --radius:18px; --shadow:0 1px 2px rgba(16,24,40,.05),0 12px 32px -14px rgba(60,30,120,.2);
  margin:0;background:#090613;color:var(--ink);font-family:var(--f);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html body.mf header.lhd .lhd-burger:not(#_):not(#__){color:#F6F0FF!important}
html body.mf header.lhd .hdr-contact a.nav-ghost>span:not(.gi){color:#454054!important}
.mf *,.mf *::before,.mf *::after{box-sizing:border-box}
.mf img{max-width:100%;height:auto;display:block}
.mf :focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
.mf-skip{position:absolute;left:12px;top:-60px;z-index:200;background:#fff;color:#0E1A2E;padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none}
.mf-skip:focus{top:12px}
.mf-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(18px,3.4vw,40px)}
.mf-main{display:block;background:#fff;color:var(--ink)}
.mf-main p{margin:0}
.mf-main h1,.mf-main h2,.mf-main h3{margin:0;font-family:var(--fh);font-weight:600;letter-spacing:-.01em;line-height:1.12;color:var(--ink);text-wrap:balance}
.mf-main h2{font-size:clamp(32px,3.7vw,50px)}
.mf-main h3{font-size:clamp(21px,1.7vw,25px);line-height:1.2}
.mf-accent{color:var(--purple)}
.mf-lead{font-size:clamp(18px,1.45vw,20.5px);line-height:1.6;color:var(--ink-2);max-width:660px}
.mf-small{font-size:.94rem;color:var(--ink-3)}
.mf-mt,.mf-main .mf-mt{margin-top:22px}   /* .mf-main p{margin:0} must not win over the spacing helper */
.mf-fine{margin-top:26px;font-size:.86rem;color:var(--ink-3);max-width:860px}
.mf-main .mf-h3{font-family:var(--fh);font-weight:600;font-size:1.3rem;margin:26px 0 12px}
.mf-head{max-width:800px;margin:0 0 clamp(34px,4vw,54px)}
.mf-head h2+p{margin-top:16px}
.mf-sec{padding:clamp(66px,8vw,110px) 0;position:relative}
.mf-sec--panel{background:var(--panel)}
.mf-center{display:flex;justify-content:center;margin-top:40px}

/* buttons */
.mf-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:30px}
.mf-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:13px 22px;border-radius:12px;font-family:var(--f);font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}
.mf-btn svg{width:18px;height:18px;flex:none}
.mf-btn--primary{background:linear-gradient(115deg,var(--btn-a),var(--btn-b));color:#fff;border-color:var(--btn-edge,#B678FF);box-shadow:0 10px 25px rgba(var(--rgb2,100,25,191),.35)}
.mf-btn--primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(100,25,191,.4)}
.mf-btn--secondary{background:#fff;color:var(--ink);border-color:var(--line-2)}
.mf-btn--secondary:hover{border-color:var(--purple);transform:translateY(-1px)}
.mf-btn--text{min-height:44px;padding:10px 6px;color:var(--purple);background:none}
.mf-btn--text:hover{text-decoration:underline;text-underline-offset:4px}
.mf-btn--sm{min-height:44px;padding:10px 16px;font-size:.94rem;border-radius:10px}
.mf-btn--glass{background:rgba(23,12,39,.82);color:#fff;border-color:rgba(201,152,255,.55)}
.mf-btn--glass:hover{background:rgba(112,42,187,.55);border-color:#D2A2FF}
@media(max-width:560px){.mf-actions .mf-btn{flex:1 1 100%}}

/* dark hero: the header is in normal flow (not floating), so the hero starts 24 to 34px under it; never add header-height padding here */
.mf-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--d-bg);color:var(--d-ink);padding:34px 0 clamp(48px,5vw,76px)}
.mf-starsbg{position:absolute;inset:0;z-index:-1;overflow:hidden;background:var(--d-bg)}
.mf-starsbg::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 78% 40%,rgba(130,60,220,.28),transparent 70%),linear-gradient(180deg,rgba(9,6,19,.78),rgba(9,6,19,.5) 40%,rgba(9,6,19,.9))}
.mf-vid.mf-stars{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:.55}
.mf-hero__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.mf-hero h1{font-size:clamp(44px,5vw,72px);line-height:1.06;color:#fff;text-shadow:0 4px 25px rgba(0,0,0,.4)}
.mf-hero .mf-accent{color:var(--acc)}
.mf-hero .mf-lead{color:var(--d-ink);margin-top:22px;max-width:600px}
.mf-hero .mf-btn--secondary{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.5)}
.mf-hero .mf-btn--secondary:hover{background:rgba(255,255,255,.2);border-color:#fff}
.mf-hero .mf-btn--text{color:#E9D5FF}
.mf-hero__logo{height:clamp(40px,4.2vw,56px);width:auto;margin:0 0 26px;filter:drop-shadow(0 2px 14px rgba(0,0,0,.4))}
@media(max-width:980px){.mf-hero__grid{grid-template-columns:minmax(0,1fr)}.mf-hero{padding-top:24px}.mf-hero h1{font-size:clamp(38px,9.4vw,54px)}}

/* walkthrough card */
.mf-wt{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.mf-wt__media{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid rgba(196,139,255,.55);background:#140A24;box-shadow:0 28px 70px rgba(0,0,0,.5),0 0 44px rgba(126,52,218,.2);text-decoration:none}
.mf-wt__media img,.mf-wt__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left}
.mf-wt__play{position:absolute;left:50%;top:50%;z-index:2;width:78px;height:78px;margin:-39px 0 0 -39px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(115deg,var(--btn-a),var(--btn-b));color:#fff;border:2px solid rgba(255,255,255,.75);box-shadow:0 12px 34px rgba(60,10,120,.6);transition:transform .2s}
.mf-wt__play svg{width:32px;height:32px;margin-left:4px}
a.mf-wt__media:hover .mf-wt__play{transform:scale(1.07)}
.mf-wt__cap{font-size:1.1rem;color:#fff}
.mf-wt__cap strong{font-family:var(--fh);font-weight:600;font-size:1.25rem;letter-spacing:.2px}

/* subnav */
.mf-subnav{position:sticky;top:0;z-index:40;background:rgba(13,7,25,.95);border-bottom:1px solid var(--d-line);backdrop-filter:blur(14px)}
.mf-subnav .mf-wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:10px;padding-bottom:10px}
.mf-subnav .mf-wrap::-webkit-scrollbar{display:none}
.mf-subnav a{flex:none;font-size:.9rem;font-weight:700;color:#E1D3F2;text-decoration:none;padding:9px 14px;border-radius:9px;white-space:nowrap}
.mf-subnav a:hover{background:rgba(148,76,226,.28);color:#fff}
.mf-subnav a.mf-subnav__cta{margin-left:auto;background:linear-gradient(115deg,var(--btn-a),var(--btn-b));color:#fff}
@media(max-width:760px){.mf-subnav .mf-wrap{gap:2px;padding-top:8px;padding-bottom:8px}.mf-subnav a{padding:9px 11px;font-size:.86rem}}   /* phones keep the section links as a scrolling row, the quote button last */

/* cards, lists */
.mf-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:start}
@media(max-width:900px){.mf-split{grid-template-columns:minmax(0,1fr)}}
.mf-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.mf-card--soft{background:var(--panel)}
.mf-sec--panel .mf-card{background:#fff}
.mf-card h3{margin-bottom:10px}
.mf-card p{color:var(--ink-2)}
.mf-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mf-grid3--two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.mf-grid3{grid-template-columns:minmax(0,1fr)}}
.mf-mode.is-on{border-color:#B79BEB;box-shadow:0 0 0 1px #D7C6F5,var(--shadow)}
.mf-mode a{color:var(--purple);font-weight:700}
.mf-linklist{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.mf-linklist li{color:var(--ink-2);font-size:.97rem}
.mf-linklist a{color:var(--purple);font-weight:700}
.mf-checks{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.mf-checks li{display:flex;gap:12px;align-items:flex-start;color:var(--ink)}
.mf-checks svg{flex:none;width:22px;height:22px;margin-top:3px;color:var(--purple)}
.mf-list{margin:0;padding-left:20px;color:var(--ink-2);display:grid;gap:8px}
.mf-list strong{color:var(--ink)}
.mf-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.mf-chips li{padding:9px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--line-2);color:var(--ink);font-weight:700;font-size:.93rem}
.mf-card__shot{margin-top:24px;display:grid;gap:12px}
.mf-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mf-pair{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}
.mf-pair h3{font-size:1.3rem}
.mf-pair p{color:var(--ink-2)}
.mf-pair strong{display:block;color:var(--purple);font-size:.95rem;margin-bottom:4px}
@media(max-width:980px){.mf-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mf-pairs{grid-template-columns:minmax(0,1fr)}}
.mf-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mf-feat{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fff;box-shadow:var(--shadow)}
.mf-feat__n{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 10px;border-radius:12px;background:var(--panel-2);color:var(--purple);font-weight:800;margin-bottom:18px}
.mf-feat h3{font-size:1.25rem;margin-bottom:8px}
.mf-feat p{color:var(--ink-2);font-size:.98rem}
@media(max-width:980px){.mf-feats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mf-feats{grid-template-columns:minmax(0,1fr)}}
.mf-steps{margin:0;padding:0;list-style:none;display:grid;gap:14px;counter-reset:s}
.mf-steps li{counter-increment:s;position:relative;padding:4px 0 4px 56px;color:var(--ink);min-height:42px}
.mf-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--panel-2);color:var(--purple);font-weight:800}
.mf-steps--row{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mf-steps--row li{padding:72px 24px 24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.mf-steps--row li::before{left:24px;top:24px}
.mf-steps--row h3{margin-bottom:8px}
.mf-steps--row p{color:var(--ink-2)}
@media(max-width:900px){.mf-steps--row{grid-template-columns:minmax(0,1fr)}}

/* experiences */
.mf-exps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mf-exp{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 20px 26px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}
.mf-exp__media{margin:-2px -2px 6px}
.mf-exp p{color:var(--ink-2);font-size:.98rem}
.mf-exp .mf-small{font-size:.88rem}
.mf-exp .mf-live{margin-top:auto;align-self:flex-start}
@media(max-width:980px){.mf-exps{grid-template-columns:minmax(0,1fr);max-width:640px}}
.mf-dev{position:relative;padding-bottom:6%}
.mf-dev__lap{width:100%;height:auto;border-radius:10px;background:#0B0A1A}
.mf-dev__phone{position:absolute;right:-2%;bottom:0;width:23%;height:auto;border-radius:8px;filter:drop-shadow(0 12px 22px rgba(10,5,30,.5))}
.mf-dev .op-zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}

/* frames and gallery */
.mf-frame{margin:0;background:#fff;border:1px solid var(--line-2);border-radius:14px;overflow:hidden;box-shadow:0 2px 4px rgba(16,24,40,.04),0 24px 54px -26px rgba(60,30,120,.35)}
.mf-frame__bar{display:flex;align-items:center;gap:7px;height:32px;padding:0 12px;background:#F1ECFB;border-bottom:1px solid var(--line)}
.mf-frame__bar i{width:9px;height:9px;border-radius:50%;background:#C9BCE6;flex:none}
.mf-frame__bar span{margin-left:8px;flex:1;min-width:0;height:20px;border-radius:6px;background:#fff;border:1px solid var(--line);font-size:10.5px;line-height:18px;color:#46536A;padding:0 9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mf-frame img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left;background:#fff}
.op-zoom{display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:zoom-in;position:relative}
.op-zoom::after{content:"View full screen";position:absolute;right:10px;bottom:10px;background:rgba(14,26,46,.88);color:#fff;font:700 12px/1 var(--f);padding:8px 11px;border-radius:8px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.op-zoom:hover::after,.op-zoom:focus-visible::after{opacity:1;transform:none}
.mf-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}
.mf-shot{margin:0;display:flex;flex-direction:column;gap:12px}
.mf-shot figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1 1 auto}
.mf-shot__t{font-weight:800;color:var(--ink);font-size:1rem;line-height:1.35}
.mf-shot__r{font-weight:400;color:var(--ink-3)}
.mf-shot .mf-live{margin-top:auto}
@media(max-width:1000px){.mf-shots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.mf-shots{grid-template-columns:minmax(0,1fr)}}
.mf-live{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:6px 4px;font-weight:800;font-size:.94rem;color:var(--purple);text-decoration:none}
.mf-live svg{width:16px;height:16px}
.mf-live:hover{text-decoration:underline;text-underline-offset:4px}
.mf-live--off{color:var(--ink-3);cursor:not-allowed}
.mf-live--block{padding:12px 4px}
.mf-live--btn{min-height:50px;padding:13px 22px;border-radius:12px;border:1.5px solid var(--line-2);background:#fff;color:var(--ink)}
.mf-live--btn:hover{border-color:var(--purple);text-decoration:none}

/* faq */
.mf-faq{max-width:900px;border-top:1px solid var(--line-2)}
.mf-faq details{border-bottom:1px solid var(--line-2)}
.mf-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-size:1.12rem;font-weight:800;color:var(--ink)}
.mf-faq summary::-webkit-details-marker{display:none}
.mf-faq summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--panel-2);color:var(--purple);font-size:1.4rem;line-height:1;font-weight:700;transition:transform .2s}
.mf-faq details[open] summary::after{transform:rotate(45deg)}
.mf-a{padding:0 4px 24px;color:var(--ink-2);max-width:780px}

/* band */
.mf-sec--band{background:var(--d-bg);color:#fff;isolation:isolate;overflow:hidden;padding:clamp(52px,6vw,84px) 0}
.mf-band{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.mf-band h2{color:#fff;font-size:clamp(30px,3.4vw,44px);max-width:640px}
.mf-band .mf-lead{color:var(--d-ink);margin-top:12px;max-width:620px}
.mf-band .mf-actions{margin-top:0}
.mf-sec--band .mf-btn--secondary{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.55)}
.mf-sec--band .mf-btn--secondary:hover{background:rgba(255,255,255,.22);border-color:#fff}
.mf-sec--band .mf-btn--text{color:#E9D5FF}
.mf-actions--center{justify-content:center}

/* other platforms */
.mf-others{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 32px}
.mf-other{display:flex;flex-direction:column;gap:12px;padding:6px 2px;background:none;border:0;border-radius:0;box-shadow:none;text-decoration:none;color:inherit;transition:transform .2s}
.mf-other:hover{transform:translateY(-3px)}
.mf-other__logo{height:56px;width:auto;max-width:100%;align-self:flex-start;filter:drop-shadow(0 6px 16px rgba(var(--rgb2,120,60,200),.28))}
.mf-other span{color:var(--ink-2);font-size:.93rem;line-height:1.45}
.mf-other b{margin-top:auto;color:var(--purple);font-size:.95rem}
@media(max-width:800px){.mf-others{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}}

/* main page: filter + brand sections */
.mf-filter{display:grid;gap:14px;margin:0 0 34px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.mf-filter[hidden]{display:none}
.mf-filter__row{display:flex;flex-wrap:wrap;gap:8px}
.mf-chip{min-height:44px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--line-2);background:#fff;color:var(--ink);font:700 .93rem var(--f);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.mf-chip:hover{border-color:var(--purple)}
.mf-chip[aria-pressed="true"]{background:var(--purple);border-color:var(--purple);color:#fff}
.mf-chip--clear{border-style:dashed;color:var(--purple)}
.mf-count{font-size:.94rem;color:var(--ink-3)}
.mf-brands{display:grid;gap:26px}
.mf-brand{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,3.4vw,52px);align-items:center;padding:clamp(24px,3vw,40px);border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);scroll-margin-top:84px}
.mf-brand:nth-child(even){background:var(--panel)}
.mf-brand--flip .mf-brand__media{order:-1}
.mf-brand[hidden]{display:none}
.mf-brand__logo{margin:0 0 18px}
.mf-brand h3{font-size:clamp(26px,2.5vw,34px);margin-bottom:18px}
.mf-dl{margin:0;display:grid;gap:12px}
.mf-dl div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:4px 14px}
.mf-dl dt{font-weight:800;color:var(--ink)}
.mf-dl dd{margin:0;color:var(--ink-2)}
.mf-tag{display:inline-block;padding:3px 11px;border-radius:999px;font-weight:800;font-size:.86rem;background:#E9E0FB;color:#4A1596;margin-right:6px}
.mf-tag--standalone{background:#E3EFFD;color:#13438A}
.mf-brand .mf-actions{margin-top:24px}
.mf-empty{padding:30px;border:1px dashed var(--line-2);border-radius:var(--radius);text-align:center;color:var(--ink-2)}
.mf-empty a{color:var(--purple);font-weight:800}
@media(max-width:900px){.mf-brand{grid-template-columns:minmax(0,1fr)}.mf-brand--flip .mf-brand__media{order:0}.mf-dl div{grid-template-columns:minmax(0,1fr)}.mf-brand__media{order:-1}}

/* "All membership platforms" back row in the header (brand pages) */
.mf-allp{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:10px;border:1.5px solid rgba(201,152,255,.5);background:rgba(23,12,39,.82);color:#F8F2FF!important;font:700 .94rem var(--f);text-decoration:none}
.mf-allp::before{content:"\2190";margin-right:8px}
.mf-allp:hover{background:rgba(112,42,187,.45);border-color:#C98DFF}
html body.mf header.lhd .lhd-in.op-hdrback:not(#_):not(#__){min-height:0!important;padding:12px 0 0!important;justify-content:flex-end!important}

/* lightbox */
.op-lightbox{border:0;padding:0;background:transparent;max-width:min(1440px,96vw);max-height:94vh;width:auto}
.op-lightbox::backdrop{background:rgba(10,15,26,.85)}
.op-lightbox img{max-width:96vw;max-height:86vh;width:auto;height:auto;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.4);background:#fff;margin:0 auto}
.op-lightbox button{position:fixed;top:16px;right:16px;min-height:44px;padding:10px 16px;border-radius:10px;border:0;background:#fff;color:#0E1A2E;font:700 15px var(--f);cursor:pointer}
.op-lightbox p{color:#E6EAF2;text-align:center;margin-top:12px;font-size:.92rem}

/* ---------- pitch layout (problem, agitate, solution): CreatorCircle is the template for all 12 ---------- */
.mf-sec--dark{background:var(--d-bg);color:var(--d-ink);isolation:isolate;overflow:hidden}
.mf-sec--dark .mf-head h2{color:#fff}
.mf-sec--dark .mf-accent{color:var(--acc,#D9A7FF)}
.mf-sec--tight{padding:clamp(34px,4vw,56px) 0}
.mf-problems{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:18px;justify-content:center}
.mf-problems li{flex:1 1 calc(33.333% - 18px);min-width:260px;max-width:calc(33.333% - 12px);display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:var(--radius);background:linear-gradient(145deg,rgba(38,20,61,.92),rgba(20,12,35,.96));border:1px solid var(--d-line)}
.mf-problems__n{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(158,73,240,.3);color:#F6E9FF;font-weight:800;border:1px solid rgba(207,154,255,.35)}
.mf-problems p{color:#F3EAFF;font-size:1.04rem;line-height:1.5}
.mf-agitate{max-width:820px;margin:clamp(30px,4vw,48px) auto 0;display:grid;gap:16px;text-align:center}
.mf-agitate p{font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:#E9DDF8}
.mf-agitate p:first-child{color:#fff}
@media(max-width:900px){.mf-problems li{max-width:none;flex-basis:100%}.mf-agitate{text-align:left}}
.mf-fcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mf-fcard{display:flex;flex-direction:column;gap:12px;padding:16px 16px 20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.mf-fcard .mf-frame{box-shadow:none}
.mf-fcard h3{margin-top:6px}
.mf-fcard p{color:var(--ink-2);font-size:.98rem}
.mf-fcard .mf-live{margin-top:auto;align-self:flex-start}
@media(max-width:1000px){.mf-fcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mf-fcards{grid-template-columns:minmax(0,1fr)}}
.mf-cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mf-cards3 .mf-card{display:flex;flex-direction:column}
.mf-card--line{box-shadow:none;border-color:var(--line-2)}
@media(max-width:900px){.mf-cards3{grid-template-columns:minmax(0,1fr)}}
.mf-note{max-width:820px;margin:34px auto 0;padding:18px 22px;border-left:4px solid var(--purple);background:var(--panel);border-radius:0 12px 12px 0;color:var(--ink);font-weight:700}
.mf-more{border:1px solid var(--line-2);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.mf-more>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding:20px 24px;font-family:var(--fh);font-size:clamp(22px,2vw,28px);font-weight:600;color:var(--ink)}
.mf-more>summary::-webkit-details-marker{display:none}
.mf-more>summary small{font:700 .95rem var(--f);color:var(--purple)}
.mf-more>summary::after{content:"+";width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--panel-2);color:var(--purple);font:700 1.5rem/1 var(--f);transition:transform .2s;order:3}
.mf-more[open]>summary::after{transform:rotate(45deg)}
.mf-more .mf-shots{padding:6px 24px 28px}
@media(max-width:620px){.mf-more>summary{padding:16px}.mf-more .mf-shots{padding:6px 14px 20px}}
.mf-demo-links{display:flex;flex-wrap:wrap;gap:12px}
.mf-main .mf-note{margin:36px auto 0}
.mf-main .mf-fine{margin-top:26px}
.mf--pitch .mf-hero h1{font-size:clamp(40px,4.4vw,62px)}
.mf--pitch .mf-hero h1 .mf-accent{display:block}
.mf--pitch .mf-hero__logo{height:clamp(36px,3.6vw,48px)}
.mf--pitch .mf-demo-split{align-items:center}
.mf-actions .mf-live--btn{justify-content:center}
@media(max-width:560px){.mf-actions .mf-live--btn{flex:1 1 100%}}

.mf-btn--back svg{width:18px;height:18px}
.mf .mf-hero__logo{height:clamp(38px,3.8vw,50px);width:auto;max-width:100%}
.mf .mf-brand__logo,.mf .mf-other__logo{width:auto}

/* ================= Round 2 (Corey 2026-10-02): borderless floating logos, rhythmic brand sections, seams, 16:9 video-ready slots ================= */
/* frames: three dots only, no address bar */
.mf-frame__bar{height:24px}
.mf-frame__bar span{display:none}
.mf-slot img,.mf-slot video{aspect-ratio:16/9}
.mf-frame img{aspect-ratio:16/10}   /* captures are 1440x900: show the whole screen, never crop its bottom tenth */
.mf-main{overflow-x:clip}
/* seams */
.mf-seam{display:block;height:clamp(46px,6.5vw,96px);background:var(--d-bg);line-height:0;margin-top:-1px}
.mf-seam svg{display:block;width:100%;height:100%}
.mf-sec--afterseam{padding-top:clamp(40px,5vw,70px)}
/* decorative orbit rings */
.mf-orbit{position:absolute;pointer-events:none;width:118%;max-width:none;left:-9%;top:-14%;height:auto;fill:none;stroke:rgba(var(--rgb,190,140,255),.42);stroke-width:1.2;z-index:0;overflow:visible}
.mf-orbit circle{fill:rgba(var(--rgb,190,140,255),.9);stroke:none}
.mf-hero__media{position:relative}
.mf-hero__media .mf-orbit{z-index:0}
.mf-wt{position:relative;z-index:1}
/* cosmic platforms area */
.mf-sec--cosmic{background:var(--d-bg);color:var(--d-ink);isolation:isolate;overflow:hidden;padding-bottom:clamp(40px,5vw,70px)}
.mf-sec--cosmic .mf-head h2{color:#fff}
.mf-sec--cosmic .mf-head .mf-accent{color:#E2B8FF}
.mf-sec--cosmic .mf-lead{color:var(--d-ink)}
.mf-sec--cosmic .mf-count{color:#CDBEE0}

.mf-sec--cosmic .mf-chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff}
.mf-sec--cosmic .mf-chip:hover{border-color:#fff}
.mf-sec--cosmic .mf-chip[aria-pressed="true"]{background:#fff;color:#1B0E33;border-color:#fff}
.mf-sec--cosmic .mf-chip--clear{color:#E9D5FF}
.mf-sec--cosmic .mf-empty{color:#E9DDF8;border-color:rgba(255,255,255,.25)}
.mf-sec--cosmic .mf-empty a{color:#fff}
.mf-brands{gap:0;display:block}
/* brand sections: staggered, overlapping, glowing */
.mf-bsec{position:relative;display:grid;grid-template-columns:var(--cols,6fr 6fr);gap:0 clamp(18px,3vw,48px);align-items:start;margin:0 0 clamp(80px,9vw,130px);padding:clamp(18px,2.4vw,34px) 0;scroll-margin-top:84px;isolation:isolate}
.mf-bsec[hidden]{display:none}
.mf-bsec--r .mf-bsec__media{order:-1}
.mf-bsec__copy{position:relative;z-index:3;padding:clamp(24px,2.6vw,38px);border-radius:26px;background:linear-gradient(150deg,rgba(28,16,48,.86),rgba(14,8,26,.9));box-shadow:inset 0 0 0 1px rgba(var(--rgb),.28),0 30px 70px -26px rgba(var(--rgb),.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mf-bsec--l .mf-bsec__copy{margin-right:-5%}
.mf-bsec--r .mf-bsec__copy{margin-left:-5%;margin-top:clamp(40px,6vw,90px)}
.mf-bsec--l .mf-bsec__media{margin-top:clamp(40px,6vw,90px)}
.mf-bsec__logo{height:clamp(64px,6.4vw,96px);width:auto;max-width:100%;margin:0 0 20px;filter:drop-shadow(0 6px 22px rgba(var(--rgb),.55))}
.mf-bsec h3{color:#fff;font-size:clamp(28px,2.7vw,38px);margin-bottom:18px}
.mf-bsec .mf-accent{color:var(--acc)}
.mf-bsec .mf-dl dt{color:#fff}
.mf-bsec .mf-dl dd{color:#E3D8F2}
.mf-bsec .mf-tag{background:rgba(var(--rgb),.2);color:#fff;box-shadow:inset 0 0 0 1px rgba(var(--rgb),.5)}
.mf-bsec .mf-live--btn{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.4)}
.mf-bsec .mf-live--btn:hover{background:rgba(255,255,255,.2);border-color:#fff}
.mf-bsec .mf-live--off{color:#CDBEE0;border-color:rgba(255,255,255,.2)}
.mf-bsec__media{position:relative;z-index:1;padding:0 0 clamp(30px,4vw,56px)}
.mf-bsec__glow{position:absolute;z-index:-1;left:50%;top:46%;width:130%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(var(--rgb),.38),rgba(var(--rgb),.12) 40%,transparent 68%);filter:blur(30px);pointer-events:none}
.mf-slot{position:relative;display:block;border-radius:18px;overflow:hidden;background:#140A24;box-shadow:0 0 0 1px rgba(var(--rgb),.35),0 34px 80px -20px rgba(0,0,0,.65),0 0 60px -10px rgba(var(--rgb),.45);text-decoration:none;z-index:1}
.mf-slot img,.mf-slot video{display:block;width:100%;height:auto;object-fit:cover;object-position:top left}
a.mf-slot:hover{box-shadow:0 0 0 1px rgba(var(--rgb),.7),0 34px 80px -20px rgba(0,0,0,.65),0 0 80px -6px rgba(var(--rgb),.7)}
.mf-bsec__second{position:absolute;z-index:2;margin:0;right:-4%;bottom:0;width:46%;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px rgba(var(--rgb),.5),0 24px 50px -12px rgba(0,0,0,.7)}
.mf-bsec--r .mf-bsec__second{right:auto;left:-4%}
.mf-bsec__second img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top left;display:block}
.mf-bsec__media .mf-orbit{width:130%;left:-15%;top:-26%}
.mf-bsec__conn{position:absolute;left:0;bottom:calc(-1 * clamp(80px,9vw,130px) + 6px);width:100%;height:clamp(80px,9vw,124px);fill:none;stroke:rgba(var(--rgb),.55);stroke-width:1.4;stroke-dasharray:3 7;z-index:0;pointer-events:none}
.mf-bsec__conn circle{fill:rgba(var(--rgb),.95);stroke:none}
@media(max-width:900px){
  .mf-bsec{grid-template-columns:minmax(0,1fr);margin-bottom:56px}
  .mf-bsec--r .mf-bsec__media{order:0}
  .mf-bsec__media{order:-1;margin-top:0!important;padding-bottom:34px}
  .mf-bsec--l .mf-bsec__copy,.mf-bsec--r .mf-bsec__copy{margin:-18px 0 0;}
  .mf-bsec__second{width:42%;right:-1%}.mf-bsec--r .mf-bsec__second{left:-1%}
  .mf-bsec__conn{display:none}
  .mf-bsec__media .mf-orbit{width:116%;left:-8%;top:-12%}
  .mf-dl div{grid-template-columns:minmax(0,1fr)}
}
.mf-bsec .mf-actions .mf-btn,.mf-bsec .mf-actions .mf-live--btn{flex:0 1 auto}
@media(max-width:560px){.mf-bsec .mf-actions .mf-btn,.mf-bsec .mf-actions .mf-live--btn{flex:1 1 100%}}
.mf-brands>.mf-bsec:last-child{margin-bottom:0}
.mf-bsec__glow{background:radial-gradient(circle,rgba(var(--rgb),.5),rgba(var(--rgb),.16) 42%,transparent 70%)}
/* brand pages: same language (brand glows, staggered cards) */
.mf--pitch #different,.mf--pitch #marketing,.mf--pitch #demo,.mf--pitch #solution{overflow:hidden}
.mf--pitch #different::before,.mf--pitch #demo::before,.mf--pitch #solution::before,.mf--pitch #marketing::before{content:"";position:absolute;pointer-events:none;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--rgb2),.2),transparent 66%);filter:blur(24px);right:-10%;top:-12%}
.mf--pitch #solution::before,.mf--pitch #marketing::before{right:auto;left:-12%;top:auto;bottom:-14%}
.mf--pitch .mf-sec>.mf-wrap{position:relative;z-index:1}
/* (2026-10-16) the middle-column stagger is gone: every row of cards shares one top line, one bottom line and one CTA line */
@media(max-width:900px){.mf-bsec--l .mf-bsec__copy,.mf-bsec--r .mf-bsec__copy{margin:0}.mf-bsec__media{padding-bottom:26px}}

/* ================= Filter pills (Corey 2026-10-02): no box, two aligned groups of equal pills ================= */
.mf-filter{display:grid;gap:14px;margin:0 0 clamp(40px,5vw,64px);padding:0;border:0;background:none;box-shadow:none;border-radius:0}
.mf-filter[hidden]{display:none}
.mf-pills{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
.mf-pills--caps{grid-template-columns:repeat(5,minmax(0,1fr))}
.mf-pill{--pc:#E1B6FF;--pa:#9340EE;--pb:#6419BF;position:relative;display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:56px;padding:10px 18px;border:0;border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#F6F0FF;font:700 .95rem/1.2 var(--f);text-align:left;cursor:pointer;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .22s,box-shadow .22s,transform .22s,color .22s}
.mf-pill i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--pc);box-shadow:0 0 12px var(--pc)}
.mf-pill[data-aud="all"] i{background:conic-gradient(#E1B6FF,#66D7BE,#F6BD3E,#5BA8F3,#E1B6FF)}
.mf-pill:hover{background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));box-shadow:inset 0 0 0 1px rgba(255,255,255,.38),0 10px 26px -12px var(--pc);transform:translateY(-1px)}
.mf-pill:focus-visible{outline:3px solid #fff;outline-offset:3px}
.mf-pill[aria-pressed="true"]{background:linear-gradient(115deg,var(--pa),var(--pb));box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 12px 30px -10px var(--pc);color:#fff}
.mf-pill[aria-pressed="true"] i{background:#fff;box-shadow:0 0 10px rgba(255,255,255,.8)}
.mf-filter__foot{display:flex;align-items:center;gap:16px;min-height:44px}
.mf-sec--cosmic .mf-count{font-size:.95rem;color:#CDBEE0;margin:0}
.mf-pill--clear{min-height:44px;padding:8px 20px;border-radius:999px}
.mf-pill--clear[hidden]{display:none}
@media(max-width:1000px){.mf-pills{grid-template-columns:repeat(4,minmax(0,1fr))}.mf-pills--caps{grid-template-columns:repeat(5,minmax(0,1fr))}.mf-pill{padding:10px 12px;font-size:.86rem;gap:8px;min-height:60px}}
@media(max-width:760px){.mf-pills,.mf-pills--caps{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-pills--caps .mf-pill--cap:last-child{grid-column:1/-1}.mf-pill{font-size:.9rem;padding:10px 14px;min-height:56px}}
@media(prefers-reduced-motion:reduce){.mf-pill{transition:none}}   /* decoration only */

.mf-pills--caps{margin-top:22px}
.mf-filter__foot{margin-top:6px}

/* ================= Hero logo cluster (Corey 2026-10-02): no tiles, logos float on the cosmos, swap places on curved paths ================= */
.mf-mosaic{position:relative;width:100%;max-width:660px;margin:0 auto;aspect-ratio:100/60;contain:layout}
.mf-tile{position:absolute;left:0;top:0;width:28%;aspect-ratio:2.3/1;display:block;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;text-decoration:none;
  transform:translate3d(calc(var(--x,0) * 1%),calc(var(--y,0) * 1%),0);will-change:transform;z-index:1}
.mf-tile:hover,.mf-tile:focus-visible{z-index:6}
.mf-tile:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:12px}
.mf-tile__in{position:absolute;inset:0;padding:0 4%;display:grid;place-items:center;animation:mf-float var(--dur,8s) ease-in-out var(--del,0s) infinite;will-change:transform;
  translate:calc(var(--px,0) * var(--k,1) * 1px) calc(var(--py,0) * var(--k,1) * 1px);transition:scale .35s cubic-bezier(.3,.7,.2,1)}
.mf-tile__glow{position:absolute;left:-12%;top:-30%;width:124%;height:160%;pointer-events:none;background:radial-gradient(closest-side,rgba(var(--rgb),.22),rgba(var(--rgb),.06) 55%,transparent 75%);opacity:.5;transition:opacity .35s}
.mf-tile__logo{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(var(--rgb),.3))}
.mf-tile:hover .mf-tile__in,.mf-tile:focus-visible .mf-tile__in{scale:1.1}
.mf-tile:hover .mf-tile__glow,.mf-tile:focus-visible .mf-tile__glow{opacity:.7}
@keyframes mf-float{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}33%{transform:translate3d(calc(var(--fx,6px) * .6 * var(--amp,1)),calc(var(--fy,-8px) * var(--amp,1)),0) rotate(.6deg)}66%{transform:translate3d(calc(var(--fx,6px) * -.5 * var(--amp,1)),calc(var(--fy,-8px) * .35 * var(--amp,1)),0) rotate(-.6deg)}}
.mf-mosaic.is-paused .mf-tile__in{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.mf-tile__in{animation:none}}   /* decoration only: no video is touched here */
@media(max-width:560px){.mf-mosaic{aspect-ratio:100/66;max-width:none}.mf-tile{width:29%}}
@media(min-width:981px){.mf-hero--main .mf-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.mf-hero--main .mf-mosaic{max-width:700px}}
@media(max-width:560px){.mf-mosaic{--amp:.5}}
.mf-hero--main h1{font-size:clamp(38px,4.2vw,60px)}

/* ================= Art slots and interlocking layouts (Corey 2026-10-02): no empty space ================= */
.mf-art{display:block;position:relative;width:100%;margin:0}
.mf-art img{display:block;width:100%;height:auto;border-radius:22px;filter:drop-shadow(0 26px 50px rgba(0,0,0,.45))}
.mf-art--ph{border-radius:24px;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(60% 70% at 78% 18%,rgba(var(--rgb),.55),transparent 70%),
    radial-gradient(55% 65% at 16% 90%,rgba(var(--rgb2,var(--rgb)),.5),transparent 72%),
    linear-gradient(160deg,rgba(30,17,52,.96),rgba(11,7,24,.98));
  box-shadow:inset 0 0 0 1px rgba(var(--rgb),.26),0 30px 70px -30px rgba(var(--rgb),.55)}
/* soft light rays from the upper right */
.mf-art--ph::before{content:"";position:absolute;inset:-20%;z-index:0;pointer-events:none;
  background:conic-gradient(from 188deg at 82% -12%,transparent 0deg,rgba(var(--rgb),.22) 7deg,transparent 15deg,rgba(255,255,255,.07) 24deg,transparent 33deg,rgba(var(--rgb),.16) 44deg,transparent 56deg);
  filter:blur(6px);opacity:.9}
/* fine grain */
.mf-art--ph::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.16;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
/* glass sheet */
.mf-art__glass{position:absolute;z-index:1;inset:9% 8%;border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.03) 55%,rgba(255,255,255,.08));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 18px 40px -18px rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
/* main page sections: screenshot stack on top, art slot interlocked below it, alternating sides */
.mf-bsec__media{padding:0;margin-top:0!important;display:block}
.mf-bsec--l .mf-bsec__media{margin-top:0}
.mf-bsec__shots{position:relative;z-index:2}
.mf-bsec__shots .mf-orbit{width:130%;left:-15%;top:-26%}
.mf-bsec__second{bottom:-10%;right:auto;left:-4%;width:42%}
.mf-bsec--r .mf-bsec__second{left:auto;right:-4%}
.mf-bsec__art{position:relative;z-index:3;width:80%;margin-top:clamp(-70px,-5vw,-34px)}
.mf-bsec--l .mf-bsec__art{margin-left:auto;margin-right:-2%}
.mf-bsec--r .mf-bsec__art{margin-right:auto;margin-left:-2%}
.mf-bsec__copy{align-self:center}
.mf-bsec--r .mf-bsec__copy{margin-top:0}
@media(max-width:900px){.mf-bsec__media{margin-top:0!important;padding:0}.mf-bsec__art{width:86%}.mf-bsec__second{bottom:-8%;width:40%}.mf-bsec__shots .mf-orbit{width:116%;left:-8%;top:-12%}}
/* brand pages: stories beside the agitate copy and the solution heading */
.mf-split-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,4vw,60px);align-items:center}
.mf-split-head{margin-bottom:clamp(30px,4vw,50px)}
.mf-split-head .mf-head{margin-bottom:0}
.mf-story{width:100%;max-width:560px;margin-left:auto}
@media(max-width:900px){.mf-split-head{grid-template-columns:minmax(0,1fr)}.mf-story{max-width:560px;margin:0 auto}}
/* CTA bands: text left, a stacked action column right, never a photo and never a blank corner */
.mf-band--stack{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,56px);align-items:center}
.mf-actions--stack{flex-direction:column;align-items:stretch;min-width:300px;margin:0}
.mf-actions--stack .mf-btn{width:100%}
.mf-band__copy .mf-actions{margin-top:26px}
@media(max-width:900px){.mf-band--stack{grid-template-columns:minmax(0,1fr)}.mf-actions--stack{min-width:0}}
.mf-bsec__second{bottom:auto;top:40%}
@media(max-width:900px){.mf-bsec__second{top:42%;bottom:auto}}
.mf-bsec{align-items:center}
.mf-bsec__art{width:94%;margin-top:clamp(-64px,-4.4vw,-34px)}
.mf-bsec--l .mf-bsec__art{margin-right:-3%}
.mf-bsec--r .mf-bsec__art{margin-left:-3%}
@media(max-width:900px){.mf-bsec__art{width:92%}}
@media(min-width:901px){
  .mf-bsec__media{display:flex;flex-direction:column;align-self:stretch}
  .mf-bsec__shots{flex:none}
  .mf-bsec__art{flex:1 1 auto;min-height:300px;display:flex}
  .mf-bsec__art.mf-art--ph{aspect-ratio:auto!important}
  .mf-bsec__art img{height:100%;object-fit:cover;flex:1 1 auto;min-height:0}
}
.mf-bsec__art{width:80%;margin-top:-22px}
.mf-bsec--l .mf-bsec__art{margin-left:auto;margin-right:-3%}
.mf-bsec--r .mf-bsec__art{margin-right:auto;margin-left:-3%}
.mf-bsec__second{z-index:4;top:auto;bottom:-6%}
@media(max-width:900px){.mf-bsec__art{width:88%}.mf-bsec__second{bottom:-8%;top:auto}}

/* ================= Brand-colored header (brand pages only; colors only, sizes stay the sitewide rules) ================= */
body.mf--brand header.lhd .hdr-contact a.nav-ghost{background:var(--hdr-pill,rgba(255,255,255,.8));color:var(--hdr-label,#5B5670);border-color:rgba(var(--rgb2),.38);box-shadow:0 2px 12px -4px rgba(var(--rgb2),.5)}
body.mf--brand header.lhd .hdr-contact a.nav-ghost:hover{background:#fff;color:var(--hdr-label);border-color:rgba(var(--rgb2),.75);box-shadow:0 10px 26px -10px rgba(var(--rgb),.9)}
html body.mf--brand header.lhd .hdr-contact .gi:not(#_){background:linear-gradient(150deg,var(--gi-a,var(--btn-b)),var(--gi-b,var(--btn-a)))!important;color:var(--gi-fg,#fff)!important;box-shadow:0 4px 12px rgba(var(--rgb2),.55)!important}
html body.mf--brand header.lhd .hdr-contact a.nav-ghost:hover .gi:not(#_){background:linear-gradient(135deg,var(--gi-b,var(--btn-a)),var(--gi-a,var(--acc)))!important;color:var(--gi-fg,#fff)!important}
body.mf--brand header.lhd .lhd-links a:hover,body.mf--brand header.lhd .lhd-links a[aria-current="page"]{color:var(--acc)}
/* real art has soft alpha edges: no radius clip, no shadow halo, no overlap of the screenshot content */
.mf-art img{border-radius:0;filter:none}
.mf-bsec__art:not(.mf-art--ph){margin-top:8px}
/* belt and braces for any hard edge in delivered art: soften the outer 7 percent into the cosmic background */
.mf-art img{-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 90%,transparent);mask-composite:intersect}
.mf-art img{-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 92%,transparent)}
/* the solution heading sits on a light section: give its art a deep-space panel so the dark edges read as a designed card, not a stray rectangle */
.mf-split-head .mf-art:not(.mf-art--ph){background:radial-gradient(80% 90% at 50% 40%,rgba(var(--rgb2),.35),#0A0618 78%);border-radius:28px;overflow:hidden;box-shadow:0 30px 70px -28px rgba(var(--rgb2),.6),inset 0 0 0 1px rgba(var(--rgb2),.3)}
.mf-split-head .mf-art:not(.mf-art--ph) img{-webkit-mask-image:none;mask-image:none;width:100%}

/* ===== Finish pass: art slots without approved art do not render at all; screenshot stacks fill the space instead ===== */
.mf-bsec__media--noart .mf-bsec__shots{display:flex;flex-direction:column;width:100%}
.mf-bsec__media--noart .mf-bsec__shots>.mf-slot{width:88%}
.mf-bsec--l .mf-bsec__media--noart .mf-bsec__shots>.mf-slot{margin-right:auto}
.mf-bsec--r .mf-bsec__media--noart .mf-bsec__shots>.mf-slot{margin-left:auto}
.mf-bsec__media--noart .mf-bsec__second{position:relative;inset:auto;width:88%;margin-top:-48px;z-index:3;border-radius:14px;box-shadow:0 0 0 1px rgba(var(--rgb),.5),0 30px 60px -18px rgba(0,0,0,.7),0 0 50px -12px rgba(var(--rgb),.5)}
.mf-bsec--l .mf-bsec__media--noart .mf-bsec__second{margin-left:auto}
.mf-bsec--r .mf-bsec__media--noart .mf-bsec__second{margin-right:auto}
@media(min-width:901px){.mf-bsec__media--noart{justify-content:center}}
@media(max-width:900px){.mf-bsec__media--noart .mf-bsec__second{margin-top:-30px;width:88%}}
/* approved section art: trim the empty desk, soften the right edge where the plant sits */
.mf-art--section img{aspect-ratio:1400/800;object-fit:cover;object-position:50% 0;-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 82%,transparent 99%),linear-gradient(to bottom,transparent,#000 5%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 4%,#000 82%,transparent 99%),linear-gradient(to bottom,transparent,#000 5%,#000 88%,transparent)}
.mf-split-head .mf-art--section img{-webkit-mask-image:none;mask-image:none;border-radius:24px;aspect-ratio:1400/960}
.mf-split-head .mf-art--scene-b img{-webkit-mask-image:none;mask-image:none;border-radius:24px;aspect-ratio:1120/840;object-fit:cover}
.mf-split-head .mf-art:not(.mf-art--ph){background:none;box-shadow:0 30px 70px -28px rgba(var(--rgb2),.5)}

/* no-art sections: copy card and the two screenshot frames share one height, frames crop to fill (top-left of the page stays visible) */
@media(min-width:901px){
  .mf-bsec--noart{align-items:stretch}
  .mf-bsec--noart .mf-bsec__copy{margin-top:0;margin-bottom:0}
  .mf-bsec__media--noart{align-self:stretch;margin-top:0!important}
  .mf-bsec__media--noart .mf-bsec__shots{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
  .mf-bsec__media--noart .mf-bsec__shots>.mf-slot{flex:1 1 0;min-height:230px;aspect-ratio:auto}
  .mf-bsec__media--noart .mf-bsec__shots>.mf-slot img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:top left}
  .mf-bsec__media--noart .mf-bsec__second{flex:1 1 0;min-height:210px}
  .mf-bsec__media--noart .mf-bsec__second img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:top left}
}

/* ================= Filter, redone (Corey 2026-10-02 night): ONE wrapping flow of equal 44px pills, one spacing system ================= */
#platforms .mf-head{margin-bottom:32px}
.mf-filter{display:block;margin:0 0 48px;padding:0}
.mf-filter[hidden]{display:none}
.mf-flow{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.mf-pills,.mf-pills--caps{display:contents}
.mf-flow__sep{flex:none;width:1px;height:24px;margin:0 8px;background:rgba(255,255,255,.22)}
.mf-pill{--pc:#E1B6FF;--pa:#9340EE;--pb:#6419BF;display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:0 0 auto;height:44px;min-height:44px;padding:0 18px;margin:0;border:0;border-radius:999px;white-space:nowrap;
  background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#F4EDFF;font:700 .92rem/1 var(--f);text-align:center;cursor:pointer;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease,box-shadow .2s ease,transform .15s ease,color .2s ease}
.mf-pill i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--pc);box-shadow:0 0 8px var(--pc)}
.mf-pill:hover{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.34);transform:none}
.mf-pill:active{transform:scale(.97)}
.mf-pill:focus-visible{outline:3px solid #fff;outline-offset:3px}
.mf-pill[aria-pressed="true"]{background:linear-gradient(115deg,var(--pa),var(--pb));box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 8px 22px -10px var(--pc);color:#fff}
.mf-filter__foot{display:flex;align-items:center;gap:14px;margin-top:20px;min-height:44px}
.mf-pill--clear{padding:0 18px;height:44px}
.mf-pill--clear[hidden]{display:none}
@media(max-width:760px){.mf-flow{gap:10px}.mf-pill{padding:0 14px;font-size:.88rem;gap:7px}.mf-flow__sep{display:none}.mf-filter{margin-bottom:36px}.mf-filter__foot{margin-top:16px}}
@media(max-width:360px){.mf-pill{padding:0 11px;font-size:.84rem}}
/* filtered cards fade and reflow smoothly */
.mf-bsec{transition:opacity .28s ease,transform .28s ease}
.mf-bsec.is-out{opacity:0;transform:translateY(14px)}
@media(prefers-reduced-motion:reduce){.mf-bsec{transition:none}}

/* Each platform sales header carries its own brand mark, centered with navigation. */
html body.mf--brand #lhd .lhd-in:not(#_):not(#__){width:100%!important;max-width:1240px!important;padding-left:clamp(18px,3.4vw,40px)!important;padding-right:clamp(18px,3.4vw,40px)!important;align-items:center!important}
html body.mf--brand #lhd .lhd-logo:not(#_):not(#__){width:220px!important;flex:0 0 220px!important;margin:0!important;align-self:center!important}
html body.mf--brand #lhd .lhd-logo img:not(#_):not(#__){width:220px!important;height:auto!important;max-height:72px!important;margin:0!important;object-fit:contain!important;filter:none!important}
html body.mf--brand #lhd :is(.lhd-links,.lhd-right):not(#_):not(#__):not(#___){transform:none!important;align-self:center!important;margin-top:0!important;margin-bottom:0!important}
html body.mf--brand #lhd .lhd-links{gap:clamp(12px,1.4vw,24px)}
html body.mf--brand #lhd .lhd-links a{white-space:nowrap}
html body.mf--brand #lhd .hdr-contact .gi svg{color:#fff!important;stroke:#fff!important}
@media(max-width:1100px){html body.mf--brand #lhd .lhd-logo:not(#_):not(#__){width:180px!important;flex-basis:180px!important}html body.mf--brand #lhd .lhd-logo img:not(#_):not(#__){width:180px!important}}
@media(max-width:720px){html body.mf--brand #lhd .lhd-logo:not(#_):not(#__){width:150px!important;flex-basis:150px!important}html body.mf--brand #lhd .lhd-logo img:not(#_):not(#__){width:150px!important}}
html body.mf--brand #lhd :is(.lam-all,.lhd-burger):not(#_):not(#__):not(#___){color:#fff!important}

/* Repeat the source at a bounded scale instead of covering the entire platform catalog. */
.mf-starsbg--tiled .mf-stars-tile{position:absolute;left:0;width:100%;overflow:hidden;background:var(--d-bg);mask-image:linear-gradient(to bottom,transparent,#000 48px,#000 calc(100% - 48px),transparent)}
.mf-starsbg--tiled .mf-stars-tile:first-child{mask-image:linear-gradient(to bottom,#000,#000 calc(100% - 48px),transparent)}
.mf-starsbg--tiled .mf-stars-tile:last-child{mask-image:linear-gradient(to bottom,transparent,#000 48px,#000)}
.mf-starsbg--tiled .mf-stars-tile:nth-child(even) video{transform:scaleY(-1)}

/* Membership overview: alternating editorial imagery, connected curved surfaces. */
.mf-story-section{isolation:isolate;padding:clamp(64px,7vw,100px) 0 clamp(100px,10vw,150px);overflow:hidden}
.mf-story-section--lavender{background:radial-gradient(ellipse at 88% 45%,rgba(123,70,212,.09),transparent 58%),var(--panel)}
.mf-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4.5vw,68px);align-items:center;position:relative;z-index:1}
.mf-story__copy{min-width:0}
.mf-story__copy h2{font-size:clamp(32px,3vw,44px);line-height:1.15;text-wrap:pretty}
.mf-story__copy .mf-lead{font-size:clamp(17px,1.3vw,19px);line-height:1.7;margin-top:20px}
.mf-story__visual{margin:0;min-width:0;position:relative}
.mf-story__visual img{display:block;width:100%;height:auto;border-radius:26px;box-shadow:0 24px 55px rgba(37,17,70,.15)}
.mf-story-section--reverse .mf-story__visual{grid-column:1;grid-row:1}
.mf-story-section--reverse .mf-story__copy{grid-column:2;grid-row:1}
.mf-story__visual--cutout img{border-radius:0;box-shadow:none;width:112%;max-width:none;margin-left:-6%}
.mf-story-wave{position:absolute;bottom:-1px;left:0;width:100%;height:clamp(42px,6vw,90px);display:block;z-index:0}
@media(max-width:800px){.mf-overview-grid{grid-template-columns:1fr;gap:32px}.mf-story__copy{max-width:620px}.mf-story-section--reverse .mf-story__copy,.mf-story-section--reverse .mf-story__visual{grid-column:auto;grid-row:auto}.mf-story__visual{max-width:620px;width:100%;justify-self:center}.mf-story__visual--cutout img{width:100%;margin-left:0}.mf-story-section{padding:56px 0 96px}.mf-story__copy h2{font-size:clamp(30px,5.6vw,40px)}}
.mf-story__copy h2{scroll-margin-top:100px}
/* 2026-10-04: more than 12 platforms -> a 4-column logo cluster (slot table in tools/membership-family.js; tile width from --tw) */
.mf-mosaic--wide .mf-tile{width:var(--tw)}
@media(max-width:560px){.mf-mosaic--wide .mf-tile{width:var(--tw)}.mf-mosaic.mf-mosaic--wide{max-width:none}}

/* Keep catalog links comfortable to tap and decorative art within the page. */
.mf .mf-linklist a,.mf footer a{display:inline-block;min-height:24px;line-height:24px}
.mf-main{overflow-x:clip}
.mf-attribution{text-align:center;margin:20px 0 0;padding:0 18px 18px}
.mf-attribution a{color:#d9a7ff;font-size:13px}
.mf-build-preview{max-width:900px;margin:32px auto}
.mf-build-preview img{width:100%;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.mf-build-preview figcaption{text-align:center;color:var(--ink-2);font-size:15px;margin-top:12px}
@media(max-width:360px){html body.mf header.lhd .lhd-in:not(#_):not(#__){gap:4px!important}}

/* Larger family logos fill the hero alongside the copy (Corey, 2026-10-04). */
.mf-mosaic--wide .mf-tile{aspect-ratio:2.55/1}
.mf-mosaic--wide .mf-tile__in{padding:0}
.mf-hero--main .mf-mosaic--wide{max-width:none}

.mf-ready-section .mf-story__visual img{border-radius:0;box-shadow:none}

/* Legible white problem cards against the star field. */
html body .mf-problems li{background:#fff;color:#191b23;border-color:#ddd3e5}
html body .mf-problems :is(p,h3){color:#191b23}
html body .mf-problems__n{background:#efe7f7;color:#54209a;border-color:#d5c4e4}

/* ================= Polish pass (Corey 2026-10-16): native-control videos, aligned grids, readable screens, one quiet disclosure ================= */
/* links inside running copy take the brand accent, never the browser's default blue */
.mf-main :is(.mf-lead,.mf-a,.mf-fine) a,.mf-main :is(.mf-lead,.mf-a,.mf-fine) a:visited{color:var(--purple);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.mf-main :is(.mf-hero,.mf-sec--band,.mf-sec--dark,.mf-sec--cosmic) .mf-lead a{color:var(--acc)}
/* hero media card: the recording plays with its own controls; the caption row sits on a soft dark patch so the orbit line never crosses the words */
.mf-wt__media img,.mf-wt__media video{background:#140A24}
a.mf-wt__media{transition:box-shadow .2s,border-color .2s}
a.mf-wt__media:hover{border-color:rgba(214,170,255,.9);box-shadow:0 28px 70px rgba(0,0,0,.5),0 0 54px rgba(126,52,218,.38)}
.mf-wt__foot{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;width:100%}
.mf-wt__foot::before{content:"";position:absolute;z-index:-1;inset:-8px -16px;border-radius:24px;background:rgba(9,6,19,.9);filter:blur(12px);pointer-events:none}
.mf-wt__cap{margin:0;flex:1 1 260px}
/* feature cards: two per row from tablet up, so every screen is large enough to read */
@media(min-width:1001px){.mf--pitch .mf-fcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
/* gallery: rows of three; a lead tile (the owner tour, or the member dashboard) takes the first row; a short last row is centered */
.mf-shots{display:flex;flex-wrap:wrap;justify-content:center;gap:26px 22px}
.mf-shot{flex:0 0 calc((100% - 44px) / 3);min-width:0}
.mf-shots--lead>.mf-shot:first-child{flex-basis:100%;max-width:860px}
.mf-shot__vid{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;background:#0b0718}
@media(max-width:1000px){.mf-shot{flex-basis:calc((100% - 22px) / 2)}}
@media(max-width:620px){.mf-shot{flex-basis:100%}}
.mf-more>summary>span{flex:1 1 auto}
/* "See it in action": the lead sits with its heading; one primary action, then two equal secondary ones */
#demo .mf-head{margin-bottom:0}
.mf-demo{align-items:center}
.mf-demo__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:560px}
.mf-demo__actions .mf-btn{width:100%;padding-left:16px;padding-right:16px}
.mf-demo__actions .mf-btn--primary{grid-column:1/-1}
@media(max-width:560px){.mf-demo__actions{grid-template-columns:minmax(0,1fr)}}
/* problem cards: the number and a one-line problem share a center line */
.mf-problems li{align-items:center}
/* other platforms: every logo sits in the same box, so the descriptions start on one line; phones show eight until asked */
.mf-other__mark{display:flex;align-items:center;height:60px}
.mf-other__mark .mf-other__logo{height:auto;max-height:56px;width:auto;max-width:min(100%,250px);object-fit:contain;object-position:left center;align-self:center}
.mf-other__mark img[src^="/img/portfolio/"]{max-height:46px}
.mf-others__foot{display:flex;justify-content:center;margin-top:30px}
.mf-others__more[hidden]{display:none}
@media(min-width:641px){.mf-others__foot{display:none}}
@media(max-width:640px){
  .mf-other__mark{height:44px}
  .mf-other__mark .mf-other__logo{max-height:40px}
  .mf-other__mark img[src^="/img/portfolio/"]{max-height:34px}
  .mf-other>span:not(.mf-other__mark){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.88rem}
  .mf-others.is-clamped>.mf-other:nth-child(n+9){display:none}
}
/* the one quiet demo disclosure: plain text, the last line of the page */
.mf-finebar{background:var(--d-bg);padding:22px 0 26px;border-top:1px solid rgba(190,140,255,.18)}
.mf-main .mf-finebar .mf-fine{margin:0;max-width:none;color:#CBBEDF;font-size:.86rem;line-height:1.55}
/* seams: no fractional-pixel hairline under the curve */
.mf-seam{position:relative;z-index:1;margin-bottom:-1px}
.mf-seam svg{height:calc(100% + 1px)}
/* section links stay reachable on phones: a scrolling row with the quote button pinned at its end */
@media(max-width:760px){.mf-subnav a.mf-subnav__cta{position:sticky;right:0;box-shadow:-18px 0 14px 2px rgb(13,7,25),20px 0 0 2px rgb(13,7,25)}}
/* lightbox on phones: the screen opens wide enough to read and pans */
@media(max-width:700px){
  .op-lightbox{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;overflow:auto;-webkit-overflow-scrolling:touch;background:rgba(10,15,26,.94)}
  .op-lightbox img{max-width:none;max-height:none;width:1080px;height:auto;margin:70px 0 0;border-radius:0}
  .op-lightbox p{position:sticky;left:0;width:100vw;margin:12px 0 0;padding:0 16px 20px;text-align:left}
}
/* overview: the connect cards stay short and equal; the pairings get one full-width list */
.mf-pairings{margin-top:22px;padding:26px 28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);scroll-margin-top:84px}
.mf-main .mf-pairings h3{margin-bottom:14px}
.mf-pairings__list{list-style:none;margin:0;padding:0;columns:3 230px;column-gap:30px}
.mf-pairings__list li{break-inside:avoid;padding:5px 0;color:var(--ink-2);font-size:.97rem}
.mf-pairings__list a{color:var(--purple);font-weight:700}
/* overview catalog: six Circles open, the rest one click away (site/js/membership-family.js; without JS every section shows) */
.mf-brands.is-collapsed>.mf-bsec:nth-child(n+7){display:none}
.mf-brands.is-collapsed>.mf-bsec:nth-child(6) .mf-bsec__conn{display:none}
.mf-brands__more{display:flex;justify-content:center;margin:clamp(8px,2vw,20px) 0 clamp(20px,3vw,40px)}
.mf-brands__more[hidden]{display:none}
/* overview on phones: every Circle reads logo, headline and actions first, then its screens; nothing is cut at the phone edge */
@media(max-width:900px){
  .mf-bsec.mf-bsec--l .mf-bsec__copy,.mf-bsec.mf-bsec--r .mf-bsec__copy{order:-1}
  .mf-bsec.mf-bsec--l .mf-bsec__media,.mf-bsec.mf-bsec--r .mf-bsec__media{order:0;margin-top:26px!important}
  .mf-bsec--l .mf-bsec__second{left:0;right:auto}
  .mf-bsec--r .mf-bsec__second{right:0;left:auto}
}
/* a walkthrough recording keeps its control bar clear: the member thumbnail overlaps the top corner instead of the bottom */
.mf-bsec__shots--vid .mf-bsec__second{top:-12%;bottom:auto}
@media(max-width:900px){.mf-bsec__shots--vid .mf-bsec__second{top:-14%;bottom:auto}.mf-bsec__shots--vid{margin-top:14%}}

/* 3D vortex hero (Corey 2026-10-20): site/js/membership-vortex.js owns the logo positions; without it the grid above still shows. */
.mf-mosaic.mf-mosaic--wide.is-vortex{aspect-ratio:100/100!important;overflow:visible;contain:none;isolation:isolate}
@media(max-width:980px){.mf-hero--main .mf-hero__media{order:-1;margin:-6px 0 -6px}.mf-hero--main .mf-hero__grid{gap:0}}
@media(max-width:560px){.mf-mosaic.mf-mosaic--wide.is-vortex{aspect-ratio:100/94!important}}
.is-vortex .mf-tile{left:50%;top:50%;aspect-ratio:2.55/1;transform:translate3d(-50%,-50%,0);transform-origin:50% 50%;will-change:auto}
.is-vortex .mf-tile__in{animation:none;translate:none;filter:blur(calc(var(--bl,0) * 1px));transition:filter .4s}
.is-vortex .mf-tile:hover .mf-tile__in,.is-vortex .mf-tile:focus-visible .mf-tile__in{scale:1}
.is-vortex .mf-tile__in{filter:none;transition:none;will-change:auto}
.mf-tile__rot:not(.is-dense) .mf-tile__layer:nth-child(odd){display:none}
.mf-tile__rot{position:absolute;inset:0;display:block;transform-style:preserve-3d}
.mf-tile__rot img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.is-vortex .mf-tile__logo{filter:brightness(var(--lit,1))}
.is-vortex .mf-tile__glow{display:none}
.mf-vortex__dust{position:absolute;left:-12%;top:-12%;width:124%;height:124%;pointer-events:none;z-index:0}

/* vortex fills the hero: text sits above the logos and lets pointer events through to them, except its buttons */
@media(min-width:981px){.mf-hero--main .mf-hero__copy{position:relative;z-index:3;pointer-events:none}.mf-hero--main .mf-hero__copy a,.mf-hero--main .mf-hero__copy button{pointer-events:auto}.mf-hero--main .mf-mosaic.is-vortex{z-index:1}}

/* lazy people clips: the video lies over the still and fades in when it plays */
.lz-wrap{position:relative}
.lz-video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease;pointer-events:none}
.lz-wrap.is-playing .lz-video{opacity:1}
/* tap targets and the phone section row (polish gate) */
.mf-pairings__list a{display:inline-block;min-height:24px;line-height:24px}
@media(max-width:760px){.mf-subnav .mf-wrap{flex-wrap:wrap;overflow-x:visible;gap:0 2px}.mf-subnav a.mf-subnav__cta{position:static;box-shadow:none;margin-left:auto}}

/* the vortex follows a finger without blocking the page scroll */
.mf-mosaic.is-vortex{touch-action:pan-y}

/* Einstein scene on the done-for-you section (ChatGPT, 2026-10-24): one image, beside the steps and the command screen. */
.mf-build-art{margin:0 auto clamp(32px,4vw,52px);max-width:1180px;aspect-ratio:21/9;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px rgba(37,17,70,.22);background:#0b0613}
.mf-build-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%}
@media(max-width:760px){.mf-build-art{aspect-ratio:16/10;border-radius:16px}}