*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none;-webkit-user-select:none;user-select:none;background:#0a0a0a;width:100%;height:100%;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#app{width:100%;height:100%}::selection{color:#fff;background:#3b82f64d}::-webkit-scrollbar{display:none}.book[data-v-fcb8ff7e]{width:100dvw;height:100dvh;position:relative;overflow:hidden}.page[data-v-fcb8ff7e]{opacity:0;pointer-events:none;-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:0;overflow-y:auto;transform:translateY(60px)}.page.active[data-v-fcb8ff7e]{opacity:1;pointer-events:auto;transform:translateY(0)}.page.exit-up[data-v-fcb8ff7e]{opacity:0;transform:translateY(-60px)}.book.page-0 .page-1[data-v-fcb8ff7e]{opacity:1;pointer-events:auto;transform:translateY(0)}.book.page-0 .page-2[data-v-fcb8ff7e]{opacity:0;pointer-events:none;transform:translateY(60px)}.book.page-1 .page-1[data-v-fcb8ff7e]{opacity:0;pointer-events:none;transform:translateY(-60px)}.book.page-1 .page-2[data-v-fcb8ff7e]{opacity:1;pointer-events:auto;transform:translateY(0)}.book.page-1 .page-3[data-v-fcb8ff7e]{opacity:0;pointer-events:none;transform:translateY(60px)}.book.page-2 .page-1[data-v-fcb8ff7e],.book.page-2 .page-2[data-v-fcb8ff7e]{opacity:0;pointer-events:none;transform:translateY(-60px)}.book.page-2 .page-3[data-v-fcb8ff7e]{opacity:1;pointer-events:auto;transform:translateY(0)}.book.page-2 .page-4[data-v-fcb8ff7e]{opacity:0;pointer-events:none;transform:translateY(60px)}.book.page-3 .page-1[data-v-fcb8ff7e],.book.page-3 .page-2[data-v-fcb8ff7e],.book.page-3 .page-3[data-v-fcb8ff7e]{opacity:0;pointer-events:none;transform:translateY(-60px)}.book.page-3 .page-4[data-v-fcb8ff7e]{opacity:1;pointer-events:auto;transform:translateY(0)}.book.page-3 .page-5[data-v-fcb8ff7e]{opacity:0;pointer-events:none;transform:translateY(60px)}.book.page-4 .page-1[data-v-fcb8ff7e],.book.page-4 .page-2[data-v-fcb8ff7e],.book.page-4 .page-3[data-v-fcb8ff7e],.book.page-4 .page-4[data-v-fcb8ff7e]{opacity:0;pointer-events:none;transform:translateY(-60px)}.book.page-4 .page-5[data-v-fcb8ff7e]{opacity:1;pointer-events:auto;transform:translateY(0)}.page-content[data-v-fcb8ff7e]{text-align:center;box-sizing:border-box;width:100%;max-width:900px;padding:2rem}.page-content-wide[data-v-fcb8ff7e]{max-width:1100px}h1[data-v-fcb8ff7e]{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3.2rem;font-weight:700}h2[data-v-fcb8ff7e]{color:#ccc;margin-bottom:.5rem;font-size:1.8rem;font-weight:400}h3[data-v-fcb8ff7e]{color:#888;margin-top:.8rem;font-size:1.1rem;font-weight:300}.scroll-hint[data-v-fcb8ff7e]{color:#555;flex-direction:column;align-items:center;gap:.5rem;margin-top:4rem;font-size:.85rem;animation:2s ease-in-out infinite pulse-fcb8ff7e;display:flex}.arrow[data-v-fcb8ff7e]{border-bottom:2px solid #555;border-right:2px solid #555;width:20px;height:20px;transform:rotate(45deg)}@keyframes pulse-fcb8ff7e{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.code-compare[data-v-fcb8ff7e]{text-align:left;gap:1.5rem;margin-top:2.5rem;display:flex}@media (width<=768px){.code-compare[data-v-fcb8ff7e]{flex-direction:column;gap:1rem;margin-top:1.5rem}h1[data-v-fcb8ff7e]{font-size:1.8rem!important}.page-2 h2[data-v-fcb8ff7e],.page-4 h2[data-v-fcb8ff7e]{font-size:1.4rem!important}.page-5 h1[data-v-fcb8ff7e]{font-size:1.5rem!important}.page-5 .coming-soon[data-v-fcb8ff7e]{font-size:1.1rem!important}.page-content[data-v-fcb8ff7e]{padding:1rem}.page-content-wide[data-v-fcb8ff7e]{max-width:100%;padding:.5rem}.mcu-table[data-v-fcb8ff7e]{font-size:.75rem}.mcu-table thead th[data-v-fcb8ff7e],.mcu-table tbody td[data-v-fcb8ff7e]{padding:.4rem .3rem}.table-wrapper[data-v-fcb8ff7e]{-webkit-overflow-scrolling:touch;overflow-x:auto}.page-4 h3[data-v-fcb8ff7e]{font-size:.82rem!important}.scroll-hint[data-v-fcb8ff7e]{margin-top:2rem}.github-link[data-v-fcb8ff7e]{padding:.7rem 1.4rem;font-size:.85rem}}.code-block[data-v-fcb8ff7e]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;flex:1;transition:border-color .3s;overflow:hidden}.code-block.highlight[data-v-fcb8ff7e]{border-color:#3b82f6;box-shadow:0 0 30px #3b82f61a}.code-label[data-v-fcb8ff7e]{color:#666;text-transform:uppercase;letter-spacing:.05em;background:#111;border-bottom:1px solid #2a2a2a;padding:.6rem 1rem;font-size:.8rem;font-weight:600}.code-block.highlight .code-label[data-v-fcb8ff7e]{color:#3b82f6}pre[data-v-fcb8ff7e]{margin:0;padding:1.2rem;overflow-x:auto}code[data-v-fcb8ff7e]{color:#d4d4d4;font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:.82rem;line-height:1.6}.page-2 h2[data-v-fcb8ff7e]{color:#fff;margin-bottom:0;font-size:2.2rem;font-weight:600}.table-wrapper[data-v-fcb8ff7e]{margin-top:2.5rem}.mcu-table[data-v-fcb8ff7e]{border-collapse:collapse;width:100%;font-size:.95rem}.mcu-table thead th[data-v-fcb8ff7e]{text-align:center;color:#fff;letter-spacing:.02em;border-bottom:2px solid #333;padding:.9rem 1rem;font-size:.85rem;font-weight:600}.mcu-table tbody td[data-v-fcb8ff7e]{text-align:center;color:#ccc;border-bottom:1px solid #1e1e1e;padding:.75rem 1rem;transition:background .3s}.mcu-table tbody tr:hover td[data-v-fcb8ff7e]{background:#ffffff08}.mcu-table .highlight-cell[data-v-fcb8ff7e]{color:#facc15;background:#facc151f;border-radius:4px;font-weight:500}.mcu-table tbody tr:hover .highlight-cell[data-v-fcb8ff7e]{background:#facc152e}.table-note[data-v-fcb8ff7e]{color:#666;margin-top:1.5rem;font-size:.78rem;font-style:italic}.page-4 h2[data-v-fcb8ff7e]{color:#fff;margin-bottom:.5rem;font-size:2.2rem;font-weight:600}.page-4 h3[data-v-fcb8ff7e]{color:#888;max-width:600px;margin:0 auto;font-size:.95rem;line-height:1.6}.discover-animation[data-v-fcb8ff7e]{justify-content:center;margin-top:2rem;display:flex}.discover-animation svg[data-v-fcb8ff7e]{width:100%;max-width:520px;height:auto}.radar-ring[data-v-fcb8ff7e]{transform-origin:250px 160px;animation:3s ease-out infinite radarExpand-fcb8ff7e}.ring-1[data-v-fcb8ff7e]{animation-delay:0s}.ring-2[data-v-fcb8ff7e]{animation-delay:.6s}.ring-3[data-v-fcb8ff7e]{animation-delay:1.2s}@keyframes radarExpand-fcb8ff7e{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(5)}}.center-device circle[data-v-fcb8ff7e]:first-child{animation:2s ease-in-out infinite centerPulse-fcb8ff7e}@keyframes centerPulse-fcb8ff7e{0%,to{stroke:#3b82f6;filter:drop-shadow(0 0 4px #3b82f64d)}50%{stroke:#60a5fa;filter:drop-shadow(0 0 12px #3b82f699)}}.remote-device[data-v-fcb8ff7e]{opacity:.4;transition:opacity .5s}.device-1[data-v-fcb8ff7e]{animation:3s ease-out .3s infinite deviceAppear-fcb8ff7e}.device-2[data-v-fcb8ff7e]{animation:3s ease-out .9s infinite deviceAppear-fcb8ff7e}.device-3[data-v-fcb8ff7e]{animation:3s ease-out 1.5s infinite deviceAppear-fcb8ff7e}.device-4[data-v-fcb8ff7e]{animation:3s ease-out 2.1s infinite deviceAppear-fcb8ff7e}.device-5[data-v-fcb8ff7e]{animation:3s ease-out .6s infinite deviceAppear-fcb8ff7e}@keyframes deviceAppear-fcb8ff7e{0%,15%{opacity:.3}30%,85%{opacity:1}to{opacity:.3}}.device-1 .device-dot[data-v-fcb8ff7e]{animation:3s ease-in-out .3s infinite dotGlow-fcb8ff7e}.device-2 .device-dot[data-v-fcb8ff7e]{animation:3s ease-in-out .9s infinite dotGlow-fcb8ff7e}.device-3 .device-dot[data-v-fcb8ff7e]{animation:3s ease-in-out 1.5s infinite dotGlow-fcb8ff7e}.device-4 .device-dot[data-v-fcb8ff7e]{animation:3s ease-in-out 2.1s infinite dotGlow-fcb8ff7e}.device-5 .device-dot[data-v-fcb8ff7e]{animation:3s ease-in-out .6s infinite dotGlow-fcb8ff7e}@keyframes dotGlow-fcb8ff7e{0%,15%{fill:#475569}30%,85%{fill:#3b82f6;filter:drop-shadow(0 0 4px #3b82f6cc)}to{fill:#475569}}.conn-line[data-v-fcb8ff7e]{animation:3s ease-out infinite lineAppear-fcb8ff7e}.conn-line[data-v-fcb8ff7e]:first-child{animation-delay:.3s}.conn-line[data-v-fcb8ff7e]:nth-child(2){animation-delay:.9s}.conn-line[data-v-fcb8ff7e]:nth-child(3){animation-delay:1.5s}.conn-line[data-v-fcb8ff7e]:nth-child(4){animation-delay:2.1s}.conn-line[data-v-fcb8ff7e]:nth-child(5){animation-delay:.6s}@keyframes lineAppear-fcb8ff7e{0%,20%{opacity:0;stroke-dashoffset:200px}35%,80%{opacity:.6;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}.signal-particle[data-v-fcb8ff7e]{animation:3s ease-in-out infinite particleTravel-fcb8ff7e}.sp-1[data-v-fcb8ff7e]{animation-delay:.3s}.sp-2[data-v-fcb8ff7e]{animation-delay:.9s}.sp-3[data-v-fcb8ff7e]{animation-delay:1.5s}.sp-4[data-v-fcb8ff7e]{animation-delay:2.1s}.sp-5[data-v-fcb8ff7e]{animation-delay:.6s}@keyframes particleTravel-fcb8ff7e{0%{cx:250;cy:160;opacity:0;r:2.5}10%{opacity:1}30%{opacity:1;r:3}40%{opacity:0;r:1}to{cx:250;cy:160;opacity:0;r:2.5}}.sp-1[data-v-fcb8ff7e]{animation-name:particleTo1-fcb8ff7e}.sp-2[data-v-fcb8ff7e]{animation-name:particleTo2-fcb8ff7e}.sp-3[data-v-fcb8ff7e]{animation-name:particleTo3-fcb8ff7e}.sp-4[data-v-fcb8ff7e]{animation-name:particleTo4-fcb8ff7e}.sp-5[data-v-fcb8ff7e]{animation-name:particleTo5-fcb8ff7e}@keyframes particleTo1-fcb8ff7e{0%{cx:250;cy:160;opacity:0}10%{opacity:1}35%{cx:100;cy:70;opacity:1}45%{opacity:0}to{cx:250;cy:160;opacity:0}}@keyframes particleTo2-fcb8ff7e{0%{cx:250;cy:160;opacity:0}10%{opacity:1}35%{cx:400;cy:60;opacity:1}45%{opacity:0}to{cx:250;cy:160;opacity:0}}@keyframes particleTo3-fcb8ff7e{0%{cx:250;cy:160;opacity:0}10%{opacity:1}35%{cx:80;cy:230;opacity:1}45%{opacity:0}to{cx:250;cy:160;opacity:0}}@keyframes particleTo4-fcb8ff7e{0%{cx:250;cy:160;opacity:0}10%{opacity:1}35%{cx:420;cy:240;opacity:1}45%{opacity:0}to{cx:250;cy:160;opacity:0}}@keyframes particleTo5-fcb8ff7e{0%{cx:250;cy:160;opacity:0}10%{opacity:1}35%{cx:250;cy:40;opacity:1}45%{opacity:0}to{cx:250;cy:160;opacity:0}}.page-5 h1[data-v-fcb8ff7e]{margin-bottom:1rem;font-size:2.8rem}.page-5 .coming-soon[data-v-fcb8ff7e]{color:#999;letter-spacing:.08em;margin-bottom:2.5rem;font-size:1.4rem;font-weight:400}.github-link[data-v-fcb8ff7e]{color:#0a0a0a;background:#fff;border-radius:50px;align-items:center;gap:.6rem;padding:.85rem 1.8rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 0 #fff0}.github-link[data-v-fcb8ff7e]:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 8px 30px #ffffff1f}.github-link[data-v-fcb8ff7e]:active{transform:translateY(0)}.github-icon[data-v-fcb8ff7e]{width:22px;height:22px}