/* ===== embedded product components (scoped: #mx1…#mx7) ===== */
#mx1{--ui:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;--ease:cubic-bezier(.2,.65,.2,1);padding:0}
#mx1,#mx1 *{box-sizing:border-box;margin:0;padding:0}
#mx1{font-family:var(--ui);display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;padding:0}
#mx1 .mx1-win{
    --win-bg:#1C1B0D; --panel:#2A2A1B; --panel-2:#343426;
    --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
    --txt:#F6F7F2; --txt-soft:rgba(255,255,255,.56); --txt-mut:rgba(255,255,255,.36);
    --green:#8FB824; --green-l:#D2FF51;
    --ochre:#D2FF51; --ochre-l:#E7FF95;
    --hot:rgba(210,255,81,.09);
    --bar-bg:rgba(255,255,255,.02);
    --mark:rgba(143,184,36,.22);
    --shadow:0 66px 104px -46px rgba(30,26,22,.62), 0 3px 10px -4px rgba(30,26,22,.4), inset 0 0 0 1px rgba(255,255,255,.06);
    width:480px;max-width:100%;background:var(--win-bg);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);position:relative}
#mx1 .mx1-win.mx1-light{
    --win-bg:#FFFFFF; --panel:#FAFAF9; --panel-2:#F2F2F0;
    --line:rgba(24,24,22,.09); --line-2:rgba(24,24,22,.14);
    --txt:#22210F; --txt-soft:rgba(28,28,26,.62); --txt-mut:rgba(28,28,26,.40);
    --green:#55701A; --green-l:#55701A;
    --ochre:#55701A; --ochre-l:#5C690F;
    --hot:rgba(210,255,81,.07);
    --bar-bg:#FBFBFA;
    --mark:rgba(46,107,79,.16);
    --shadow:0 50px 90px -44px rgba(60,50,38,.44), 0 2px 8px -3px rgba(60,50,38,.16), inset 0 0 0 1px rgba(24,24,22,.07);
  }
#mx1 .mx1-bar{display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bar-bg)}
#mx1 .mx1-bar .mx1-mk{width:16px;height:16px;flex:0 0 auto}
#mx1 .mx1-bar .mx1-nm{font-family:'Dazzed',Arial,sans-serif;font-weight:600;font-size:13.5px;letter-spacing:-.01em;color:var(--txt)}
#mx1 .mx1-bar .mx1-spacer{flex:1}
#mx1 .mx1-bar .mx1-screen{font-size:11.5px;font-weight:500;color:var(--txt-mut)}
#mx1 .mx1-stage{position:relative;height:350px}
#mx1 .mx1-frame{position:absolute;inset:0;opacity:0;transform:translateX(22px);
         transition:opacity .48s var(--ease),transform .48s var(--ease);pointer-events:none;display:flex;flex-direction:column}
#mx1 .mx1-frame.mx1-live{opacity:1;transform:none;pointer-events:auto}
#mx1 .mx1-frame.mx1-past{opacity:0;transform:translateX(-22px)}
#mx1 .mx1-head{display:flex;align-items:baseline;gap:8px;padding:13px 16px 9px}
#mx1 .mx1-head .mx1-h{font-size:13px;font-weight:600;color:var(--txt);letter-spacing:-.005em}
#mx1 .mx1-head .mx1-n{margin-left:auto;font-size:11px;color:var(--txt-mut)}
#mx1 .mx1-list{flex:1;overflow:hidden}
#mx1 .mx1-who{display:flex;align-items:center;gap:11px;padding:9px 16px;border-top:1px solid var(--line);position:relative;
       opacity:0;transform:translateY(5px);transition:opacity .38s var(--ease),transform .38s var(--ease),background .45s var(--ease)}
#mx1 .mx1-who.mx1-in{opacity:1;transform:none}
#mx1 .mx1-who.mx1-hot{background:var(--hot)}
#mx1 .mx1-who.mx1-hot::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--ochre)}
#mx1 .mx1-who.mx1-tapped{background:var(--panel-2)}
#mx1 .mx1-mono{width:30px;height:30px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
        font-size:10.5px;font-weight:600}
#mx1 .mx1-who .mx1-c{flex:1;min-width:0}
#mx1 .mx1-who .mx1-l1{display:flex;align-items:baseline;gap:7px}
#mx1 .mx1-who .mx1-n2{font-size:13px;font-weight:600;color:var(--txt)}
#mx1 .mx1-who .mx1-src{margin-left:auto;font-size:10.5px;color:var(--txt-mut);flex:0 0 auto}
#mx1 .mx1-who .mx1-why{display:block;font-size:12px;color:var(--txt-soft);margin-top:2px;line-height:1.35}
#mx1 .mx1-who .mx1-why b{color:var(--txt);font-weight:600}
#mx1 .mx1-pad{padding:13px 16px;display:flex;flex-direction:column;flex:1}
#mx1 .mx1-back{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--txt-mut)}
#mx1 .mx1-back svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#mx1 .mx1-top{display:flex;align-items:center;gap:11px;margin-top:11px;padding-bottom:12px;border-bottom:1px solid var(--line)}
#mx1 .mx1-top .mx1-mono{width:36px;height:36px;font-size:12px}
#mx1 .mx1-top .mx1-n3{font-size:15px;font-weight:600;color:var(--txt);line-height:1.25}
#mx1 .mx1-top .mx1-r{font-size:12px;color:var(--txt-soft);margin-top:2px}
#mx1 .mx1-lbl{display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--txt-mut);margin-top:13px}
#mx1 .mx1-post{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:10px 12px;margin-top:7px;
        font-size:12.5px;line-height:1.55;color:var(--txt);
        opacity:0;transform:translateY(5px);transition:opacity .42s var(--ease),transform .42s var(--ease)}
#mx1 .mx1-post.mx1-go{opacity:1;transform:none}
#mx1 .mx1-post .mx1-via{display:block;font-size:10.5px;color:var(--txt-mut);margin-top:6px}
#mx1 .mx1-knew{display:flex;align-items:flex-start;gap:9px;padding:6px 0;
        opacity:0;transform:translateY(5px);transition:opacity .38s var(--ease),transform .38s var(--ease)}
#mx1 .mx1-knew.mx1-go{opacity:1;transform:none}
#mx1 .mx1-knew .mx1-dot{width:14px;height:14px;border-radius:50%;background:rgba(143,184,36,.18);color:var(--green-l);flex:0 0 auto;
             display:flex;align-items:center;justify-content:center;margin-top:1px}
#mx1 .mx1-knew .mx1-dot svg{width:8px;height:8px;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
#mx1 .mx1-knew .mx1-t{flex:1;min-width:0;font-size:12.5px;line-height:1.4;color:var(--txt)}
#mx1 .mx1-knew .mx1-t b{font-weight:600}
#mx1 .mx1-knew .mx1-t i{font-style:normal;color:var(--txt-mut)}
#mx1 .mx1-to{display:flex;align-items:center;gap:8px;padding-bottom:11px;border-bottom:1px solid var(--line)}
#mx1 .mx1-to .mx1-k{font-size:11.5px;color:var(--txt-mut)}
#mx1 .mx1-to .mx1-chip{display:inline-flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line);
            border-radius:20px;padding:3px 11px 3px 3px}
#mx1 .mx1-to .mx1-chip .mx1-mono{width:20px;height:20px;font-size:8px}
#mx1 .mx1-to .mx1-chip .mx1-n4{font-size:12px;font-weight:500;color:var(--txt)}
#mx1 .mx1-draft{font-size:13.5px;line-height:1.68;color:var(--txt);padding-top:13px;flex:1}
#mx1 .mx1-draft w{opacity:0;transition:opacity .16s linear}
#mx1 .mx1-draft w.mx1-in{opacity:1}
#mx1 .mx1-draft em{font-style:normal;border-radius:4px;padding:1px 3px;background:transparent;transition:background .5s var(--ease)}
#mx1 .mx1-draft em.mx1-lit{background:var(--mark)}
#mx1 .mx1-caret{display:inline-block;width:1.5px;height:15px;background:var(--green-l);vertical-align:-3px;margin-left:1px;opacity:0}
#mx1 .mx1-caret.mx1-on{opacity:1;animation:mx1-blink 1.1s step-end infinite}
@keyframes mx1-blink{50%{opacity:0}}
#mx1 .mx1-m1{background:#356B51;color:#CFE8DC}
#mx1 .mx1-m2{background:#7A5F35;color:#F2E3C6}
#mx1 .mx1-m3{background:#6B4444;color:#F0D9D9}
#mx1 .mx1-m4{background:#44536B;color:#D8E3F0}
#mx1 .mx1-m5{background:#4A4468;color:#DFD9F0}
#mx1 .mx1-m6{background:#3D5C5C;color:#D3E7E7}
#mx1 .mx1-light .mx1-m1{background:#E9F6C4;color:#55701A}
#mx1 .mx1-light .mx1-m2{background:#F2E6CC;color:#7A5A22}
#mx1 .mx1-light .mx1-m3{background:#F0DEDE;color:#6B4040}
#mx1 .mx1-light .mx1-m4{background:#DFE6F0;color:#3E4E68}
#mx1 .mx1-light .mx1-m5{background:#E4E0F0;color:#474068}
#mx1 .mx1-light .mx1-m6{background:#D9E8E8;color:#365454}
#mx1 .mx1-cursor{position:absolute;left:0;top:0;width:18px;height:18px;z-index:20;opacity:0;pointer-events:none;
          transition:opacity .3s ease, transform .95s cubic-bezier(.3,.6,.2,1)}
#mx1 .mx1-cursor.mx1-show{opacity:1}
#mx1 .mx1-cursor svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
#mx1 .mx1-prg{position:absolute;top:0;left:0;right:0;height:2.5px;background:rgba(255,255,255,.09);z-index:45}
#mx1 .mx1-prg i{display:block;height:100%;width:100%;background:var(--ochre,#D2FF51);transform:scaleX(0);transform-origin:left}
#mx1 .mx1-win.mx1-light .mx1-prg{background:rgba(24,24,22,.12)}
@media (prefers-reduced-motion:reduce){#mx1 .mx1-prg{display:none}
#mx1 .mx1-frame,#mx1 .mx1-who,#mx1 .mx1-post,#mx1 .mx1-knew,#mx1 .mx1-draft em{transition:none}
#mx1 .mx1-draft w{opacity:1!important;transition:none}
#mx1 .mx1-caret{display:none}
#mx1 .mx1-cursor{display:none}}
#mx2{--ui:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;--ease:cubic-bezier(.2,.65,.2,1);padding:0}
#mx2,#mx2 *{box-sizing:border-box;margin:0;padding:0}
#mx2{font-family:var(--ui);display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;padding:0}
#mx2 .mx2-win{
    --win-bg:#1C1B0D; --panel:#2A2A1B; --panel-2:#343426;
    --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
    --txt:#F6F7F2; --txt-soft:rgba(255,255,255,.56); --txt-mut:rgba(255,255,255,.36);
    --green:#8FB824; --green-h:#47996F; --green-l:#D2FF51;
    --ochre:#D2FF51; --ochre-l:#E7FF95;
    --bar-bg:rgba(255,255,255,.02);
    --act-bg:rgba(255,255,255,.06);
    --wave:rgba(255,255,255,.22);
    --shadow:0 66px 104px -46px rgba(30,26,22,.62), 0 3px 10px -4px rgba(30,26,22,.4), inset 0 0 0 1px rgba(255,255,255,.06);
    width:480px;max-width:100%;background:var(--win-bg);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);position:relative}
#mx2 .mx2-win.mx2-light{
    --win-bg:#FFFFFF; --panel:#FAFAF9; --panel-2:#F2F2F0;
    --line:rgba(24,24,22,.09); --line-2:rgba(24,24,22,.14);
    --txt:#22210F; --txt-soft:rgba(28,28,26,.62); --txt-mut:rgba(28,28,26,.40);
    --green:#55701A; --green-h:#2A6048; --green-l:#55701A;
    --ochre:#55701A; --ochre-l:#5C690F;
    --bar-bg:#FBFBFA;
    --act-bg:rgba(24,24,22,.045);
    --wave:rgba(28,28,26,.20);
    --shadow:0 50px 90px -44px rgba(60,50,38,.44), 0 2px 8px -3px rgba(60,50,38,.16), inset 0 0 0 1px rgba(24,24,22,.07);
  }
#mx2 .mx2-bar{display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bar-bg)}
#mx2 .mx2-bar .mx2-mk{width:16px;height:16px;flex:0 0 auto}
#mx2 .mx2-bar .mx2-nm{font-family:'Dazzed',Arial,sans-serif;font-weight:600;font-size:13.5px;letter-spacing:-.01em;color:var(--txt)}
#mx2 .mx2-bar .mx2-spacer{flex:1}
#mx2 .mx2-bar .mx2-screen{font-size:11.5px;font-weight:500;color:var(--txt-mut)}
#mx2 .mx2-mo{opacity:0;transform:translateY(7px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
#mx2 .mx2-on .mx2-mo.mx2-go{opacity:1;transform:none}
#mx2 .mx2-stage{position:relative;height:350px}
#mx2 .mx2-frame{position:absolute;inset:0;opacity:0;transform:translateX(22px);
         transition:opacity .48s var(--ease),transform .48s var(--ease);pointer-events:none;display:flex;flex-direction:column}
#mx2 .mx2-frame.mx2-live{opacity:1;transform:none;pointer-events:auto}
#mx2 .mx2-frame.mx2-past{opacity:0;transform:translateX(-22px)}
#mx2 .mx2-f1{justify-content:center;padding:0 20px}
#mx2 .mx2-f2 .mx2-head,#mx2 .mx2-f3 .mx2-head{border-bottom:1px solid var(--line)}
#mx2 .mx2-notif{width:100%;max-width:344px;margin:0 auto;background:var(--panel);border:1px solid var(--line-2);
         border-radius:14px;padding:13px 14px;cursor:pointer;
         box-shadow:0 30px 48px -28px rgba(0,0,0,.62), 0 2px 6px -2px rgba(0,0,0,.3);
         opacity:0;transform:translateY(-12px) scale(.97);
         transition:opacity .5s var(--ease),transform .5s var(--ease)}
#mx2 .mx2-light .mx2-notif{box-shadow:0 26px 44px -26px rgba(60,50,38,.34), 0 2px 6px -2px rgba(60,50,38,.14)}
#mx2 .mx2-on .mx2-notif.mx2-go{opacity:1;transform:none}
#mx2 .mx2-on .mx2-notif.mx2-go.mx2-press{transform:scale(.972);transition:transform .13s ease}
#mx2 .mx2-n-top{display:flex;align-items:center;gap:8px}
#mx2 .mx2-n-top .mx2-mk{width:15px;height:15px;flex:0 0 auto}
#mx2 .mx2-n-top .mx2-mk .mx2-d{fill:var(--ochre)}
#mx2 .mx2-n-top .mx2-mk .mx2-r{fill:none;stroke:var(--green-l);stroke-width:6}
#mx2 .mx2-n-top .mx2-app{font-family:'Dazzed',Arial,sans-serif;font-weight:600;font-size:12px;color:var(--txt)}
#mx2 .mx2-n-top .mx2-when{margin-left:auto;font-size:11px;color:var(--txt-mut)}
#mx2 .mx2-n-ttl{font-size:14px;font-weight:600;color:var(--txt);line-height:1.3;letter-spacing:-.005em;margin-top:10px}
#mx2 .mx2-n-who{display:flex;align-items:center;gap:9px;margin-top:11px}
#mx2 .mx2-n-who .mx2-mono{width:28px;height:28px;font-size:10.5px}
#mx2 .mx2-n-who .mx2-w1{font-size:12.5px;font-weight:600;color:var(--txt);line-height:1.25}
#mx2 .mx2-n-who .mx2-w2{font-size:11px;color:var(--txt-soft);margin-top:1px}
#mx2 .mx2-n-sub{font-size:11.5px;color:var(--txt-mut);margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
#mx2 .mx2-head{display:flex;align-items:center;gap:11px;padding:14px 16px}
#mx2 .mx2-mono{width:34px;height:34px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
        font-size:11.5px;font-weight:600;background:#356B51;color:#CFE8DC}
#mx2 .mx2-light .mx2-mono{background:#E9F6C4;color:#55701A}
#mx2 .mx2-head .mx2-info{flex:1;min-width:0}
#mx2 .mx2-head .mx2-ttl{font-size:14.5px;font-weight:600;color:var(--txt);line-height:1.3;letter-spacing:-.005em}
#mx2 .mx2-head .mx2-sub{font-size:12px;color:var(--txt-soft);margin-top:2px}
#mx2 .mx2-kh{font-size:11px;font-weight:600;color:var(--txt-mut);padding:4px 16px 8px;letter-spacing:.02em}
#mx2 .mx2-row{display:flex;gap:12px;padding:11px 16px;border-top:1px solid var(--line)}
#mx2 .mx2-row .mx2-k{flex:0 0 76px;font-size:11.5px;font-weight:600;color:var(--txt-mut);padding-top:1px}
#mx2 .mx2-row .mx2-v{flex:1;min-width:0}
#mx2 .mx2-row .mx2-v .mx2-tx{font-size:13.5px;line-height:1.5;color:var(--txt)}
#mx2 .mx2-row .mx2-v .mx2-tx b{font-weight:600}
#mx2 .mx2-row .mx2-v .mx2-src{font-size:11px;color:var(--txt-mut);margin-top:4px}
#mx2 .mx2-audio{margin:14px 16px 0;background:var(--panel);border:1px solid var(--line-2);border-radius:12px;padding:12px 13px}
#mx2 .mx2-a-top{display:flex;align-items:center;gap:11px}
#mx2 .mx2-play{width:36px;height:36px;border-radius:50%;flex:0 0 auto;background:var(--green);color:#fff;border:none;
        display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,background .15s ease}
