#nw-flux{--nw-ink:#11243b;--nw-muted:#53677d;--nw-blue:#215ae8;--nw-line:#dce5f0;--nw-soft:#edf3ff;--nw-green:#13704f;--nw-time:9s;font-family:Arial,Helvetica,sans-serif;color:var(--nw-ink);background:#f8fafc;border-radius:24px;overflow:hidden;isolation:isolate;box-sizing:border-box}
    #nw-flux *,#nw-flux *::before,#nw-flux *::after{box-sizing:border-box}
    #nw-flux .nw-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px 0}
    #nw-flux .nw-brand{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;letter-spacing:2px}
    #nw-flux .nw-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--nw-ink);color:#fff;font-size:18px;letter-spacing:-2px;padding-right:2px}
    #nw-flux .nw-demo{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--nw-muted)}
    #nw-flux .nw-scene{position:relative;display:grid;grid-template-columns:1.13fr 1fr 1.12fr;gap:32px;padding:40px 28px 32px;min-height:322px;align-items:center}
    #nw-flux .nw-lane{position:relative;z-index:2;min-width:0}
    #nw-flux .nw-caption{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--nw-muted)}
    #nw-flux .nw-caption::before{content:"";width:6px;height:6px;border-radius:50%;background:#a7b6c8}
    #nw-flux .nw-paper{background:#fff;border:1px solid var(--nw-line);border-radius:15px;box-shadow:0 10px 30px rgba(17,36,59,.055);padding:17px}
    #nw-flux .nw-demand{animation:nw-demand var(--nw-time) infinite both}
    #nw-flux .nw-ticket-top{display:flex;align-items:center;gap:8px;margin-bottom:17px}
    #nw-flux .nw-ticket-symbol{display:grid;grid-template-columns:repeat(2,5px);gap:3px;padding:8px;background:var(--nw-soft);border-radius:8px}
    #nw-flux .nw-ticket-symbol i{width:5px;height:5px;background:var(--nw-blue);border-radius:1px}
    #nw-flux .nw-micro{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--nw-muted);font-weight:700}
    #nw-flux .nw-title{display:block;font-size:19px;line-height:1.22;letter-spacing:-.5px;font-weight:700;margin-bottom:12px}
    #nw-flux .nw-detail{font-size:12px;line-height:1.6;color:var(--nw-muted)}
    #nw-flux .nw-ticket-bottom{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--nw-blue);font-weight:700;padding-top:15px;margin-top:14px;border-top:1px solid #eef2f7}
    #nw-flux .nw-mini-dot{width:6px;height:6px;border-radius:50%;background:currentColor}
    #nw-flux .nw-network{display:flex;flex-direction:column;gap:10px}
    #nw-flux .nw-person{display:flex;align-items:center;gap:9px;padding:12px 11px;background:#fff;border:1px solid var(--nw-line);border-radius:12px;animation:nw-person var(--nw-time) infinite both;position:relative;min-width:0}
    #nw-flux .nw-person-b{animation-name:nw-person-b}
    #nw-flux .nw-person-c{animation-name:nw-person-c}
    #nw-flux .nw-avatar{height:30px;width:30px;display:grid;place-items:center;border-radius:9px;background:#eff3f8;color:var(--nw-muted);font-size:12px;font-weight:700;flex-shrink:0}
    #nw-flux .nw-person-copy{min-width:0;flex:1}
    #nw-flux .nw-person-name{display:block;font-size:12px;font-weight:700;white-space:nowrap}
    #nw-flux .nw-person-job{display:block;font-size:11px;color:var(--nw-muted);margin-top:4px}
    #nw-flux .nw-accepted{animation:nw-selected var(--nw-time) infinite both}
    #nw-flux .nw-accepted .nw-avatar{animation:nw-avatar var(--nw-time) infinite both}
    #nw-flux .nw-check{width:19px;height:19px;border-radius:50%;background:var(--nw-green);flex-shrink:0;position:relative;animation:nw-check var(--nw-time) infinite both}
    #nw-flux .nw-check::after{content:"";position:absolute;left:6px;top:4px;width:6px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}
    #nw-flux .nw-offer-label{position:absolute;left:50px;bottom:11px;color:var(--nw-green);background:#fff;font-size:11px;animation:nw-check var(--nw-time) infinite both}
    #nw-flux .nw-wire{position:absolute;z-index:0;height:2px;background:#dce5f0;top:52%;width:calc(100% - 112px);left:56px;animation:nw-wire var(--nw-time) infinite both;overflow:hidden}
    #nw-flux .nw-wire::after{content:"";position:absolute;width:18%;height:2px;background:var(--nw-blue);animation:nw-packet var(--nw-time) infinite both}
    #nw-flux .nw-plan{animation:nw-plan var(--nw-time) infinite both}
    #nw-flux .nw-plan-head{display:flex;justify-content:space-between;gap:6px;font-size:12px;font-weight:700;margin-bottom:19px}
    #nw-flux .nw-plan-head span:last-child{font-weight:400;font-size:11px;color:var(--nw-muted)}
    #nw-flux .nw-slot{display:flex;gap:10px;align-items:center;padding:9px 0;font-size:11px;color:var(--nw-muted)}
    #nw-flux .nw-slot>span{width:30px;flex-shrink:0;font-variant-numeric:tabular-nums}
    #nw-flux .nw-slot>i{height:1px;background:#edf1f6;flex:1}
    #nw-flux .nw-event{flex:1;min-width:0;border-left:3px solid var(--nw-blue);border-radius:3px 8px 8px 3px;background:var(--nw-soft);padding:10px;animation:nw-event var(--nw-time) infinite both}
    #nw-flux .nw-event strong{display:block;font-size:11px;color:var(--nw-ink);margin-bottom:5px}
    #nw-flux .nw-event small{font-size:11px;color:var(--nw-muted)}
    #nw-flux .nw-statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 28px 23px}
    #nw-flux .nw-status{position:relative;flex:1;min-width:0;height:20px;font-size:12px;font-weight:700}
    #nw-flux .nw-status span{position:absolute;inset:0;opacity:0;animation:var(--nw-state) var(--nw-time) infinite both;white-space:nowrap}
    #nw-flux .nw-status span:nth-child(1){--nw-state:nw-state-1}
    #nw-flux .nw-status span:nth-child(2){--nw-state:nw-state-2}
    #nw-flux .nw-status span:nth-child(3){--nw-state:nw-state-3;color:var(--nw-green)}
    #nw-flux .nw-status span:nth-child(4){--nw-state:nw-state-4;color:var(--nw-blue)}
    #nw-flux .nw-toggle{border:1px solid var(--nw-line);border-radius:20px;padding:8px 12px;min-height:36px;background:#fff;color:var(--nw-muted);font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}
    #nw-flux .nw-toggle:focus-visible{outline:2px solid var(--nw-blue);outline-offset:3px}
    #nw-flux .nw-progress{height:3px;background:#e9eef6;overflow:hidden}
    #nw-flux .nw-progress::after{content:"";display:block;height:100%;width:100%;transform-origin:left;background:var(--nw-blue);animation:nw-progress var(--nw-time) linear infinite both}
    #nw-flux.nw-paused *,#nw-flux.nw-paused *::before,#nw-flux.nw-paused *::after{animation-play-state:paused!important}
    #nw-flux .nw-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    @keyframes nw-demand{0%,4%{opacity:0;transform:translateY(12px)}10%,91%{opacity:1;transform:translateY(0)}98%,100%{opacity:0;transform:translateY(-6px)}}
    @keyframes nw-person{0%,19%{opacity:0;transform:translateX(-8px)}27%,91%{opacity:1;transform:translateX(0)}98%,100%{opacity:0;transform:translateX(0)}}
    @keyframes nw-person-b{0%,23%{opacity:0;transform:translateX(-8px)}31%,47%{opacity:1;transform:translateX(0)}57%,91%{opacity:.55;transform:translateX(0)}98%,100%{opacity:0}}
    @keyframes nw-person-c{0%,27%{opacity:0;transform:translateX(-8px)}35%,47%{opacity:1;transform:translateX(0)}57%,91%{opacity:.55;transform:translateX(0)}98%,100%{opacity:0}}
    @keyframes nw-selected{0%,47%{opacity:0;transform:translateX(-8px);border-color:var(--nw-line);box-shadow:none}27%,47%{opacity:1;transform:translateX(0)}55%,91%{opacity:1;transform:translateX(0);border-color:#a4c4b6;box-shadow:0 6px 18px rgba(19,112,79,.08)}98%,100%{opacity:0;transform:translateX(0)}}
    @keyframes nw-avatar{0%,47%,100%{background:#eff3f8;color:var(--nw-muted)}55%,91%{background:#e7f4ed;color:var(--nw-green)}}
    @keyframes nw-check{0%,48%{opacity:0;transform:scale(.8)}56%,91%{opacity:1;transform:scale(1)}98%,100%{opacity:0;transform:scale(1)}}
    @keyframes nw-wire{0%,19%,98%,100%{opacity:0}28%,84%{opacity:1}}
    @keyframes nw-packet{0%,19%{left:-20%;opacity:0}25%{left:0;opacity:1}45%{left:45%;opacity:1}48%,53%{left:45%;opacity:0}60%{left:45%;opacity:1}76%{left:100%;opacity:1}80%,100%{left:100%;opacity:0}}
    @keyframes nw-plan{0%,56%{opacity:0;transform:translateX(-10px)}66%,91%{opacity:1;transform:translateX(0)}98%,100%{opacity:0;transform:translateX(0)}}
    @keyframes nw-event{0%,62%{opacity:0;transform:translateY(7px)}73%,91%{opacity:1;transform:translateY(0)}98%,100%{opacity:0;transform:translateY(0)}}
    @keyframes nw-state-1{0%,18%{opacity:1}21%,100%{opacity:0}}
    @keyframes nw-state-2{0%,20%{opacity:0}23%,46%{opacity:1}49%,100%{opacity:0}}
    @keyframes nw-state-3{0%,48%{opacity:0}51%,63%{opacity:1}66%,100%{opacity:0}}
    @keyframes nw-state-4{0%,65%{opacity:0}68%,94%{opacity:1}98%,100%{opacity:0}}
    @keyframes nw-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
    @media(max-width:700px){#nw-flux .nw-header{padding:20px 20px 0}#nw-flux .nw-scene{grid-template-columns:1fr;gap:23px;padding:28px 20px 26px}#nw-flux .nw-caption{margin-bottom:10px}#nw-flux .nw-demand{padding:16px}#nw-flux .nw-title{font-size:19px;margin-bottom:8px}#nw-flux .nw-ticket-top{margin-bottom:12px}#nw-flux .nw-ticket-bottom{margin-top:10px;padding-top:10px}#nw-flux .nw-network{gap:7px}#nw-flux .nw-person{padding:10px 12px}#nw-flux .nw-person-job{font-size:11px}#nw-flux .nw-offer-label{left:51px;bottom:10px;font-size:11px}#nw-flux .nw-plan-head{margin-bottom:6px}#nw-flux .nw-slot{padding:5px 0}#nw-flux .nw-wire{display:none}#nw-flux .nw-statusbar{padding:0 20px 20px;flex-wrap:wrap}#nw-flux .nw-status{font-size:11px;flex:1 1 190px}#nw-flux .nw-toggle{min-height:44px}#nw-flux .nw-demo{font-size:11px}}
    @media(prefers-reduced-motion:reduce){#nw-flux *,#nw-flux *::before,#nw-flux *::after{animation:none!important}#nw-flux .nw-demand,#nw-flux .nw-person,#nw-flux .nw-plan,#nw-flux .nw-event,#nw-flux .nw-check{opacity:1;transform:none}#nw-flux .nw-person-b,#nw-flux .nw-person-c{opacity:.55}#nw-flux .nw-wire{opacity:.5}#nw-flux .nw-wire::after{display:none}#nw-flux .nw-accepted{border-color:#a4c4b6}#nw-flux .nw-status span{opacity:0}#nw-flux .nw-status span:last-child{opacity:1}#nw-flux .nw-progress::after{transform:scaleX(1)}#nw-flux .nw-toggle{display:none}}
  
.home-hero .hero-grid{grid-template-columns:1fr;gap:38px;min-height:0}.home-hero .hero-copy{max-width:920px;text-align:center;margin:auto}.home-hero .hero-copy .buttons{justify-content:center}.home-hero #nw-flux{width:min(100%,900px);margin:0 auto}.home-hero #nw-flux .nw-demo{letter-spacing:0}