.mx{
  --bg:#ffffff;
  --ink:hsl(240 10% 9%);
  --ink-2:hsl(240 6% 26%);
  --muted-fg:hsl(240 5% 45%);
  --muted-fg-2:hsl(240 5% 60%);
  --muted:hsl(240 5% 96.5%);
  --muted-2:hsl(240 6% 93%);
  --card:#ffffff;
  --border:hsl(240 6% 90%);
  --border-2:hsl(240 6% 84%);
  --line:hsl(240 6% 93%);
  --brand:hsl(243 75% 59%);
  --brand-h:hsl(243 75% 53%);
  --brand-soft:hsl(243 100% 97%);
  --brand-soft-2:hsl(243 90% 93%);
  --brand-ink:hsl(252 62% 46%);
  --ok:hsl(158 64% 38%);
  --ok-soft:hsl(152 70% 95%);
  --warn:hsl(32 92% 42%);
  --warn-soft:hsl(45 100% 94%);
  --err:hsl(0 72% 51%);
  --err-soft:hsl(0 86% 97%);
  --teal:hsl(188 70% 36%);--teal-soft:hsl(188 70% 94%);
  --amber:hsl(30 85% 45%);--amber-soft:hsl(38 100% 93%);
  --rose:hsl(340 70% 48%);--rose-soft:hsl(340 80% 96%);
  --dark:hsl(240 10% 9%);
  --dark-2:hsl(240 8% 13%);
  --dark-3:hsl(240 7% 18%);
  --dark-border:hsl(240 6% 22%);
  --on-dark:#ffffff;
  --on-dark-2:hsl(240 8% 72%);
  --font:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --dur:.18s;
  --ease:cubic-bezier(.2,.7,.2,1);
  --gut:clamp(1.15rem,.6rem + 2.4vw,2rem);
  --shadow-win:0 0 0 1px var(--border);
  --shadow-card:0 0 0 1px var(--border);
  color-scheme:light;
}
.mx *,.mx *::before,.mx *::after{box-sizing:border-box}

.mx{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;width:100%;position:relative}
.mx img,.mx svg{display:block;max-width:100%}
.mx a{color:inherit;text-decoration:none}
.mx button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.mx h1,.mx h2,.mx h3,.mx h4,.mx p,.mx ul,.mx ol,.mx figure,.mx dl,.mx dd{margin:0}
.mx ul,.mx ol{padding:0;list-style:none}
.mx :focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}
.mx [hidden]{display:none !important}