#mx2 .mx2-play.mx2-press{transform:scale(.93)}
#mx2 .mx2-play svg{width:13px;height:13px;fill:currentColor;stroke:none;margin-left:2px}
#mx2 .mx2-play .mx2-pause{display:none}
#mx2 .mx2-play.mx2-playing .mx2-tri{display:none}
#mx2 .mx2-play.mx2-playing .mx2-pause{display:block}
#mx2 .mx2-a-meta{flex:1;min-width:0}
#mx2 .mx2-a-meta .mx2-t1{font-size:13px;font-weight:600;color:var(--txt);line-height:1.3}
#mx2 .mx2-a-meta .mx2-t2{font-size:11.5px;color:var(--txt-mut);margin-top:2px}
#mx2 .mx2-a-time{font-size:11.5px;color:var(--txt-mut);flex:0 0 auto;font-variant-numeric:tabular-nums}
#mx2 .mx2-wave{display:flex;align-items:center;gap:2px;height:26px;margin-top:11px}
#mx2 .mx2-wave i{flex:1;background:var(--wave);border-radius:1.5px;transition:background .12s linear,transform .2s var(--ease)}
#mx2 .mx2-wave i.mx2-done{background:var(--green)}
#mx2 .mx2-wave i.mx2-now{background:var(--green-l);transform:scaleY(1.25)}
#mx2 .mx2-cap{font-size:12.5px;line-height:1.55;color:var(--txt-soft);margin-top:11px;min-height:36px}
#mx2 .mx2-cap w{opacity:0;transition:opacity .16s linear}
#mx2 .mx2-cap w.mx2-in{opacity:1}
#mx2 .mx2-cap b{color:var(--txt);font-weight:600}
#mx2 .mx2-foot{display:flex;align-items:center;gap:7px;padding:12px 16px 14px;font-size:11.5px;color:var(--txt-mut)}
#mx2 .mx2-foot svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
#mx2 .mx2-cursor{position:absolute;left:0;top:0;width:19px;height:19px;z-index:20;opacity:0;pointer-events:none;
          transition:opacity .3s ease, transform .95s cubic-bezier(.3,.6,.2,1)}
#mx2 .mx2-cursor.mx2-show{opacity:1}
#mx2 .mx2-cursor svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
#mx2 .mx2-ring{position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;border:2px solid var(--green-l);
        opacity:0;pointer-events:none;z-index:19;transform:translate(-50%,-50%) scale(.4)}
#mx2 .mx2-ring.mx2-pop{animation:mx2-ringPop .5s var(--ease) forwards}
@keyframes mx2-ringPop{0%{opacity:.7;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}
#mx2 .mx2-prg{position:absolute;top:0;left:0;right:0;height:2.5px;background:rgba(255,255,255,.09);z-index:45}
#mx2 .mx2-prg i{display:block;height:100%;width:100%;background:var(--ochre,#D2FF51);transform:scaleX(0);transform-origin:left}
#mx2 .mx2-win.mx2-light .mx2-prg{background:rgba(24,24,22,.12)}
@media (prefers-reduced-motion:reduce){#mx2 .mx2-prg{display:none}
#mx2 .mx2-mo{transition:none}
#mx2 .mx2-cap w{opacity:1!important;transition:none}
#mx2 .mx2-wave i{transition:none}}
#mx4{--ui:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;--ease:cubic-bezier(.2,.65,.2,1);padding:0}
#mx4,#mx4 *{box-sizing:border-box;margin:0;padding:0}
#mx4{font-family:var(--ui);display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;padding:0}
#mx4 .mx4-win{
    --win-bg:#1C1B0D; --panel:#2A2A1B; --panel-2:#343426;
    --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
    --txt:#F6F7F2; --txt-soft:rgba(255,255,255,.56); --txt-mut:rgba(255,255,255,.36);
    --green:#8FB824; --green-l:#D2FF51;
    --ochre:#D2FF51; --ochre-l:#E7FF95;
    --rec:#D2564B;
    --bar-bg:rgba(255,255,255,.02);
    --wave:rgba(255,255,255,.20);
    --shadow:0 66px 104px -46px rgba(30,26,22,.62), 0 3px 10px -4px rgba(30,26,22,.4), inset 0 0 0 1px rgba(255,255,255,.06);
    width:480px;max-width:100%;background:var(--win-bg);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);position:relative}
#mx4 .mx4-win.mx4-light{
    --win-bg:#FFFFFF; --panel:#FAFAF9; --panel-2:#F2F2F0;
    --line:rgba(24,24,22,.09); --line-2:rgba(24,24,22,.14);
    --txt:#22210F; --txt-soft:rgba(28,28,26,.62); --txt-mut:rgba(28,28,26,.40);
    --green:#55701A; --green-l:#55701A;
    --ochre:#55701A; --ochre-l:#5C690F;
    --rec:#C0453A;
    --bar-bg:#FBFBFA;
    --wave:rgba(28,28,26,.18);
    --shadow:0 50px 90px -44px rgba(60,50,38,.44), 0 2px 8px -3px rgba(60,50,38,.16), inset 0 0 0 1px rgba(24,24,22,.07);
  }
#mx4 .mx4-bar{display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bar-bg)}
#mx4 .mx4-bar .mx4-mk{width:16px;height:16px;flex:0 0 auto}
#mx4 .mx4-bar .mx4-nm{font-family:'Dazzed',Arial,sans-serif;font-weight:600;font-size:13.5px;letter-spacing:-.01em;color:var(--txt)}
#mx4 .mx4-bar .mx4-spacer{flex:1}
#mx4 .mx4-bar .mx4-screen{font-size:11.5px;font-weight:500;color:var(--txt-mut)}
#mx4 .mx4-stage{position:relative;height:334px}
#mx4 .mx4-frame{position:absolute;inset:0;padding:15px 16px;opacity:0;transform:translateX(22px);
         transition:opacity .48s var(--ease),transform .48s var(--ease);pointer-events:none;display:flex;flex-direction:column}
#mx4 .mx4-frame.mx4-live{opacity:1;transform:none;pointer-events:auto}
#mx4 .mx4-frame.mx4-past{opacity:0;transform:translateX(-22px)}
#mx4 .mx4-cap{font-size:11px;color:var(--txt-mut);padding-bottom:9px}
#mx4 .mx4-art{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px 13px;
       opacity:0;transform:translateY(6px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
#mx4 .mx4-art.mx4-go{opacity:1;transform:none}
#mx4 .mx4-art .mx4-src{display:block;font-size:10.5px;font-weight:600;color:var(--ochre-l)}
#mx4 .mx4-art .mx4-hl{display:block;font-size:14px;font-weight:600;line-height:1.4;color:var(--txt);margin-top:5px;letter-spacing:-.005em}
#mx4 .mx4-art .mx4-dek{display:block;font-size:11.5px;color:var(--txt-mut);margin-top:5px}
#mx4 .mx4-askwrap{margin-top:auto}
#mx4 .mx4-asklbl{display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--txt-mut);
          padding-bottom:8px}
#mx4 .mx4-ask{display:flex;align-items:center;gap:11px;background:var(--panel);border:1px solid var(--line-2);border-radius:12px;
       padding:11px 13px;
       opacity:0;transform:translateY(6px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
#mx4 .mx4-ask.mx4-go{opacity:1;transform:none}
#mx4 .mx4-mic{width:32px;height:32px;border-radius:50%;flex:0 0 auto;background:var(--rec);display:flex;align-items:center;
       justify-content:center;color:#fff}
#mx4 .mx4-mic svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
#mx4 .mx4-mic.mx4-on{animation:mx4-mpulse 1.3s ease-in-out infinite}
@keyframes mx4-mpulse{0%,100%{box-shadow:0 0 0 0 rgba(210,86,75,.5)}70%{box-shadow:0 0 0 9px rgba(210,86,75,0)}}
#mx4 .mx4-said{flex:1;min-width:0;font-size:13.5px;line-height:1.5;color:var(--txt)}
#mx4 .mx4-said w{opacity:0;transition:opacity .16s linear}
#mx4 .mx4-said w.mx4-in{opacity:1}
#mx4 .mx4-wv{display:flex;align-items:center;gap:2px;height:20px;width:44px;flex:0 0 auto}
#mx4 .mx4-wv i{flex:1;background:var(--wave);border-radius:1.5px;height:20%;transition:height .2s var(--ease)}
#mx4 .mx4-wv.mx4-on i{background:var(--rec)}
#mx4 .mx4-scan{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--txt-soft);padding-bottom:4px}
#mx4 .mx4-scan .mx4-tk{width:14px;height:14px;border-radius:50%;background:rgba(143,184,36,.18);color:var(--green-l);flex:0 0 auto;
            display:flex;align-items:center;justify-content:center}
#mx4 .mx4-scan .mx4-tk svg{width:8px;height:8px;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
#mx4 .mx4-scan .mx4-did{display:none}
#mx4 .mx4-scan.mx4-done .mx4-sp,#mx4 .mx4-scan.mx4-done .mx4-doing{display:none}
#mx4 .mx4-scan.mx4-done .mx4-did{display:flex;align-items:center;gap:9px}
#mx4 .mx4-sp{width:14px;height:14px;border-radius:50%;border:1.8px solid var(--line-2);border-top-color:var(--txt-mut);
      animation:mx4-spin .8s linear infinite;flex:0 0 auto}
@keyframes mx4-spin{to{transform:rotate(360deg)}}
#mx4 .mx4-count{display:flex;align-items:baseline;gap:8px;padding:2px 0 10px;
         opacity:0;transition:opacity .4s var(--ease)}
#mx4 .mx4-count.mx4-go{opacity:1}
#mx4 .mx4-count .mx4-big{font-family:'Dazzed',Arial,sans-serif;font-size:30px;font-weight:600;color:var(--txt);
              font-variant-numeric:tabular-nums;line-height:1}
#mx4 .mx4-count .mx4-lb{font-size:12.5px;color:var(--txt-soft)}
#mx4 .mx4-hit{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);
       opacity:0;transform:translateY(5px);transition:opacity .38s var(--ease),transform .38s var(--ease)}
#mx4 .mx4-hit.mx4-go{opacity:1;transform:none}
#mx4 .mx4-mono{width:27px;height:27px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
        font-size:9.5px;font-weight:600}
#mx4 .mx4-hit .mx4-c{flex:1;min-width:0}
#mx4 .mx4-hit .mx4-n{display:block;font-size:12.5px;font-weight:600;color:var(--txt);line-height:1.3}
#mx4 .mx4-hit .mx4-y{display:block;font-size:11.5px;color:var(--txt-soft);margin-top:1px;line-height:1.35}
#mx4 .mx4-more{padding-top:9px;font-size:11.5px;color:var(--txt-mut);
        opacity:0;transition:opacity .4s var(--ease)}
#mx4 .mx4-more.mx4-go{opacity:1}
#mx4 .mx4-ed{background:var(--panel);border:1px solid var(--line-2);border-radius:10px;overflow:hidden}
#mx4 .mx4-inner{transition:opacity .28s var(--ease),transform .28s var(--ease)}
#mx4 .mx4-inner.mx4-out{opacity:0;transform:translateX(-14px)}
#mx4 .mx4-inner.mx4-inr{opacity:0;transform:translateX(14px)}
#mx4 .mx4-eto{display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid var(--line)}
#mx4 .mx4-eto .mx4-k{font-size:11.5px;color:var(--txt-mut);flex:0 0 auto}
#mx4 .mx4-chip{display:inline-flex;align-items:center;gap:7px;background:var(--panel-2);border:1px solid var(--line);
        border-radius:20px;padding:3px 11px 3px 3px}
#mx4 .mx4-chip .mx4-mono{width:20px;height:20px;font-size:8px}
#mx4 .mx4-chip .mx4-n2{font-size:12px;font-weight:500;color:var(--txt)}
#mx4 .mx4-pager{margin-left:auto;font-size:11px;color:var(--txt-mut);flex:0 0 auto;font-variant-numeric:tabular-nums}
#mx4 .mx4-etx{padding:13px 12px;font-size:13.5px;line-height:1.66;color:var(--txt);background:var(--win-bg);min-height:104px}
#mx4 .mx4-etx .mx4-words{display:none}
#mx4 .mx4-etx .mx4-words.mx4-live{display:inline}
#mx4 .mx4-etx w{opacity:0;transition:opacity .16s linear}
#mx4 .mx4-etx w.mx4-in{opacity:1}
#mx4 .mx4-etx em{font-style:normal;color:var(--ochre-l);font-weight:500}
#mx4 .mx4-caret{display:inline-block;width:1.5px;height:15px;background:var(--green-l);vertical-align:-3px;margin-left:1px;opacity:0}
#mx4 .mx4-caret.mx4-on{opacity:1;animation:mx4-blink 1.1s step-end infinite}
@keyframes mx4-blink{50%{opacity:0}}
#mx4 .mx4-foot{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:13px;height:57px}
#mx4 .mx4-send{flex:1;background:var(--green);color:#fff;border:none;border-radius:9px;height:44px;
        font-family:var(--ui);font-size:13.5px;font-weight:600;transition:transform .12s ease;
        display:flex;align-items:center;justify-content:center}
#mx4 .mx4-send.mx4-press{transform:scale(.972)}
#mx4 .mx4-skip{background:transparent;color:var(--txt-soft);border:1px solid var(--line-2);border-radius:9px;height:44px;padding:0 16px;
        font-family:var(--ui);font-size:13px;font-weight:500;display:flex;align-items:center}
#mx4 .mx4-toast{position:absolute;left:50%;top:54px;z-index:22;display:inline-flex;align-items:center;gap:8px;
         background:var(--green);color:#fff;border-radius:9px;padding:9px 14px;font-size:12.5px;font-weight:600;white-space:nowrap;
         opacity:0;transform:translate(-50%,-8px);transition:opacity .3s var(--ease),transform .3s var(--ease);
         box-shadow:0 12px 26px -12px rgba(0,0,0,.5)}
#mx4 .mx4-toast.mx4-go{opacity:1;transform:translate(-50%,0)}
#mx4 .mx4-toast .mx4-tk{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.24);display:flex;align-items:center;justify-content:center}
#mx4 .mx4-toast .mx4-tk svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
#mx4 .mx4-cursor{position:absolute;left:0;top:0;width:18px;height:18px;z-index:20;opacity:0;pointer-events:none;
          transition:opacity .3s ease, transform .95s cubic-bezier(.3,.6,.2,1)}
#mx4 .mx4-cursor.mx4-show{opacity:1}
#mx4 .mx4-cursor svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
#mx4 .mx4-ring{position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;border:2px solid var(--green-l);
        opacity:0;pointer-events:none;z-index:19;transform:translate(-50%,-50%) scale(.4)}
#mx4 .mx4-ring.mx4-pop{animation:mx4-ringPop .5s var(--ease) forwards}
@keyframes mx4-ringPop{0%{opacity:.7;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}
#mx4 .mx4-m1{background:#356B51;color:#CFE8DC}
#mx4 .mx4-m2{background:#7A5F35;color:#F2E3C6}
#mx4 .mx4-m3{background:#44536B;color:#D8E3F0}
#mx4 .mx4-light .mx4-m1{background:#E9F6C4;color:#55701A}
#mx4 .mx4-light .mx4-m2{background:#F2E6CC;color:#7A5A22}
#mx4 .mx4-light .mx4-m3{background:#DFE6F0;color:#3E4E68}
#mx4 .mx4-prg{position:absolute;top:0;left:0;right:0;height:2.5px;background:rgba(255,255,255,.09);z-index:45}
#mx4 .mx4-prg i{display:block;height:100%;width:100%;background:var(--ochre,#D2FF51);transform:scaleX(0);transform-origin:left}
#mx4 .mx4-win.mx4-light .mx4-prg{background:rgba(24,24,22,.12)}
@media (prefers-reduced-motion:reduce){#mx4 .mx4-prg{display:none}
#mx4 .mx4-frame,#mx4 .mx4-art,#mx4 .mx4-ask,#mx4 .mx4-hit,#mx4 .mx4-count,#mx4 .mx4-more,#mx4 .mx4-inner,#mx4 .mx4-toast{transition:none}
#mx4 .mx4-said w,#mx4 .mx4-etx w{opacity:1!important;transition:none}
#mx4 .mx4-sp,#mx4 .mx4-mic.mx4-on,#mx4 .mx4-wv i{animation:none}
#mx4 .mx4-caret,#mx4 .mx4-cursor{display:none}}
#mx5{--ui:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,sans-serif;--ease:cubic-bezier(.2,.65,.2,1);--push:cubic-bezier(.32,.72,0,1);padding:0}
#mx5,#mx5 *{box-sizing:border-box;margin:0;padding:0}
#mx5{font-family:var(--ui);display:flex;align-items:center;justify-content:center;gap:52px;flex-wrap:wrap;padding:0}
#mx5 .mx5-phone{
    --page:#14130B; --cell:#22210F; --cell-2:#2A2A1B; --field:#22210F; --sheet:#22210F;
    --sep:rgba(255,255,255,.10);
    --txt:#FFFFFF; --txt-2:rgba(235,235,245,.60); --txt-3:rgba(235,235,245,.32);
    --tint:#D2FF51; --ochre:#D2FF51; --rec:#E0574B;
    --btn-bg:#22210F; --flash:rgba(210,255,81,.16);
    --touch:rgba(255,255,255,.42); --wave:rgba(255,255,255,.22);
    width:326px;background:#12110A;border-radius:46px;padding:9px;
    box-shadow:0 60px 100px -44px rgba(30,26,22,.6), 0 3px 10px -4px rgba(30,26,22,.4), inset 0 0 0 1px rgba(255,255,255,.09);
  }
#mx5 .mx5-phone.mx5-light{
    --page:#F2F1ED; --cell:#FFFFFF; --cell-2:#FFFFFF; --field:#E8E7E2; --sheet:#FFFFFF;
    --sep:rgba(60,60,67,.16);
    --txt:#000000; --txt-2:rgba(60,60,67,.62); --txt-3:rgba(60,60,67,.34);
    --tint:#55701A; --ochre:#6B7A17; --rec:#C0453A;
    --btn-bg:#FFFFFF; --flash:rgba(46,107,79,.09);
    --touch:rgba(28,28,26,.26); --wave:rgba(28,28,26,.20);
    background:#E7E3DC;
    box-shadow:0 60px 100px -44px rgba(60,50,38,.42), 0 3px 10px -4px rgba(60,50,38,.2), inset 0 0 0 1px rgba(24,24,22,.1);
  }
#mx5 .mx5-screen{background:var(--page);border-radius:38px;overflow:hidden;color:var(--txt);height:618px;display:flex;flex-direction:column;position:relative}
#mx5 .mx5-status{display:flex;align-items:center;padding:13px 24px 3px;font-size:14px;font-weight:600;letter-spacing:-.01em;z-index:6}
#mx5 .mx5-status .mx5-t{flex:1}
#mx5 .mx5-status .mx5-ic{display:flex;align-items:center;gap:5px}
#mx5 .mx5-status .mx5-ic svg{width:16px;height:11px;fill:currentColor}
#mx5 .mx5-status .mx5-bat{width:23px;height:11px;border:1.2px solid currentColor;border-radius:3.5px;position:relative;opacity:.9}
#mx5 .mx5-status .mx5-bat::after{content:"";position:absolute;left:1.6px;top:1.6px;bottom:1.6px;width:13px;background:currentColor;border-radius:1.6px}
#mx5 .mx5-status .mx5-bat::before{content:"";position:absolute;right:-3.2px;top:3.5px;bottom:3.5px;width:1.6px;background:currentColor;border-radius:0 2px 2px 0}
#mx5 .mx5-pages{flex:1;min-height:0;position:relative;overflow:hidden}
#mx5 .mx5-page{position:absolute;inset:0;background:var(--page);display:flex;flex-direction:column;
        transform:translateX(100%);transition:transform .46s var(--push)}
#mx5 .mx5-page.mx5-active{transform:none}
#mx5 .mx5-page.mx5-behind{transform:translateX(-26%)}
#mx5 .mx5-page .mx5-shade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .46s var(--push)}
#mx5 .mx5-page.mx5-behind .mx5-shade{opacity:.22}
#mx5 .mx5-nav{display:flex;align-items:center;padding:6px 12px 2px;flex:0 0 auto}
#mx5 .mx5-nav .mx5-back{display:inline-flex;align-items:center;gap:1px;background:none;border:none;color:var(--tint);font-family:var(--ui);font-size:16px;cursor:pointer;padding:4px 6px}
#mx5 .mx5-nav .mx5-back svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#mx5 .mx5-nav .mx5-sp{flex:1}
#mx5 .mx5-nav .mx5-more{background:none;border:none;color:var(--tint);font-size:19px;line-height:1;cursor:pointer;padding:4px 8px}
#mx5 .mx5-viewport{flex:1;min-height:0;overflow:hidden;position:relative}
#mx5 .mx5-viewport::after{content:"";position:absolute;left:0;right:0;bottom:0;height:38px;pointer-events:none;
                   background:linear-gradient(transparent,var(--page));z-index:3}
#mx5 .mx5-psc{transition:transform .95s cubic-bezier(.3,.7,.2,1)}
#mx5 .mx5-lt{padding:4px 20px 2px}
#mx5 .mx5-lt .mx5-t1{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.15}
#mx5 .mx5-lt .mx5-sub{font-size:14.5px;color:var(--txt-2);margin-top:4px}
#mx5 .mx5-lt .mx5-synced{font-size:12.5px;color:var(--txt-3);margin-top:7px;transition:color .4s ease}
#mx5 .mx5-lt .mx5-synced.mx5-fresh{color:var(--tint)}
#mx5 .mx5-search{margin:12px 16px 4px;background:var(--field);border-radius:10px;padding:8px 11px;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--txt-3)}
#mx5 .mx5-search svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
#mx5 .mx5-hdr{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--txt-2);text-transform:uppercase;letter-spacing:.03em;padding:18px 20px 7px}
#mx5 .mx5-group{background:var(--cell);border-radius:11px;margin:0 16px;overflow:hidden}
#mx5 .mx5-cell{display:flex;align-items:center;gap:12px;padding:11px 14px;position:relative;transition:background .25s ease}
#mx5 .mx5-cell + .mx5-cell::before{content:"";position:absolute;left:14px;right:0;top:0;height:1px;background:var(--sep)}
#mx5 .mx5-cell.mx5-hit{background:var(--flash)}
#mx5 .mx5-cell .mx5-c{flex:1;min-width:0}
#mx5 .mx5-cell .mx5-t1{display:block;font-size:15.5px;letter-spacing:-.01em;line-height:1.3}
#mx5 .mx5-cell .mx5-t1 b{font-weight:600}
#mx5 .mx5-cell .mx5-t2{display:block;font-size:13px;color:var(--txt-2);margin-top:2px}
#mx5 .mx5-cell .mx5-chev{flex:0 0 auto;color:var(--txt-3)}
#mx5 .mx5-cell .mx5-chev svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#mx5 .mx5-cell .mx5-dot{width:9px;height:9px;border-radius:50%;background:var(--ochre);flex:0 0 auto}
#mx5 .mx5-cell .mx5-when{font-size:12.5px;color:var(--txt-3);flex:0 0 auto}
#mx5 .mx5-mono{width:34px;height:34px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600}
#mx5 .mx5-m1{background:#356B51;color:#CFE8DC}
#mx5 .mx5-m2{background:#7A5F35;color:#F2E3C6}
#mx5 .mx5-m3{background:#44536B;color:#D8E3F0}
#mx5 .mx5-m4{background:#6B4444;color:#F0D9D9}
#mx5 .mx5-m5{background:#4A4A6B;color:#DCDCF0}
#mx5 .mx5-light .mx5-m1{background:#E9F6C4;color:#55701A}
#mx5 .mx5-light .mx5-m2{background:#F2E6CC;color:#7A5A22}
#mx5 .mx5-light .mx5-m3{background:#DFE6F0;color:#3E4E68}
#mx5 .mx5-light .mx5-m4{background:#F0DEDE;color:#6B4040}
#mx5 .mx5-light .mx5-m5{background:#E0E0F0;color:#43436B}
#mx5 .mx5-acts{display:flex;gap:9px;padding:16px 18px 4px}
#mx5 .mx5-acts button{flex:1;background:var(--btn-bg);border:none;border-radius:11px;padding:9px 4px 8px;color:var(--tint);font-family:var(--ui);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:background .2s ease}
#mx5 .mx5-acts button.mx5-hit{background:var(--flash)}
#mx5 .mx5-acts button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#mx5 .mx5-acts button span{font-size:11.5px;font-weight:500}
#mx5 .mx5-tags{display:flex;flex-wrap:wrap;gap:6px}
#mx5 .mx5-tag{font-size:13px;color:var(--txt);background:var(--cell-2);border:1px solid var(--sep);border-radius:20px;padding:3px 10px}
#mx5 .mx5-light .mx5-tag{background:#F2F1ED;border-color:transparent}
#mx5 .mx5-arrive{max-height:0;opacity:0;overflow:hidden;padding-top:0;padding-bottom:0;
          transition:max-height .55s var(--ease),opacity .4s var(--ease),padding .55s var(--ease),background 1s ease}
#mx5 .mx5-arrive.mx5-go{max-height:96px;opacity:1;padding-top:11px;padding-bottom:11px;background:var(--flash)}
#mx5 .mx5-arrive.mx5-settled{background:transparent}
#mx5 .mx5-arrive:not(.mx5-go) + .mx5-cell::before{display:none}
#mx5 .mx5-backdrop{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .45s var(--push);z-index:18}
#mx5 .mx5-backdrop.mx5-on{opacity:.45}
#mx5 .mx5-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--sheet);border-radius:22px 22px 0 0;z-index:19;
         padding:10px 18px 22px;transform:translateY(102%);transition:transform .52s var(--push);
         box-shadow:0 -18px 40px -20px rgba(0,0,0,.5)}
#mx5 .mx5-sheet.mx5-up{transform:none}
#mx5 .mx5-grab{width:36px;height:5px;border-radius:3px;background:var(--txt-3);opacity:.5;margin:0 auto 14px}
#mx5 .mx5-sh-top{display:flex;align-items:center;gap:10px}
#mx5 .mx5-sh-top .mx5-t1{font-size:16px;font-weight:600;letter-spacing:-.01em}
#mx5 .mx5-sh-top .mx5-t2{font-size:12.5px;color:var(--txt-2);margin-top:2px}
#mx5 .mx5-sh-rec{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--rec)}
#mx5 .mx5-sh-rec .mx5-d{width:8px;height:8px;border-radius:50%;background:var(--rec);animation:mx5-pulse 1.1s ease-in-out infinite}
@keyframes mx5-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
#mx5 .mx5-sh-rec.mx5-done{color:var(--tint)}
#mx5 .mx5-sh-rec.mx5-done .mx5-d{background:var(--tint);animation:none}
#mx5 .mx5-swave{display:flex;align-items:center;gap:2px;height:40px;margin-top:16px}
#mx5 .mx5-swave i{flex:1;background:var(--wave);border-radius:1.5px;height:12%;transition:height .18s var(--ease),background .18s linear}
#mx5 .mx5-swave i.mx5-live{background:var(--rec)}
#mx5 .mx5-stime{font-size:12.5px;color:var(--txt-3);text-align:center;margin-top:8px;font-variant-numeric:tabular-nums}
#mx5 .mx5-sscript{font-size:14px;line-height:1.55;margin-top:14px;min-height:66px}
#mx5 .mx5-sscript w{opacity:0;transition:opacity .16s linear}
#mx5 .mx5-sscript w.mx5-in{opacity:1}
#mx5 .mx5-stop{width:56px;height:56px;border-radius:50%;margin:12px auto 0;background:var(--rec);border:3px solid var(--sheet);
        box-shadow:0 0 0 2px var(--rec);display:flex;align-items:center;justify-content:center;
        transition:border-radius .25s var(--ease),transform .12s ease}
#mx5 .mx5-stop.mx5-sq{border-radius:16px;transform:scale(.86)}
#mx5 .mx5-filed{position:absolute;inset:0;background:var(--sheet);border-radius:22px 22px 0 0;display:flex;flex-direction:column;
         align-items:center;justify-content:center;gap:11px;opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}
#mx5 .mx5-filed.mx5-on{opacity:1}
#mx5 .mx5-filed .mx5-big{width:46px;height:46px;border-radius:50%;background:var(--tint);color:#fff;display:flex;align-items:center;justify-content:center}
#mx5 .mx5-filed .mx5-big svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
#mx5 .mx5-filed .mx5-h{font-size:16px;font-weight:600}
#mx5 .mx5-filed .mx5-s{font-size:13px;color:var(--txt-2);margin-top:-4px}
#mx5 .mx5-cmd{background:var(--field);border-radius:12px;padding:12px 13px;margin-top:14px;
       font-size:14px;line-height:1.55;min-height:62px}
#mx5 .mx5-cmd w{opacity:0;transition:opacity .14s linear}
#mx5 .mx5-cmd w.mx5-in{opacity:1}
#mx5 .mx5-creply{display:flex;align-items:flex-start;gap:10px;margin-top:14px;opacity:0;transform:translateY(7px);
          transition:opacity .4s var(--ease),transform .45s var(--ease)}
#mx5 .mx5-creply.mx5-on{opacity:1;transform:none}
#mx5 .mx5-creply .mx5-ok2{width:22px;height:22px;border-radius:50%;background:var(--flash);flex:0 0 auto;
               display:flex;align-items:center;justify-content:center}
#mx5 .mx5-creply .mx5-ok2 svg{width:12px;height:12px;fill:none;stroke:var(--tint);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
#mx5 .mx5-creply .mx5-rh{font-size:14px;font-weight:600}
#mx5 .mx5-creply .mx5-rs{display:block;font-size:12.5px;color:var(--txt-2);margin-top:2px;font-weight:400}
#mx5 .mx5-banner{position:absolute;left:10px;right:10px;top:44px;z-index:26;display:flex;align-items:center;gap:9px;
          background:var(--sheet);border:1px solid var(--sep);border-radius:15px;padding:10px 12px;
          box-shadow:0 20px 38px -16px rgba(0,0,0,.55);
          transform:translateY(-150%);opacity:0;transition:transform .55s var(--ease),opacity .4s ease}
#mx5 .mx5-banner.mx5-on{transform:none;opacity:1}
#mx5 .mx5-banner .mx5-bmk{width:16px;height:16px;flex:0 0 auto}
#mx5 .mx5-banner .mx5-bc{flex:1;min-width:0}
#mx5 .mx5-banner .mx5-bl{display:block;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3)}
#mx5 .mx5-banner .mx5-bt{display:block;font-size:12.5px;line-height:1.35;color:var(--txt);margin-top:1px}
#mx5 .mx5-banner .mx5-bt b{font-weight:600}
#mx5 .mx5-banner .mx5-bwhen{font-size:11px;color:var(--txt-3);flex:0 0 auto;align-self:flex-start}
#mx5 .mx5-light .mx5-banner{box-shadow:0 20px 38px -16px rgba(60,50,38,.35)}
#mx5 .mx5-cell .mx5-ok{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--flash);
            display:flex;align-items:center;justify-content:center}
#mx5 .mx5-cell .mx5-ok svg{width:11px;height:11px;fill:none;stroke:var(--tint);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
#mx5 .mx5-touch{position:absolute;width:36px;height:36px;border-radius:50%;background:var(--touch);
         transform:translate(-50%,-50%) scale(.45);opacity:0;pointer-events:none;z-index:40}
#mx5 .mx5-touch.mx5-tap{animation:mx5-tapPulse .55s var(--ease) forwards}
@keyframes mx5-tapPulse{0%{opacity:.85;transform:translate(-50%,-50%) scale(.45)}
                      55%{opacity:.5;transform:translate(-50%,-50%) scale(1)}
                      100%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}
#mx5 .mx5-home{height:5px;width:120px;border-radius:3px;background:var(--txt);opacity:.28;margin:8px auto;flex:0 0 auto;z-index:22;position:relative}
#mx5 .mx5-prg{position:absolute;top:0;left:0;right:0;height:2.5px;background:rgba(255,255,255,.09);z-index:45}
#mx5 .mx5-prg i{display:block;height:100%;width:100%;background:var(--ochre);transform:scaleX(0);transform-origin:left}
#mx5 .mx5-phone.mx5-light .mx5-prg{background:rgba(24,24,22,.12)}
@media (prefers-reduced-motion:reduce){#mx5 .mx5-page,#mx5 .mx5-psc,#mx5 .mx5-sheet,#mx5 .mx5-backdrop,#mx5 .mx5-arrive,#mx5 .mx5-sscript w,#mx5 .mx5-banner,#mx5 .mx5-cmd w,#mx5 .mx5-creply{transition:none}
#mx5 .mx5-touch{display:none}
#mx5 .mx5-sh-rec .mx5-d,#mx5 .mx5-swave i{animation:none}
#mx5 .mx5-prg{display:none}}
#mx6{--ui:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;--ease:cubic-bezier(.2,.65,.2,1);padding:0}
#mx6,#mx6 *{box-sizing:border-box;margin:0;padding:0}
#mx6{font-family:var(--ui);display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;padding:0}
#mx6 .mx6-win{
    --win-bg:#1C1B0D; --panel:#2A2A1B; --panel-2:#343426;
    --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
    --txt:#F6F7F2; --txt-soft:rgba(255,255,255,.56); --txt-mut:rgba(255,255,255,.36);
    --green:#8FB824; --green-l:#D2FF51;
    --ochre:#D2FF51; --ochre-l:#E7FF95;
    --rec:#D2564B;
    --bar-bg:rgba(255,255,255,.02);
    --wave:rgba(255,255,255,.20);
    --card:#ECEFE3; --card-txt:#1C1B0D; --card-mut:#6F6F60;
    --shadow:0 66px 104px -46px rgba(30,26,22,.62), 0 3px 10px -4px rgba(30,26,22,.4), inset 0 0 0 1px rgba(255,255,255,.06);
    width:452px;max-width:100%;background:var(--win-bg);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);position:relative}