.mx .wrap{width:100%;max-width:80rem;margin-inline:auto;padding-inline:1.25rem}
@media (min-width:640px){.mx .wrap{padding-inline:2rem}}
.mx .sec{padding-block:clamp(3.5rem,2rem + 6vw,7rem)}
.mx .sec-tight{padding-block:clamp(2.5rem,1.4rem + 3.6vw,4.5rem)}
.mx .band{background:var(--muted);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.mx .hair{border-top:1px solid var(--border)}
.mx .x-dark{background:var(--dark);color:var(--on-dark)}

.mx .h1{font-size:clamp(2.25rem,1.2rem + 3.9vw,3.75rem);line-height:1.04;letter-spacing:-.035em;font-weight:800;text-wrap:balance}
.mx .h2{font-size:clamp(1.75rem,1.15rem + 2.3vw,2.6rem);line-height:1.1;letter-spacing:-.03em;font-weight:800;text-wrap:balance}
.mx .h3{font-size:1.1875rem;line-height:1.3;letter-spacing:-.02em;font-weight:700}
.mx .lead{font-size:clamp(1.0625rem,1rem + .35vw,1.1875rem);line-height:1.6;color:var(--muted-fg);text-wrap:pretty}
.mx .x-body{font-size:15.5px;line-height:1.6;color:var(--muted-fg)}
.mx .small{font-size:13.5px;line-height:1.5;color:var(--muted-fg)}
.mx .eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:12px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.16em;color:var(--brand)}
.mx .eyebrow::before{content:"";width:1.25rem;height:1px;background:var(--brand)}
.mx .eyebrow.center{justify-content:center}
.mx .eyebrow.center::after{content:"";width:1.25rem;height:1px;background:var(--brand)}
.mx .x-dark .eyebrow{color:hsl(245 80% 76%)}
.mx .x-dark .eyebrow::before,.mx .x-dark .eyebrow::after{background:hsl(245 80% 76%)}
.mx .x-dark .lead,.mx .x-dark .x-body{color:var(--on-dark-2)}
.mx .sec-head{max-width:44rem}
.mx .sec-head.center{margin-inline:auto;text-align:center}
.mx .sec-head .h2{margin-top:1.1rem}
.mx .sec-head .lead{margin-top:1.1rem}
.mx .x-mt-2{margin-top:.5rem}.mx .x-mt-3{margin-top:.75rem}.mx .x-mt-4{margin-top:1rem}.mx .x-mt-6{margin-top:1.5rem}.mx .x-mt-8{margin-top:2rem}.mx .x-mt-10{margin-top:2.5rem}.mx .x-mt-12{margin-top:3rem}.mx .x-mt-16{margin-top:4rem}
.mx .checks{display:grid;gap:.8rem}
.mx .check{display:flex;gap:.75rem;align-items:flex-start;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.mx .check::before{content:"";flex:none;width:20px;height:20px;margin-top:2px;border-radius:999px;background:var(--brand-soft-2) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235048e5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") center/11px no-repeat}
.mx .x-dark .check{color:hsl(240 8% 82%)}
.mx .x-dark .check::before{background-color:hsl(245 60% 26%)}

.mx .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:46px;padding:0 1.4rem;border-radius:999px;font-size:15px;font-weight:600;line-height:1;white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}
.mx .btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mx .x-btn-brand{background:var(--brand);color:#fff}
.mx .x-btn-brand:hover{background:var(--brand-h)}
.mx .btn-lg{height:52px;padding:0 1.7rem;font-size:16px}
.mx .btn-sm{height:38px;padding:0 1.05rem;font-size:14px}
.mx .btn-2{background:var(--card);color:var(--ink);border:1px solid var(--border-2)}
.mx .btn-2:hover{border-color:hsl(243 75% 59% / .5);background:var(--muted)}
.mx .btn-ghost{color:var(--ink)}
.mx .btn-ghost:hover{background:var(--muted)}
.mx .btn-light{background:#fff;color:var(--brand-ink)}
.mx .btn-light:hover{background:hsl(243 100% 96%)}
.mx .btn-ghost-light{color:#fff;border:1px solid hsl(0 0% 100% / .38)}
.mx .btn-ghost-light:hover{background:hsl(0 0% 100% / .1)}
.mx .actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}
.mx .meta-line{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;font-size:13.5px;color:var(--muted-fg)}
.mx .meta-line span{display:inline-flex;align-items:center;gap:.45rem}
.mx .meta-line svg{width:15px;height:15px;stroke:var(--ok);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mx .x-link{display:inline-flex;align-items:center;gap:.4rem;font-size:15px;font-weight:600;color:var(--brand)}
.mx .x-link svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur)}
.mx .x-link:hover svg{transform:translateX(2px)}
.mx .x-ic.x-ic{display:grid;place-items:center;flex:none;border-radius:12px;background:var(--brand-soft);color:var(--brand);margin:0;padding:0;font-size:0;line-height:0;white-space:normal;overflow:visible;text-overflow:clip}
.mx .x-ic.x-ic svg{stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block;margin:0}
.mx .x-ic.ic-40{width:40px;height:40px}.mx .ic-40 svg{width:20px;height:20px}
.mx .x-ic.ic-44{width:44px;height:44px;border-radius:13px}.mx .ic-44 svg{width:22px;height:22px}
.mx .x-ic.ic-36{width:36px;height:36px;border-radius:10px}.mx .ic-36 svg{width:18px;height:18px}
.mx .x-ic.ic-32{width:32px;height:32px;border-radius:9px}.mx .ic-32 svg{width:16px;height:16px}
.mx .x-ic.ic-28{width:28px;height:28px;border-radius:8px}.mx .ic-28 svg{width:14px;height:14px}
.mx .x-ic.x-ic.ok{background:var(--ok-soft);color:var(--ok)}
.mx .x-ic.x-ic.teal{background:var(--teal-soft);color:var(--teal)}
.mx .x-ic.x-ic.amber{background:var(--amber-soft);color:var(--amber)}
.mx .x-ic.x-ic.rose{background:var(--rose-soft);color:var(--rose)}
.mx .x-ic.x-ic.ink{background:var(--dark);color:#fff}
.mx .x-ic.x-ic.mute{background:var(--muted);color:var(--muted-fg)}
.mx .x-ic img{width:55%;height:55%;object-fit:contain}
.mx .x-dark .x-ic.x-ic{background:hsl(245 50% 22%);color:hsl(245 80% 78%)}
.mx .x-pill{display:inline-flex;align-items:center;height:24px;padding:0 .6rem;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.mx .x-pill.ok{background:var(--ok-soft);color:var(--ok)}.mx .x-pill.brand{background:var(--brand-soft);color:var(--brand)}.mx .x-pill.warn{background:var(--warn-soft);color:var(--warn)}.mx .x-pill.err{background:var(--err-soft);color:var(--err)}.mx .x-pill.mute{background:var(--muted);color:var(--muted-fg)}.mx .x-pill.ink{background:var(--dark);color:#fff}
.mx .x-pill.x-dot::before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor;margin-right:.4rem}
.mx .x-av.x-av{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:800;flex:none;letter-spacing:.02em;margin:0;padding:0;gap:0;line-height:1;white-space:nowrap;overflow:visible;text-align:center}
.mx .x-av.i{background:hsl(243 90% 93%);color:hsl(243 60% 45%)}.mx .x-av.x-t{background:hsl(188 70% 92%);color:hsl(188 70% 30%)}.mx .x-av.a{background:hsl(38 100% 91%);color:hsl(30 80% 38%)}.mx .x-av.r{background:hsl(340 80% 94%);color:hsl(340 60% 40%)}.mx .x-av.g{background:hsl(152 70% 92%);color:hsl(158 60% 30%)}
.mx .ts{font-size:11.5px;color:var(--muted-fg-2);font-variant-numeric:tabular-nums}

@media (max-width:1279px){.mx .nav-right .demo{display:none}}
@media (max-width:1023px){
}
@media (max-width:479px){.mx .nav-right .btn{display:none}}

.mx .pw{border-radius:18px;background:var(--card);border:1px solid var(--border);overflow:hidden}
.mx .pw-bar{display:flex;align-items:center;gap:.75rem;height:46px;padding:0 1.1rem;border-bottom:1px solid var(--border);background:hsl(240 5% 98%)}
.mx .dots{display:flex;gap:6px;flex:none}.mx .dots i{width:10px;height:10px;border-radius:999px;background:var(--muted-2)}
.mx .pw-name{margin-inline:auto;display:block;font-size:13px;font-weight:600;color:var(--muted-fg);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}
.mx .pw-name svg,.mx .pw-name i{display:inline-block;vertical-align:-3px;margin-right:.45rem}
.mx .pw-name svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;flex:none}
.mx .pw-name i{width:16px;height:16px;border-radius:5px;background:var(--brand);display:inline-block;flex:none}
.mx .pw-bar .x-pill{flex:none}
.mx .pagepill{display:inline-flex;align-items:center;gap:.45rem;height:30px;padding:0 .8rem;border-radius:9px;background:var(--card);border:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.mx .pagepill svg{width:13px;height:13px;stroke:var(--muted-fg);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mx .pagepill em{font-style:normal;color:var(--muted-fg);font-weight:500}

.mx .chat{display:grid;gap:.85rem;align-content:start}
.mx .chat>*{min-width:0}
.mx .row{display:flex;gap:.6rem;align-items:flex-start}
.mx .row>*{min-width:0}
.mx .row.me{justify-content:flex-end}
.mx .ava.ava{flex:none;width:30px;height:30px;border-radius:9px;background:var(--dark);color:#fff;display:grid;place-items:center;margin:0;font-size:0;line-height:0}
.mx .ava svg{width:17px;height:17px}
.mx .bub{padding:.7rem .95rem;border-radius:16px;font-size:14.5px;line-height:1.5;max-width:86%}
.mx .bub.ai{background:var(--muted);border-top-left-radius:6px;color:var(--ink)}
.mx .bub.me{background:var(--brand);color:#fff;border-top-right-radius:6px}
.mx .bub .ts{display:block;margin-top:.3rem;font-size:11px}
.mx .bub.me .ts{color:hsl(0 0% 100% / .7);text-align:right}
.mx .out{display:flex;gap:.8rem;align-items:center;padding:.7rem .85rem;border:1px solid var(--border);border-radius:14px;background:var(--card);max-width:92%;min-width:0}
.mx .out-b{min-width:0;flex:1}
.mx .out-t{font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .out-s{font-size:12.5px;color:var(--muted-fg);margin-top:2px;line-height:1.4}
.mx .out .x-pill{flex:none}
.mx .typing{display:inline-flex;gap:4px;padding:.7rem .85rem;border-radius:16px;border-top-left-radius:6px;background:var(--muted)}
.mx .typing i{width:6px;height:6px;border-radius:999px;background:var(--muted-fg-2);animation:mx-blink 1.1s infinite}
.mx .typing i:nth-child(2){animation-delay:.18s}.mx .typing i:nth-child(3){animation-delay:.36s}
@keyframes mx-blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
.mx .tool{display:flex;align-items:center;gap:.65rem;padding:.6rem .8rem;border:1px solid var(--border);border-radius:11px;background:var(--card);font-size:13.5px;font-weight:500;color:var(--ink-2);min-width:0}
.mx .tool>span:not(.okd){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .tool img{width:18px;height:18px;object-fit:contain;flex:none}
.mx .tool .okd.okd{margin-left:auto;width:18px;height:18px;border-radius:999px;background:var(--ok-soft);display:grid;place-items:center;flex:none;font-size:0;line-height:0}
.mx .tool .okd svg{width:10px;height:10px;stroke:var(--ok);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.mx .file{display:flex;align-items:center;gap:.75rem;padding:.65rem .8rem;border:1px solid var(--border);border-radius:12px;background:var(--card);min-width:0}
.mx .file i{flex:none;width:34px;height:40px;border-radius:7px;background:var(--err);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;font-style:normal;letter-spacing:.04em}
.mx .file i.xls{background:var(--ok)}
.mx .file>div{min-width:0}
.mx .file b{display:block;font-size:13.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .file>div span{display:block;font-size:12px;color:var(--muted-fg);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .file .x-dl{margin-left:auto;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);display:grid;place-items:center;color:var(--muted-fg);flex:none}
.mx .file .x-dl svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mx .approve{border:1px solid hsl(243 75% 59% / .35);border-radius:14px;background:var(--brand-soft);padding:.85rem .95rem;display:grid;gap:.7rem}
.mx .approve-h{display:flex;align-items:center;gap:.55rem;font-size:14px;font-weight:700}
.mx .approve-h svg{width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mx .approve p{font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.mx .approve-btns{display:flex;gap:.5rem}
.mx .approve-btns span,.mx .approve-btns button{height:32px;padding:0 .9rem;border-radius:999px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;font-family:inherit}
.mx .approve-btns .yes{background:var(--brand);color:#fff}.mx .approve-btns span:not(.yes),.mx .approve-btns button:not(.yes){background:var(--card);border:1px solid var(--border-2);color:var(--ink)}
.mx .ask{display:inline-flex;padding:.65rem .9rem;border-radius:14px;border-top-right-radius:5px;background:var(--brand);color:#fff;font-size:14px;line-height:1.5;font-weight:500;max-width:100%}
.mx .reveal{opacity:0;transform:translateY(6px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.mx .reveal.is-in{opacity:1;transform:none}
.mx .composer{border:1px solid var(--border-2);border-radius:14px;padding:.75rem .9rem;display:flex;align-items:center;gap:.6rem;font-size:14px;color:var(--muted-fg-2)}
.mx .composer .mic{width:18px;height:18px;stroke:var(--muted-fg);fill:none;stroke-width:2;margin-left:auto;flex:none}
.mx .composer .send{width:32px;height:32px;border-radius:999px;background:var(--brand);display:grid;place-items:center;flex:none}
.mx .composer .send svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mx .x-who{display:flex;align-items:center;gap:.5rem;font-size:12.5px;font-weight:600;color:var(--muted-fg);margin-bottom:-.2rem}
.mx .x-who .ts{font-weight:500}

.mx .site{background:var(--card);color:var(--ink);font-size:13px;height:100%;display:flex;flex-direction:column;--s-brand:var(--ink);--s-accent:var(--brand)}
.mx .site-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.15rem;border-bottom:1px solid var(--line)}
.mx .site-brand{font-weight:800;letter-spacing:-.02em;font-size:14.5px;display:flex;align-items:center;gap:.5rem;white-space:nowrap}
.mx .site-brand i{width:20px;height:20px;border-radius:6px;background:var(--s-brand);display:inline-block}
.mx .site-links{display:flex;gap:1.1rem;color:var(--muted-fg);font-weight:500;font-size:12.5px}
.mx .site-links .on{color:var(--ink);font-weight:600}
.mx .site-cta{height:30px;padding:0 .85rem;border-radius:999px;background:var(--s-brand);color:#fff;font-weight:700;display:inline-flex;align-items:center;font-size:12px;white-space:nowrap}
.mx .site-hero{position:relative;overflow:hidden;flex:none}
.mx .site-hero img{width:100%;height:100%;object-fit:cover}
.mx .site-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 20%,rgba(0,0,0,.62))}
.mx .site-hero-copy{position:absolute;left:1.15rem;right:1.15rem;bottom:1.05rem;color:#fff;z-index:1}
.mx .site-hero-copy b{display:block;font-size:clamp(18px,1.7cqw,26px);letter-spacing:-.025em;line-height:1.12}
.mx .site-hero-copy span{display:block;font-size:12.5px;opacity:.92;margin-top:.35rem}
.mx .site-hero-copy .hbtns{display:flex;gap:.45rem;margin-top:.7rem}
.mx .site-hero-copy .hbtns em{font-style:normal;height:28px;padding:0 .8rem;border-radius:999px;background:#fff;color:var(--ink);font-weight:700;font-size:11.5px;display:inline-flex;align-items:center}
.mx .site-hero-copy .hbtns em.g{background:hsl(0 0% 100% / .18);color:#fff;border:1px solid hsl(0 0% 100% / .5)}
.mx .site-sec{padding:.9rem 1.15rem 1rem;display:grid;gap:.55rem;grid-template-columns:minmax(0,1fr)}
.mx .site-sec>*{min-width:0}
.mx .site-sec-h{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;letter-spacing:-.01em}
.mx .site-sec-h span{font-weight:500;color:var(--muted-fg);font-size:12px}
.mx .site-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border:1px solid var(--line);border-radius:10px}
.mx .site-row .time{flex:none;width:52px;text-align:center;font-size:11px;font-weight:700;color:var(--ink-2);background:var(--muted);border-radius:7px;padding:.35rem 0;line-height:1.2}
.mx .site-row .time small{display:block;font-size:9.5px;font-weight:500;color:var(--muted-fg)}
.mx .site-row>div:not(.time){min-width:0;flex:1}
.mx .site-row b{display:block;font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .site-row>div span{display:block;color:var(--muted-fg);font-size:12px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .site-row em{font-style:normal;height:26px;padding:0 .7rem;border-radius:999px;background:var(--s-accent);color:#fff;font-weight:700;font-size:11.5px;display:inline-flex;align-items:center;white-space:nowrap;flex:none}
.mx .site-row em.ghost{background:var(--muted);color:var(--muted-fg)}
.mx .site-search{display:flex;gap:.4rem;padding:.8rem 1.15rem 0}
.mx .site-search .inp{flex:1;height:32px;font-size:12px}
.mx .site-search .sbtn{height:32px;padding:0 .9rem;font-size:12px;border-radius:8px}
.mx .site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:.9rem 1.15rem}
.mx .site-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;position:relative}
.mx .site-card img{width:100%;height:92px;object-fit:cover}
.mx .site-card .price{position:absolute;left:.5rem;top:.5rem;height:22px;padding:0 .5rem;border-radius:999px;background:hsl(0 0% 100% / .94);font-size:11px;font-weight:800;display:inline-flex;align-items:center;color:var(--ink)}
.mx .site-card .heart{position:absolute;right:.5rem;top:.5rem;width:24px;height:24px;border-radius:999px;background:hsl(0 0% 100% / .94);display:grid;place-items:center}
.mx .site-card .heart svg{width:12px;height:12px;stroke:var(--ink);fill:none;stroke-width:2.2}
.mx .site-card div.x-meta{padding:.5rem .65rem .6rem}
.mx .site-card b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .site-card .x-meta span{display:block;font-size:11.5px;color:var(--muted-fg);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .inp{height:30px;border:1px solid var(--border);border-radius:8px;padding:0 .6rem;display:flex;align-items:center;font-size:12px;color:var(--muted-fg-2);background:var(--card);gap:.4rem;white-space:nowrap;overflow:hidden;min-width:0}
.mx .inp svg{width:13px;height:13px;stroke:var(--muted-fg);fill:none;stroke-width:2.2;flex:none}
.mx .inp.sel::after{content:"";margin-left:auto;width:7px;height:7px;border-right:1.5px solid var(--muted-fg);border-bottom:1.5px solid var(--muted-fg);transform:rotate(45deg) translateY(-2px)}
.mx .sbtn{height:32px;border-radius:8px;background:var(--brand);color:#fff;font-weight:700;font-size:12.5px;display:grid;place-items:center;white-space:nowrap}
.mx .built .x-b{opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.mx .built.is-built .x-b{opacity:1;transform:none}
.mx .built.is-built .x-b:nth-child(2){transition-delay:.12s}.mx .built.is-built .x-b:nth-child(3){transition-delay:.24s}.mx .built.is-built .x-b:nth-child(4){transition-delay:.36s}
.mx .skel{position:absolute;inset:0;background:var(--card);display:grid;gap:.6rem;padding:1.1rem;align-content:start;opacity:1;transition:opacity .45s var(--ease);pointer-events:none}
.mx .skel i{display:block;border-radius:8px;background:var(--muted);animation:mx-shimmer 1.4s infinite}
@keyframes mx-shimmer{0%,100%{opacity:.6}50%{opacity:1}}
.mx .built.is-built .skel{opacity:0}

.mx .portal{display:grid;grid-template-columns:168px 1fr;height:100%;font-size:13px;min-height:0}
.mx .portal-side{background:var(--dark);color:var(--on-dark-2);padding:1rem .8rem;display:flex;flex-direction:column;gap:.2rem}
.mx .portal-side b{color:#fff;font-size:13.5px;letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem;padding:0 .3rem}
.mx .portal-side b i{width:20px;height:20px;border-radius:6px;background:var(--brand);display:inline-block}
.mx .portal-side span{display:flex;align-items:center;gap:.55rem;padding:.5rem .6rem;border-radius:8px;font-size:12.5px;font-weight:500}
.mx .portal-side span svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mx .portal-side span.on{background:hsl(0 0% 100% / .1);color:#fff;font-weight:600}
.mx .portal-side .me{margin-top:auto;display:flex;align-items:center;gap:.5rem;padding:.5rem .4rem 0;border-top:1px solid hsl(0 0% 100% / .1);color:#fff;font-size:12px;font-weight:600}
.mx .portal-side .me .x-av{width:26px;height:26px;font-size:10px}
.mx .portal-main{padding:1.1rem 1.2rem;display:grid;gap:.8rem;align-content:start;min-width:0}
.mx .portal-h{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.mx .portal-h b{font-size:16px;letter-spacing:-.02em}
.mx .portal-h small{display:block;font-size:12px;color:var(--muted-fg);font-weight:500;margin-top:1px}
.mx .kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.mx .kpi{border:1px solid var(--line);border-radius:10px;padding:.7rem .85rem;min-width:0}
.mx .kpi b{display:block;font-size:17px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mx .kpi>span{display:block;color:var(--muted-fg);font-size:11.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .kpi em{font-style:normal;font-size:11px;font-weight:700;color:var(--ok)}
.mx .tbl{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}
.mx .tr{display:grid;gap:.6rem;padding:.6rem .85rem;border-top:1px solid var(--line);align-items:center;font-size:12.5px;min-width:0}
.mx .tr>*{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .tr:first-child{border-top:0;background:var(--muted);color:var(--muted-fg);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}
.mx .tr .num{font-variant-numeric:tabular-nums;text-align:right;padding-right:.6rem}
.mx .tr .x-pill{height:22px;font-size:10.5px;justify-self:start}
.mx .tr .x-mono{font-family:var(--mono);font-size:11.5px;color:var(--ink-2)}
.mx .drop{border:1.5px dashed var(--border-2);border-radius:10px;padding:.8rem;text-align:center;color:var(--muted-fg);font-size:12px}
.mx .drop b{display:block;color:var(--ink);font-size:12.5px;margin-bottom:.1rem}
@media (max-width:639px){.mx .portal{grid-template-columns:minmax(0,1fr)}.mx .portal-side{display:none}}

.mx .roster{display:grid;gap:.4rem;align-content:start}
.mx .ag-row{display:flex;align-items:center;gap:.65rem;padding:.6rem .7rem;border-radius:11px;border:1px solid transparent;min-width:0;transition:background .3s,border-color .3s}
.mx .ag-row.on{background:var(--card);border-color:var(--border-2)}
.mx .ag-row.new{background:var(--brand-soft);border-color:hsl(243 75% 59% / .35)}
.mx .ag-row>div{min-width:0;flex:1}
.mx .ag-row b{display:block;font-size:13px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .ag-row>div span{display:block;font-size:11.5px;color:var(--muted-fg);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .dotst{flex:none;width:8px;height:8px;border-radius:999px;background:var(--ok)}
.mx .dotst.idle{background:var(--muted-fg-2)}.mx .dotst.brand{background:var(--brand)}
.mx .rail-h{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-fg);padding:0 .3rem .6rem}
.mx .rail-h em{font-style:normal;font-weight:600;letter-spacing:0;text-transform:none;color:var(--brand)}
.mx .bpanel{display:grid;gap:.8rem}
.mx .bcard{border:1px solid var(--line);border-radius:12px;padding:.85rem .95rem;display:grid;gap:.55rem}
.mx .bcard-h{display:flex;align-items:center;gap:.5rem;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-fg)}
.mx .bcard-h svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mx .bps{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.mx .bp{display:inline-flex;align-items:center;gap:.4rem;height:30px;padding:0 .7rem;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.mx .bp img{width:16px;height:16px;object-fit:contain}
.mx .bp svg{width:14px;height:14px;stroke:var(--brand);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mx .bp.on{background:var(--brand-soft);border-color:hsl(243 75% 59% / .35)}
.mx .runlog{display:grid;gap:.45rem}
.mx .run{display:flex;gap:.6rem;align-items:center;min-width:0}
.mx .node.node{flex:none;width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:var(--ok-soft);margin:0;font-size:0;line-height:0}
.mx .node svg{width:10px;height:10px;stroke:var(--ok);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.mx .node.live{background:var(--brand-soft)}
.mx .node.live::after{content:"";width:8px;height:8px;border-radius:999px;background:var(--brand);animation:mx-pulse 1.4s infinite}
@keyframes mx-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.6}}
.mx .runc{flex:1;min-width:0;display:flex;justify-content:space-between;gap:.6rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:13px;font-weight:500}
.mx .runc>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .runc .ts{font-family:var(--mono);white-space:nowrap;flex:none}
.mx .agents-win{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:520px}
.mx .ag-side{border-right:1px solid var(--border);padding:1.1rem .9rem;background:hsl(240 5% 98.5%);display:flex;flex-direction:column}
.mx .ag-main{padding:1.35rem 1.5rem;display:grid;gap:1rem;align-content:start;min-width:0}
.mx .ag-title{display:flex;align-items:center;gap:.8rem}
.mx .ag-title b{display:block;font-size:17px;letter-spacing:-.02em}
.mx .ag-title>div span{display:block;font-size:12.5px;color:var(--muted-fg);margin-top:1px}
.mx .ag-title .x-pill{margin-left:auto}
.mx .bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
@media (max-width:1023px){.mx .agents-win{grid-template-columns:minmax(0,1fr)}.mx .ag-side{border-right:0;border-bottom:1px solid var(--border)}}
@media (max-width:639px){.mx .bgrid{grid-template-columns:minmax(0,1fr)}}

.mx .hero{padding-top:clamp(2.75rem,1.4rem + 4.8vw,5.5rem);padding-bottom:0;text-align:center;overflow:hidden}
.mx .hero .lead{max-width:42rem;margin:1.4rem auto 0}
.mx .hero .actions{justify-content:center;margin-top:2.1rem}
.mx .hero .meta-line{justify-content:center;margin-top:1.4rem}
.mx .hero-win{margin-top:clamp(2.5rem,1.5rem + 3vw,4rem);text-align:left;position:relative}

.mx .cc{display:grid;grid-template-columns:240px minmax(0,1.06fr) minmax(0,1fr);min-height:620px}
.mx .cc-rail{border-right:1px solid var(--border);background:hsl(240 5% 98.5%);padding:1rem .8rem;display:flex;flex-direction:column;min-width:0}
.mx .cc-rail .roster{flex:0 0 auto}
.mx .cc-chat{border-right:1px solid var(--border);padding:1.25rem 1.3rem 1.2rem;display:flex;flex-direction:column;min-width:0}
.mx .cc-chat .chat{flex:1}
.mx .cc-chat .composer{margin-top:1rem}
.mx .cc-prev{background:var(--muted);padding:1rem;display:flex;flex-direction:column;min-width:0}
.mx .prev-bar{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem;min-width:0}
.mx .prev-bar .pagepill{flex:1;min-width:0;overflow:hidden}
.mx .prev-win{flex:1;border:1px solid var(--border);border-radius:12px;background:var(--card);overflow:hidden;min-height:0;position:relative}
.mx .prev-win .site-hero{height:236px}
.mx .toast{position:absolute;left:50%;bottom:14px;transform:translate(-50%,8px);display:inline-flex;align-items:center;gap:.5rem;height:34px;padding:0 .9rem;border-radius:999px;background:var(--dark);color:#fff;font-size:12.5px;font-weight:600;opacity:0;transition:opacity .35s var(--ease),transform .35s var(--ease);white-space:nowrap;z-index:2}
.mx .toast svg{width:14px;height:14px;stroke:hsl(158 64% 55%);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.mx .toast.is-in{opacity:1;transform:translate(-50%,0)}
@media (max-width:1279px){.mx .cc{grid-template-columns:230px minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:1023px){
  .mx .cc{grid-template-columns:minmax(0,1fr);height:auto}
  .mx .cc-rail{display:none}
  .mx .cc-chat{border-right:0;border-bottom:1px solid var(--border)}
  .mx .prev-win .site-hero{height:200px}
  .mx .hero-win::after{display:none}
}
@media (max-width:479px){.mx .actions{flex-direction:column;align-items:stretch}.mx .actions .btn{width:100%}.mx .cc-chat{padding:1rem}.mx .bub{max-width:95%}.mx .out{max-width:100%}.mx .site-links{display:none}}

.mx .marquee-sec{padding-block:clamp(2.5rem,1.5rem + 3vw,4rem) clamp(2rem,1.2rem + 2.5vw,3.25rem)}
.mx .marquee-cap{text-align:center;font-size:13.5px;color:var(--muted-fg)}
.mx .marquee-cap b{color:var(--ink);font-variant-numeric:tabular-nums}
.mx .marquee{position:relative;overflow:hidden;margin-top:1.4rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mx .track{display:flex;gap:.6rem;width:max-content;animation:mx-scroll 90s linear infinite}
.mx .marquee:hover .track{animation-play-state:paused}
.mx .ltile{width:58px;height:58px;flex:none;border-radius:14px;display:grid;place-items:center;background:var(--card);border:1px solid var(--border)}
.mx .ltile img{width:28px;height:28px;object-fit:contain}
@keyframes mx-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

.mx .pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:3.5rem}
.mx .pillar{border:1px solid var(--border);border-radius:1.25rem;background:var(--card);display:flex;flex-direction:column;overflow:hidden;min-width:0}
.mx .pillar-vis{background:var(--muted);border-bottom:1px solid var(--border);padding:1.5rem 1.5rem 0;height:300px;overflow:hidden;position:relative}
.mx .pillar-vis::after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(180deg,transparent,var(--muted));pointer-events:none}
.mx .pillar-body{padding:1.5rem 1.6rem 1.7rem;display:flex;flex-direction:column;gap:.8rem;flex:1}
.mx .pillar-k{display:flex;align-items:center;gap:.6rem;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-fg)}
.mx .pillar .h3{font-size:1.3rem;letter-spacing:-.025em}
.mx .pillar .x-link{margin-top:auto;padding-top:.5rem}
.mx .pillar-vis .pw{border-radius:14px 14px 0 0;border:1px solid var(--border);border-bottom:0;height:100%;box-shadow:none}
@media (max-width:1023px){.mx .pillars{grid-template-columns:minmax(0,1fr)}.mx .pillar-vis{height:auto;min-height:260px}}

.mx .split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,1rem + 4vw,5.5rem);align-items:center}
.mx .split.rev .split-vis{order:-1}
.mx .split .h2{margin-top:1.1rem}
.mx .split .lead{margin-top:1.1rem}
.mx .split .checks{margin-top:1.75rem}
.mx .split .actions{margin-top:2rem}
@media (max-width:1023px){.mx .split{grid-template-columns:minmax(0,1fr);gap:2.5rem}.mx .split.rev .split-vis{order:0}}

.mx .convo{border-radius:18px;background:var(--card);border:1px solid var(--border);padding:1.6rem;display:grid;gap:.9rem;max-width:640px;margin-inline:auto}
.mx .convo .tools{display:grid;gap:.45rem;margin-left:2.4rem;max-width:88%}
.mx .convo .approve,.mx .convo .file{margin-left:2.4rem;max-width:88%}
.mx .convo .x-who{margin-left:2.4rem}
@media (max-width:479px){.mx .convo{padding:1.1rem}.mx .convo .tools,.mx .convo .approve,.mx .convo .file,.mx .convo .x-who{margin-left:0;max-width:100%}}

.mx .x-n{flex:none;width:30px;height:30px;border-radius:999px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums}
.mx .step-h{display:flex;align-items:center;gap:.7rem}
.mx .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2.5rem}
.mx .step{border:1px solid var(--border);border-radius:1.25rem;background:var(--card);display:flex;flex-direction:column;overflow:hidden;min-width:0}
.mx .step-vis{background:var(--muted);border-bottom:1px solid var(--border);padding:1.4rem;height:230px;display:grid;align-content:center;gap:.6rem;overflow:hidden}
.mx .step-body{padding:1.4rem 1.5rem 1.6rem;display:grid;gap:.6rem;align-content:start}
@media (max-width:1023px){.mx .steps{grid-template-columns:minmax(0,1fr)}.mx .step-vis{height:auto;min-height:200px}}

.mx .builder-top{display:flex;align-items:center;gap:1rem;height:54px;padding:0 1.1rem;border-bottom:1px solid var(--border);background:hsl(240 5% 98%)}
.mx .appname{display:flex;align-items:center;gap:.6rem;font-size:14px;font-weight:700;white-space:nowrap}
.mx .appname i{width:24px;height:24px;border-radius:7px;background:var(--brand);display:inline-block}
.mx .appname .ts{font-weight:500}
.mx .segs{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--muted-2);margin-inline:auto}
.mx .segs span{height:28px;padding:0 .9rem;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--muted-fg);display:inline-flex;align-items:center}
.mx .segs span.on{background:var(--card);color:var(--ink);border:1px solid var(--border)}
.mx .pub{height:34px;padding:0 1rem;border-radius:999px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}
.mx .pub svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2}
.mx .builder-body{display:grid;grid-template-columns:352px minmax(0,1fr);min-height:640px}
.mx .builder-chat{border-right:1px solid var(--border);padding:1rem;display:flex;flex-direction:column;gap:.7rem;min-width:0;overflow:hidden;font-size:13px}
.mx .builder-chat .bub{font-size:13.5px;padding:.6rem .8rem;border-radius:14px}
.mx .builder-chat .bub .ts{font-size:10.5px}
.mx .builder-chat .ava{width:26px;height:26px}
.mx .builder-chat .ava svg{width:14px;height:14px}
.mx .builder-chat .composer{padding:.6rem .75rem;font-size:13px}
.mx .builder-chat>*{flex:none}
.mx .builder-prev{background:var(--muted);padding:1rem;display:flex;flex-direction:column;min-width:0}
.mx .builder-prev .prev-win .site-hero{height:250px}
.mx .activity{border:1px solid var(--border);border-radius:12px;background:var(--card);overflow:hidden}
.mx .activity-h{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;border-bottom:1px solid var(--line);font-size:12.5px;font-weight:700}
.mx .activity-h .ts{margin-left:auto}
.mx .activity-h .spin{width:14px;height:14px;border-radius:999px;border:2px solid var(--brand);border-top-color:transparent;animation:mx-spin .8s linear infinite;flex:none}
.mx .x-acts{padding:.5rem .85rem .6rem;display:grid;gap:.4rem}
.mx .act{display:flex;align-items:center;gap:.55rem;font-size:12.5px;color:var(--muted-fg);transition:color .3s;min-width:0}
.mx .act>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .act i{flex:none;width:16px;height:16px;border-radius:999px;border:1.5px solid var(--border-2);display:grid;place-items:center}
.mx .act i svg{width:9px;height:9px;stroke:var(--ok);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.mx .act.done{color:var(--ink)}
.mx .act.done i{border-color:hsl(158 64% 40% / .45);background:var(--ok-soft)}
.mx .act.done i svg{opacity:1}
.mx .act.live{color:var(--ink);font-weight:600}
.mx .act.live i{border-color:var(--brand);border-top-color:transparent;animation:mx-spin .8s linear infinite}
@keyframes mx-spin{to{transform:rotate(360deg)}}
.mx .act code{font-family:var(--mono);font-size:12px;color:var(--brand);background:var(--brand-soft);padding:1px 6px;border-radius:5px}
.mx .shotchip{display:inline-flex;align-items:center;gap:.55rem;height:34px;padding:0 .8rem 0 .3rem;border-radius:999px;border:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--muted-fg);align-self:start;max-width:100%;background:var(--card)}
.mx .shotchip i{width:40px;height:26px;border-radius:999px;display:block;flex:none;background:linear-gradient(180deg,#e9e9ee 0 30%,#c9ced8 30% 62%,#f4f4f6 62%);position:relative;overflow:hidden}
.mx .shotchip i::after{content:"";position:absolute;left:6px;right:6px;top:4px;height:3px;border-radius:2px;background:#2b2b33}
.mx .shotchip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .thought{font-size:12px;color:var(--muted-fg);display:flex;align-items:center;gap:.4rem}
.mx .thought svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}
.mx .question{border:1px solid hsl(243 75% 59% / .35);border-radius:12px;background:var(--brand-soft);padding:.8rem .9rem;display:grid;gap:.6rem}
.mx .question b{font-size:13px;display:flex;align-items:center;gap:.45rem}
.mx .question b svg{width:14px;height:14px;stroke:var(--brand);fill:none;stroke-width:2.2}
.mx .opts{display:flex;flex-wrap:wrap;gap:.35rem}
.mx .opts span{display:inline-flex;align-items:center;gap:.4rem;font-size:12px;font-weight:500;border:1px solid hsl(243 75% 59% / .25);background:var(--card);border-radius:999px;padding:.35rem .7rem .35rem .55rem}
.mx .opts span::before{content:"";width:14px;height:14px;border-radius:999px;border:1.5px solid var(--border-2);flex:none}
.mx .opts span.on{border-color:var(--brand);font-weight:600}
.mx .opts span.on::before{border:4px solid var(--brand)}
.mx .builder-chat .composer{margin-top:auto}
.mx .devs{display:flex;gap:3px;flex:none;padding:3px;border-radius:9px;background:var(--muted-2)}
.mx .devs i{width:28px;height:26px;border-radius:7px;display:grid;place-items:center}
.mx .devs i.on,.mx .devs button.on{background:var(--card);border-color:var(--border)}
.mx .devs svg{width:13px;height:13px;stroke:var(--muted-fg);fill:none;stroke-width:2}
.mx .devs i.on svg{stroke:var(--ink)}
@media (max-width:1023px){.mx .builder-body{grid-template-columns:minmax(0,1fr);height:auto}.mx .builder-chat{border-right:0;border-bottom:1px solid var(--border)}.mx .builder-prev{min-height:0}.mx .builder-prev .prev-win .site-hero{height:200px}}
.mx .hl{transition:outline-color .25s var(--ease);border-radius:12px;outline:2px solid transparent;outline-offset:3px}
.mx .hl.is-hl{outline-color:var(--brand)}
.mx .chips{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center}
.mx .chip{display:inline-flex;align-items:center;gap:.5rem;height:38px;padding:0 1rem 0 .7rem;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:13.5px;font-weight:600;color:var(--ink-2)}
.mx .chip svg{width:15px;height:15px;stroke:var(--brand);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

.mx .dgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:3.5rem}
.mx .dcard{border:1px solid var(--dark-border);border-radius:1.25rem;background:var(--dark-2);padding:1.4rem;display:grid;gap:1rem;grid-template-rows:auto auto 1fr auto;min-width:0}
.mx .dcard>:nth-child(3){align-self:end}
.mx .dcard .ask{align-self:end;justify-self:end;font-size:13.5px}
.mx .dreply{border:1px solid var(--dark-border);border-radius:14px;border-top-left-radius:5px;background:var(--dark-3);padding:.8rem .95rem;font-size:14px;line-height:1.55;color:hsl(240 8% 88%)}
.mx .dreply b{color:#fff}
.mx .dfoot{display:flex;align-items:center;gap:.5rem;font-size:12.5px;color:var(--on-dark-2)}
.mx .dfoot svg{width:15px;height:15px;stroke:hsl(158 64% 55%);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mx .dbars{display:flex;align-items:flex-end;gap:5px;height:56px;padding:.6rem .75rem .5rem;border:1px solid var(--dark-border);border-radius:10px;background:var(--dark-3)}
.mx .dbars i{flex:1;border-radius:3px 3px 0 0;background:hsl(245 80% 68% / .5)}
.mx .dbars i.hi{background:hsl(245 80% 74%)}
@media (max-width:1023px){.mx .dgrid{grid-template-columns:minmax(0,1fr)}}
.mx .dwin{border-radius:18px;background:var(--dark-2);border:1px solid var(--dark-border);overflow:hidden}
.mx .dwin-bar{display:flex;align-items:center;gap:.75rem;height:46px;padding:0 1.1rem;border-bottom:1px solid var(--dark-border);background:hsl(240 8% 11%)}
.mx .dwin-bar .dots i{background:hsl(240 6% 26%)}
.mx .dwin-bar .pw-name{color:var(--on-dark-2)}
.mx .dwin-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.mx .dwin-chat{padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;border-right:1px solid var(--dark-border)}
.mx .dwin-chat .ask{align-self:flex-end;max-width:86%}
.mx .dwin-chat .dreply{max-width:92%}
.mx .dwin-side{padding:1.25rem;display:grid;gap:.7rem;align-content:start;background:hsl(240 8% 11%)}
.mx .dwin-side .rail-h{color:var(--on-dark-2)}
.mx .change{border:1px solid var(--dark-border);border-radius:12px;background:var(--dark-3);padding:.8rem .9rem;display:grid;gap:.6rem}
.mx .change-h{display:flex;align-items:center;gap:.6rem;font-size:13.5px;font-weight:700;color:#fff}
.mx .change-h .x-pill{margin-left:auto}
.mx .change-h svg{width:15px;height:15px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--on-dark-2)}
.mx .change p{font-size:12.5px;color:var(--on-dark-2);line-height:1.5}
.mx .change .btns{display:flex;gap:.4rem}
.mx .change .btns span{height:30px;padding:0 .8rem;border-radius:999px;font-size:12px;font-weight:700;display:inline-flex;align-items:center}
.mx .change .btns .yes{background:#fff;color:var(--ink)}.mx .change .btns .no{border:1px solid var(--dark-border);color:#fff}
.mx .dstat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.mx .dstat div{border:1px solid var(--dark-border);border-radius:10px;padding:.6rem .7rem;background:var(--dark-3)}
.mx .dstat b{display:block;color:#fff;font-size:16px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mx .dstat span{display:block;color:var(--on-dark-2);font-size:11px;margin-top:1px}
@media (max-width:1023px){.mx .dwin-body{grid-template-columns:minmax(0,1fr)}.mx .dwin-chat{border-right:0;border-bottom:1px solid var(--dark-border)}}

.mx .hows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:3.5rem}
.mx .tiles-logos{display:flex;flex-wrap:wrap;gap:.45rem}
.mx .tl{width:42px;height:42px;border-radius:11px;background:var(--card);border:1px solid var(--border);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--muted-fg)}
.mx .tl img{width:22px;height:22px;object-fit:contain}
.mx .fauxinput{display:flex;align-items:center;gap:.6rem;padding:.8rem .95rem;border:1px solid var(--border);border-radius:12px;background:var(--card);font-size:14px;font-weight:500}
.mx .fauxinput svg{width:16px;height:16px;stroke:var(--brand);fill:none;stroke-width:2;flex:none}
.mx .caret{display:inline-block;width:1.5px;height:16px;background:var(--ink);margin-left:2px;vertical-align:middle;animation:mx-caret 1s steps(2) infinite}
@keyframes mx-caret{to{opacity:0}}
.mx .sugg{display:flex;flex-wrap:wrap;gap:.4rem}
.mx .sugg span{font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--card);border-radius:999px;padding:.35rem .7rem;color:var(--muted-fg)}
.mx .lockline{display:inline-flex;align-items:center;gap:.4rem;font-size:12.5px;font-weight:500;color:var(--muted-fg)}
.mx .lockline svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2}
@media (max-width:1023px){.mx .hows{grid-template-columns:minmax(0,1fr)}}

.mx .orbit{position:relative;width:min(100% - 64px,540px);aspect-ratio:1;margin-inline:auto;display:grid;place-items:center;container-type:inline-size}
.mx .x-ring{position:absolute;inset:0;border-radius:999px;border:1px solid var(--border)}
.mx .x-ring.inner{inset:21%}
.mx .orb-core{position:relative;z-index:2;width:96px;height:96px;border-radius:999px;background:var(--card);border:1px solid var(--border);display:grid;place-items:center}
.mx .orb-core svg{width:46px;height:46px}
.mx .orb-a,.mx .orb-b{position:absolute;inset:0;animation:mx-orb 70s linear infinite}
.mx .orb-a{inset:21%;animation-duration:44s;animation-direction:reverse}
.mx .orb-chip{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:999px;background:var(--card);border:1px solid var(--border);display:grid;place-items:center}
.mx .orb-chip img{width:26px;height:26px;object-fit:contain;animation:mx-orbrev 70s linear infinite}
.mx .orb-a .orb-chip img{animation-duration:44s;animation-direction:reverse}
@keyframes mx-orb{to{transform:rotate(360deg)}}
@keyframes mx-orbrev{to{transform:rotate(-360deg)}}
@media (max-width:1023px){.mx .orbit{width:min(100% - 64px,440px)}}
@media (max-width:479px){.mx .orb-chip{width:46px;height:46px;margin:-23px 0 0 -23px}.mx .orb-chip img{width:22px;height:22px}.mx .orb-core{width:76px;height:76px}.mx .orb-core svg{width:36px;height:36px}}

.mx .chans{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.9rem;margin-top:3.5rem}
.mx .chan{border:1px solid var(--border);border-radius:1.25rem;background:var(--card);padding:1.5rem .75rem 1.4rem;display:grid;justify-items:center;text-align:center;gap:.85rem;min-width:0}
.mx .chan-mark{width:60px;height:60px;border-radius:17px;background:var(--muted);display:grid;place-items:center}
.mx .chan-mark svg{width:32px;height:32px}
.mx .chan b{display:block;font-size:14.5px;letter-spacing:-.01em}
.mx .chan div span{display:block;font-size:12.5px;color:var(--muted-fg);margin-top:.25rem;line-height:1.4}
@media (max-width:1023px){.mx .chans{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:639px){.mx .chans{grid-template-columns:repeat(2,minmax(0,1fr))}}

.mx .trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.mx .trust>div{border:1px solid var(--border);border-radius:1.25rem;background:var(--card);padding:1.5rem;display:grid;gap:.6rem;align-content:start}
.mx .trust b{font-size:15.5px;letter-spacing:-.012em;margin-top:.4rem}
.mx .trust p{font-size:14px;line-height:1.55;color:var(--muted-fg)}
@media (max-width:1023px){.mx .trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:479px){.mx .trust{grid-template-columns:minmax(0,1fr)}}

.mx .faqwrap{max-width:46rem;margin-inline:auto}
.mx .faq{border:1px solid var(--border);border-radius:.875rem;background:var(--card)}
.mx .faq+.faq{margin-top:.65rem}
.mx .faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;font-size:16px;font-weight:600;letter-spacing:-.012em}
.mx .faq summary::-webkit-details-marker{display:none}
.mx .faq summary::after{content:"";flex:none;width:9px;height:9px;border-right:1.8px solid var(--muted-fg);border-bottom:1.8px solid var(--muted-fg);transform:rotate(45deg);margin-top:-4px;transition:transform .22s ease}
.mx .faq[open] summary::after{transform:rotate(225deg);margin-top:2px;border-color:var(--brand)}
.mx .faq summary:hover{color:var(--brand)}
.mx .faq-body{padding:0 1.25rem 1.2rem;font-size:15.5px;line-height:1.6;color:var(--muted-fg)}
.mx .faq-more{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.9rem;margin-top:2rem;font-size:14.5px;color:var(--muted-fg)}

.mx .cta{border-radius:1.75rem;background:var(--brand-ink);color:#fff;padding:clamp(2.75rem,1.6rem + 4vw,5rem) var(--gut);text-align:center}
.mx .cta .h2{color:#fff}
.mx .cta .lead{color:hsl(0 0% 100% / .82);margin:1.1rem auto 0;max-width:34rem}
.mx .cta .actions{justify-content:center;margin-top:2.1rem}
.mx .cta-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-top:1.6rem;font-size:13.5px;color:hsl(0 0% 100% / .82)}
.mx .cta-trust span{display:inline-flex;align-items:center;gap:.45rem}
.mx .cta-trust svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:1023px){.mx .foot-grid{grid-template-columns:minmax(0,1fr);gap:2.25rem}}
@media (max-width:639px){.mx .foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}

.mx .wa-hero{padding-top:clamp(3rem,1.5rem + 5vw,6rem);padding-bottom:0;text-align:center;overflow:hidden}
.mx .wa-hero .lead{margin:1.4rem auto 0;max-width:42rem}
.mx .prompt{max-width:820px;margin:2.5rem auto 0;border-radius:22px;background:var(--card);border:1px solid var(--border-2);padding:1.35rem 1.35rem 1.1rem;text-align:left}
.mx .prompt-text{min-height:64px;font-size:19px;line-height:1.5;color:var(--ink);font-weight:500;letter-spacing:-.01em}
.mx .prompt-text .ph{color:var(--muted-fg-2)}
.mx .prompt-foot{display:flex;align-items:center;gap:.6rem;margin-top:1rem;flex-wrap:wrap}
.mx .kinds{display:flex;flex-wrap:wrap;gap:.4rem}
.mx .kind{height:34px;padding:0 .85rem;border-radius:999px;border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--muted-fg);display:inline-flex;align-items:center;gap:.4rem;background:var(--card)}
.mx .kind[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mx .kind svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mx .ptools{display:flex;gap:.2rem;margin-left:auto}
.mx .ptools i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--muted-fg)}
.mx .ptools i:hover{background:var(--muted)}
.mx .ptools svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mx .prompt-foot .btn{height:44px}
@media (max-width:639px){.mx .ptools{margin-left:0}.mx .prompt-foot .btn{width:100%;order:3}.mx .prompt-text{font-size:16.5px}.mx .prompt{padding:1.1rem}}
.mx .wa-hero .meta-line{justify-content:center;margin-top:1.25rem}

.mx .showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:clamp(2.75rem,1.5rem + 3.5vw,4.5rem);text-align:left}
.mx .show{display:grid;gap:.9rem;min-width:0}
.mx .show .pw{border-radius:16px}
.mx .show-body{height:400px;overflow:hidden;position:relative}
.mx .show-cap{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:0 .25rem}
.mx .show-cap b{display:block;font-size:15.5px;letter-spacing:-.012em}
.mx .show-cap span{display:block;font-size:13.5px;color:var(--muted-fg);margin-top:.15rem}
.mx .show-cap .x-pill{margin-top:.15rem;flex:none}
@media (max-width:1023px){.mx .showcase{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto}}

.mx .tabs{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center;margin-top:2.5rem}
.mx .tab{display:inline-flex;align-items:center;gap:.5rem;height:40px;padding:0 1rem 0 .75rem;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:13.5px;font-weight:600;color:var(--muted-fg);transition:background var(--dur),color var(--dur),border-color var(--dur)}
.mx .tab svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.mx .tab:hover{color:var(--ink)}
.mx .tab[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mx .tabpanel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,1rem + 3vw,4rem);align-items:center;margin-top:2.5rem}
.mx .tabpanel[hidden]{display:none}
.mx .tabpanel .h3{font-size:1.5rem;letter-spacing:-.025em}
.mx .tabpanel .x-body{margin-top:.8rem}
.mx .tabpanel .checks{margin-top:1.4rem}
.mx .tabvis{border-radius:18px;background:var(--card);border:1px solid var(--border);overflow:hidden;min-height:420px;display:flex;flex-direction:column}
.mx .tabvis .dash-main{padding:1.35rem 1.5rem 1.5rem}
@media (max-width:1023px){.mx .tabpanel{grid-template-columns:minmax(0,1fr)}.mx .tabvis{min-height:0}}
.mx .dash-h{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.mx .dash-h b{font-size:17px;letter-spacing:-.02em}
.mx .dash-h small{display:block;font-size:12.5px;color:var(--muted-fg);font-weight:500;margin-top:2px}
.mx .btnm{height:32px;padding:0 .9rem;border-radius:999px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}
.mx .btnm svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round}
.mx .btnm.g{background:var(--card);color:var(--ink);border:1px solid var(--border-2)}
.mx .dash-main{display:grid;gap:.9rem;align-content:start;min-width:0}
.mx .ents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.mx .ent{border:1px solid var(--line);border-radius:12px;padding:.85rem .95rem;display:grid;gap:.5rem}
.mx .ent-h{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:13.5px}
.mx .ent-h span:last-child{margin-left:auto;font-size:12px;color:var(--muted-fg);font-weight:500;font-variant-numeric:tabular-nums}
.mx .perms{display:flex;gap:.3rem;flex-wrap:wrap}
.mx .perms em{font-style:normal;font-size:10.5px;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:.15rem .5rem;color:var(--muted-fg)}
@media (max-width:639px){.mx .ents{grid-template-columns:minmax(0,1fr)}}
.mx .lst{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mx .li{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;border-top:1px solid var(--line);font-size:13px;min-width:0}
.mx .li:first-child{border-top:0}
.mx .li>div{min-width:0;flex:1}
.mx .li b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .li>div span{display:block;font-size:12px;color:var(--muted-fg);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .li .x-pill,.mx .li .ts{flex:none}
.mx .li .x-mono{font-family:var(--mono);font-size:12px}
.mx .emailprev{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mx .emailprev .eh{padding:.7rem .9rem;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.7rem;font-size:12.5px}
.mx .emailprev .eh>div{min-width:0;flex:1}
.mx .emailprev .eh b{display:block;font-size:13.5px}
.mx .emailprev .eh>div span{color:var(--muted-fg)}
.mx .emailprev .eh .x-pill{flex:none}
.mx .emailprev .eb{padding:.9rem;font-size:13px;line-height:1.55;color:var(--ink-2)}
.mx .emailprev .eb .sbtn{width:max-content;padding:0 1rem;margin-top:.6rem}
.mx .keyrow{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;border:1px solid var(--line);border-radius:10px;font-family:var(--mono);font-size:12px;min-width:0}
.mx .keyrow>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .keyrow .x-pill{margin-left:auto;font-family:var(--font)}
.mx .endpoint{display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem;border-top:1px solid var(--line);font-size:12.5px;min-width:0}
.mx .endpoint:first-child{border-top:0}
.mx .endpoint em{font-style:normal;font-family:var(--mono);font-size:10.5px;font-weight:700;width:46px;text-align:center;border-radius:6px;padding:.2rem 0;background:var(--ok-soft);color:var(--ok);flex:none}
.mx .endpoint em.post{background:var(--brand-soft);color:var(--brand)}
.mx .endpoint .x-mono{font-family:var(--mono);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .endpoint .ts{flex:none}
.mx .endpoint .x-pill{margin-left:auto;flex:none;height:20px;font-size:10.5px;padding:0 .45rem}
.mx .endpoint .x-pill+.ts{margin-left:0;width:80px;text-align:right}
.mx .domrow{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;border:1px solid var(--line);border-radius:12px;min-width:0}
.mx .domrow>div{min-width:0;flex:1}
.mx .domrow b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .domrow>div span{display:block;font-size:12px;color:var(--muted-fg);margin-top:1px}
.mx .domrow .x-pill{flex:none}
.mx .aiblock{border:1px solid var(--line);border-radius:12px;padding:.85rem .95rem;display:grid;gap:.6rem;font-size:13px}
.mx .aiblock .x-lbl{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-fg)}
.mx .aiblock .in{padding:.6rem .75rem;border-radius:9px;background:var(--muted);color:var(--ink-2);line-height:1.5}
.mx .aiblock .outp{padding:.6rem .75rem;border-radius:9px;border:1px solid var(--line);line-height:1.5}
.mx .aiblock .outp b{color:var(--ink)}
.mx .stepper{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}
.mx .stp{display:grid;gap:.5rem;padding:1rem 1.05rem 1.1rem;border:1px solid var(--border);border-radius:14px;background:var(--card);text-align:left;transition:border-color var(--dur),background var(--dur);min-width:0}
.mx .stp[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-soft)}
.mx .stp span.x-n{display:grid;width:26px;height:26px;font-size:11.5px;color:#fff;line-height:1}
.mx .stp b{display:block;font-size:14px;letter-spacing:-.012em;line-height:1.3}
.mx .stp span{display:block;font-size:12.5px;color:var(--muted-fg);line-height:1.45}
@media (max-width:1023px){.mx .stepper{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:639px){.mx .stepper{grid-template-columns:repeat(2,minmax(0,1fr))}}

.mx .themes{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2.5rem,1rem + 4vw,5.5rem);align-items:center}
.mx .theme-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.75rem}
.mx .theme-tab{display:inline-flex;align-items:center;gap:.6rem;height:42px;padding:0 1rem 0 .55rem;border-radius:999px;border:1px solid var(--border);font-size:14px;font-weight:600;color:var(--ink-2);background:var(--card)}
.mx .theme-tab i{width:20px;height:20px;border-radius:999px;border:2px solid var(--card);outline:1px solid var(--border)}
.mx .theme-tab[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}
.mx .theme-stage{border-radius:18px;overflow:hidden;border:1px solid var(--border);background:var(--card)}
.mx .tapp{--t-bg:#ffffff;--t-ink:#16161a;--t-muted:#6b6b78;--t-brand:#5048e5;--t-soft:#eeedfc;--t-font:'Inter',sans-serif;--t-r:12px;background:var(--t-bg);color:var(--t-ink);font-family:var(--t-font);padding:1.6rem 1.7rem 1.7rem;display:grid;gap:1.15rem;transition:background .35s,color .35s}
.mx .tapp[data-theme="warm"]{--t-bg:#fbf6ee;--t-ink:#2b2117;--t-muted:#8a7967;--t-brand:#c2410c;--t-soft:#f7e6d3;--t-font:'Fraunces',Georgia,serif;--t-r:6px}
.mx .tapp[data-theme="mono"]{--t-bg:#0f1115;--t-ink:#f4f4f6;--t-muted:#9a9aa8;--t-brand:#3ddc97;--t-soft:#1a2521;--t-font:'Inter',sans-serif;--t-r:16px}
.mx .tapp .nav{display:flex;align-items:center;justify-content:space-between;font-size:13px}
.mx .tapp .nav b{font-weight:800;letter-spacing:-.02em;font-size:16px}
.mx .tapp .nav span{display:flex;gap:.9rem;color:var(--t-muted)}
.mx .tapp .nav em{font-style:normal;height:30px;padding:0 .85rem;border-radius:var(--t-r);background:var(--t-brand);color:#fff;font-weight:700;font-size:12.5px;display:inline-flex;align-items:center}
.mx .tapp h3{font-size:clamp(1.4rem,1rem + 1.4vw,2rem);line-height:1.1;letter-spacing:-.025em;font-weight:800;max-width:16ch}
.mx .tapp p{font-size:13.5px;color:var(--t-muted);max-width:44ch;line-height:1.55}
.mx .tapp .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.mx .tapp .card{border-radius:var(--t-r);background:var(--t-soft);padding:.8rem .85rem;font-size:12.5px;display:grid;gap:.2rem}
.mx .tapp .card b{font-size:13.5px}
.mx .tapp .card span{color:var(--t-muted);font-size:12px}
.mx .tapp .btns{display:flex;gap:.5rem}
.mx .tapp .btns em{font-style:normal;height:34px;padding:0 1rem;border-radius:var(--t-r);background:var(--t-brand);color:#fff;font-weight:700;font-size:13px;display:inline-flex;align-items:center}
.mx .tapp .btns em.g{background:transparent;color:var(--t-ink);border:1px solid var(--t-muted)}
.mx .tapp .photo{height:210px;border-radius:calc(var(--t-r) + 2px);overflow:hidden}
.mx .tapp .photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
@media (max-width:1023px){.mx .themes{grid-template-columns:minmax(0,1fr)}}
@media (max-width:479px){.mx .tapp .cards{grid-template-columns:minmax(0,1fr)}.mx .tapp .nav span{display:none}}

.mx .uwin{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.mx .uwin-main{padding:1.25rem 1.35rem;display:grid;gap:.9rem;align-content:start;min-width:0;border-right:1px solid var(--border)}
.mx .uwin-side{padding:1.25rem 1.35rem;display:grid;gap:.8rem;align-content:start;background:hsl(240 5% 98.5%);min-width:0}
.mx .uwin-side .rail-h{padding:0 0 .2rem}
.mx .urow{display:grid;grid-template-columns:30px 1.3fr 1.5fr .8fr .7fr;gap:.7rem;align-items:center;padding:.6rem .85rem;border-top:1px solid var(--line);font-size:13px;min-width:0}
.mx .urow>*{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .urow:first-child{border-top:0;background:var(--muted);color:var(--muted-fg);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}
.mx .urow .x-pill{justify-self:start;height:22px;font-size:10.5px}
.mx .urow>span:not(.x-pill):not(.x-av){color:var(--muted-fg)}
.mx .usearch{display:flex;gap:.5rem}
.mx .usearch .inp{flex:1;height:34px;font-size:12.5px}
@media (max-width:639px){.mx .urow{grid-template-columns:30px 1.2fr .8fr}.mx .urow>:nth-child(3),.mx .urow>:nth-child(5){display:none}}
.mx .matrix{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
.mx .mrow{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:.5rem;align-items:center;padding:.55rem .75rem;border-top:1px solid var(--line);font-size:12.5px}
.mx .mrow:first-child{border-top:0;background:var(--muted);color:var(--muted-fg);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}
.mx .mrow b{display:flex;align-items:center;gap:.45rem;font-size:12.5px;min-width:0}
.mx .mrow b svg{width:14px;height:14px;flex:none;stroke:var(--muted-fg);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mx .mrow .sel{display:inline-flex;align-items:center;justify-content:space-between;gap:.4rem;height:28px;padding:0 .55rem;border-radius:8px;border:1px solid var(--border);background:var(--card);font-size:11.5px;font-weight:600;color:var(--ink-2)}
.mx .mrow .sel::after{content:"";width:6px;height:6px;border-right:1.5px solid var(--muted-fg);border-bottom:1.5px solid var(--muted-fg);transform:rotate(45deg) translateY(-2px)}
.mx .note{display:flex;gap:.55rem;align-items:flex-start;padding:.7rem .8rem;border-radius:10px;background:var(--brand-soft);font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.mx .note svg{width:15px;height:15px;stroke:var(--brand);fill:none;stroke-width:2.2;flex:none;margin-top:2px}
.mx .login{display:grid;gap:.5rem;padding:1rem;border:1px solid var(--line);border-radius:12px}
.mx .login b{font-size:14px;letter-spacing:-.01em}
.mx .login .inp{height:34px;font-size:12.5px}
.mx .login .sbtn{height:34px}
.mx .google{height:34px;border:1px solid var(--border);border-radius:8px;background:var(--card);display:flex;align-items:center;justify-content:center;gap:.45rem;font-size:12.5px;font-weight:600}
.mx .google .gmark{width:17px;height:17px}
@media (max-width:1023px){.mx .uwin{grid-template-columns:minmax(0,1fr)}.mx .uwin-main{border-right:0;border-bottom:1px solid var(--border)}}

.mx .gwin{display:grid;grid-template-columns:210px minmax(0,1fr)}
.mx .gside{border-right:1px solid var(--border);background:hsl(240 5% 98.5%);padding:1rem .8rem;display:grid;gap:.15rem;align-content:start}
.mx .gside span{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;border-radius:9px;font-size:13px;font-weight:500;color:var(--muted-fg)}
.mx .gside span svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mx .gside span.on{background:var(--brand-soft);color:var(--brand);font-weight:600}
.mx .gmain{padding:1.3rem 1.4rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-content:start;min-width:0}
.mx .score{display:flex;align-items:center;gap:1.1rem;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:12px}
.mx .ring-score{position:relative;width:74px;height:74px;border-radius:999px;background:conic-gradient(var(--ok) calc(var(--v)*1%),var(--muted-2) 0);display:grid;place-items:center;flex:none}
.mx .ring-score::before{content:"";position:absolute;inset:7px;border-radius:999px;background:var(--card)}
.mx .ring-score b{position:relative;font-size:20px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.mx .score div{min-width:0}
.mx .score .x-t{font-size:15px;font-weight:700;letter-spacing:-.012em}
.mx .score .x-s{font-size:12.5px;color:var(--muted-fg);margin-top:2px;line-height:1.45}
.mx .fixes{display:grid;gap:.45rem;align-content:center}
.mx .fix{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border:1px solid var(--line);border-radius:10px;font-size:13px;min-width:0}
.mx .fix>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.mx .fix .x-pill{flex:none}
.mx .fix .x-st.x-st{width:18px;height:18px;border-radius:999px;display:grid;place-items:center;flex:none;font-size:0;line-height:0;white-space:normal;overflow:visible}
.mx .fix .x-st.ok{background:var(--ok-soft)}.mx .fix .x-st.warn{background:var(--warn-soft)}
.mx .fix .x-st svg{width:10px;height:10px;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mx .fix .x-st.ok svg{stroke:var(--ok)}.mx .fix .x-st.warn svg{stroke:var(--warn)}
.mx .gtwo{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.mx .gcard{border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;display:grid;gap:.6rem;min-width:0}
.mx .gcard .x-lbl{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-fg)}
.mx .post{display:grid;gap:.5rem;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.mx .post .ph{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--ink)}
.mx .post .ph i{width:22px;height:22px;border-radius:6px;background:var(--brand);display:inline-block}
.mx .post .pf{display:flex;gap:.4rem}
.mx .post .pf span{font-size:11px;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:.2rem .55rem;color:var(--muted-fg)}
.mx .bars{display:flex;align-items:flex-end;gap:6px;height:84px;padding-top:.3rem}
.mx .bars i{flex:1;border-radius:3px 3px 0 0;background:var(--brand-soft-2)}
.mx .bars i.hi{background:var(--brand)}
.mx .bars-x{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted-fg);margin-top:.3rem}
.mx .x-big{font-size:26px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.mx .x-big small{font-size:12px;font-weight:600;color:var(--ok);margin-left:.35rem}
@media (max-width:1023px){.mx .gwin{grid-template-columns:minmax(0,1fr)}.mx .gside{display:none}}
@media (max-width:639px){.mx .gmain{grid-template-columns:minmax(0,1fr);padding:1rem}.mx .score{flex-direction:row}.mx .mrow .sel{white-space:nowrap}}

.mx .pm-wrap{margin-top:3rem;display:grid;gap:.75rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);overflow:hidden}
.mx .pm-row{display:flex;gap:.75rem;width:max-content;animation:mx-scroll 80s linear infinite}
.mx .pm-row.rev{animation-direction:reverse;animation-duration:95s}
.mx .pm-row.slow{animation-duration:110s}
.mx .pm{display:inline-flex;align-items:center;gap:.6rem;height:48px;padding:0 1.1rem 0 .55rem;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:14px;font-weight:500;color:var(--ink-2);white-space:nowrap;flex:none}
.mx .pm .x-ic{width:32px;height:32px;border-radius:999px}
.mx .pm .x-ic svg{width:15px;height:15px}
.mx .pm-cta{margin-top:2.25rem;display:flex;justify-content:center}

.mx .pillar-vis .site-nav{padding:.7rem .9rem}
.mx .pillar-vis .site-search{padding:.7rem .9rem 0}
.mx .pillar-vis .site-grid{padding:.7rem .9rem}
.mx .drow{display:flex;align-items:center;gap:.7rem;height:56px;padding:0 .8rem;border:1px solid var(--dark-border);border-radius:10px;background:var(--dark-3);color:#fff;font-size:13px;font-weight:600;min-width:0}
.mx .drow .x-ic{width:30px;height:30px;border-radius:8px;background:hsl(0 0% 100% / .08);color:#fff}
.mx .drow .x-ic svg{width:15px;height:15px}
.mx .drow>div{min-width:0;flex:1}
.mx .drow>div span{display:block;font-size:11.5px;font-weight:500;color:var(--on-dark-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .drow .x-pill{flex:none}
.mx .x-dark .x-pill.mute{background:hsl(240 6% 22%);color:hsl(240 5% 78%)}
.mx .x-dark .x-pill.brand{background:hsl(243 60% 30%);color:hsl(243 90% 88%)}
.mx .x-dark .x-pill.ok{background:hsl(158 50% 16%);color:hsl(158 64% 62%)}
.mx .x-dark .x-pill.warn{background:hsl(32 60% 18%);color:hsl(38 90% 68%)}
.mx .sugg-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}
.mx .sugg-row+.composer{margin-top:.75rem}
.mx .sugg-row span{font-size:12px;font-weight:600;border:1px solid var(--border);border-radius:999px;padding:.35rem .7rem;color:var(--ink-2);background:var(--card);white-space:nowrap}
.mx .docs{display:grid;gap:.4rem}
.mx .doc{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border:1px solid var(--line);border-radius:10px;font-size:12.5px;min-width:0}
.mx .doc i{flex:none;width:26px;height:26px;border-radius:7px;background:var(--rose-soft);color:var(--rose);display:grid;place-items:center;font-style:normal;font-size:8.5px;font-weight:800;letter-spacing:.04em}
.mx .doc i.xls{background:var(--ok-soft);color:var(--ok)}
.mx .doc>div{min-width:0;flex:1}
.mx .doc b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .doc>div span{display:block;font-size:11.5px;color:var(--muted-fg)}
.mx .show .site-links{display:none}
.mx .show .site-nav{padding:.75rem 1rem}
.mx .show .site-hero{height:170px}
.mx .show .site-hero-copy b{font-size:19px}
.mx .show .site-sec{padding:.75rem 1rem}
.mx .show .site-row{padding:.55rem .65rem}
.mx .show .site-search{padding:.75rem 1rem 0}
.mx .show .site-search .sel{display:none}
.mx .show .site-grid{padding:.75rem 1rem;gap:.6rem}
.mx .show .site-card img{height:88px}
.mx .portal.narrow{grid-template-columns:52px 1fr}
.mx .portal.narrow .portal-side{padding:.9rem .55rem;align-items:center}
.mx .portal.narrow .portal-side b{margin-bottom:.9rem;padding:0}
.mx .portal.narrow .portal-side span{width:36px;height:36px;padding:0;justify-content:center}
.mx .portal.narrow .portal-side span svg{width:15px;height:15px}
.mx .portal.narrow .portal-side .me{padding:.6rem 0 0;border-top:0}
.mx .portal.narrow .portal-main{padding:1rem .95rem}
.mx .portal.narrow .portal-h b{font-size:15px}
.mx .portal.narrow .kpis{gap:.45rem}
.mx .portal.narrow .kpi{padding:.55rem .6rem}
.mx .portal.narrow .kpi b{font-size:14.5px}
.mx .portal.narrow .tr{padding:.5rem .65rem;gap:.45rem;font-size:12px}
.mx .portal.narrow .drop{padding:.8rem .6rem;font-size:11.5px}
@media (min-width:1024px){.mx #wa-builder .builder-body{min-height:700px}}
.mx #wa-builder .builder-prev .prev-win .site-hero{height:230px}
.mx .who-col{display:flex;align-items:center;gap:.4rem;color:var(--muted-fg)}
.mx .who-col img{width:14px;height:14px}
.mx .who-col .gmark{width:15px;height:15px;flex:none}
.mx .who-col svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mx .trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.mx .trio>div{display:grid;gap:.45rem;align-content:start;padding:0 .25rem;justify-items:start}
.mx .trio b{font-size:15.5px;letter-spacing:-.012em;margin-top:.55rem}
.mx .trio>div>span:not(.x-ic){font-size:14px;color:var(--muted-fg);line-height:1.55}
@media (max-width:639px){.mx .trio{grid-template-columns:1fr;gap:1.25rem}}
.mx .cc-prev .site-nav{padding:.75rem 1rem}
.mx .cc-prev .site-links{gap:.9rem}
.mx .tfoot{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--muted-fg);margin-top:auto}
.mx .dcomposer{margin-top:auto;display:flex;align-items:center;gap:.6rem;height:48px;padding:0 .5rem 0 1rem;border:1px solid var(--dark-border);border-radius:12px;background:hsl(240 8% 11%);color:var(--on-dark-2);font-size:13.5px}
.mx .dcomposer .send{margin-left:auto;width:32px;height:32px;border-radius:999px;background:var(--brand);display:grid;place-items:center}
.mx .dcomposer .send svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:639px){
  .mx .out-t{white-space:normal}
  .mx .act>span{white-space:normal}
  .mx .segs{display:none}
  .mx .builder-top{gap:.6rem}
  .mx .ag-title{flex-wrap:wrap}
  .mx .ag-title .x-pill{order:3;margin-left:calc(44px + .8rem)}
  .mx .sugg-row{display:none}
  .mx .file b,.mx .file>div span,.mx .li b{white-space:normal}
  .mx .runc>span:first-child{white-space:normal}
}
@media (max-width:479px){
  .mx #home-webapps .portal .tr{grid-template-columns:1.2fr 1fr 1fr !important}
  .mx #home-webapps .portal .tr>*:nth-child(2){display:none}
  .mx .kpi>span{white-space:normal}
}
@media (max-width:639px){.mx .portal.narrow{grid-template-columns:minmax(0,1fr)}.mx .ptools{display:none}.mx .show .site-links{display:none}}
@media (max-width:479px){.mx [data-panel="data"] .tbl .tr{grid-template-columns:1.3fr 1.1fr .9fr !important}.mx [data-panel="data"] .tbl .tr>*:nth-child(3),.mx [data-panel="data"] .tbl .tr>*:nth-child(4){display:none}.mx .ents{grid-template-columns:1fr}}

.mx .hero-pw{border-radius:18px}
.mx .hpanel[hidden]{display:none}
.mx .hp-body{display:grid;min-height:600px}
.mx .hp-ea .hp-body{grid-template-columns:minmax(0,1fr) 272px}
.mx .hp-chat{padding:1.25rem 1.35rem 1.2rem;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--border);overflow:hidden}
.mx .hp-chat .chat{flex:1}
.mx .hp-chat .composer{margin-top:1rem}
.mx .hp-rail{background:hsl(240 5% 98.5%);padding:1.1rem 1rem;display:grid;gap:.6rem;align-content:start;min-width:0}
.mx .hp-rail .rail-h{padding:.55rem .2rem .35rem}
.mx .hp-rail .rail-h:first-child{padding-top:0}
.mx .mem{display:grid;gap:.35rem}
.mx .mem-row,.mx .wait{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:12.5px;color:var(--ink-2);min-width:0}
.mx .mem-row>span:last-child,.mx .wait>span:last-child{min-width:0}
.mx .wait{font-weight:600}
.mx .wait.is-clear{color:var(--muted-fg);font-weight:500}
.mx .approve .approved{display:flex;align-items:center;gap:.5rem;font-size:13px;font-weight:600;color:var(--ok)}
.mx .approve .approved[hidden]{display:none}
.mx .approve .approved svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mx .approve.is-approved{background:var(--ok-soft);border-color:hsl(158 64% 40% / .3)}
.mx .approve.is-approved .approve-btns{display:none}
.mx .hp-ag .agents-win{min-height:600px;grid-template-columns:236px minmax(0,1fr)}
.mx .ag-row{width:100%;text-align:left;font-family:inherit;color:var(--ink);background:transparent;cursor:pointer}
.mx .ag-row:hover{background:var(--card)}
.mx .rail-note{font-size:12px;color:var(--muted-fg-2);margin-top:auto;padding:.9rem .3rem 0}
.mx .agd{display:grid;gap:1rem;align-content:start}
.mx .agd[hidden]{display:none}
.mx .agq{font-size:14px;line-height:1.55;color:var(--ink-2);padding:.8rem 1rem;border-left:3px solid var(--brand);background:var(--muted);border-radius:0 10px 10px 0}
.mx .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.mx .facts>div{border:1px solid var(--line);border-radius:12px;padding:.7rem .85rem;display:grid;gap:.4rem;align-content:start;min-width:0}
.mx .facts small{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-fg)}
.mx .facts b{font-size:13.5px;letter-spacing:-.01em}
.mx .facts .bps{gap:.3rem}
.mx .facts .bp{height:26px;font-size:11.5px;padding:0 .55rem}
.mx .facts .bp img{width:14px;height:14px}
.mx .facts-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mx .pw-pad{padding:1rem 1.05rem 1.1rem}
.mx .ag-title>div{min-width:0;flex:1}
.mx .ag-title>div span{white-space:normal}
.mx .node.idle{background:var(--muted-2)}
.mx .node.idle svg{stroke:var(--muted-fg)}
.mx .hp-apps .builder-body{min-height:600px;grid-template-columns:320px minmax(0,1fr)}
.mx .hp-apps .builder-top{border-radius:0}
.mx .pub{border:0;font-family:inherit;cursor:pointer}
.mx .pub.is-live{background:var(--ok)}
.mx .devs button{width:28px;height:26px;border-radius:7px;display:grid;place-items:center;border:1px solid transparent;background:transparent;font-family:inherit;cursor:pointer;padding:0}
.mx .devs button.on svg{stroke:var(--ink)}
.mx .prev-win{display:flex;flex-direction:column;align-items:stretch;background:var(--muted)}
.mx .prev-win .site,.mx .prev-win .portal{background:var(--card);width:100%;flex:1;transition:width .35s var(--ease)}
.mx .prev-win[data-dev="tablet"] .site,.mx .prev-win[data-dev="tablet"] .portal{width:min(100%,640px);margin:0 auto;border-inline:1px solid var(--border)}
.mx .prev-win[data-dev="phone"] .site,.mx .prev-win[data-dev="phone"] .portal{width:min(100%,360px);margin:0 auto;border-inline:1px solid var(--border)}
.mx .prev-win[data-dev="phone"] .site-links{display:none}
.mx .prev-win[data-dev="phone"] .site-hero{height:200px}
.mx .prev-win[data-dev="phone"] .site-hero-copy b{font-size:18px}
.mx .prev-win[data-dev="phone"] .site-nav{padding:.75rem .9rem}
.mx .prev-win[data-dev="phone"] .site-sec{padding:.8rem .9rem}
.mx .prev-win[data-dev="phone"] .site-row{padding:.5rem .6rem}
.mx .prev-win[data-dev="tablet"] .site-links{gap:.8rem}
.mx .sugg-row{margin-top:auto}

.mx .build-empty{position:absolute;inset:0;background:var(--card);display:grid;place-items:center;align-content:center;gap:.5rem;text-align:center;opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}
.mx .build-empty b{font-size:15px;letter-spacing:-.012em;margin-top:.4rem}
.mx .build-empty>span:not(.x-ic){font-size:13px;color:var(--muted-fg)}
.mx .build-empty .pbar{width:180px;height:4px;border-radius:999px;background:var(--muted-2);overflow:hidden;margin-top:.5rem}
.mx .build-empty .pbar i{display:block;height:100%;width:0;border-radius:999px;background:var(--brand);transition:width .9s var(--ease)}
.mx .prev-win[data-build-stage="0"] .build-empty{opacity:1}
.mx .prev-win[data-build-stage] .x-b{opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.mx .prev-win[data-build-stage="1"] .x-b[data-at="1"],.mx .prev-win[data-build-stage="2"] .x-b[data-at="1"],.mx .prev-win[data-build-stage="2"] .x-b[data-at="2"],.mx .prev-win[data-build-stage="3"] .x-b[data-at="1"],.mx .prev-win[data-build-stage="3"] .x-b[data-at="2"],.mx .prev-win[data-build-stage="3"] .x-b[data-at="3"],.mx .prev-win[data-build-stage="4"] .x-b{opacity:1;transform:none}
.mx .portal-side .me.x-b{transition-delay:.1s}
.mx .docs.x-b{transition-delay:.12s}
.mx .prev-win .portal{height:100%}
.mx .hows-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.mx .hows-3>div{display:grid;gap:.45rem;align-content:start;justify-items:start;padding:0 .25rem}
.mx .hows-3 b{font-size:15.5px;letter-spacing:-.012em;margin-top:.5rem}
.mx .hows-3 p{font-size:14px;line-height:1.55;color:var(--muted-fg)}

.mx .gallery{margin-top:clamp(2.75rem,1.5rem + 3.5vw,4.5rem);text-align:left}
.mx .gpanel{margin-top:1rem}
.mx .gpanel[hidden]{display:none}
.mx .gprompt{display:flex;align-items:center;gap:.6rem;font-size:13.5px;color:var(--muted-fg);padding:0 .25rem .8rem;min-width:0}
.mx .gprompt>span:nth-child(2){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.mx .gprompt q{color:var(--ink);font-weight:500;quotes:"\201C" "\201D"}
.mx .gprompt .x-pill{flex:none}
.mx .site-lg .site-nav{padding:.9rem 1.5rem}
.mx .site-lg .site-links{gap:1.4rem;font-size:13px}
.mx .site-lg .site-brand{font-size:15px}
.mx .site-lg .site-sec{padding:1.1rem 1.5rem 1.4rem}
.mx .site-lg .site-search{padding:1rem 1.5rem 0}
.mx .site-lg .site-grid{padding:1rem 1.5rem 1.25rem}
.mx .site-lg .site-hero-copy{left:1.5rem;right:1.5rem;bottom:1.4rem}
.mx .site-lg .site-hero-copy b{font-size:30px}
.mx .site-lg .site-hero-copy span{font-size:14px}
.mx .day-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.mx .day{display:grid;gap:.5rem;align-content:start}
.mx .day>b{font-size:12.5px;color:var(--muted-fg);padding:0 .15rem;letter-spacing:.02em;text-transform:uppercase;font-weight:700;font-size:11px}
.mx .site-sec-h span b{color:var(--ink);font-weight:600}
.mx .site-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.mx .site-grid.four .site-card img{height:150px}
.mx .site-grid.four .site-card div.x-meta{padding:.65rem .8rem .75rem}
.mx .site-grid.four .site-card b{font-size:13.5px}
.mx .site-grid.four .site-card .x-meta span{font-size:12px}
.mx .viewing{display:flex;align-items:center;gap:.6rem;margin:0 1.5rem 1.4rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--muted)}
.mx .viewing>div{flex:1;min-width:0}
.mx .viewing b{display:block;font-size:13.5px}
.mx .viewing>div span{display:block;font-size:12px;color:var(--muted-fg);margin-top:1px}
.mx .viewing .inp{height:34px;font-size:12.5px}
.mx .viewing .sbtn{height:34px;padding:0 1rem;font-size:12.5px;border-radius:9px}
.mx .portal-lg .portal-main{padding:1.3rem 1.5rem 1.5rem}
.mx .portal-main.two{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:1.25rem;align-content:start}
.mx .pm-left,.mx .pm-right{display:grid;gap:.85rem;align-content:start;min-width:0}
.mx .pm-right .doc{padding:.55rem .7rem}
.mx .tr .lnk{color:var(--brand);font-weight:600;text-align:right;font-size:12px}
.mx .ent.on{border-color:var(--brand)}
.mx .rolebar{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.mx .rolebar .ts{margin-left:auto}
.mx .keyname{display:flex;align-items:center;gap:.5rem;font-weight:600}
.mx .keyname .x-ic{flex:none}

.mx .tokens{margin-top:1.25rem}
.mx .tokset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.mx .tokset[hidden]{display:none}
.mx .tok{border:1px solid var(--border);border-radius:12px;padding:.7rem .85rem;display:grid;gap:.25rem;align-content:start;min-width:0}
.mx .tok small{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-fg)}
.mx .tok b{font-size:15px;letter-spacing:-.012em}
.mx .tok span:not(.swatches){font-size:12px;color:var(--muted-fg)}
.mx .swatches{display:flex;gap:.3rem;padding:.15rem 0}
.mx .swatches i{width:20px;height:20px;border-radius:6px;display:inline-block}

.mx .x-grow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.mx .gcardx{border:1px solid var(--border);border-radius:1.25rem;background:var(--card);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.mx .grow-vis{background:var(--muted);border-bottom:1px solid var(--border);padding:1.25rem;height:270px;display:grid;gap:.7rem;align-content:center;overflow:hidden}
.mx .grow-body{padding:1.4rem 1.5rem 1.6rem;display:grid;gap:.6rem;align-content:start;justify-items:start}
.mx .grow-body .h3{font-size:1.2rem;letter-spacing:-.02em;margin-top:.3rem}
.mx .grow-body .x-body{font-size:14.5px}
.mx .pubcard{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:.9rem 1rem;display:grid;gap:.5rem}
.mx .pubcard-h{display:flex;align-items:center;gap:.7rem;padding-bottom:.6rem;border-bottom:1px solid var(--line);margin-bottom:.2rem}
.mx .pubcard-h>div{flex:1;min-width:0}
.mx .pubcard-h b{display:block;font-size:14px}
.mx .pubcard-h>div span{display:block;font-size:12px;color:var(--muted-fg)}
.mx .pubcard .domrow{border:0;padding:.35rem 0;background:transparent}
.mx .grow-vis .score{background:var(--card)}
.mx .grow-vis .fix{background:var(--card)}
.mx .gstat{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.mx .gstat>div{border:1px solid var(--border);border-radius:12px;background:var(--card);padding:.7rem .85rem;display:grid;gap:.15rem}
.mx .gstat .x-lbl{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-fg)}
.mx .grow-vis .bars{height:64px;padding:0 .2rem}
.mx .post.mini{border:1px solid var(--border);border-radius:12px;background:var(--card);padding:.7rem .85rem;font-size:12.5px}
.mx .post.mini .ph .x-pill{margin-left:auto;height:20px;font-size:10.5px}

.mx .dappchip{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;padding:.4rem .75rem .4rem .5rem;border:1px solid var(--dark-border);border-radius:999px;font-size:12.5px;font-weight:600;color:#fff;background:var(--dark-3)}
.mx .dappchip i{width:16px;height:16px;border-radius:5px;background:var(--brand);display:inline-block}
.mx .dappchip .ts{color:var(--on-dark-2);font-weight:500}
.mx .drow-msg{display:flex;gap:.6rem;align-items:flex-start;max-width:94%}
.mx .drow-msg .ava{width:28px;height:28px;background:hsl(0 0% 100% / .12)}
.mx .drow-msg .dreply{max-width:none;flex:1}

@media (max-width:1279px){.mx .hp-ea .hp-body{grid-template-columns:minmax(0,1fr) 240px}.mx .hp-ag .agents-win{grid-template-columns:210px minmax(0,1fr)}.mx .hp-apps .builder-body{grid-template-columns:300px minmax(0,1fr)}.mx .hero-grid{grid-template-columns:204px minmax(0,1fr)}}
@media (max-width:1023px){
  .mx .hp-body,.mx .hp-ag .agents-win,.mx .hp-apps .builder-body{min-height:0}
  .mx .hp-ea .hp-body{grid-template-columns:minmax(0,1fr)}
  .mx .hp-chat{border-right:0;border-bottom:1px solid var(--border)}
  .mx .hp-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .9rem}
  .mx .hp-rail .rail-h{grid-column:1/-1}
  .mx .hp-ag .ag-side,.mx .hp-ag .ag-main{overflow:visible}
  .mx .facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mx .x-grow{grid-template-columns:minmax(0,1fr)}
  .mx .grow-vis{height:auto;min-height:240px}
  .mx .portal-main.two{grid-template-columns:minmax(0,1fr)}
  .mx .site-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mx .day-grid{grid-template-columns:minmax(0,1fr)}
  .mx .hows-3{gap:1rem}
  .mx .viewing{flex-wrap:wrap}
  .mx .viewing>div{flex:1 0 100%}
}
@media (max-width:639px){
  .mx .hp-rail{grid-template-columns:minmax(0,1fr)}
  .mx .facts{grid-template-columns:minmax(0,1fr)}
  .mx .facts-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mx .tokset{grid-template-columns:minmax(0,1fr)}
  .mx .site-lg .site-nav{padding:.75rem 1rem}
  .mx .site-lg .site-links{display:none}
  .mx .site-lg .site-sec,.mx .site-lg .site-search,.mx .site-lg .site-grid{padding-inline:1rem}
  .mx .site-lg .site-hero-copy{left:1rem;right:1rem;bottom:1rem}
  .mx .site-lg .site-hero-copy b{font-size:22px}
  .mx .site-grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  .mx .site-grid.four .site-card img{height:110px}
  .mx .viewing{margin-inline:1rem}
  .mx .gprompt>span:nth-child(2){white-space:normal}
  .mx .gstat{grid-template-columns:1fr 1fr}
  .mx .drow-msg{max-width:100%}
  .mx .prev-win[data-dev="tablet"] .site,.mx .prev-win[data-dev="phone"] .site{width:100%;border-inline:0}
}
.mx .activity-h>svg{width:15px;height:15px;stroke:var(--ok);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mx .site-band{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 1.5rem 1.5rem;padding:1rem 1.25rem;border-radius:14px;background:var(--dark);color:#fff}
.mx .site-band b{display:block;font-size:14.5px}
.mx .site-band>div span{display:block;font-size:12.5px;color:hsl(0 0% 100% / .72);margin-top:2px}
.mx .site-band .site-cta{background:#fff;color:var(--ink);flex:none}
.mx .gpanel>.pw{min-height:560px}
.mx .portal-lg{min-height:0;height:100%}
@media (max-width:639px){.mx .site-band{margin-inline:1rem;flex-direction:column;align-items:flex-start}}
@media (max-width:639px){.mx br.x-d{display:none}.mx .tool>span:not(.okd){white-space:normal}}
@media (max-width:1023px){.mx .ht-t span{white-space:normal}}

.mx .hero-grid{display:grid;grid-template-columns:250px minmax(0,1fr)}
.mx .hero-nav{display:flex;flex-direction:column;gap:.35rem;padding:.9rem .75rem;border-right:1px solid var(--border);background:hsl(240 5% 98.5%);min-width:0}
.mx .hnav{position:relative;display:flex;align-items:center;gap:.7rem;text-align:left;padding:.65rem .8rem .8rem;border:1px solid transparent;border-radius:12px;background:transparent;font-family:inherit;color:var(--ink);overflow:hidden;min-width:0;cursor:pointer;transition:background var(--dur),border-color var(--dur)}
.mx .hnav>b{font-size:14.5px;letter-spacing:-.012em;line-height:1.2;min-width:0}
.mx .hnav .x-ic{margin-top:0}
.mx .hnav:hover{background:var(--card)}
.mx .hnav[aria-selected="true"]{background:var(--card);border-color:var(--border)}
.mx .hnav .ht-t{gap:2px}
.mx .hnav .ht-t b{white-space:normal;line-height:1.25}
.mx .hnav .ht-t span{white-space:normal;line-height:1.35}
.mx .hnav .ht-t q{display:block;font-size:12px;color:var(--muted-fg-2);line-height:1.4;margin-top:.35rem;quotes:"\201C" "\201D";font-style:italic}
.mx .hnav .x-ic{margin-top:1px}
.mx .hnav .x-bar{position:absolute;left:.8rem;right:.8rem;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--brand);transform:scaleX(0);transform-origin:left;opacity:0}
.mx .hnav[aria-selected="true"] .x-bar{opacity:1}
.mx .hero-nav .rail-note{padding:.6rem .5rem 0}
.mx .hero-stage{min-width:0;display:grid}
.mx .hero-stage>*{min-width:0}
.mx .gstage .gpanel{margin:0}
.mx .gwrap{min-height:560px;display:flex;flex-direction:column}
.mx .gwrap .site,.mx .gwrap .portal{flex:1}
@media (max-width:1023px){
  .mx .hero-grid{grid-template-columns:minmax(0,1fr)}
  .mx .hero-nav{flex-direction:row;gap:.4rem;padding:.6rem;border-right:0;border-bottom:1px solid var(--border)}
  .mx .hnav{flex:1;justify-content:center;padding:.6rem .65rem .8rem;gap:.55rem}
  .mx .hnav .x-bar{left:.65rem;right:.65rem}
  .mx .hnav .ht-t q{display:none}
  .mx .hero-nav .rail-note{display:none}
  .mx .hp-ag .agents-win{grid-template-columns:minmax(0,1fr)}
  .mx .hp-apps .builder-body{grid-template-columns:minmax(0,1fr)}
  .mx .gwrap{min-height:0}
}
@media (max-width:639px){
  .mx .hero-nav{padding:.5rem;gap:.3rem}
  .mx .hnav{flex-direction:column;align-items:flex-start;padding:.55rem .55rem .75rem;gap:.45rem}
  .mx .hnav .ht-t>span{display:none}
  .mx .hnav .ht-t b{font-size:12.5px}
  .mx .hnav .x-ic{width:30px;height:30px;border-radius:8px}
  .mx .hnav .x-ic svg{width:15px;height:15px}
  .mx .hnav .x-bar{left:.55rem;right:.55rem}
}

.mx .show-p{display:none}
@media (max-width:1023px){
  .mx .agents-win,.mx .hp-ag .agents-win{grid-template-columns:236px minmax(0,1fr)}
  .mx .ag-side{border-right:1px solid var(--border);border-bottom:0;padding:1rem .7rem}
  .mx .ag-main{padding:1.1rem 1.15rem}
  .mx .bgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
  .mx .bcard{padding:.75rem .8rem}
  .mx .day-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
  .mx .day .site-row{padding:.5rem .55rem;gap:.5rem}
  .mx .day .site-row em{padding:0 .55rem}
}
@media (max-width:639px){
  .mx .hp-rail{display:none}
  .mx .hp-chat{border-bottom:0}
  .mx .agents-win,.mx .hp-ag .agents-win{grid-template-columns:minmax(0,1fr)}
  .mx .ag-side{border-right:0;border-bottom:1px solid var(--border);padding:.75rem .8rem .7rem}
  .mx .ag-side .rail-h{padding:0 .1rem .5rem}
  .mx .roster{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.4rem;padding:2px 2px 4px;margin:0 -2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mx .roster::-webkit-scrollbar{display:none}
  .mx .ag-row{flex:0 0 auto;width:auto;padding:.35rem .75rem .35rem .4rem;border-color:var(--border);border-radius:999px;background:var(--card);gap:.5rem}
  .mx .ag-row>div span,.mx .ag-row .dotst{display:none}
  .mx .ag-row>div b{font-size:12.5px}
  .mx .ag-row .x-ic{width:26px;height:26px;border-radius:999px}
  .mx .ag-row .x-ic svg{width:13px;height:13px}
  .mx .ag-row.on{background:var(--ink);border-color:var(--ink)}
  .mx .ag-row.on b{color:#fff}
  .mx .rail-note{display:none}
  .mx .ag-main{padding:1rem .9rem 1.1rem;gap:.8rem}
  .mx .ag-title{display:grid;grid-template-columns:40px minmax(0,1fr);gap:.4rem .7rem;align-items:start}
  .mx .ag-title .x-ic{width:40px;height:40px;border-radius:11px}
  .mx .ag-title .x-ic svg{width:20px;height:20px}
  .mx .ag-title b{font-size:16px}
  .mx .ag-title .x-pill{grid-column:2;justify-self:start;margin-left:0}
  .mx .bgrid{grid-template-columns:minmax(0,1fr);gap:.6rem}
  .mx .agd{gap:.8rem}
  .mx .agq{font-size:13.5px;padding:.7rem .85rem}
  .mx .facts{gap:.5rem}
  .mx .facts>div{padding:.6rem .75rem}
  .mx .day-grid{grid-template-columns:minmax(0,1fr)}
  .mx .hows-3{grid-template-columns:minmax(0,1fr);gap:1.25rem}
  .mx .prev-bar .pagepill em{display:none}
  .mx .doc b,.mx .file b{white-space:normal}
  .mx .site-lg .site-hero{height:200px !important}
  .mx .site-lg .site-hero-copy b{font-size:22px}
  .mx .site-lg .site-hero-copy span{font-size:12.5px}
  .mx .portal-lg .portal-main{padding:1rem}
  .mx .kpis{gap:.4rem}
  .mx .kpi{padding:.55rem .6rem}
  .mx .kpi b{font-size:15px}
  .mx .tabvis .dash-main{padding:1rem 1rem 1.1rem}
  .mx .dash-h b{font-size:15px}
  .mx .btnm{height:32px;padding:0 .8rem;font-size:12px}
  .mx .tfoot{flex-wrap:wrap;gap:.5rem}
  .mx .uwin-main,.mx .uwin-side{padding:1rem .9rem}
  .mx .grow-vis{padding:1rem}
  .mx .grow-body{padding:1.15rem 1.15rem 1.3rem}
  .mx .dwin-chat,.mx .dwin-side{padding:1rem .9rem}
  .mx .change{padding:.7rem .8rem}
  .mx .dstat div{padding:.5rem .55rem}
  .mx .dstat b{font-size:15px}
  .mx .themes .h2{font-size:1.9rem}
  .mx .tokset{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
  .mx .tok{padding:.55rem .6rem}
  .mx .tok b{font-size:13.5px}
  .mx .tok span:not(.swatches){font-size:11px}
  .mx .swatches i{width:16px;height:16px;border-radius:5px}
  .mx .theme-tabs{gap:.4rem}
  .mx .theme-tab{height:38px;font-size:13px;padding:0 .85rem 0 .5rem}
  .mx .stepper{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  .mx .stp{padding:.8rem .8rem .9rem;gap:.4rem}
  .mx .builder-top{padding:0 .9rem}
  .mx .builder-chat{padding:1rem .9rem}
  .mx .builder-prev{padding:.75rem}
  .mx .cc-chat,.mx .hp-chat{padding:1rem .9rem}
  .mx .bub{font-size:14px;max-width:92%}
  .mx .composer{padding:.6rem .8rem}
  .mx .chips .chip{font-size:12.5px;height:34px}
  .mx .prompt{padding:1.1rem 1rem .9rem;border-radius:18px}
  .mx .prompt-text{font-size:16px;min-height:0}
  .mx .kinds{gap:.35rem}
  .mx .kind{height:34px;font-size:12.5px;padding:0 .7rem 0 .55rem}
  .mx .prompt-foot .btn{width:100%;justify-content:center}
  .mx .wa-hero .meta-line{gap:.4rem .9rem}
  .mx .hero .actions .btn,.mx .cta .actions .btn{width:100%;justify-content:center}
  .mx .marquee-cap{font-size:13px}
  .mx .gpanel .pw-bar[hidden]{display:none}
}
@media (max-width:479px){
  .mx .hide-p{display:none !important}
  .mx .show-p{display:inline}
  .mx .runc .ts{display:none}
  .mx .runc{padding:.5rem .65rem}
  .mx .site-search{flex-wrap:wrap}
  .mx .site-search .inp{flex:1 1 100%}
  .mx .site-search .sbtn{flex:1}
  .mx .site-grid.four .site-card img{height:100px}
  .mx .h1{letter-spacing:-.035em}
  .mx .pillars{gap:1rem}
  .mx .pillar-vis{height:260px;padding:1rem 1rem 0}
  .mx .pillar-body{padding:1.2rem 1.2rem 1.4rem}
  .mx .trust>div{padding:1.2rem}
  .mx .chan{padding:1.1rem .5rem 1rem}
  .mx .chan-mark{width:52px;height:52px;border-radius:15px}
  .mx .chan-mark svg{width:28px;height:28px}
  .mx .cta{padding:2.5rem 1.25rem}
  .mx .faq summary{padding:1rem 1.1rem;font-size:15px}
  .mx .faq-body{padding:0 1.1rem 1.1rem}
}

.mx .activity-h{padding:.5rem .75rem;font-size:12.5px}
.mx .x-acts{padding:.45rem .75rem .55rem;gap:.4rem}
.mx .act code{font-size:11px;padding:.05rem .3rem}
.mx .shotchip{font-size:12px}
@media (max-width:639px){
  .mx .pw-bar .dots{display:none}
  .mx .pw-bar{height:42px;padding:0 .9rem}
  .mx .pw-bar .pw-name{margin-inline:0}
  .mx .pw-bar .x-pill{margin-left:auto}
  .mx .hero-win{margin-top:1.75rem}
  .mx .hero .lead{font-size:16px;line-height:1.5;margin-top:1rem}
  .mx .hero .actions{margin-top:1.4rem;gap:.5rem}
  .mx .hero .meta-line{margin-top:1rem}
  .mx .hero-nav{padding:.6rem .6rem 0;gap:.35rem;border-bottom:0;background:var(--card)}
  .mx .hnav{flex-direction:row;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .5rem;border-radius:999px;border:1px solid var(--border);background:var(--card)}
  .mx .hnav>b{font-size:12.5px}
  .mx .hnav .x-ic{width:22px;height:22px;border-radius:999px}
  .mx .hnav .x-ic svg{width:12px;height:12px}
  .mx .hnav[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
  .mx .hnav[aria-selected="true"] .x-ic{background:hsl(0 0% 100% / .16);color:#fff}
  .mx .hnav .x-bar{left:.75rem;right:.75rem;height:2px;background:#fff;opacity:0}
  .mx .hnav[aria-selected="true"] .x-bar{opacity:.9}
  .mx .hero-stage{border-top:1px solid var(--border);margin-top:.6rem}
  .mx .hp-chat{padding:.85rem .8rem .9rem}
  .mx .hp-chat .chat{gap:.6rem}
  .mx .hp-chat .bub{font-size:13.5px;padding:.6rem .8rem;max-width:94%}
  .mx .hp-chat .tools{display:grid;gap:.4rem}
  .mx .hp-chat .tool{padding:.5rem .65rem;font-size:12.5px;gap:.55rem}
  .mx .hp-chat .tool img{width:16px;height:16px}
  .mx .hp-chat .approve{padding:.7rem .8rem;gap:.5rem}
  .mx .hp-chat .approve p{font-size:13px}
  .mx .hp-chat .approve-h{font-size:13px}
  .mx .hp-chat .composer{margin-top:.75rem}
  .mx .hp-ag .ag-side{padding:.7rem .8rem .6rem}
  .mx .hp-ag .ag-main{padding:.85rem .8rem 1rem;gap:.7rem}
  .mx .hp-ag .agq{display:none}
  .mx .hp-ag .facts{grid-template-columns:minmax(0,1fr);gap:.4rem}
  .mx .hp-ag .facts>div{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem}
  .mx .hp-ag .facts small{flex:none;width:92px;font-size:10px;letter-spacing:.06em}
  .mx .hp-ag .facts b{font-size:13px}
  .mx .hp-ag .facts .bp{height:24px;font-size:11px;padding:0 .5rem}
  .mx .hp-ag .facts .bp img{width:13px;height:13px}
  .mx .hp-ag .rail-h{padding:.2rem .1rem .3rem}
  .mx .hp-apps .builder-top{height:48px;padding:0 .8rem}
  .mx .hp-apps .segs{display:none}
  .mx .hp-apps .builder-chat{padding:.85rem .8rem;gap:.6rem}
  .mx .hp-apps .builder-prev{padding:.6rem}
  .mx .hp-apps .prev-win .site-hero{height:170px}
  .mx .hp-apps .site-row:nth-child(4){display:none}
}
.mx svg.gmark,.mx svg.gmark path{stroke:none !important;stroke-width:0 !important}
.mx svg.gmark{width:16px;height:16px;flex:none;display:inline-block;vertical-align:-3px}
.mx .google svg.gmark{width:18px;height:18px}

.mx .hp-apps .prev-win .site-hero{height:200px}
.mx .hp-apps .builder-prev{padding-bottom:1rem}
.mx .builder-prev .prev-win{min-height:420px}
.mx .site-sec{flex:1;align-content:start}
.mx .hnav[aria-selected="true"] .x-bar{opacity:0}
.mx .is-auto .hnav[aria-selected="true"] .x-bar{opacity:1}
.mx .is-auto .hnav.is-running .x-bar{transform:scaleX(1);transition:transform var(--tab-ms,6000ms) linear}
@media (max-width:639px){
  .mx .gstage .portal .tr{grid-template-columns:1.2fr 1fr 1fr !important}
  .mx .gstage .portal .tr>*:nth-child(2),.mx .gstage .portal .tr>*:nth-child(5){display:none}
  .mx .gstage .portal .rail-h,.mx .gstage .portal .pm-left .lst{display:none}
  .mx .gstage .portal .portal-h .btnm{display:none}
  .mx .gstage .site-search .sel{display:none}
  .mx .gstage .site-search{flex-wrap:nowrap}
  .mx .gstage .site-search .inp{flex:1 1 auto}
  .mx .gstage .site-search .sbtn{flex:none}
  .mx .viewing{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
  .mx .viewing>div{grid-column:1/-1}
  .mx .viewing .sbtn{grid-column:1/-1;justify-content:center;display:inline-flex}
  .mx .site-grid.four .site-card .x-meta span .sq{display:none}
  .mx .pm-right .drop{padding:.8rem}
  .mx .portal-main.two{gap:.9rem}
  .mx .day .site-row em{padding:0 .6rem}
}

@media (max-width:639px){
  .mx .chans{grid-template-columns:minmax(0,1fr);gap:.5rem;margin-top:2rem}
  .mx .chan{display:flex;align-items:center;text-align:left;padding:.65rem .85rem;gap:.85rem;border-radius:14px}
  .mx .chan-mark{width:42px;height:42px;border-radius:12px;flex:none}
  .mx .chan-mark svg{width:24px;height:24px}
  .mx .chan b{font-size:14px}
  .mx .chan div span{margin-top:1px;font-size:12.5px}
  .mx .dwin-bar .dots{display:none}
  .mx .dwin-bar{height:42px;padding:0 .9rem}
  .mx .dwin-bar .pw-name{margin-inline:0}
  .mx .dwin-bar .x-pill{margin-left:auto}
  .mx .dcomposer{padding:0 .4rem 0 .85rem;font-size:13px}
  .mx .dcomposer .send{width:30px;height:30px}
  .mx .dstat{gap:.4rem}
  .mx .dstat div{padding:.45rem .5rem}
  .mx .dstat span{font-size:10.5px}
  .mx .pm .x-ic{width:28px;height:28px}
  .mx .pm{height:44px;font-size:13px;padding:0 .9rem 0 .45rem}
  .mx .pm-wrap{margin-top:2rem;gap:.6rem}
  .mx .pm-cta{margin-top:1.75rem}
  .mx .tokens{margin-top:1rem}
  .mx .tokset{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mx .tok small{font-size:9.5px}
  .mx .tapp{padding:1.2rem 1.1rem 1.25rem;gap:.9rem}
  .mx .tapp h3{font-size:1.4rem}
  .mx .tapp .photo{height:170px}
  .mx .tapp .cards{grid-template-columns:1fr}
  .mx .sec-head .lead,.mx .hero .lead,.mx .wa-hero .lead{font-size:16px;line-height:1.55}
  .mx .eyebrow.center::before,.mx .eyebrow.center::after{width:18px}
  .mx .stepper{gap:.45rem;margin-top:1rem}
  .mx .stp b{font-size:13.5px}
  .mx .stp span{font-size:12px}
  .mx .grow-body .h3{font-size:1.1rem}
  .mx .trust{gap:.6rem}
  .mx .trust>div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.15rem .9rem;padding:1rem 1.05rem;align-items:center}
  .mx .trust>div .x-ic{grid-row:1/3}
  .mx .trust b{margin-top:0;font-size:14.5px}
  .mx .trust p{font-size:13px}
  .mx .faqwrap{margin-top:1.75rem}
  .mx .cta .h2{font-size:1.75rem}
  .mx .cta .lead{font-size:15.5px}
  .mx .cta-trust{gap:.4rem .9rem}
  .mx .marquee-cap{margin-bottom:1rem}
  .mx .pillar-vis .site-search{flex-wrap:nowrap}
  .mx .pillar-vis .site-search .inp{flex:1 1 auto}
  .mx .pillar-vis .site-search .sbtn{flex:none}
  .mx .hows{gap:.9rem}
  .mx .step-vis{height:200px;padding:1.1rem}
  .mx .step-body{padding:1.15rem 1.15rem 1.3rem}
  .mx .sec-tight{padding-block:2.5rem}
}
@media (max-width:479px){
  .mx .h1{font-size:2.3rem}
  .mx .h2{font-size:1.7rem}
  .mx .sec{padding-block:3.5rem}
  .mx .sec-head.center .lead{margin-top:.8rem}
  .mx .sec-head .h2{margin-top:.7rem}
  .mx .hero-win{margin-top:1.5rem}
  .mx .prompt{margin-top:1.5rem}
  .mx .gallery{margin-top:1.75rem}
  .mx .pillars{margin-top:2rem}
  .mx .split-vis{margin-top:1.5rem}
  .mx .x-mt-12{margin-top:2rem}
  .mx .x-mt-10{margin-top:1.75rem}
  .mx .x-mt-8{margin-top:1.5rem}
  .mx .themes .h2{font-size:1.75rem}
  .mx .dgrid{margin-top:2rem;gap:.9rem}
  .mx .dcard{padding:1.1rem}
  .mx .orbit{width:min(100% - 40px,320px)}
  .mx .hows{margin-top:2rem}
  .mx .chans{margin-top:1.75rem}
  .mx .tabs{margin-top:1.5rem;gap:.3rem}
  .mx .tab{height:36px;font-size:12.5px;padding:0 .8rem 0 .6rem}
  .mx .tabpanel{margin-top:1.5rem;gap:1.25rem}
  .mx .tabpanel .h3{font-size:1.25rem}
  .mx .tabvis{min-height:0}
}
.mx .photo-credits{font-size:11.5px;color:var(--muted-fg-2);text-align:center;padding:0 0 1.25rem}
.mx .photo-credits a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media (prefers-reduced-motion:reduce){.mx *,.mx *::before,.mx *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}.mx .reveal:not([data-typing]),.mx .built .x-b{opacity:1 !important;transform:none !important}.mx .reveal[data-typing]{display:none}.mx .skel{display:none}.mx .activity-h .spin{display:none}.mx .htab .x-bar,.mx .gtab .x-bar,.mx .hnav .x-bar{transition:none}.mx .build-empty{display:none}.mx .toast{display:none}}