#mx6 .mx6-win.mx6-light{
    --win-bg:#FFFFFF; --panel:#FAFAF9; --panel-2:#F2F2F0;
    --line:rgba(24,24,22,.09); --line-2:rgba(24,24,22,.14);
    --txt:#22210F; --txt-soft:rgba(28,28,26,.62); --txt-mut:rgba(28,28,26,.40);
    --green:#55701A; --green-l:#55701A;
    --ochre:#55701A; --ochre-l:#5C690F;
    --rec:#C0453A;
    --bar-bg:#FBFBFA;
    --wave:rgba(28,28,26,.18);
    --card:#2A2A1B; --card-txt:#F6F7F2; --card-mut:rgba(246,247,242,.55);
    --shadow:0 50px 90px -44px rgba(60,50,38,.44), 0 2px 8px -3px rgba(60,50,38,.16), inset 0 0 0 1px rgba(24,24,22,.07);
  }
#mx6 .mx6-bar{display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bar-bg)}
#mx6 .mx6-bar .mx6-mk{width:16px;height:16px;flex:0 0 auto}
#mx6 .mx6-bar .mx6-nm{font-family:'Dazzed',Arial,sans-serif;font-weight:600;font-size:13.5px;letter-spacing:-.01em;color:var(--txt)}
#mx6 .mx6-bar .mx6-spacer{flex:1}
#mx6 .mx6-bar .mx6-screen{font-size:11.5px;font-weight:500;color:var(--txt-mut);transition:opacity .3s ease}
#mx6 .mx6-rail{display:flex;gap:5px;padding:11px 13px;border-bottom:1px solid var(--line)}
#mx6 .mx6-mode{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:32px;border-radius:8px;
        font-size:11.5px;font-weight:500;color:var(--txt-mut);background:transparent;
        transition:background .4s var(--ease),color .4s var(--ease)}
#mx6 .mx6-mode svg{width:14px;height:14px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;
            stroke-linecap:round;stroke-linejoin:round}
#mx6 .mx6-mode.mx6-on{background:var(--panel);color:var(--txt)}
#mx6 .mx6-mode.mx6-on .mx6-i{color:var(--green-l)}
#mx6 .mx6-mode .mx6-i{display:flex;color:inherit;transition:color .4s var(--ease)}
#mx6 .mx6-stage{position:relative;height:262px}
#mx6 .mx6-frame{position:absolute;inset:0;padding:16px;opacity:0;transform:translateX(24px);
         transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none;display:flex;flex-direction:column}
#mx6 .mx6-frame.mx6-live{opacity:1;transform:none;pointer-events:auto}
#mx6 .mx6-frame.mx6-past{opacity:0;transform:translateX(-24px)}
#mx6 .mx6-rec-h{display:flex;align-items:center;gap:9px}
#mx6 .mx6-rec-h .mx6-dot{width:8px;height:8px;border-radius:50%;background:var(--rec);flex:0 0 auto;animation:mx6-pulse 1.1s ease-in-out infinite}
@keyframes mx6-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
#mx6 .mx6-rec-h .mx6-t{font-size:11.5px;font-weight:600;color:var(--rec)}
#mx6 .mx6-rec-h .mx6-time{margin-left:auto;font-size:11.5px;color:var(--txt-mut);font-variant-numeric:tabular-nums}
#mx6 .mx6-wave{display:flex;align-items:center;gap:2px;height:42px;margin-top:13px}
#mx6 .mx6-wave i{flex:1;background:var(--wave);border-radius:1.5px;height:12%;transition:height .18s var(--ease),background .18s linear}
#mx6 .mx6-wave i.mx6-live{background:var(--rec)}
#mx6 .mx6-said{font-size:13.5px;line-height:1.62;color:var(--txt);margin-top:16px}
#mx6 .mx6-said w{opacity:0;transition:opacity .16s linear}
#mx6 .mx6-said w.mx6-in{opacity:1}
#mx6 .mx6-stopbtn{width:46px;height:46px;border-radius:50%;margin:auto auto 0;background:var(--rec);flex:0 0 auto;
           border:3px solid var(--win-bg);box-shadow:0 0 0 2px var(--rec);display:flex;align-items:center;justify-content:center;
           transition:border-radius .28s var(--ease),transform .28s var(--ease)}
#mx6 .mx6-stopbtn.mx6-stop{border-radius:13px;transform:scale(.84)}
#mx6 .mx6-tools{display:flex;align-items:center;gap:2px;padding:5px 4px;background:var(--panel);
         border:1px solid var(--line);border-radius:9px;margin-top:auto}
#mx6 .mx6-tb{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--txt-mut)}
#mx6 .mx6-tb svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#mx6 .mx6-tb b{font-size:12.5px;font-weight:700}
#mx6 .mx6-tb i{font-size:12.5px;font-weight:600;font-family:Georgia,serif}
#mx6 .mx6-tb.mx6-ai{width:auto;padding:0 9px;gap:5px;font-size:11.5px;font-weight:500;color:var(--green-l)}
#mx6 .mx6-sep{width:1px;height:15px;background:var(--line-2);margin:0 4px}
#mx6 .mx6-tools .mx6-spacer{flex:1}
#mx6 .mx6-n-title{display:block;font-size:14.5px;font-weight:600;color:var(--txt);letter-spacing:-.01em}
#mx6 .mx6-n-meta{display:block;font-size:11px;color:var(--txt-mut);margin-top:3px}
#mx6 .mx6-n-body{font-size:13.5px;line-height:1.62;color:var(--txt);margin-top:12px}
#mx6 .mx6-n-body w{opacity:0;transition:opacity .16s linear}
#mx6 .mx6-n-body w.mx6-in{opacity:1}
#mx6 .mx6-n-body b{font-weight:600}
#mx6 .mx6-caret{display:inline-block;width:1.5px;height:14px;background:var(--green-l);vertical-align:-2px;margin-left:1px;opacity:0}
#mx6 .mx6-caret.mx6-on{opacity:1;animation:mx6-blink 1.1s step-end infinite}
@keyframes mx6-blink{50%{opacity:0}}
#mx6 .mx6-thread{display:flex;flex-direction:column;justify-content:flex-end;gap:9px;flex:1}
#mx6 .mx6-to{display:block;font-size:11px;color:var(--txt-mut);text-align:center;padding-bottom:2px;margin-bottom:auto}
#mx6 .mx6-bub{max-width:82%;font-size:13px;line-height:1.5;padding:10px 13px;border-radius:16px;
       opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
#mx6 .mx6-bub.mx6-go{opacity:1;transform:none}
#mx6 .mx6-bub.mx6-mine{align-self:flex-end;background:var(--green);color:#fff;border-bottom-right-radius:5px}
#mx6 .mx6-bub.mx6-in-b{align-self:flex-start;background:var(--panel);color:var(--txt);border-bottom-left-radius:5px;
            border:1px solid var(--line)}
#mx6 .mx6-typing{align-self:flex-start;display:flex;align-items:center;gap:4px;background:var(--panel);border:1px solid var(--line);
          border-radius:16px;border-bottom-left-radius:5px;padding:12px 14px;opacity:0;transition:opacity .3s var(--ease)}
#mx6 .mx6-typing.mx6-go{opacity:1}
#mx6 .mx6-typing span{width:5px;height:5px;border-radius:50%;background:var(--txt-mut);animation:mx6-bounce 1.2s infinite}
#mx6 .mx6-typing span:nth-child(2){animation-delay:.15s}
#mx6 .mx6-typing span:nth-child(3){animation-delay:.3s}
@keyframes mx6-bounce{0%,60%,100%{opacity:.3}30%{opacity:.9}}
#mx6 .mx6-stamp{display:block;font-size:10px;color:var(--txt-mut);align-self:flex-end;margin-top:-4px;
         opacity:0;transition:opacity .35s var(--ease)}
#mx6 .mx6-stamp.mx6-go{opacity:1}
#mx6 .mx6-view{position:relative;height:148px;border-radius:10px;overflow:hidden;flex:0 0 auto;
        display:flex;align-items:center;justify-content:center;
        background:radial-gradient(120% 100% at 50% 0%,#35312C,#231F1B 70%)}
#mx6 .mx6-paper{width:212px;height:128px;background:#F1EADB;border-radius:3px;transform:rotate(-1.6deg);padding:15px 17px;
         box-shadow:0 16px 28px -14px rgba(0,0,0,.62), 0 1px 0 0 rgba(0,0,0,.18);
         font-family:'Caveat',cursive;color:#33302B}
#mx6 .mx6-hw{display:block;line-height:1.32}
#mx6 .mx6-hw.mx6-h1{font-size:21px;font-weight:600;letter-spacing:.01em}
#mx6 .mx6-hw.mx6-h2{font-size:16.5px;font-weight:500;margin-top:7px;transform:rotate(.5deg);transform-origin:left center}
#mx6 .mx6-hw.mx6-h3{font-size:16.5px;font-weight:500;margin-top:3px;transform:rotate(-.4deg);transform-origin:left center}
#mx6 .mx6-rule{display:block;width:74px;height:0;border-top:1.7px solid rgba(51,48,43,.5);border-radius:2px;
        margin-top:1px;transform:rotate(.9deg);transform-origin:left center}
#mx6 .mx6-circ{display:inline-block;padding:0 5px;border:1.6px solid rgba(51,48,43,.55);border-radius:48%;
        transform:rotate(-2.4deg)}
#mx6 .mx6-brk{position:absolute;width:20px;height:20px;border:2px solid var(--green-l);opacity:0;transition:opacity .4s var(--ease)}
#mx6 .mx6-brk.mx6-go{opacity:1}
#mx6 .mx6-brk.mx6-tl{top:14px;left:16px;border-right:none;border-bottom:none;border-radius:4px 0 0 0}
#mx6 .mx6-brk.mx6-tr{top:14px;right:16px;border-left:none;border-bottom:none;border-radius:0 4px 0 0}
#mx6 .mx6-brk.mx6-bl{bottom:14px;left:16px;border-right:none;border-top:none;border-radius:0 0 0 4px}
#mx6 .mx6-brk.mx6-br{bottom:14px;right:16px;border-left:none;border-top:none;border-radius:0 0 4px 0}
#mx6 .mx6-scan{position:absolute;left:0;right:0;height:2px;background:var(--green-l);box-shadow:0 0 16px 3px rgba(210,255,81,.5);
        top:0;opacity:0}
#mx6 .mx6-scan.mx6-go{animation:mx6-sweep 1.5s var(--ease) 1 forwards}
@keyframes mx6-sweep{0%{opacity:0;transform:translateY(6px)}12%{opacity:.9}88%{opacity:.9}100%{opacity:0;transform:translateY(142px)}}
#mx6 .mx6-fields{margin-top:11px;display:flex;flex-direction:column;gap:0}
#mx6 .mx6-fld{display:flex;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);
       opacity:0;transform:translateY(5px);transition:opacity .38s var(--ease),transform .38s var(--ease)}
#mx6 .mx6-fld.mx6-go{opacity:1;transform:none}
#mx6 .mx6-fld .mx6-k{flex:0 0 62px;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--txt-mut)}
#mx6 .mx6-fld .mx6-v{flex:1;min-width:0;font-size:12.5px;color:var(--txt)}
#mx6 .mx6-fld .mx6-v b{font-weight:600}
#mx6 .mx6-out{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line);background:var(--bar-bg);
       height:56px;opacity:0;transform:translateY(6px);transition:opacity .42s var(--ease),transform .42s var(--ease)}
#mx6 .mx6-out.mx6-go{opacity:1;transform:none}
#mx6 .mx6-out .mx6-tick{width:22px;height:22px;border-radius:50%;background:rgba(143,184,36,.18);color:var(--green-l);flex:0 0 auto;
             display:flex;align-items:center;justify-content:center}
#mx6 .mx6-out .mx6-tick svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
#mx6 .mx6-out .mx6-mono{width:26px;height:26px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
             font-size:9.5px;font-weight:600}
#mx6 .mx6-out .mx6-c{flex:1;min-width:0}
#mx6 .mx6-out .mx6-t{display:block;font-size:12.5px;font-weight:500;color:var(--txt);line-height:1.3}
#mx6 .mx6-out .mx6-t b{font-weight:600}
#mx6 .mx6-out .mx6-s{display:block;font-size:11px;color:var(--txt-mut);margin-top:2px}
#mx6 .mx6-out[data-i="0"] .mx6-mono{background:#7A5F35;color:#F2E3C6}
#mx6 .mx6-out[data-i="1"] .mx6-mono{background:#356B51;color:#CFE8DC}
#mx6 .mx6-out[data-i="2"] .mx6-mono{background:#44536B;color:#D8E3F0}
#mx6 .mx6-out[data-i="3"] .mx6-mono{background:#6B4444;color:#F0D9D9}
#mx6 .mx6-light .mx6-out[data-i="0"] .mx6-mono{background:#F2E6CC;color:#7A5A22}
#mx6 .mx6-light .mx6-out[data-i="1"] .mx6-mono{background:#E9F6C4;color:#55701A}
#mx6 .mx6-light .mx6-out[data-i="2"] .mx6-mono{background:#DFE6F0;color:#3E4E68}
#mx6 .mx6-light .mx6-out[data-i="3"] .mx6-mono{background:#F0DEDE;color:#6B4040}
#mx6 .mx6-prg{position:absolute;top:0;left:0;right:0;height:2.5px;background:rgba(255,255,255,.09);z-index:45}
#mx6 .mx6-prg i{display:block;height:100%;width:100%;background:var(--ochre,#D2FF51);transform:scaleX(0);transform-origin:left}
#mx6 .mx6-win.mx6-light .mx6-prg{background:rgba(24,24,22,.12)}
@media (prefers-reduced-motion:reduce){#mx6 .mx6-prg{display:none}
#mx6 .mx6-frame,#mx6 .mx6-bub,#mx6 .mx6-fld,#mx6 .mx6-out,#mx6 .mx6-mode,#mx6 .mx6-stamp{transition:none}
#mx6 .mx6-said w,#mx6 .mx6-n-body w{opacity:1!important;transition:none}
#mx6 .mx6-rec-h .mx6-dot,#mx6 .mx6-typing span,#mx6 .mx6-wave i{animation:none}
#mx6 .mx6-scan{display:none}
#mx6 .mx6-caret{display:none}}
#mx7{--ui:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;--ease:cubic-bezier(.2,.65,.2,1);padding:0}
#mx7,#mx7 *{box-sizing:border-box;margin:0;padding:0}
#mx7{font-family:var(--ui);display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;padding:0}
#mx7 .mx7-win{
    --win-bg:#1C1B0D; --panel:#2A2A1B; --panel-2:#343426;
    --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
    --txt:#F6F7F2; --txt-soft:rgba(255,255,255,.56); --txt-mut:rgba(255,255,255,.36);
    --green:#8FB824; --green-l:#D2FF51;
    --ochre:#D2FF51; --ochre-l:#E7FF95;
    --bar-bg:rgba(255,255,255,.02);
    --mark:rgba(210,255,81,.22);
    --shadow:0 66px 104px -46px rgba(30,26,22,.62), 0 3px 10px -4px rgba(30,26,22,.4), inset 0 0 0 1px rgba(255,255,255,.06);
    width:500px;max-width:100%;background:var(--win-bg);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);position:relative}
#mx7 .mx7-win.mx7-light{
    --win-bg:#FFFFFF; --panel:#FAFAF9; --panel-2:#F2F2F0;
    --line:rgba(24,24,22,.09); --line-2:rgba(24,24,22,.14);
    --txt:#22210F; --txt-soft:rgba(28,28,26,.62); --txt-mut:rgba(28,28,26,.40);
    --green:#55701A; --green-l:#55701A;
    --ochre:#55701A; --ochre-l:#5C690F;
    --bar-bg:#FBFBFA;
    --mark:rgba(210,255,81,.20);
    --shadow:0 50px 90px -44px rgba(60,50,38,.44), 0 2px 8px -3px rgba(60,50,38,.16), inset 0 0 0 1px rgba(24,24,22,.07);
  }
#mx7 .mx7-bar{display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bar-bg)}
#mx7 .mx7-bar .mx7-mk{width:16px;height:16px;flex:0 0 auto}
#mx7 .mx7-bar .mx7-nm{font-family:'Dazzed',Arial,sans-serif;font-weight:600;font-size:13.5px;letter-spacing:-.01em;color:var(--txt)}
#mx7 .mx7-bar .mx7-spacer{flex:1}
#mx7 .mx7-bar .mx7-screen{font-size:11.5px;font-weight:500;color:var(--txt-mut)}
#mx7 .mx7-stage{position:relative;height:314px}
#mx7 .mx7-frame{position:absolute;inset:0;padding:15px 16px;opacity:0;transform:translateX(24px);
         transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none;display:flex;flex-direction:column}
#mx7 .mx7-frame.mx7-live{opacity:1;transform:none;pointer-events:auto}
#mx7 .mx7-frame.mx7-past{opacity:0;transform:translateX(-24px)}
#mx7 .mx7-cap{font-size:11px;color:var(--txt-mut);padding-bottom:9px}
#mx7 .mx7-src{display:flex;align-items:center;gap:11px;padding:8px 0;border-bottom:1px solid var(--line)}
#mx7 .mx7-src:last-child{border-bottom:none}
#mx7 .mx7-ic{width:30px;height:30px;border-radius:8px;background:var(--panel);flex:0 0 auto;
      display:flex;align-items:center;justify-content:center;color:var(--txt-soft)}
#mx7 .mx7-ic svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#mx7 .mx7-ic.mx7-br{background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(24,24,22,.10)}
#mx7 .mx7-ic.mx7-br svg{stroke:none;width:16px;height:16px}
#mx7 .mx7-src .mx7-c{flex:1;min-width:0}
#mx7 .mx7-src .mx7-t{display:block;font-size:13px;font-weight:500;color:var(--txt);line-height:1.3}
#mx7 .mx7-src .mx7-s{display:block;font-size:11px;color:var(--txt-mut);margin-top:2px}
#mx7 .mx7-state{flex:0 0 auto;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--txt-mut)}
#mx7 .mx7-sp{width:12px;height:12px;border-radius:50%;border:1.6px solid var(--line-2);border-top-color:var(--txt-mut);
      animation:mx7-spin .8s linear infinite}
@keyframes mx7-spin{to{transform:rotate(360deg)}}
#mx7 .mx7-tick{width:15px;height:15px;border-radius:50%;background:rgba(143,184,36,.18);color:var(--green-l);
        display:flex;align-items:center;justify-content:center}
#mx7 .mx7-tick svg{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
#mx7 .mx7-src .mx7-done{display:none}
#mx7 .mx7-src.mx7-on .mx7-wait{display:none}
#mx7 .mx7-src.mx7-on .mx7-done{display:flex;color:var(--green-l)}
#mx7 .mx7-mail{background:var(--panel);border:1px solid var(--line);border-radius:11px;overflow:hidden}
#mx7 .mx7-m-top{display:flex;align-items:baseline;gap:9px;padding:11px 13px;border-bottom:1px solid var(--line)}
#mx7 .mx7-m-from{font-size:12.5px;font-weight:600;color:var(--txt)}
#mx7 .mx7-m-date{margin-left:auto;font-size:10.5px;color:var(--txt-mut);flex:0 0 auto}
#mx7 .mx7-m-subj{display:block;font-size:11.5px;color:var(--txt-soft);padding:0 13px;margin-top:9px}
#mx7 .mx7-m-body{font-size:13px;line-height:1.68;color:var(--txt);padding:9px 13px 13px}
#mx7 .mx7-m-body mark{background:transparent;color:inherit;border-radius:4px;padding:1px 3px;
                transition:background .4s var(--ease)}
#mx7 .mx7-m-body mark.mx7-hit{background:var(--mark)}
#mx7 .mx7-found{font-size:11.5px;color:var(--txt-soft);padding-top:11px;
         opacity:0;transform:translateY(5px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
#mx7 .mx7-found.mx7-go{opacity:1;transform:none}
#mx7 .mx7-found b{color:var(--txt);font-weight:600}
#mx7 .mx7-fact{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);
        opacity:0;transform:translateY(5px);transition:opacity .38s var(--ease),transform .38s var(--ease)}
#mx7 .mx7-fact.mx7-go{opacity:1;transform:none}
#mx7 .mx7-fact:last-child{border-bottom:none}
#mx7 .mx7-mono{width:26px;height:26px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
        font-size:9.5px;font-weight:600}
#mx7 .mx7-fact .mx7-t{flex:1;min-width:0;font-size:12.5px;color:var(--txt);line-height:1.35}
#mx7 .mx7-fact .mx7-t b{font-weight:600}
#mx7 .mx7-from{flex:0 0 auto;font-size:9.5px;font-weight:600;color:var(--txt-mut);background:var(--panel);
        border:1px solid var(--line);border-radius:6px;padding:3px 7px;white-space:nowrap}
#mx7 .mx7-m1{background:#7A5F35;color:#F2E3C6}
#mx7 .mx7-m2{background:#356B51;color:#CFE8DC}
#mx7 .mx7-m3{background:#44536B;color:#D8E3F0}
#mx7 .mx7-m4{background:#6B4444;color:#F0D9D9}
#mx7 .mx7-m5{background:#4A4468;color:#DFD9F0}
#mx7 .mx7-light .mx7-m1{background:#F2E6CC;color:#7A5A22}
#mx7 .mx7-light .mx7-m2{background:#E9F6C4;color:#55701A}
#mx7 .mx7-light .mx7-m3{background:#DFE6F0;color:#3E4E68}
#mx7 .mx7-light .mx7-m4{background:#F0DEDE;color:#6B4040}
#mx7 .mx7-light .mx7-m5{background:#E4E0F0;color:#474068}
#mx7 .mx7-who{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid var(--line)}
#mx7 .mx7-who .mx7-mono{width:36px;height:36px;font-size:12px}
#mx7 .mx7-who .mx7-n{font-size:15px;font-weight:600;color:var(--txt);line-height:1.25}
#mx7 .mx7-who .mx7-r{font-size:12px;color:var(--txt-soft);margin-top:2px}
#mx7 .mx7-mix{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:11px 0;
       opacity:0;transform:translateY(5px);transition:opacity .42s var(--ease),transform .42s var(--ease)}
#mx7 .mx7-mix.mx7-go{opacity:1;transform:none}
#mx7 .mx7-mix .mx7-lbl{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--txt-mut);margin-right:2px}
#mx7 .mx7-pill{font-size:10.5px;font-weight:500;color:var(--txt-soft);background:var(--panel);border:1px solid var(--line);
        border-radius:20px;padding:3px 9px}
#mx7 .mx7-pill b{color:var(--txt);font-weight:600}
#mx7 .mx7-row{display:flex;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);
       opacity:0;transform:translateY(5px);transition:opacity .38s var(--ease),transform .38s var(--ease)}
#mx7 .mx7-row.mx7-go{opacity:1;transform:none}
#mx7 .mx7-row:last-child{border-bottom:none}
#mx7 .mx7-row .mx7-k{flex:0 0 96px;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--txt-mut)}
#mx7 .mx7-row .mx7-v{flex:1;min-width:0;font-size:12.5px;color:var(--txt)}
#mx7 .mx7-row .mx7-v b{font-weight:600}
#mx7 .mx7-prg{position:absolute;top:0;left:0;right:0;height:2.5px;background:rgba(255,255,255,.09);z-index:45}
#mx7 .mx7-prg i{display:block;height:100%;width:100%;background:var(--ochre);transform:scaleX(0);transform-origin:left}
#mx7 .mx7-win.mx7-light .mx7-prg{background:rgba(24,24,22,.12)}
@media (prefers-reduced-motion:reduce){#mx7 .mx7-frame,#mx7 .mx7-fact,#mx7 .mx7-row,#mx7 .mx7-mix,#mx7 .mx7-found,#mx7 .mx7-m-body mark{transition:none}
#mx7 .mx7-sp{animation:none}
#mx7 .mx7-prg{display:none}}
#mx8,#mx8 *{margin:0;padding:0;box-sizing:border-box}
#mx8{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;font-family:'Instrument Sans',Arial,sans-serif;padding:0}
#mx8 .mx8-win{
    --win-bg:#1C1B0D; --panel:#2A2A1B; --panel-2:#343426;
    --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
    --txt:#F6F7F2; --txt-soft:rgba(255,255,255,.56); --txt-mut:rgba(255,255,255,.36);
    --green:#8FB824; --green-l:#D2FF51;
    --ochre:#D2FF51; --ochre-l:#E7FF95;
    --bar-bg:rgba(255,255,255,.02);
    --ease:cubic-bezier(.2,.65,.2,1);
    --shadow:0 66px 104px -46px rgba(30,26,22,.62), 0 3px 10px -4px rgba(30,26,22,.4), inset 0 0 0 1px rgba(255,255,255,.06);
    width:480px;max-width:100%;background:var(--win-bg);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);position:relative}
#mx8 .mx8-bar{display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bar-bg)}
#mx8 .mx8-bar .mx8-mk{width:16px;height:16px;flex:0 0 auto}
#mx8 .mx8-bar .mx8-nm{font-family:'Dazzed',Arial,sans-serif;font-weight:600;font-size:13.5px;letter-spacing:-.01em;color:var(--txt)}
#mx8 .mx8-bar .mx8-spacer{flex:1}
#mx8 .mx8-bar .mx8-screen{font-size:11.5px;font-weight:500;color:var(--txt-mut)}
#mx8 .mx8-stage{position:relative;height:350px}
#mx8 .mx8-frame{position:absolute;inset:0;opacity:0;transform:translateX(22px);
         transition:opacity .48s var(--ease),transform .48s var(--ease);pointer-events:none;display:flex;flex-direction:column}
#mx8 .mx8-frame.mx8-live{opacity:1;transform:none;pointer-events:auto}
#mx8 .mx8-frame.mx8-past{opacity:0;transform:translateX(-22px)}
#mx8 .mx8-mo{opacity:0;transform:translateY(7px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
#mx8 .mx8-mo.mx8-go{opacity:1;transform:none}
#mx8 .mx8-srcs{display:flex;gap:7px;padding:13px 16px 11px;flex-wrap:wrap}
#mx8 .mx8-src{font-size:11px;font-weight:600;color:var(--txt-soft);background:var(--panel);
       border:1px solid var(--line-2);border-radius:999px;padding:5px 11px}
#mx8 .mx8-scanline{display:flex;align-items:center;gap:8px;padding:0 16px 9px;
            font-size:11px;color:var(--txt-mut)}
#mx8 .mx8-scanline .mx8-sd{width:6px;height:6px;border-radius:50%;background:var(--green-l);animation:mx8-pulse 1.6s ease infinite}
@keyframes mx8-pulse{50%{opacity:.25}}
#mx8 .mx8-scanline b{color:var(--green-l);font-weight:600}
#mx8 .mx8-wirebox{position:relative;flex:1;overflow:hidden;border-top:1px solid var(--line)}
#mx8 .mx8-wirebox::before,#mx8 .mx8-wirebox::after{content:"";position:absolute;left:0;right:0;height:34px;z-index:2;pointer-events:none}
#mx8 .mx8-wirebox::before{top:0;background:linear-gradient(180deg,var(--win-bg),transparent)}
#mx8 .mx8-wirebox::after{bottom:0;background:linear-gradient(0deg,var(--win-bg),transparent)}
#mx8 .mx8-wire{position:absolute;left:0;right:0;top:12px;transition:transform .55s var(--ease)}
#mx8 .mx8-wcard{display:flex;align-items:center;gap:10px;margin:7px 16px;padding:10px 12px;
         background:var(--panel);border:1px solid var(--line);border-radius:10px;
         border-left:3px solid transparent;transition:opacity .4s ease,border-color .3s ease,background .3s ease}
#mx8 .mx8-wcard .mx8-wt{font-size:12.5px;color:var(--txt-soft);line-height:1.35}
#mx8 .mx8-wcard .mx8-wsrc{margin-left:auto;font-size:10.5px;color:var(--txt-mut);flex:0 0 auto}
#mx8 .mx8-wcard.mx8-seen{opacity:.34}
#mx8 .mx8-wcard.mx8-hit.mx8-lit{border-left-color:var(--ochre);background:rgba(210,255,81,.10)}
#mx8 .mx8-wcard.mx8-hit.mx8-lit .mx8-wt{color:var(--txt)}
#mx8 .mx8-wcard.mx8-hit.mx8-lit .mx8-wt b{font-weight:600}
#mx8 .mx8-pad{padding:13px 16px;display:flex;flex-direction:column;flex:1}
#mx8 .mx8-sig{display:flex;align-items:center;gap:10px;padding:11px 13px;background:rgba(210,255,81,.10);
       border:1px solid var(--line-2);border-left:3px solid var(--ochre);border-radius:10px}
#mx8 .mx8-sig .mx8-st{font-size:13px;color:var(--txt);line-height:1.35}
#mx8 .mx8-sig .mx8-st b{font-weight:600}
#mx8 .mx8-sig .mx8-ss{margin-left:auto;font-size:10.5px;color:var(--txt-mut);flex:0 0 auto}
#mx8 .mx8-flow{display:flex;justify-content:center;padding:7px 0;color:var(--txt-mut)}
#mx8 .mx8-flow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#mx8 .mx8-head{display:flex;align-items:center;gap:11px;padding:12px 13px;background:var(--panel);
        border:1px solid var(--line-2);border-radius:12px 12px 0 0}
#mx8 .mx8-mono{width:34px;height:34px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
        font-size:11.5px;font-weight:600;color:#fff}
#mx8 .mx8-m2{background:#7A5F35}
#mx8 .mx8-m3{background:#6B4444}
#mx8 .mx8-m4{background:#44536B}
#mx8 .mx8-m6{background:#3D5C5C}
#mx8 .mx8-head .mx8-ttl{font-size:14.5px;font-weight:600;color:var(--txt)}
#mx8 .mx8-head .mx8-sub{font-size:11.5px;color:var(--txt-soft);margin-top:2px}
#mx8 .mx8-fact{display:flex;gap:10px;padding:12px 13px;background:var(--panel);
        border:1px solid var(--line-2);border-top:none;border-radius:0 0 12px 12px}
#mx8 .mx8-fact .mx8-dot{width:17px;height:17px;border-radius:50%;flex:0 0 auto;margin-top:1px;
             display:flex;align-items:center;justify-content:center;background:rgba(210,255,81,.16);
             opacity:0;transform:scale(.4);transition:opacity .3s ease,transform .35s var(--ease)}
#mx8 .mx8-fact .mx8-dot.mx8-on{opacity:1;transform:none}
#mx8 .mx8-fact .mx8-dot svg{width:10px;height:10px;fill:none;stroke:var(--green-l);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#mx8 .mx8-fact .mx8-ft{font-size:13px;line-height:1.5;color:var(--txt)}
#mx8 .mx8-fact .mx8-ft b{font-weight:600}
#mx8 .mx8-fact .mx8-fsrc{display:block;font-size:10.5px;color:var(--txt-mut);margin-top:3px}
#mx8 .mx8-fact w{opacity:0}
#mx8 .mx8-fact w.mx8-in{opacity:1;transition:opacity .14s linear}
#mx8 .mx8-whisper{font-size:11.5px;color:var(--txt-mut);padding:11px 3px 0;font-style:italic}
#mx8 .mx8-dh{display:flex;align-items:baseline;gap:8px;padding:13px 16px 9px}
#mx8 .mx8-dh .mx8-h{font-size:13px;font-weight:600;color:var(--txt)}
#mx8 .mx8-dh .mx8-n{margin-left:auto;font-size:11px;color:var(--txt-mut)}
#mx8 .mx8-drow{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--line)}
#mx8 .mx8-drow .mx8-mono{width:28px;height:28px;font-size:10px}
#mx8 .mx8-drow .mx8-dv{flex:1;min-width:0}
#mx8 .mx8-drow .mx8-d1{font-size:12.5px;font-weight:600;color:var(--txt);line-height:1.3}
#mx8 .mx8-drow .mx8-d2{font-size:11.5px;color:var(--txt-soft);margin-top:1px}
#mx8 .mx8-drow .mx8-d2 b{font-weight:600;color:var(--txt)}
#mx8 .mx8-saved{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--green-l);flex:0 0 auto}
#mx8 .mx8-saved svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#mx8 .mx8-draft{flex:0 0 auto;font-size:10.5px;font-weight:600;color:var(--txt-soft);background:var(--panel);
         border:1px solid var(--line-2);border-radius:999px;padding:5px 10px;cursor:pointer;
         transition:color .2s ease,border-color .2s ease,background .2s ease,transform .12s ease}
#mx8 .mx8-draft.mx8-press{transform:scale(.93)}
#mx8 .mx8-draft.mx8-on{color:var(--win-bg);background:var(--green-l);border-color:var(--green-l)}
#mx8 .mx8-cursor{position:absolute;left:0;top:0;width:19px;height:19px;z-index:20;opacity:0;pointer-events:none;
          transition:opacity .3s ease, transform .95s cubic-bezier(.3,.6,.2,1)}
#mx8 .mx8-cursor.mx8-show{opacity:1}
#mx8 .mx8-cursor svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
#mx8 .mx8-ring{position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;border:2px solid var(--green-l);
        opacity:0;pointer-events:none;z-index:19;transform:translate(-50%,-50%) scale(.4)}
#mx8 .mx8-ring.mx8-pop{animation:mx8-ringPop .5s var(--ease) forwards}
@keyframes mx8-ringPop{0%{opacity:.7;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}
#mx8 .mx8-bm{width:10px;height:10px;vertical-align:-1px;margin-right:4px;flex:0 0 auto}
#mx8 .mx8-b-li path{fill:#5AA3E8}
#mx8 .mx8-b-x path{fill:#F6F7F2}
#mx8 .mx8-b-ig path{fill:#E4405F}
#mx8 .mx8-b-fb path{fill:#5C9BFF}
#mx8 .mx8-win.mx8-light .mx8-b-li path{fill:#0A66C2}
#mx8 .mx8-win.mx8-light .mx8-b-x path{fill:#0F1419}
#mx8 .mx8-win.mx8-light .mx8-b-ig path{fill:#D62E56}
#mx8 .mx8-win.mx8-light .mx8-b-fb path{fill:#0866FF}
#mx8 .mx8-rtag{font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
        color:#E7FF95;background:rgba(210,255,81,.13);border:1px solid rgba(210,255,81,.28);
        border-radius:5px;padding:1px 5px;margin-left:6px;vertical-align:1.5px;white-space:nowrap}
#mx8 .mx8-win.mx8-light .mx8-rtag{color:#5C690F;background:rgba(210,255,81,.10);border-color:rgba(210,255,81,.3)}
#mx8 .mx8-prg{position:absolute;top:0;left:0;right:0;height:2.5px;background:rgba(255,255,255,.09);z-index:45}
#mx8 .mx8-prg i{display:block;height:100%;width:100%;background:var(--ochre,#D2FF51);transform:scaleX(0);transform-origin:left}
#mx8 .mx8-win.mx8-light .mx8-prg{background:rgba(24,24,22,.12)}
@media (prefers-reduced-motion:reduce){#mx8 .mx8-prg{display:none}
#mx8 .mx8-frame,#mx8 .mx8-mo,#mx8 .mx8-wcard,#mx8 .mx8-fact .mx8-dot,#mx8 .mx8-fact w{transition:none}
#mx8 .mx8-scanline .mx8-sd{animation:none}}
#mx10{--ui:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;--ease:cubic-bezier(.2,.65,.2,1);padding:0}
#mx10,#mx10 *{box-sizing:border-box;margin:0;padding:0}
#mx10{font-family:var(--ui);display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;padding:0}
#mx10 .mx10-win{
    --win-bg:#1C1B0D; --panel:#2A2A1B; --panel-2:#343426;
    --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
    --txt:#F6F7F2; --txt-soft:rgba(255,255,255,.56); --txt-mut:rgba(255,255,255,.36);
    --green:#8FB824; --green-l:#D2FF51;
    --ochre:#D2FF51; --ochre-l:#E7FF95;
    --bar-bg:rgba(255,255,255,.02);
    --shadow:0 66px 104px -46px rgba(30,26,22,.62), 0 3px 10px -4px rgba(30,26,22,.4), inset 0 0 0 1px rgba(255,255,255,.06);
    width:480px;max-width:100%;background:var(--win-bg);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);position:relative}
#mx10 .mx10-win.mx10-light{
    --win-bg:#FFFFFF; --panel:#FAFAF9; --panel-2:#F2F2F0;
    --line:rgba(24,24,22,.09); --line-2:rgba(24,24,22,.14);
    --txt:#22210F; --txt-soft:rgba(28,28,26,.62); --txt-mut:rgba(28,28,26,.40);
    --green:#55701A; --green-l:#55701A;
    --ochre:#55701A; --ochre-l:#5C690F;
    --bar-bg:#FBFBFA;
    --shadow:0 50px 90px -44px rgba(60,50,38,.44), 0 2px 8px -3px rgba(60,50,38,.16), inset 0 0 0 1px rgba(24,24,22,.07);
  }
#mx10 .mx10-bar{display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bar-bg)}
#mx10 .mx10-bar .mx10-mk{width:16px;height:16px;flex:0 0 auto}
#mx10 .mx10-bar .mx10-nm{font-family:'Dazzed',Arial,sans-serif;font-weight:600;font-size:13.5px;letter-spacing:-.01em;color:var(--txt)}
#mx10 .mx10-bar .mx10-spacer{flex:1}
#mx10 .mx10-bar .mx10-screen{font-size:11.5px;font-weight:500;color:var(--txt-mut)}
#mx10 .mx10-mo{opacity:0;transform:translateY(7px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
#mx10 .mx10-on .mx10-mo.mx10-go{opacity:1;transform:none}
#mx10 .mx10-stage{position:relative;height:350px}
#mx10 .mx10-frame{position:absolute;inset:0;opacity:0;transform:translateX(22px);
         transition:opacity .48s var(--ease),transform .48s var(--ease);pointer-events:none;display:flex;flex-direction:column}
#mx10 .mx10-frame.mx10-live{opacity:1;transform:none;pointer-events:auto}
#mx10 .mx10-frame.mx10-past{opacity:0;transform:translateX(-22px)}
#mx10 .mx10-f1{justify-content:center;padding:0 20px}
#mx10 .mx10-sig{width:100%;max-width:344px;margin:0 auto;background:var(--panel);border:1px solid var(--line-2);
       border-radius:14px;padding:13px 14px;cursor:pointer;
       box-shadow:0 30px 48px -28px rgba(0,0,0,.62), 0 2px 6px -2px rgba(0,0,0,.3);
       opacity:0;transform:translateY(-12px) scale(.97);
       transition:opacity .5s var(--ease),transform .5s var(--ease)}
#mx10 .mx10-light .mx10-sig{box-shadow:0 26px 44px -26px rgba(60,50,38,.34), 0 2px 6px -2px rgba(60,50,38,.14)}
#mx10 .mx10-on .mx10-sig.mx10-go{opacity:1;transform:none}
#mx10 .mx10-on .mx10-sig.mx10-go.mx10-press{transform:scale(.972);transition:transform .13s ease}
#mx10 .mx10-s-top{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--txt-mut)}
#mx10 .mx10-s-top .mx10-bm{width:13px;height:13px;flex:0 0 auto}
#mx10 .mx10-s-top .mx10-bm path{fill:#5AA3E8}
#mx10 .mx10-light .mx10-s-top .mx10-bm path{fill:#0A66C2}
#mx10 .mx10-s-who{display:flex;align-items:center;gap:9px;margin-top:11px}
#mx10 .mx10-s-who .mx10-mono{width:28px;height:28px;font-size:10.5px}
#mx10 .mx10-s-who .mx10-w1{font-size:12.5px;font-weight:600;color:var(--txt);line-height:1.25}
#mx10 .mx10-s-who .mx10-w2{font-size:11px;color:var(--txt-soft);margin-top:1px}
#mx10 .mx10-s-tx{font-size:13px;color:var(--txt);line-height:1.45;margin-top:10px}
#mx10 .mx10-s-tx b{font-weight:600}
#mx10 .mx10-gtag{display:inline-flex;align-items:center;gap:6px;margin-top:11px;padding:4px 10px;border-radius:20px;
        background:rgba(210,255,81,.14);border:1px solid rgba(210,255,81,.3);
        font-size:11px;font-weight:600;color:var(--green-l);
        opacity:0;transform:scale(.6);transition:opacity .35s var(--ease),transform .45s cubic-bezier(.3,.7,.3,1.3)}
#mx10 .mx10-light .mx10-gtag{background:rgba(85,112,26,.1);border-color:rgba(85,112,26,.3);color:#55701A}
#mx10 .mx10-on .mx10-gtag.mx10-go{opacity:1;transform:none}
#mx10 .mx10-gtag svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#mx10 .mx10-head{display:flex;align-items:center;gap:11px;padding:14px 16px}
#mx10 .mx10-mono{width:34px;height:34px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
        font-size:11.5px;font-weight:600;background:#356B51;color:#CFE8DC}
#mx10 .mx10-light .mx10-mono{background:#E9F6C4;color:#55701A}
#mx10 .mx10-head .mx10-info{flex:1;min-width:0}
#mx10 .mx10-head .mx10-ttl{font-size:14.5px;font-weight:600;color:var(--txt);line-height:1.3;letter-spacing:-.005em}
#mx10 .mx10-head .mx10-sub{font-size:12px;color:var(--txt-soft);margin-top:2px}
#mx10 .mx10-f2 .mx10-head{border-bottom:1px solid var(--line)}
#mx10 .mx10-gift{margin:14px 16px 0;background:var(--panel);border:1px solid var(--line-2);border-radius:12px;padding:12px 13px}
#mx10 .mx10-g-top{display:flex;align-items:center;gap:11px}
#mx10 .mx10-g-ic{width:36px;height:36px;border-radius:10px;flex:0 0 auto;background:rgba(210,255,81,.12);
        display:flex;align-items:center;justify-content:center}
#mx10 .mx10-light .mx10-g-ic{background:rgba(85,112,26,.1)}
#mx10 .mx10-g-ic svg{width:17px;height:17px;fill:none;stroke:var(--green-l);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#mx10 .mx10-g-meta{flex:1;min-width:0}
#mx10 .mx10-g-meta .mx10-t1{font-size:13px;font-weight:600;color:var(--txt);line-height:1.3}
#mx10 .mx10-g-meta .mx10-t2{font-size:11.5px;color:var(--txt-mut);margin-top:2px}
#mx10 .mx10-note{font-size:12.5px;line-height:1.55;color:var(--txt-soft);margin-top:11px;padding-top:10px;border-top:1px solid var(--line);min-height:34px}
#mx10 .mx10-note w{opacity:0;transition:opacity .16s linear}
#mx10 .mx10-note w.mx10-in{opacity:1}
#mx10 .mx10-note b{color:var(--txt);font-weight:600}
#mx10 .mx10-actrow{display:flex;align-items:center;gap:10px;margin:13px 16px 0;position:relative}
#mx10 .mx10-send{flex:0 0 auto;border:none;border-radius:20px;padding:8px 18px;background:var(--green-l);color:#1C1B0D;
        font-family:var(--ui);font-size:12.5px;font-weight:600;cursor:pointer;transition:transform .12s ease}
#mx10 .mx10-light .mx10-send{color:#fff;background:#55701A}
#mx10 .mx10-send.mx10-press{transform:scale(.94)}
#mx10 .mx10-skip{font-size:12px;color:var(--txt-mut)}
#mx10 .mx10-sent{display:none;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--green-l)}
#mx10 .mx10-sent svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#mx10 .mx10-actrow.mx10-done .mx10-send,#mx10 .mx10-actrow.mx10-done .mx10-skip{display:none}
#mx10 .mx10-actrow.mx10-done .mx10-sent{display:inline-flex}
#mx10 .mx10-kh{font-size:11px;font-weight:600;color:var(--txt-mut);padding:14px 16px 8px;letter-spacing:.02em}
#mx10 .mx10-row{display:flex;gap:12px;padding:11px 16px;border-top:1px solid var(--line)}
#mx10 .mx10-row .mx10-k{flex:0 0 76px;font-size:11.5px;font-weight:600;color:var(--txt-mut);padding-top:1px}
#mx10 .mx10-row .mx10-v{flex:1;min-width:0}
#mx10 .mx10-row .mx10-v .mx10-tx{font-size:13.5px;line-height:1.5;color:var(--txt)}
#mx10 .mx10-row .mx10-v .mx10-tx b{font-weight:600}
#mx10 .mx10-row .mx10-v .mx10-src{font-size:11px;color:var(--txt-mut);margin-top:4px}
#mx10 .mx10-row .mx10-g-ic{width:30px;height:30px;border-radius:8px}
#mx10 .mx10-row .mx10-g-ic svg{width:14px;height:14px}
#mx10 .mx10-qchip{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:3px 9px;border-radius:14px;
         background:rgba(210,255,81,.1);font-size:11px;font-weight:600;color:var(--green-l)}
#mx10 .mx10-light .mx10-qchip{background:rgba(85,112,26,.08);color:#55701A}
#mx10 .mx10-foot{display:flex;align-items:center;gap:7px;padding:14px 16px;font-size:11.5px;color:var(--txt-mut);border-top:1px solid var(--line);margin-top:auto}
#mx10 .mx10-foot svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
#mx10 .mx10-foot b{color:var(--txt-soft);font-weight:600}
#mx10 .mx10-cursor{position:absolute;left:0;top:0;width:19px;height:19px;z-index:20;opacity:0;pointer-events:none;
          transition:opacity .3s ease, transform .95s cubic-bezier(.3,.6,.2,1)}
#mx10 .mx10-cursor.mx10-show{opacity:1}
#mx10 .mx10-cursor svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
#mx10 .mx10-ring{position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;border:2px solid var(--green-l);
        opacity:0;pointer-events:none;z-index:19;transform:translate(-50%,-50%) scale(.4)}
#mx10 .mx10-ring.mx10-pop{animation:mx10-ringPop .5s var(--ease) forwards}
@keyframes mx10-ringPop{0%{opacity:.7;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}
#mx10 .mx10-prg{position:absolute;top:0;left:0;right:0;height:2.5px;background:rgba(255,255,255,.09);z-index:45}
#mx10 .mx10-prg i{display:block;height:100%;width:100%;background:var(--ochre,#D2FF51);transform:scaleX(0);transform-origin:left}
#mx10 .mx10-win.mx10-light .mx10-prg{background:rgba(24,24,22,.12)}
@media (prefers-reduced-motion:reduce){#mx10 .mx10-prg{display:none}
#mx10 .mx10-mo{transition:none}
#mx10 .mx10-note w{opacity:1!important;transition:none}}
#mx1,#mx2,#mx4,#mx5,#mx6,#mx7,#mx8,#mx10{display:flex;justify-content:center;align-items:center;max-width:100%;
       padding:32px 26px;border-radius:20px;
       background:
         radial-gradient(66% 60% at 14% 8%,  rgba(210,240,140,.52), transparent 62%),
         radial-gradient(62% 58% at 92% 14%, rgba(218,245,248,.52), transparent 60%),
         radial-gradient(78% 72% at 84% 96%, rgba(210,255,81,.40),  transparent 60%),
         radial-gradient(66% 62% at 18% 92%, rgba(231,255,149,.42), transparent 62%),
         #ECEFE3}
  .mxc>*{max-width:100%}
  /* in the hero the panel should hug the phone like a framed product shot,
     not span the page the way it did in the rolodex section */
  /* the hero wrap centres text; the phone is an app screen and must not inherit that */
  .hero-visual{display:flex;justify-content:center;text-align:left}
  .hero-visual #mx5{width:auto;padding:34px 46px;
                    transition:transform .25s ease-out;will-change:transform}
  /* Daniel 2026-08-28: no card behind the hero phone — let the gradient show
     through. The phone screen carries its own frame; the panel stays for the
     other embedded components. */
  .hero-visual #mx5{background:none;box-shadow:none;padding:0}
  @media (max-width:760px){ #mx1,#mx2,#mx4,#mx5,#mx6,#mx7,#mx8,#mx10{padding:20px 14px;border-radius:16px} }
  #mx5{background:linear-gradient(180deg,#FDFEF8,#F2F5E4);box-shadow:0 34px 70px -40px rgba(28,27,13,.35)}

  /* ---- security ---- takes the Trust Center's structure (badge, gauge, headline,
     arrow CTA). Dark moss like the Trust Center itself — under the mash.com
     brand, black/lime IS the house palette, so the vault look now belongs. */
  .sec{position:relative;overflow:hidden;
       padding:88px 0 92px;background:var(--espresso);text-align:center}
  .sec .head{color:var(--ivory)}
  .sec .lead{color:rgba(246,247,242,.72)}
  .sec .wrap{position:relative;z-index:2;max-width:820px}
  /* h2.head's 20ch cap orphaned "need" onto its own line; the headline wants to
     sit on one, as it does on the Trust Center card */
  #security .head{max-width:100%;text-wrap:balance}
  .sec .lead{max-width:660px;margin-left:auto;margin-right:auto;text-wrap:balance}
  .sec-cipher{position:absolute;top:0;bottom:0;z-index:1;pointer-events:none;user-select:none;
              font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.62;
              white-space:pre;color:var(--lime);opacity:.09;overflow:hidden}
  .sec-cipher::before{content:""}
  /* the wall shifts like it's being worked on — frames swap in the content
     property, so the glyphs stay out of the DOM */
  .sec-cipher-l::before{content:";,YX?XM,#SLF<,UBIHEY4D;^.Z3@~\00000AK:9=K6%3!DIN>N@\00000AICA10G?{<+JZ8*L$&B=PR5MBH;|\00000AY,YQ+}O<+1A8#C0X<MFS\00000A.7B&@}JJL05B]]:Q/R}XT\00000A35YUZ}/K+GNNE64<6+|@WIQ3\00000AJ910CI8=,5HFW!]QL[R,&REC?)$ECJ\00000AI$%RJJ,]FQ*)K?J+D~B{{BJKLO6+&}\00000A:.;KD$L/C3O~|6B]#SZV*.~4^>6Z_Z1}2\00000A%0RR~(FI9VO,?91={~%,^JE9F9)$CR>:Y\00000A84SGO,N]JZZ?6WB\00000AEW28(U<2L=}Q,:ZA{*;^0MP15}L$^7\00000A(KE.*+9|D1I-EW&\00000A?T.~L2.@V6${0#S8~Z=\00000AOA{DF>P|LVI:=>85?~Q*_?%NY+D7QCEY\00000A3B!^)5~N~P6Z_C{=U01\00000A1R3(X%%Y1YMR4QL7}M_+QZ>CMZ)[O*Y\00000A/NDE/SYXO0WU!MHR;\00000AM^<;-)_0]BFZX=:[]\00000AYVMB^K>Y*79OU>R&]_X>0XJ*#?M\00000A)G38#*1>XJ}~1P<\00000ACON46.>GZ{BM769*+M.JF}U}?V~H-~+!>\00000A$[!/8!@DB5FU=}G%<G%J2-/65FM;S5OG+:\00000A0G)TP[.R+:7+[R@Q4/\00000A$)98Y94Y5ZFHB87-DE\00000A29JLU4]//)0**~RJP,\00000A1.-7}T]T^@X-]M;^KK_|;#BJ$1K#~^!S2)\00000A[P^.9.$:%2>5K[[D[<}Y]}TWW\00000A:!C2HU@C-I$K&K9N%\00000ADSM-52|*:<(*&R~|J";animation:secCiphL 3.4s steps(1,end) infinite}
  .sec-cipher-r::before{content:"J(!L(<+CEN.2(K~&+Z,V2_=Z-#92=?S$\00000A?<M]R7T*I<U+-;!T^09BC>+R\00000AT@BGF$PAHEBTW,]3IDY6~CQYOVE{\00000AZ05&3AO6%3+H^=@U!=O_G{\00000A~D^}RTV(?>L^Z?F.23,W*VWE:G;$\00000AN#3%2OYVZN6%[BT]\00000A3_266*%<;#0OUJ6JN20QF\00000A[%I!N*+[P[!P(QWC.3%1_01\00000A.{HZ5:)%@16330550?#FN-SB8*<\00000A$I5LFO#WV{%T;UO[TDF>U=AL<-Y%ZN69CK\00000A9KB7Q,0&[40^0941A}W[7P6C4\00000A|XO(2PZ!C$=E-L2%SQD).5AF17S2I\00000AP7$5CL*^Z&J(4|5ZT{UD!8[,~88^(K*T\00000A33|DV]4DA+[D3UX\00000A+*=#EQ#)|/9{[.&{\00000AJH9!:8D^G[X,5C;*\00000A#~&S5C(F$IFV0;5TFQ)14B)\00000A+$FH^~HG%^+EO5TZ$:\00000A;}@BI<V)(Y]TDA0#HH2\00000A^|}]J6CE-_^&E)=8{4E/8Z{\00000A~*S*(O.W8@^N)+!H\00000AAJT[BS,N2$#;V|9KK^29[V]-Z&Q\00000A@7$>29;BG~RT4{H7CD\00000AKA!ZBA:P6Z;4FW1{9I[N{\00000A/4;V(V;01Z}F:65*$8@->_7%~06<\00000A=S2R__|W(_9UMB@)12H\00000A3J35Z?;[+*F(M^=VD%F&^]MH&;4\00000AT-:X_L}F4.XS5+:64$9K;%.GYLW\00000A-BDW!>>LAA2R,R0CR.>JF&FIN\00000AUVSF#?|%L^^XB9#?:(]9M/?MP#%@Z>9GO";animation:secCiphR 3.4s steps(1,end) 1.7s infinite}
  @keyframes secCiphL{0%{content:";,YX?XM,#SLF<,UBIHEY4D;^.Z3@~\00000AK:9=K6%3!DIN>N@\00000AICA10G?{<+JZ8*L$&B=PR5MBH;|\00000AY,YQ+}O<+1A8#C0X<MFS\00000A.7B&@}JJL05B]]:Q/R}XT\00000A35YUZ}/K+GNNE64<6+|@WIQ3\00000AJ910CI8=,5HFW!]QL[R,&REC?)$ECJ\00000AI$%RJJ,]FQ*)K?J+D~B{{BJKLO6+&}\00000A:.;KD$L/C3O~|6B]#SZV*.~4^>6Z_Z1}2\00000A%0RR~(FI9VO,?91={~%,^JE9F9)$CR>:Y\00000A84SGO,N]JZZ?6WB\00000AEW28(U<2L=}Q,:ZA{*;^0MP15}L$^7\00000A(KE.*+9|D1I-EW&\00000A?T.~L2.@V6${0#S8~Z=\00000AOA{DF>P|LVI:=>85?~Q*_?%NY+D7QCEY\00000A3B!^)5~N~P6Z_C{=U01\00000A1R3(X%%Y1YMR4QL7}M_+QZ>CMZ)[O*Y\00000A/NDE/SYXO0WU!MHR;\00000AM^<;-)_0]BFZX=:[]\00000AYVMB^K>Y*79OU>R&]_X>0XJ*#?M\00000A)G38#*1>XJ}~1P<\00000ACON46.>GZ{BM769*+M.JF}U}?V~H-~+!>\00000A$[!/8!@DB5FU=}G%<G%J2-/65FM;S5OG+:\00000A0G)TP[.R+:7+[R@Q4/\00000A$)98Y94Y5ZFHB87-DE\00000A29JLU4]//)0**~RJP,\00000A1.-7}T]T^@X-]M;^KK_|;#BJ$1K#~^!S2)\00000A[P^.9.$:%2>5K[[D[<}Y]}TWW\00000A:!C2HU@C-I$K&K9N%\00000ADSM-52|*:<(*&R~|J"}25%{content:";,YX?XM,#SLF<,MBIHEY4>;^.Z3@~\00000AK:A=K6%3!DINUN@\00000A6CA10G?{<+JZ8*L$&>=PR5MBH;|\00000AY,YQ+}O<+1A8#C0X<MFS\00000A.7B&@}JJL05B]]:Q/^}XT\00000A35YUZ}/K+GNNE64<6+|@WIQ3\00000AJ910JI8=,5}FW!]QL[R,&REC?)$EVJ\00000AI$%RJJ,]FQ*)K?J+D~B{{BJKLO6+&}\00000A:._KD$L/C3O~|6B]#?ZV*.<4^>6Z_Z1}2\00000A%0RR~(FI9VO!?T1={~%,^/E9F9)$C]>:Y\00000A84SGO,N]JZZ?6WB\00000AEW2L(U<2L=}Q,:ZE{*;^<MP15}L$^7\00000A(KE.*+9WD1I-}W&\00000A?T.~L2.@V6${0&S8~;=\00000AOA{DF>P|LVI:5>85?)Q-_?%GY+D7QCEY\00000AOB?^)5~N~P6Z_^{=U01\00000A1R3(X%%Y1YMR4QL7}M_+QZ>CMZ)[O*Y\00000A/8DE/SYXO0WU!MHR*\00000AM^<;2)O0]BKZX=:[]\00000AYVPB^K>Y*796U>9&]_X>0XJ*#?M\00000A)G38#*9>XV}~1P<\00000ACVNY6J>GZ{BM769*+M.JT}U}?V~H-~+!>\00000A>[!/8!@DB5FU=}G%<G%J2-NS5F3;S!+G+:\00000A0GPTP[.R+:7+[R@?4/\00000A$)98Y9%Y5ZFHB17-DE\00000A29JLU4*//)0**~RJP,\00000A1.-7}T]T^@X-,>;^KK_|;#BJ$1K#=^!S=)\00000A[P^.9.$:32>5K[[;[<}Y]}TWW\00000A:!C2HU@CHI$K&K9N%\00000ADSM-52|*:<(N&R~|J"}50%{content:";,YX?XM,#SLF<,9BI(EY4D;^.Z3@~\00000AK:99}6%3!DINCN@\00000AICA10G?{<+JZ8?L4&B=PR5MBH;|\00000AYHYQ+}O<S1$8#C0X<MFS\00000A.7B&@}JJL05B]]:Q/9}XT\00000A!5YU>}/K+6NNE64<O+|@WIQR\00000AJ9#0CI8=,5HDW!]QL[R,&REC?)$ECJ\00000AB$%RJJ,]FQ*,K?J2-~B{{BJK1OQ+&}\00000A<=;KD$L/C3O~|6B]#SZV*._47>6Z_Z1}G\00000A%0RR~(FI9%O,?9-={~%,^JE9D9)$CR>:Y\00000A84SGO,N]JZZ?6WB\00000AUW20(U/2L=}Q,:ZAJ*3^0MP1@>L$^N\00000A(KE.*+9|DII-EW&\00000A?T.~L2.@V6${0#S8~Z=\00000AOA{D7>P|LV]:=>85?~Q*_?%NY+D7?CEY\00000A3B!,)5(N~P6ZPC{=U/1\00000A1R3(XT%Y1YMR4QL7}M_+7Z>CMZ)[O*Y\00000A/NUE/3Y|O0]U!MHL;\00000AM^<I-)_0]BFZX=:H]\00000APVMB^K>Y*79OU>R&]_X>0XJ*#*M\00000A)438#*1>XJ}~1PN\00000ACON46.>GZ{BM769*+M.J/}U}?V~/-~+!>\00000A$[!/8!@DB5FUT}G%<G%J2-/65FM;D5OG+:\00000A0GATP[)R+:++[R@Q,/\00000A$)98>94Y5ZFHB87-DE\00000A29JL]4]//)0**~RJP,\00000A1.-7}T]T^@X-=6;^KK_|;#BJ$1K#~^!S2_\00000A[P^.9.$:%2>5K[[D[<}Y]}TWW\00000A:!C2HU@C-U$K&K9N%\00000ADSM-52|*:}(*&R~|J"}75%{content:";,YX?XM,#SLF<,UBIHEY4D;^.Z4+~\00000AK:9=K6%3!DIT>N@\00000A)CA10G?{<+JZ8*L$&B=PR5MB+;|\00000AY,YQ+}O^+1A8#C0X<MFS\00000A.7B&@}JJJ05?]?:Q/R}XT\00000A35VUZ}/K+GNNE64<~+|@WIQ3\00000AJ915CI8=,5HFW!]QL[R,&REC?)$ECJ\00000AI$%RJJ,]FQ*)&?J+D~B{{B/KLO6+&}\00000A:.;KD$L/C3O~26B]%SZV/.Z4^>6Z_}1}2\00000AG0RR~(_I9VO,?91={~%,^JE9F9)$CR>:Y\00000AF]SGO,N]JZZ?6WB\00000AEW28(U<2L=}Q$:BA{*;^0MP15}L$^7\00000A(KE.*+9|D1IFEW&\00000A?@.~L2.@V>${B#S8~Z=\00000AOA{DF>P|L/I:=>85?~Q*_?%NY+^7QCEY\00000A3B!^)5~N~P6Z_C{=U01\00000A1R3(.%%Y1YMR4QL7}M_+QZ>CMZ?[O*Y\00000A/ND@/SYXO0WU!MHR;\00000AM^<;-)_0]BOZX=:[]\00000AYVMB^K>Y*79OUMR&]_X>0XJ*#?B\00000ARG38#*1>XJ}~1P<\00000ACON4L.>GZ{BMQ69*+M.]$}UU?V~H-~+!>\00000A$[!/8E%DB5FU=}J%<G%J2-/65FM;S5OG+:\00000A0G)/P[.R+:7Z[#@Q4/\00000A$)98Y94Y5ZFHB8$-DE\00000A)9JLU4_//)0**~RJP,\00000A1.-7}T]T^@X-]M;^,K_|;#BJ$1K#_^!S2)\00000A[P^.9.$:%2>5<[[D[<}Y]}TWW\00000A:!CG[U@C-I$K&K;N%\00000ADSM-52|*:<(*&R~|J"}}
  @keyframes secCiphR{0%{content:"J(!L(<+CEN.2(K~&+Z,V2_=Z-#92=?S$\00000A?<M]R7T*I<U+-;!T^09BC>+R\00000AT@BGF$PAHEBTW,]3IDY6~CQYOVE{\00000AZ05&3AO6%3+H^=@U!=O_G{\00000A~D^}RTV(?>L^Z?F.23,W*VWE:G;$\00000AN#3%2OYVZN6%[BT]\00000A3_266*%<;#0OUJ6JN20QF\00000A[%I!N*+[P[!P(QWC.3%1_01\00000A.{HZ5:)%@16330550?#FN-SB8*<\00000A$I5LFO#WV{%T;UO[TDF>U=AL<-Y%ZN69CK\00000A9KB7Q,0&[40^0941A}W[7P6C4\00000A|XO(2PZ!C$=E-L2%SQD).5AF17S2I\00000AP7$5CL*^Z&J(4|5ZT{UD!8[,~88^(K*T\00000A33|DV]4DA+[D3UX\00000A+*=#EQ#)|/9{[.&{\00000AJH9!:8D^G[X,5C;*\00000A#~&S5C(F$IFV0;5TFQ)14B)\00000A+$FH^~HG%^+EO5TZ$:\00000A;}@BI<V)(Y]TDA0#HH2\00000A^|}]J6CE-_^&E)=8{4E/8Z{\00000A~*S*(O.W8@^N)+!H\00000AAJT[BS,N2$#;V|9KK^29[V]-Z&Q\00000A@7$>29;BG~RT4{H7CD\00000AKA!ZBA:P6Z;4FW1{9I[N{\00000A/4;V(V;01Z}F:65*$8@->_7%~06<\00000A=S2R__|W(_9UMB@)12H\00000A3J35Z?;[+*F(M^=VD%F&^]MH&;4\00000AT-:X_L}F4.XS5+:64$9K;%.GYLW\00000A-BDW!>>LAA2R,R0CR.>JF&FIN\00000AUVSF#?|%L^^XB9#?:(]9M/?MP#%@Z>9GO"}25%{content:"J(!L(<GCEN.2(K~&+Z,V2_=ZJ#96=?S$\00000A?HM]R7T*Z<U+-;|T^09BC>5R\00000AT@BGF$PAHEBLW,]3IDY6~CQYOVE{\00000AZ25&34^6%3+H^=@U!=O_G{\00000A~D^}RTV(?>L^Z?F.23,W*VWE:G+$\00000AN#3%2OYVZN6%[BT]\00000A3_266*0<4#0O-J6JN20QF\00000A[%I!N*+[.[!P(QW}.3%1_01\00000A.{HZ5:)%@1|3K0550?>FN-SE8*<\00000A$I5LFO#WV{%#;UO2TDF>U=AL<-Y*ZN69CK\00000A9KB7Q,0S[80S0941A}W[7P6C4\00000A|X>(2PZ!C$=E-L2%SQD).5AF17S2I\00000AP7$5CL*^Z&J(4|5ZT{UB!8[,~88^(K*T\00000A33|DV]4D<+4D3UX\00000A7*=#EE#)|/9{[.&{\00000AJH9!:8R^G[O,5V;*\00000A#~&S5C(F$IFV0;5TF#)14B)\00000A+$FH^~HG%^+EO5TZ$:\00000A;}@BI<V)(Y]TDA0#HH2\00000A^|}]J6CE-_^P3)=8{4E/8Z{\00000A~*S*(O@W8@^N)+!H\00000AAJT[BS,N2$#;V|9@C^29[V]-Z&Q\00000A@7$>29;BG~RT4{H7CD\00000AKA!ZBA:P6Z;4FW1{9I[N{\00000A+4;V(V;0WZ}F:65*O8@->_7%~06<\00000A=S2R_?|W(_9UMB@):20\00000A3J35Z?9E+*F(M^=VD%F&^]MH&;4\00000AT-:X*L}F4.XS5+:64$9K;%%GY*W\00000A-BDW!>>LA>2U,R0CR.>JF&FIN\00000AUVSF#?|%L^^XB9#?:(]9M/?MP#%@Z>9GB"}50%{content:"J(!L(<+CEN)2(K/&+Z,V2_=Z-#92=?S$\00000A,<M]D7TRI<)+-;!T^|9BC>!R\00000AT@BGF$PAHEBTW,]3IDY6~ZQCOVEG\00000AZ05&3AO6%3+H^=@U!=O_G{\00000A~D^}RTV(?>L^Z?F.RC,W*VWE:G;$\00000AN#3%2OYVZN6%[BT]\00000A3_266*%<;J0OUJ6JN20QF\00000A[%I!N*+[P[!P(QWC.3%1_01\00000A.{HZ5:)%@16330550?#FN-SB8*<\00000A$I5LFO#WV{%T;UO[TRF>U=AL<-Y%ZN69CK\00000AQKB7Q,0?[40^:941A}W[XP6C4\00000A|XO(2PZ!C$=E2L2*SQD).5~F17S2I\00000AP7$5CL*^Z&J(4|5ZT{UD!8[W~88^(^*T\00000A3^|DV]4DA+[D33X\00000A+*=#EQ#)C/9{[.&{\00000AJ_9!:M<^G[],5C;#\00000A#<&S5C(F$IFV0;56FQ)14B)\00000A+$9>^~HG%^+EO5TZ$W\00000A;}@BIGVB(Y]TDA0#HH2\00000A^|}]J6CK-_^&E)=8M4E/8Z{\00000A~*S*8O.W8@^N)+!H\00000AAJT[BS,Q2$#;V|9TK^29[V]-Z&Q\00000A@7$>293?G~RT4+H7CD\00000AKA!ZTA:P-Z;42W1{9I[N{\00000A/4;V(V;01Z}F:65*$8@?>_7%~06<\00000A=S2R__|W(_9UM,@)1#H\00000ARJ35Z1F[+*F(-^-VD%F&^]M%&;4\00000AT-:X_LJFY.XS5+:64$9K;%.GYL5\00000A=BLW!>>L#A2R,R0CR.>JF&FIN\00000A*VSF#?|%L^^-:9#?:(]9M/?MP#%BZ>8GO"}75%{content:"J(!L(<+CEN.2(K~&+Z,V2?=Z:#92=?S$\00000A?<M](7T*I<U+-;VT^09BC>^R\00000AT@BGF$PAHEBTW,]3I+Y6~CQ-OVE{\00000AZ05&3AO6%3+H^=@U!%O_G{\00000A~D^}RFV(?>L^Z?F.23,W*VWE:G;$\00000AN#3%2]YVZN6%[BT]\00000A3_966*%<;#0OUJ6JN2~QF\00000A[%I!N]+[P[!P(QWC.3%1_01\00000A.{HZ5:)%@1A3305_0?#FN-SB8*<\00000A$I5LFO#WV{%T;UO[TDF>U=AL<-YUZN69CK\00000A9KB7Q,0C[40^09419}$[7P6C4\00000A|XO(2PZ!C$=E-L2%SQD).5AF17A2I\00000AP7$5CL*TZ&$(4|5ZT{UDF8[,~&8^(K*T\00000A33|DV]4DA+[D3UX\00000A+*0#EQ#)|/9{[.|{\00000AJHM!:8D^G[X!][;*\00000A#~&S5C(F$IFV0;5TF$)1EB)\00000A+$FH^~HG%^+EO5TZ$:\00000A;}@BI<V)(Y]XDA0#HH2\00000A^$}]J.CE-_^&E)=8{4E/8Z{\00000A~*S*(O.W8@^N)+2H\00000AAJT[BS,N2$#;V|9KO^29ZV]-Z&Q\00000A@7P>2M;BG~H>4{H7CD\00000AKA!ZBA:PGZ;4FW1{9W[N{\00000A/4;V(V;01Z}F:65*$8@->_7|~06<\00000A=S2R__|W(_9UMB@)12W\00000A3J35Z?;[+*NF?^=VD%FE^]MH&|I\00000AT-:X_L}F4.XS5+:64$9K;-.GY*W\00000A-BDW!>>L;A2R,R0CR.>JF&FIN\00000AUVSF#?|%L^^XB9#?:(]9M/?MP#%@Z>9GO"}}
  .sec-cipher-l{left:0;text-align:left;
                -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 34%,transparent 96%);
                        mask-image:linear-gradient(90deg,#000 0%,#000 34%,transparent 96%)}
  .sec-cipher-r{right:0;text-align:right;
                -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 34%,transparent 96%);
                        mask-image:linear-gradient(270deg,#000 0%,#000 34%,transparent 96%)}
  @media (max-width:900px){.sec-cipher{opacity:.05}}

  .sec-badge{margin-bottom:34px}
  .sec-badge .sb-1{display:block;font-family:'Instrument Sans',Arial,sans-serif;font-weight:700;
                   font-size:14px;letter-spacing:.06em;color:var(--ivory)}
  .sec-badge .sb-2{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
                   font-size:12.5px;letter-spacing:.14em;color:rgba(246,247,242,.55);margin-top:5px}
  .sb-gauge{display:block;margin:15px auto 0;width:246px;position:relative}
  .sb-ticks{display:flex;align-items:flex-end;justify-content:space-between;height:19px}
  /* the gauge reads in when the badge reveals (.rv gains .in): ticks cascade
     left to right, then the needle sweeps from zero to past centre */
  .sb-ticks i{width:1px;height:11px;background:var(--ivory);opacity:0;
              transform:scaleY(.15);transform-origin:bottom;
              transition:opacity .3s ease,transform .35s cubic-bezier(.2,.65,.2,1)}
  .sec-badge.in .sb-ticks i{opacity:.24;transform:none}
  /* the pointer sits past centre — the reference's whole joke is the needle
     reading beyond what was asked for. 29 ticks, so 15 is dead centre. */
  .sec-badge.in .sb-ticks i:nth-child(17),.sec-badge.in .sb-ticks i:nth-child(19){height:15px;opacity:.5}
  .sec-badge.in .sb-ticks i:nth-child(18){height:19px;opacity:.9}
  .sec-badge.in .sb-ticks i:nth-child(1){transition-delay:100ms}
  .sec-badge.in .sb-ticks i:nth-child(2){transition-delay:124ms}
  .sec-badge.in .sb-ticks i:nth-child(3){transition-delay:148ms}
  .sec-badge.in .sb-ticks i:nth-child(4){transition-delay:172ms}
  .sec-badge.in .sb-ticks i:nth-child(5){transition-delay:196ms}
  .sec-badge.in .sb-ticks i:nth-child(6){transition-delay:220ms}
  .sec-badge.in .sb-ticks i:nth-child(7){transition-delay:244ms}
  .sec-badge.in .sb-ticks i:nth-child(8){transition-delay:268ms}
  .sec-badge.in .sb-ticks i:nth-child(9){transition-delay:292ms}
  .sec-badge.in .sb-ticks i:nth-child(10){transition-delay:316ms}
  .sec-badge.in .sb-ticks i:nth-child(11){transition-delay:340ms}
  .sec-badge.in .sb-ticks i:nth-child(12){transition-delay:364ms}
  .sec-badge.in .sb-ticks i:nth-child(13){transition-delay:388ms}
  .sec-badge.in .sb-ticks i:nth-child(14){transition-delay:412ms}
  .sec-badge.in .sb-ticks i:nth-child(15){transition-delay:436ms}
  .sec-badge.in .sb-ticks i:nth-child(16){transition-delay:460ms}
  .sec-badge.in .sb-ticks i:nth-child(17){transition-delay:484ms}
  .sec-badge.in .sb-ticks i:nth-child(18){transition-delay:508ms}
  .sec-badge.in .sb-ticks i:nth-child(19){transition-delay:532ms}
  .sec-badge.in .sb-ticks i:nth-child(20){transition-delay:556ms}
  .sec-badge.in .sb-ticks i:nth-child(21){transition-delay:580ms}
  .sec-badge.in .sb-ticks i:nth-child(22){transition-delay:604ms}
  .sec-badge.in .sb-ticks i:nth-child(23){transition-delay:628ms}
  .sec-badge.in .sb-ticks i:nth-child(24){transition-delay:652ms}
  .sec-badge.in .sb-ticks i:nth-child(25){transition-delay:676ms}
  .sec-badge.in .sb-ticks i:nth-child(26){transition-delay:700ms}
  .sec-badge.in .sb-ticks i:nth-child(27){transition-delay:724ms}
  .sec-badge.in .sb-ticks i:nth-child(28){transition-delay:748ms}
  .sec-badge.in .sb-ticks i:nth-child(29){transition-delay:772ms}
  .sb-point{position:absolute;left:4%;transform:translateX(-50%);margin-top:5px;
            width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;
            border-bottom:7px solid var(--lime);opacity:0;
            transition:left 1.5s cubic-bezier(.3,.8,.3,1.12) .55s,opacity .25s ease .55s}
  .sec-badge.in .sb-point{left:60.7%;opacity:1}
  @media (prefers-reduced-motion:reduce){
    .sec-cipher-l::before,.sec-cipher-r::before{animation:none}
    .sec .sb-ticks i{opacity:.24;transform:none;transition:none}
    .sec .sb-ticks i:nth-child(17),.sec .sb-ticks i:nth-child(19){height:15px;opacity:.5}
    .sec .sb-ticks i:nth-child(18){height:19px;opacity:.9}
    .sec .sb-point{left:60.7%;opacity:1;transition:none}
  }

  .sec-cta{display:inline-flex;align-items:center;gap:11px;margin-top:30px;padding:10px 6px;
           font-family:'Instrument Sans',Arial,sans-serif;font-size:16px;font-weight:600;
           color:var(--ivory);text-decoration:none}
  .sec-cta .sc-ic{width:26px;height:26px;border-radius:50%;background:var(--lime);
                  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
                  transition:transform .3s cubic-bezier(.2,.65,.2,1)}
  .sec-cta .sc-ic svg{width:13px;height:13px;fill:none;stroke:#1C1B0D;stroke-width:2.4;
                      stroke-linecap:round;stroke-linejoin:round}
  .sec-cta:hover .sc-ic{transform:translateX(3px)}
  .sec-cta:hover{text-decoration:underline;text-underline-offset:4px}
  /* h2.head is capped at 20ch, which was tuned for short headlines. These two run
     long, so the cap inset them inside their own centred wrapper and broke them
     into three ragged lines. The wrapper already sets the measure. */
  #value .value-head h2,#rolo .rolo-head h2{max-width:100%;text-wrap:balance}
  /* the section's main visual: full-width panel between the header and the rows */
  .ftext h3,.hero-power h3{text-wrap:balance}
  /* Found row: the major sources as logo chips under the paragraph */
  .int-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 2px}
  .int-chips .ichip{display:inline-flex;align-items:center;gap:7px;
                    font-size:12.5px;font-weight:600;color:var(--espresso);
                    background:var(--surface);border:1px solid var(--line);
                    border-radius:999px;padding:6px 12px}
  .int-chips .ichip svg{width:13px;height:13px;flex:0 0 auto}
  .int-chips .ichip-more{background:transparent;border-style:dashed;color:var(--espresso-soft)}
  /* the feature rows are full-bleed cards; the stock 26px between them read as
     cramped once each one carried a product component. */
  #value .hero-power+.hero-power{margin-top:64px}
  @media (max-width:860px){ #value .hero-power+.hero-power{margin-top:44px} }
  /* The "rolodex mode" badge parks off-screen with translateY(140%) = 63px, but it
     sits 22px up and is 45px tall, so 4px of black stayed visible at the bottom of
     every page. Park it clear of the viewport, shadow included. */
  .iso-badge{transform:translateX(-50%) translateY(calc(100% + 60px))}
  .iso-badge.show{transform:translateX(-50%)}
  /* h1.htitle inherits max-width:20ch (612px), which split "personal chief of
     staff" across two lines. 700px breaks it at the clause instead. */
  h1.htitle{max-width:700px;text-wrap:balance}
  /* .ink draws its underline as one no-repeat background across the whole inline
     box, so a phrase that wraps loses the underline on every line but the first. */
  .ink{-webkit-box-decoration-break:clone;box-decoration-break:clone}
  /* Each component's window has a hard pixel width, and max-width:100% cannot pull it
     in — the grid column it sits in is itself sized from that fixed width, so the
     whole document ended up ~557px wide on a phone and scrolled sideways.
     min-width:0 lets the column shrink and the window then fills whatever is left.
     Scoped to widths where two 532px columns no longer fit: above that the columns
     size to content, which keeps every window at its designed 480px. */
  @media (max-width:1160px){
    .frow>*,.hero-power>*{min-width:0}
    #mx1,#mx2,#mx4,#mx5,#mx6,#mx7,#mx8,#mx10{max-width:100%;overflow:hidden}
    .mxc>*{width:100%;max-width:100%}
  }
  /* footer links sat at 22px tall — under the 44px touch target guidance */
  @media (max-width:760px){ footer .foot-links a{display:inline-block;padding:11px 0} }
  /* Each carousel stage is a fixed height with its frames absolutely positioned, sized
     against the 480px window. Once the window is compressed the same content reflows
     taller and the window's overflow:hidden cut the last rows off. Stacking the frames
     in one grid cell lets the stage grow to its tallest frame instead. Kept inside the
     same breakpoint as the compression: above it the windows are full width and the
     stages keep their designed heights, so the components still line up with each other. */
  @media (max-width:1160px){
    #mx1 .mx1-stage{display:grid;height:auto;min-height:350px}
    #mx1 .mx1-frame{grid-area:1/1;position:relative;inset:auto}
    #mx2 .mx2-stage{display:grid;height:auto;min-height:350px}
    #mx2 .mx2-frame{grid-area:1/1;position:relative;inset:auto}
    #mx4 .mx4-stage{display:grid;height:auto;min-height:334px}
    #mx4 .mx4-frame{grid-area:1/1;position:relative;inset:auto}
    #mx6 .mx6-stage{display:grid;height:auto;min-height:262px}
    #mx6 .mx6-frame{grid-area:1/1;position:relative;inset:auto}
    #mx7 .mx7-stage{display:grid;height:auto;min-height:314px}
    #mx7 .mx7-frame{grid-area:1/1;position:relative;inset:auto}
    #mx8 .mx8-stage{display:grid;height:auto;min-height:350px}
    #mx8 .mx8-frame{grid-area:1/1;position:relative;inset:auto}
    #mx10 .mx10-stage{display:grid;height:auto;min-height:350px}
    #mx10 .mx10-frame{grid-area:1/1;position:relative;inset:auto}
  }
/* ===== integrations callout: two-worlds orbit hub. Duplicated verbatim at the
   end of about.css, pricing.css, club.css, careers.css and home.css, because
   #79 moved it out of the <style> that used to travel inside the markup.
   check-site.mjs fails the build if the copies drift, and if a page carries the
   markup without linking a sheet that has them. Edit one, run the check. ===== */
.igband{padding:64px 0 68px;background:
  radial-gradient(66% 60% at 12% 8%,  rgba(210,240,140,.5), transparent 62%),
  radial-gradient(60% 56% at 92% 12%, rgba(218,245,248,.5), transparent 60%),
  radial-gradient(74% 70% at 86% 96%, rgba(210,255,81,.34), transparent 60%),
  radial-gradient(64% 60% at 16% 92%, rgba(231,255,149,.4), transparent 62%),
  #ECEFE3}
.igband .igb-in{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;align-items:center;
  justify-content:space-between;gap:44px;flex-wrap:wrap}
.igband .igb-copy{display:flex;flex-direction:column;gap:10px;max-width:430px}
.igband .igb-eye{font-family:'Aeonik Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.24em;
  text-transform:uppercase;font-weight:700;color:#55701A}
.igband h2{font-family:'Dazzed',Arial,sans-serif;font-weight:500;font-size:clamp(24px,3vw,33px);
  letter-spacing:-.02em;line-height:1.12;color:#1C1B0D;margin:0}
.igband .igb-sub{font-size:15px;color:#4C4B3B;line-height:1.6;margin:0}
.igband .igb-cta{margin-top:8px;font-weight:600;font-size:15px;color:#1C1B0D;align-self:flex-start;
  border-bottom:2px solid #D2FF51;padding-bottom:2px;text-decoration:none}
.igband .igb-cta:hover{border-color:#55701A}
.igband .igb-hub{position:relative;width:340px;height:340px;flex:0 0 auto}
.igband .igb-halo{position:absolute;inset:0;width:100%;height:100%}
.igband .igb-glow{position:absolute;left:50%;top:50%;width:200px;height:200px;transform:translate(-50%,-50%);
  border-radius:50%;background:radial-gradient(circle, rgba(210,255,81,.5) 0%, rgba(210,255,81,.14) 46%, transparent 70%);
  animation:igbGlow 6.5s ease-in-out infinite}
@keyframes igbGlow{0%,100%{opacity:.75;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}
.igband .igb-mark{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);z-index:3}
.igband .igb-mark svg{width:100%;height:100%;border-radius:17px;
  box-shadow:0 0 0 1px rgba(85,112,26,.28),0 0 0 7px rgba(210,255,81,.22),0 16px 40px -14px rgba(28,27,13,.4)}
.igband .igb-ring{position:absolute;left:50%;top:50%;width:0;height:0;animation:igbSpin linear infinite}
.igband .igb-ring.r1{--r:97px}
.igband .igb-ring.r2{--r:152px}
.igband .igb-orb{position:absolute;left:0;top:0}
.igband .igb-oc{display:flex;transform-origin:0 0;animation:igbSpinRev linear infinite}
.igband .igb-oci{display:flex;align-items:center;justify-content:center;margin-left:-20px;margin-top:-20px;
  border-radius:12px;background:linear-gradient(165deg,#FFFFFF,#F4F6EC);border:1px solid rgba(28,27,13,.13);
  box-shadow:0 12px 26px -14px rgba(28,27,13,.35);animation:igbBreathe 7s ease-in-out infinite}
.igband .igb-oci.w{background:rgba(255,255,255,.55);border-style:dashed;border-color:rgba(28,27,13,.28)}
.igband .igb-oci svg{width:52%;height:52%}
.igband .igb-spoke{position:absolute;left:0;top:0;width:var(--r);height:1px;transform-origin:0 50%}
.igband .igb-spoke i{display:block;height:1px;width:100%;opacity:0;
  background:linear-gradient(90deg, rgba(85,112,26,0) 4%, rgba(85,112,26,.75) 55%, rgba(85,112,26,0) 96%);
  animation:igbSpark 12s ease-in-out infinite}
.igband .igb-lab{position:absolute;left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap;
  font-family:'Aeonik Mono',ui-monospace,monospace;font-size:7.5px;letter-spacing:.22em;font-weight:700;
  color:#55701A;background:rgba(246,247,242,.92);box-shadow:0 0 0 1px rgba(28,27,13,.08);
  padding:2px 8px;border-radius:99px}
@keyframes igbSpin{to{transform:rotate(360deg)}}
@keyframes igbSpinRev{to{transform:rotate(-360deg)}}
@keyframes igbBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}
@keyframes igbSpark{0%,7%{opacity:0}2.5%{opacity:1}10%,100%{opacity:0}}
@media (max-width:820px){.igband .igb-in{justify-content:center}.igband .igb-hub{transform:scale(.85);margin:-20px 0}}
@media (prefers-reduced-motion:reduce){
  .igband .igb-ring,.igband .igb-oc,.igband .igb-oci,.igband .igb-glow{animation:none!important}
  .igband .igb-spoke{display:none}}