@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap";@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";:root{--bg-dark:#0f0f13;--bg-card:#1a1a24;--text-main:#e0e0e0;--cyan:#00d2d3;--gold:#f1c40f;--green:#2ecc71;--color-purple:#a55eea;--color-red:#ff6b6b;--color-blue:#54a0ff;--color-orange:#ff9f43;--purple:#a55eea;--red:#ff6b6b;--blue:#54a0ff;--orange:#ff9f43}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#00d2d366 transparent;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);margin:0;overflow-x:hidden}::-webkit-scrollbar{width:4px!important;height:4px!important}::-webkit-scrollbar-track{background:0 0!important}::-webkit-scrollbar-thumb{background:#00d2d34d!important;border-radius:10px!important}::-webkit-scrollbar-thumb:hover{background:#00d2d3cc!important}.mesh-canvas.svelte-17k46oa{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}nav.svelte-11lpkcp{z-index:1000;box-sizing:border-box;background:#0f0f13f2;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:20px 5%;display:flex;position:fixed;top:0}.logo.svelte-11lpkcp{color:#fff;letter-spacing:1px;cursor:pointer;font-size:1.5rem;font-weight:900;text-decoration:none}.logo.svelte-11lpkcp span:where(.svelte-11lpkcp){color:var(--cyan)}.nav-links.svelte-11lpkcp{align-items:center;gap:20px;display:flex}.nav-links.svelte-11lpkcp a:where(.svelte-11lpkcp){text-transform:uppercase;background:0 0;justify-content:center;align-items:center;height:40px;font-weight:700;text-decoration:none;transition:all .4s;display:flex;overflow:hidden}.nav-icon.svelte-11lpkcp{color:#888;opacity:1;justify-content:center;align-items:center;width:24px;font-size:1.2rem;transition:all .4s;display:flex}.nav-text.svelte-11lpkcp{letter-spacing:.5px;white-space:nowrap;opacity:0;max-width:0;font-size:.9rem;transition:all .4s;transform:translate(-1px)}.nav-links.svelte-11lpkcp a:where(.svelte-11lpkcp):hover .nav-icon:where(.svelte-11lpkcp){color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.nav-links.svelte-11lpkcp a.active:where(.svelte-11lpkcp) .nav-icon:where(.svelte-11lpkcp){opacity:0;width:0;max-width:0;transform:scale(.5)}.nav-links.svelte-11lpkcp a.active:where(.svelte-11lpkcp) .nav-text:where(.svelte-11lpkcp){opacity:1;max-width:150px;color:var(--cyan);transform:translate(0)}.lang-switch.svelte-11lpkcp button:where(.svelte-11lpkcp){cursor:pointer;color:#888;background:0 0;border:none;align-items:center;gap:5px;font-size:.9rem;font-weight:900;transition:all .3s;display:flex}.lang-switch.svelte-11lpkcp button:where(.svelte-11lpkcp):hover{color:var(--cyan)}@media (width<=768px){nav.svelte-11lpkcp{padding:15px 5%}.logo.svelte-11lpkcp{font-size:1.2rem}.nav-links.svelte-11lpkcp{gap:15px}.nav-text.svelte-11lpkcp{display:none!important}.nav-icon.svelte-11lpkcp{font-size:1rem;opacity:1!important;width:auto!important;max-width:none!important;transform:scale(1)!important}.nav-links.svelte-11lpkcp a.active:where(.svelte-11lpkcp) .nav-icon:where(.svelte-11lpkcp){color:var(--cyan);transform:scale(1)translateY(-1px)!important}}.snap-section.svelte-qzo0r3{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.network-container.svelte-qzo0r3{pointer-events:none;z-index:1;opacity:0;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;top:0;left:0}.network-container.show-anim.svelte-qzo0r3{opacity:1}.network-svg.svelte-qzo0r3{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.net-line.svelte-qzo0r3{stroke-width:.3px;transition:stroke-width .3s}.net-node.svelte-qzo0r3{letter-spacing:1px;text-transform:uppercase;background:#0a0a0fd9;border:1px solid;border-radius:5px;align-items:center;gap:8px;padding:8px 15px;font-size:.8rem;font-weight:800;transition:box-shadow .3s,filter .3s;display:flex;position:absolute;box-shadow:inset 0 0 5px #000c}.node-blink{opacity:.9!important;filter:brightness(1.5)drop-shadow(0 0 10px)!important;transition:none!important}.snap-content.hero.svelte-qzo0r3{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding-top:100px;padding-bottom:5vh;display:flex;position:relative}h1.svelte-qzo0r3{color:var(--cyan);margin-bottom:25px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.3}.highlight.svelte-qzo0r3{color:var(--gold);text-decoration:underline;-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan);line-height:1.6}.subtitle.svelte-qzo0r3{color:#bbb;text-shadow:0 2px 10px #000c;max-width:700px;margin-bottom:45px;font-size:1.1rem;line-height:1.7}.btn-wrapper.svelte-qzo0r3{display:inline-block}.btn-install.svelte-qzo0r3{background:var(--cyan);color:#000;text-transform:uppercase;letter-spacing:1px;border-radius:10px;align-items:center;gap:12px;padding:18px 45px;font-size:1.05rem;font-weight:900;text-decoration:none;transition:transform .3s,background .3s,box-shadow .3s;display:inline-flex;box-shadow:0 0 30px #00d2d366}.btn-install.svelte-qzo0r3:hover{background:#fff;transform:translateY(-3px);box-shadow:0 5px 30px #ffffff80}.snap-content.hero.svelte-qzo0r3 h1:where(.svelte-qzo0r3),.snap-content.hero.svelte-qzo0r3 .subtitle:where(.svelte-qzo0r3){opacity:0;transition:all 1s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.snap-content.hero.svelte-qzo0r3 .btn-wrapper:where(.svelte-qzo0r3){opacity:0;transition:all 1s cubic-bezier(.25,.46,.45,.94);transform:scale(.85)}.snap-content.hero.show-anim.svelte-qzo0r3 h1:where(.svelte-qzo0r3){opacity:1;transition-delay:0s;transform:translateY(0)}.snap-content.hero.show-anim.svelte-qzo0r3 .subtitle:where(.svelte-qzo0r3){opacity:1;transition-delay:.2s;transform:translateY(0)}.snap-content.hero.show-anim.svelte-qzo0r3 .btn-wrapper:where(.svelte-qzo0r3){opacity:1;transition-delay:.4s;transform:scale(1)}.snap-content.hero.show-anim.svelte-qzo0r3 .btn-install:where(.svelte-qzo0r3){animation:2.5s ease-in-out 1.4s infinite alternate svelte-qzo0r3-breath-glow}@keyframes svelte-qzo0r3-breath-glow{0%{box-shadow:0 0 20px #00d2d333}to{box-shadow:0 0 45px #00d2d3cc}}@media (width<=768px){.snap-content.hero.svelte-qzo0r3{justify-content:flex-start;padding-top:23vh;padding-bottom:5vh}h1.svelte-qzo0r3{margin-bottom:20px;font-size:2rem}.subtitle.svelte-qzo0r3{margin-bottom:35px;padding:0 10px;font-size:.95rem}.btn-install.svelte-qzo0r3{padding:15px 30px;font-size:.9rem}.net-node.svelte-qzo0r3{padding:6px 10px;font-size:.55rem}.net-node.svelte-qzo0r3 i:where(.svelte-qzo0r3){font-size:.7rem}}.snap-section.svelte-1amlx7o{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100vh;padding-top:80px;display:flex}.snap-content.svelte-1amlx7o{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;width:100%;max-width:1100px;max-height:calc(100vh - 80px);margin:auto 0;padding:20px 20px 40px;overflow-y:auto}.snap-content.svelte-1amlx7o::-webkit-scrollbar{display:none}.section-header.svelte-1amlx7o{text-align:center;margin-bottom:20px;padding:10px 20px}.section-header.svelte-1amlx7o h1:where(.svelte-1amlx7o){color:var(--gold);margin-bottom:10px;font-size:2rem}.section-header.svelte-1amlx7o p:where(.svelte-1amlx7o){color:#aaa;max-width:700px;margin:0 auto;font-size:1rem;line-height:1.5}.gallery-grid.svelte-1amlx7o{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:15px;display:grid}.gallery-card.svelte-1amlx7o{background:var(--bg-card);text-align:center;border:1px solid #ffffff0d;border-radius:15px;padding:25px 20px}.gallery-card.svelte-1amlx7o i:where(.svelte-1amlx7o){margin-bottom:15px;font-size:2rem}.gallery-card.svelte-1amlx7o h3:where(.svelte-1amlx7o){margin-bottom:10px;font-size:1.1rem}.gallery-card.svelte-1amlx7o p:where(.svelte-1amlx7o){color:#aaa;margin:0;font-size:.85rem;line-height:1.5}.section-header.svelte-1amlx7o h1:where(.svelte-1amlx7o),.section-header.svelte-1amlx7o p:where(.svelte-1amlx7o){opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.gallery-card.svelte-1amlx7o{opacity:0;transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94),border-color .3s,box-shadow .3s;transform:translateY(40px)}.snap-content.show-anim.svelte-1amlx7o .section-header:where(.svelte-1amlx7o) h1:where(.svelte-1amlx7o){opacity:1;transition-delay:.1s;transform:translateY(0)}.snap-content.show-anim.svelte-1amlx7o .section-header:where(.svelte-1amlx7o) p:where(.svelte-1amlx7o){opacity:1;transition-delay:.2s;transform:translateY(0)}.snap-content.show-anim.svelte-1amlx7o .gallery-card:where(.svelte-1amlx7o){opacity:1;transform:translateY(0)}.snap-content.show-anim.svelte-1amlx7o .gallery-card:where(.svelte-1amlx7o):first-child{transition-delay:.3s}.snap-content.show-anim.svelte-1amlx7o .gallery-card:where(.svelte-1amlx7o):nth-child(2){transition-delay:.4s}.snap-content.show-anim.svelte-1amlx7o .gallery-card:where(.svelte-1amlx7o):nth-child(3){transition-delay:.5s}.snap-content.show-anim.svelte-1amlx7o .gallery-card:where(.svelte-1amlx7o):nth-child(4){transition-delay:.6s}.snap-content.show-anim.svelte-1amlx7o .gallery-card:where(.svelte-1amlx7o):nth-child(5){transition-delay:.7s}.snap-content.show-anim.svelte-1amlx7o .gallery-card:where(.svelte-1amlx7o):nth-child(6){transition-delay:.8s}.snap-content.show-anim.svelte-1amlx7o .gallery-card:where(.svelte-1amlx7o):nth-child(7){transition-delay:.9s}.snap-content.show-anim.svelte-1amlx7o .gallery-card:where(.svelte-1amlx7o):nth-child(8){transition-delay:1s}.snap-content.show-anim.svelte-1amlx7o .gallery-card:where(.svelte-1amlx7o):hover{border-color:var(--cyan);transition-duration:.3s;transform:translateY(-5px);box-shadow:0 10px 30px #00d2d326;transition-delay:0s!important}@media (width<=768px){.snap-section.svelte-1amlx7o{padding-top:60px}.snap-content.svelte-1amlx7o{max-height:calc(100vh - 60px);margin:0}.gallery-grid.svelte-1amlx7o{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-card.svelte-1amlx7o{padding:15px 10px}.gallery-card.svelte-1amlx7o i:where(.svelte-1amlx7o){margin-bottom:10px;font-size:1.5rem}.gallery-card.svelte-1amlx7o h3:where(.svelte-1amlx7o){font-size:.85rem}.gallery-card.svelte-1amlx7o p:where(.svelte-1amlx7o){font-size:.7rem}}.snap-section.svelte-1haeeoj{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100vh;padding-top:10px;display:flex}.snap-content.svelte-1haeeoj{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;width:100%;max-width:1100px;max-height:calc(100vh - 80px);margin:auto 0;padding:20px;overflow-y:auto}.snap-content.svelte-1haeeoj::-webkit-scrollbar{display:none}.hero.svelte-1haeeoj{text-align:center;margin-bottom:20px;padding:0 20px}.hero.svelte-1haeeoj h1:where(.svelte-1haeeoj){color:var(--cyan);margin-bottom:10px;font-size:clamp(1.8rem,4vw,2.5rem)}.hero.svelte-1haeeoj p:where(.svelte-1haeeoj){color:#bbb;max-width:700px;margin:0 auto;font-size:1rem;line-height:1.5}.specs-grid.svelte-1haeeoj{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;max-width:1100px;margin:0 auto;display:grid}.spec-card.svelte-1haeeoj{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:10px 5px 20px;display:flex;position:relative;overflow:visible}.card-future.svelte-1haeeoj{opacity:.8}.board-visual.svelte-1haeeoj{background:#111;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;max-width:190px;margin:0 auto;padding:10px 8px;transition:border-color .3s;display:flex;position:relative}.spec-card.card-active.svelte-1haeeoj:hover .board-visual:where(.svelte-1haeeoj){border-color:var(--cyan)}.pin-col.svelte-1haeeoj{flex-direction:column;gap:2px;display:flex}.v-pin.svelte-1haeeoj{color:#aaa;background:#222;border:1px solid #444;border-radius:2px;justify-content:center;align-items:center;width:32px;height:14px;font-family:monospace;font-size:.5rem;transition:all .4s;display:flex}.v-pin.pin-blink{color:var(--gold)!important;text-shadow:0 0 8px #f1c40fcc!important;background:#f1c40f26!important;border-color:#f1c40f99!important;transition:all!important}.board-chip.svelte-1haeeoj{color:#111;letter-spacing:1px;z-index:2;background:linear-gradient(135deg,#e6e6e6 0%,#ccc 40%,#999 100%);border-top:18px solid #1a1a1a;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;width:55px;height:65px;font-size:.6rem;font-weight:900;display:flex;position:relative;box-shadow:inset 1px 1px 2px #fffc,inset -1px -1px 3px #0006,3px 5px 10px #00000080}.board-chip.svelte-1haeeoj:before{content:"";opacity:.8;background:repeating-linear-gradient(90deg,#d4af37,#d4af37 2px,#0000 2px 4px);width:30px;height:10px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.sub-chip.svelte-1haeeoj{opacity:.7;margin-top:2px;font-size:.4rem}.board-visual.future.svelte-1haeeoj{opacity:.8;filter:grayscale(.6)}.coming-overlay.svelte-1haeeoj{border:1px solid var(--gold);color:var(--gold);letter-spacing:1px;text-transform:uppercase;z-index:10;white-space:nowrap;background:#000c;border-radius:20px;padding:4px 10px;font-size:.65rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-chip.nodemcu.svelte-1haeeoj{width:70px;height:90px}.board-chip.c3.svelte-1haeeoj{color:#ccc;background:linear-gradient(135deg,#3a3a40 0%,#222226 100%);border:1px solid #555;border-radius:4px;width:40px;height:40px;box-shadow:inset 1px 1px 2px #ffffff26,inset -1px -1px 3px #000c,3px 5px 10px #00000080}.board-chip.c3.svelte-1haeeoj:before{border-radius:1px;width:18px;height:6px;top:-10px;box-shadow:1px 1px 2px #00000080}.board-chip.esp32.svelte-1haeeoj{color:#222;background:linear-gradient(135deg,#d9d9d9 0%,#b3b3b3 50%,#8c8c8c 100%);border-top:22px solid #1a1a1a;width:80px;height:120px}.board-chip.esp32.svelte-1haeeoj:before{opacity:.9;background:repeating-linear-gradient(90deg,#d4af37,#d4af37 3px,#0000 3px 6px);width:35px;height:14px;top:-18px}.hero.svelte-1haeeoj h1:where(.svelte-1haeeoj),.hero.svelte-1haeeoj p:where(.svelte-1haeeoj){opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.spec-card.svelte-1haeeoj{opacity:0;transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(40px)}.snap-content.show-anim.svelte-1haeeoj .hero:where(.svelte-1haeeoj) h1:where(.svelte-1haeeoj){opacity:1;transition-delay:.1s;transform:translateY(0)}.snap-content.show-anim.svelte-1haeeoj .hero:where(.svelte-1haeeoj) p:where(.svelte-1haeeoj){opacity:1;transition-delay:.2s;transform:translateY(0)}.snap-content.show-anim.svelte-1haeeoj .spec-card:where(.svelte-1haeeoj){opacity:1;transform:translateY(0)}.snap-content.show-anim.svelte-1haeeoj .spec-card:where(.svelte-1haeeoj):first-child{transition-delay:.3s}.snap-content.show-anim.svelte-1haeeoj .spec-card:where(.svelte-1haeeoj):nth-child(2){transition-delay:.45s}.snap-content.show-anim.svelte-1haeeoj .spec-card:where(.svelte-1haeeoj):nth-child(3){transition-delay:.6s}.snap-content.show-anim.svelte-1haeeoj .spec-card:where(.svelte-1haeeoj):nth-child(4){transition-delay:.75s}.snap-content.show-anim.svelte-1haeeoj .spec-card:where(.svelte-1haeeoj):first-child .board-visual:where(.svelte-1haeeoj){animation:4s ease-in-out 1.1s infinite svelte-1haeeoj-levitate}.snap-content.show-anim.svelte-1haeeoj .spec-card:where(.svelte-1haeeoj):nth-child(2) .board-visual:where(.svelte-1haeeoj){animation:4.5s ease-in-out 1.2s infinite svelte-1haeeoj-levitate}.snap-content.show-anim.svelte-1haeeoj .spec-card:where(.svelte-1haeeoj):nth-child(3) .board-visual:where(.svelte-1haeeoj){animation:3.8s ease-in-out 1.3s infinite svelte-1haeeoj-levitate}.snap-content.show-anim.svelte-1haeeoj .spec-card:where(.svelte-1haeeoj):nth-child(4) .board-visual:where(.svelte-1haeeoj){animation:4.2s ease-in-out 1.4s infinite svelte-1haeeoj-levitate}@keyframes svelte-1haeeoj-levitate{0%,to{transform:scale(var(--base-scale)) translateY(0)}50%{transform:scale(var(--base-scale)) translateY(-12px)}}.spec-card.svelte-1haeeoj:hover{transition-duration:.3s;transition-delay:0s!important;transform:translateY(-10px)scale(1.05)!important}@media (width<=768px){.snap-section.svelte-1haeeoj{padding-top:60px}.hero.svelte-1haeeoj{margin-bottom:10px}.specs-grid.svelte-1haeeoj{grid-template-columns:repeat(2,1fr);gap:10px}.spec-card.svelte-1haeeoj{min-height:180px;padding:5px}.spec-card.svelte-1haeeoj .board-visual:where(.svelte-1haeeoj){transform:scale(var(--base-scale));--base-scale:.85!important}.spec-card.svelte-1haeeoj:first-child .board-visual:where(.svelte-1haeeoj){transform:scale(var(--base-scale));--base-scale:1.05!important}}.snap-section.svelte-1v8kli{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100vh;padding-top:80px;display:flex}.snap-content.svelte-1v8kli{box-sizing:border-box;flex-direction:column;width:100%;max-width:1100px;height:100%;max-height:calc(100vh - 80px);margin:0 auto;padding:20px 20px 40px;display:flex}.snap-content.svelte-1v8kli::-webkit-scrollbar{display:none}.header-title.svelte-1v8kli{text-align:center;margin-bottom:20px}.header-title.svelte-1v8kli h1:where(.svelte-1v8kli){color:#fff;margin-bottom:5px;font-size:2rem}.header-title.svelte-1v8kli p:where(.svelte-1v8kli){color:#aaa;margin-bottom:20px;font-size:.95rem}.tab-navigation.svelte-1v8kli{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;padding-bottom:15px;display:flex}.tab-btn.svelte-1v8kli{color:#888;cursor:pointer;background:#000c;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:10px 25px;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.tab-btn.svelte-1v8kli:hover{color:#fff;background:#ffffff14}.tab-btn.active.svelte-1v8kli{color:#000;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 15px #00d2d34d}.tab-container.svelte-1v8kli{scrollbar-width:none;-ms-overflow-style:none;flex-grow:1;padding-bottom:20px;overflow-y:auto}.tab-container.svelte-1v8kli::-webkit-scrollbar{display:none}.grid-cards.svelte-1v8kli{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;padding:5px;display:grid}.tool-card.svelte-1v8kli{text-align:left;color:inherit;cursor:pointer;background:#000c;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;min-height:200px;padding:20px 15px;text-decoration:none;transition:all .4s;display:flex}.tool-card.svelte-1v8kli:hover:not(.disabled){background:#ffffff08;transform:translateY(-5px)}.tool-card.disabled.svelte-1v8kli{cursor:default;opacity:.6;border:1px dashed #ffffff1a}.tool-card.svelte-1v8kli h3:where(.svelte-1v8kli){color:#fff;margin-bottom:10px;font-size:1.05rem}.tool-card.svelte-1v8kli p:where(.svelte-1v8kli){color:#aaa;flex-grow:1;margin-bottom:15px;font-size:.85rem;line-height:1.5}.tool-card.svelte-1v8kli i:where(.svelte-1v8kli){margin-bottom:15px;font-size:2rem}.icon-red.svelte-1v8kli{color:var(--color-red)}.icon-gold.svelte-1v8kli{color:var(--gold)}.icon-cyan.svelte-1v8kli{color:var(--cyan)}.icon-grey.svelte-1v8kli{color:#555}.coming-soon-badge.svelte-1v8kli{letter-spacing:1px;align-items:center;gap:8px;font-size:.75rem;font-weight:900;display:flex}.badge-red.svelte-1v8kli{color:var(--color-red)}.badge-gold.svelte-1v8kli{color:var(--gold)}.badge-cyan.svelte-1v8kli{color:var(--cyan)}.badge-grey.svelte-1v8kli{color:#555}.yt-promo.svelte-1v8kli{text-align:center;background:#ff000008;border:1px solid #ff00001a;border-radius:12px;margin-bottom:25px;padding:20px}.yt-promo.svelte-1v8kli h3:where(.svelte-1v8kli){color:#fff;margin-bottom:15px;font-size:1rem}.yt-btn.svelte-1v8kli{color:#fff;background:red;border-radius:30px;align-items:center;gap:10px;padding:10px 20px;font-size:.85rem;font-weight:900;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 5px 15px #f003}.yt-btn.svelte-1v8kli:hover{transform:scale(1.05);box-shadow:0 8px 25px #f006}.video-card.svelte-1v8kli{background:#000c;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.video-card.svelte-1v8kli:hover{background:#ffffff0a;border-color:red}.video-wrapper.svelte-1v8kli{aspect-ratio:16/9;background:#000;width:100%}.video-wrapper.svelte-1v8kli iframe:where(.svelte-1v8kli){border:none;width:100%;height:100%}.video-info.svelte-1v8kli{padding:15px}.video-info.svelte-1v8kli h3:where(.svelte-1v8kli){color:#fff;margin-bottom:5px;font-size:.95rem}.video-info.svelte-1v8kli p:where(.svelte-1v8kli){color:#888;margin:0;font-size:.8rem;line-height:1.5}.video-placeholder.svelte-1v8kli{text-align:center;opacity:.5;background:0 0;border:2px dashed #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:15px;display:flex}.video-placeholder.svelte-1v8kli i:where(.svelte-1v8kli){color:#555;margin-bottom:10px;font-size:2.5rem}.video-placeholder.svelte-1v8kli h3:where(.svelte-1v8kli){color:#888;margin-bottom:5px;font-size:.95rem}.video-placeholder.svelte-1v8kli p:where(.svelte-1v8kli){color:#666;margin:0;font-size:.8rem}.header-title.svelte-1v8kli h1:where(.svelte-1v8kli),.header-title.svelte-1v8kli p:where(.svelte-1v8kli),.tab-navigation.svelte-1v8kli{opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.snap-content.show-anim.svelte-1v8kli .header-title:where(.svelte-1v8kli) h1:where(.svelte-1v8kli){opacity:1;transition-delay:.1s;transform:translateY(0)}.snap-content.show-anim.svelte-1v8kli .header-title:where(.svelte-1v8kli) p:where(.svelte-1v8kli){opacity:1;transition-delay:.2s;transform:translateY(0)}.snap-content.show-anim.svelte-1v8kli .tab-navigation:where(.svelte-1v8kli){opacity:1;transition-delay:.3s;transform:translateY(0)}.tab-content-anim.svelte-1v8kli{animation:.5s cubic-bezier(.25,.46,.45,.94) forwards svelte-1v8kli-tabFadeIn}@keyframes svelte-1v8kli-tabFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.snap-content.svelte-1v8kli{max-height:calc(100vh - 60px);margin:0 auto}.header-title.svelte-1v8kli{margin-bottom:10px}.header-title.svelte-1v8kli h1:where(.svelte-1v8kli){margin-bottom:5px;font-size:1.6rem}.header-title.svelte-1v8kli p:where(.svelte-1v8kli){margin-bottom:10px;font-size:.85rem}.tab-navigation.svelte-1v8kli{gap:8px;margin-bottom:10px;padding-bottom:10px}.tab-btn.svelte-1v8kli{padding:6px 12px;font-size:.8rem}.grid-cards.svelte-1v8kli{grid-template-columns:1fr;gap:12px}.tool-card.svelte-1v8kli{min-height:120px;padding:15px}.tool-card.svelte-1v8kli i:where(.svelte-1v8kli){margin-bottom:8px;font-size:1.5rem}.tool-card.svelte-1v8kli h3:where(.svelte-1v8kli){margin-bottom:5px;font-size:.95rem}.tool-card.svelte-1v8kli p:where(.svelte-1v8kli){margin-bottom:10px;font-size:.75rem}.yt-promo.svelte-1v8kli{border-radius:10px;margin-bottom:15px;padding:15px}.yt-promo.svelte-1v8kli h3:where(.svelte-1v8kli){margin-bottom:10px;font-size:.9rem}.yt-btn.svelte-1v8kli{padding:8px 15px;font-size:.8rem}.video-info.svelte-1v8kli{padding:10px 12px}.video-info.svelte-1v8kli h3:where(.svelte-1v8kli){font-size:.85rem}.video-info.svelte-1v8kli p:where(.svelte-1v8kli){font-size:.7rem}.video-placeholder.svelte-1v8kli{min-height:120px;padding:15px}.video-placeholder.svelte-1v8kli i:where(.svelte-1v8kli){margin-bottom:8px;font-size:1.5rem}}.snap-section.svelte-5ngo46{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100vh;padding-top:80px;display:flex}.snap-content.svelte-5ngo46{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;width:100%;max-width:1100px;max-height:calc(100vh - 80px);margin:0 auto;padding:20px;display:flex;overflow-y:auto}.snap-content.svelte-5ngo46::-webkit-scrollbar{display:none}.header-content.svelte-5ngo46{text-align:center;margin-bottom:25px}.header-content.svelte-5ngo46 h1:where(.svelte-5ngo46){background:linear-gradient(135deg, var(--color-purple) 0%, var(--color-blue) 100%);color:#0000;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:900}.header-content.svelte-5ngo46 p:where(.svelte-5ngo46){color:#b5b5d6;text-shadow:0 2px 8px #00000080;font-size:.95rem;line-height:1.5}.warning-box.svelte-5ngo46{box-sizing:border-box;background:#000c;border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:800px;margin:0 auto 25px;padding:15px}.warning-title.svelte-5ngo46{text-align:center;margin-bottom:15px}.action-buttons.svelte-5ngo46{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn-install.svelte-5ngo46{cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:220px;padding:12px;font-size:.85rem;font-weight:900;transition:all .3s;display:inline-flex}.btn-install.primary.svelte-5ngo46{background:var(--cyan);color:#000;border:none;box-shadow:0 0 25px #00d2d366}.btn-install.primary.svelte-5ngo46:hover{background:#fff;transform:translateY(-3px);box-shadow:0 5px 30px #ffffff80}.btn-install.secondary.svelte-5ngo46{border:2px solid var(--cyan);color:var(--cyan);box-shadow:none;background:0 0}.btn-install.secondary.svelte-5ngo46:hover{background:#00d2d31a}.price-list.svelte-5ngo46{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%;max-width:800px;margin:0 auto;display:grid}.price-card.svelte-5ngo46{text-align:center;box-sizing:border-box;background:#111;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:25px;position:relative;overflow:hidden}.price-card.svelte-5ngo46 h3:where(.svelte-5ngo46){color:var(--cyan);margin-bottom:5px;font-size:1.1rem}.price-card.vip.svelte-5ngo46{border-color:var(--gold)}.price-card.vip.svelte-5ngo46 h3:where(.svelte-5ngo46){color:var(--gold)}.harga.svelte-5ngo46{justify-content:center;align-items:flex-start;margin:10px 0;display:flex}.harga.split.svelte-5ngo46{flex-direction:column;align-items:center}.currency.svelte-5ngo46{color:#ccc;margin-top:10px;margin-right:5px;font-size:1.5rem;font-weight:700}.amount.svelte-5ngo46{color:var(--gold);text-shadow:0 0 10px #f1c40f66;font-size:100px;line-height:.9}.amount-medium.svelte-5ngo46{color:var(--gold);text-shadow:0 0 10px #f1c40f66;font-size:70px;line-height:.9}.small-text.svelte-5ngo46{color:#aaa;margin-bottom:5px;font-size:.9rem}.highlight.svelte-5ngo46{color:var(--cyan);margin-top:10px;font-size:.85rem}.desc.svelte-5ngo46{color:#888;font-size:.8rem;line-height:1.4}.promo-badge.svelte-5ngo46{background:var(--color-red);color:#fff;letter-spacing:1px;padding:5px 30px;font-size:.65rem;font-weight:900;position:absolute;top:15px;right:-30px;transform:rotate(45deg);box-shadow:0 2px 5px #00000080}.harga-promo.svelte-5ngo46{flex-direction:column;align-items:center;gap:5px;margin:10px 0;display:flex}.coret.svelte-5ngo46{color:#ff6b6b;opacity:.7;font-weight:900;text-decoration:line-through}.amount-coret.svelte-5ngo46{font-size:2rem;line-height:.9}.amount-final.svelte-5ngo46{font-size:3rem;line-height:.9}.text-mythic.svelte-5ngo46{color:#0000;background:linear-gradient(90deg,#00d2d3,#a55eea,#f1c40f,#ff6b6b,#00d2d3) 0 0/300%;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;font-weight:900;animation:3s linear infinite svelte-5ngo46-text-shine}.promo-info.svelte-5ngo46{color:var(--color-red);background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:5px;margin-bottom:10px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-block}.holo-base.svelte-5ngo46{transition:all .5s;position:relative}.holo-base.svelte-5ngo46:before{content:"";pointer-events:none;z-index:10;width:50%;height:100%;position:absolute;top:0;left:-100%}.holo-tier-1.svelte-5ngo46{border:1px solid var(--cyan);background-image:linear-gradient(135deg,#00d2d30d 0%,#a55eea1a 50%,#00d2d30d 100%);background-size:200% 200%;animation:4s infinite svelte-5ngo46-holo-gradient}.holo-tier-3.svelte-5ngo46{border:1px solid var(--gold);background-image:linear-gradient(135deg,#f1c40f26 0%,#ff6b6b26 50%,#f1c40f26 100%);background-size:200% 200%;animation:2.5s infinite svelte-5ngo46-holo-gradient;box-shadow:0 0 20px #f1c40f4d,inset 0 0 15px #f1c40f1a}.holo-tier-max.svelte-5ngo46{background-image:linear-gradient(135deg,#00d2d333 0%,#a55eea33 25%,#ff9f4333 50%,#ff6b6b33 75%,#00d2d333 100%);background-size:300% 300%;border:1px solid #fff;animation:2s linear infinite svelte-5ngo46-holo-gradient,2s ease-in-out infinite alternate svelte-5ngo46-mythic-glow}@keyframes svelte-5ngo46-text-shine{to{background-position:300%}}@keyframes svelte-5ngo46-holo-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes svelte-5ngo46-mythic-glow{0%{box-shadow:0 0 15px #00d2d366,inset 0 0 10px #a55eea33}to{border-color:var(--gold);box-shadow:0 0 35px #ff6b6b99,inset 0 0 20px #f1c40f66}}footer.svelte-5ngo46{text-align:center;border-top:1px solid #ffffff1a;width:100%;margin-top:40px;padding:20px 0}.footer-link.svelte-5ngo46{color:var(--cyan);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.85rem;text-decoration:underline}footer.svelte-5ngo46 p:where(.svelte-5ngo46){color:#888;margin-top:10px;font-size:.75rem;line-height:1.5}.header-content.svelte-5ngo46 h1:where(.svelte-5ngo46),.header-content.svelte-5ngo46 p:where(.svelte-5ngo46),.warning-box.svelte-5ngo46,footer.svelte-5ngo46{opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.price-card.svelte-5ngo46:not(.vip){opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(40px)}.price-card.vip.svelte-5ngo46{opacity:0;transition:all 1s cubic-bezier(.34,1.56,.64,1);transform:translateY(-80px)scale(1.1)}.snap-content.show-anim.svelte-5ngo46 .header-content:where(.svelte-5ngo46) h1:where(.svelte-5ngo46){opacity:1;transition-delay:.1s;transform:translateY(0)}.snap-content.show-anim.svelte-5ngo46 .header-content:where(.svelte-5ngo46) p:where(.svelte-5ngo46){opacity:1;transition-delay:.2s;transform:translateY(0)}.snap-content.show-anim.svelte-5ngo46 .warning-box:where(.svelte-5ngo46){opacity:1;transition-delay:.3s;transform:translateY(0)}.snap-content.show-anim.svelte-5ngo46 .price-card:where(.svelte-5ngo46):first-child{opacity:1;transition-delay:.4s;transform:translateY(0)}.snap-content.show-anim.svelte-5ngo46 .price-card:where(.svelte-5ngo46):nth-child(2){opacity:1;transition-delay:.5s;transform:translateY(0)}.snap-content.show-anim.svelte-5ngo46 .price-card.vip:where(.svelte-5ngo46){opacity:1;transition-delay:.7s;transform:translateY(0)scale(1)}footer.show-anim.svelte-5ngo46{opacity:1;transition-delay:1.2s;transform:translateY(0)}.price-card.svelte-5ngo46:hover{transition-duration:.3s;transition-delay:0s!important;transform:scale(1.02)!important}@media (width<=768px){.snap-section.svelte-5ngo46{padding-top:60px}.snap-content.svelte-5ngo46{max-height:calc(100vh - 60px);padding:15px 15px 50px}.header-content.svelte-5ngo46 h1:where(.svelte-5ngo46){font-size:1.5rem}.header-content.svelte-5ngo46 p:where(.svelte-5ngo46){font-size:.85rem}.warning-box.svelte-5ngo46{width:100%;margin-bottom:20px;padding:12px}.action-buttons.svelte-5ngo46{flex-direction:column}.btn-install.svelte-5ngo46{width:100%;min-width:100%;padding:12px}.price-list.svelte-5ngo46{grid-template-columns:1fr;gap:15px;width:100%;padding-bottom:10px}.price-card.svelte-5ngo46{width:100%;padding:20px}.amount.svelte-5ngo46{font-size:3.5rem}.amount-medium.svelte-5ngo46,.amount-final.svelte-5ngo46{font-size:2.5rem}.amount-coret.svelte-5ngo46{font-size:1.2rem}.currency.svelte-5ngo46{margin-top:5px;font-size:1rem}.promo-badge.svelte-5ngo46{padding:3px 25px;font-size:.6rem;top:10px;right:-25px}footer.svelte-5ngo46{border-top:1px solid #ffffff1a;margin-top:15px;padding:25px 0 0}}.manual-page.svelte-grmqk1{background-color:var(--bg-dark);color:#fff;width:100%;min-height:100vh;padding-bottom:50px;overflow-x:hidden}.manual-nav.svelte-grmqk1{z-index:1000;box-sizing:border-box;background:#0f0f13f2;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:20px 5%;display:flex;position:fixed;top:0}.logo.svelte-grmqk1{color:#fff;font-size:1.2rem;font-weight:900}.logo.svelte-grmqk1 span:where(.svelte-grmqk1){color:var(--cyan)}.btn-back.svelte-grmqk1{color:#aaa;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.btn-back.svelte-grmqk1:hover{color:var(--cyan)}.manual-section.svelte-grmqk1{flex-direction:column;align-items:center;padding-top:100px;display:flex}.section-title.svelte-grmqk1{text-align:center;opacity:0;margin-bottom:30px;transition:all .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(-40px)scale(.95)}.section-title.svelte-grmqk1 h1:where(.svelte-grmqk1){color:var(--cyan);margin-bottom:10px;font-size:2rem}.section-title.svelte-grmqk1 p:where(.svelte-grmqk1){color:#888;max-width:600px;margin:0 auto;font-size:.9rem;line-height:1.5}.interactive-container.svelte-grmqk1{box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:40px;width:100%;max-width:1000px;padding:0 20px;display:flex}.phone-mockup.svelte-grmqk1{box-sizing:border-box;opacity:0;background:#121212;border:8px solid #222;border-radius:35px;width:360px;height:720px;padding:20px 15px;transition:all .9s cubic-bezier(.25,.46,.45,.94);position:relative;transform:translate(-100px);box-shadow:0 20px 50px #000c,inset 0 0 20px #00000080}.main-wrapper.svelte-grmqk1{scroll-behavior:smooth;flex-direction:column;gap:15px;height:88%;margin-top:30px;padding-right:5px;display:flex;position:relative;overflow-y:auto}.scroll-spacer.svelte-grmqk1{pointer-events:none;flex-shrink:0;width:100%;height:150px}.main-wrapper.svelte-grmqk1::-webkit-scrollbar{width:4px}.main-wrapper.svelte-grmqk1::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.main-wrapper.svelte-grmqk1::-webkit-scrollbar-thumb{background:var(--cyan);border-radius:10px}.card--interactive.svelte-grmqk1,.desc-box.svelte-grmqk1,.pin-item.svelte-grmqk1,.sensor-map-item.svelte-grmqk1,.ctrl-item.svelte-grmqk1,.rule-item.svelte-grmqk1,.sys-item.svelte-grmqk1,.pin-row-mockup.svelte-grmqk1{box-shadow:none;transition:all .2s;transform:none}.explanation-area.svelte-grmqk1{flex-direction:column;flex:1;justify-content:center;gap:15px;min-width:300px;max-width:500px;display:flex}.desc-box.svelte-grmqk1{opacity:.5;cursor:default;background:#000c;border:1px solid #ffffff1a;border-left:4px solid #0000;border-radius:12px;padding:15px 20px}.desc-box.svelte-grmqk1 h3:where(.svelte-grmqk1){align-items:center;gap:10px;margin-bottom:5px;font-size:1rem;display:flex}.desc-box.svelte-grmqk1 p:where(.svelte-grmqk1){color:#aaa;margin:0;font-size:.85rem;line-height:1.5}.explanation-area.svelte-grmqk1:hover .desc-box:where(.svelte-grmqk1):not(.active-hover){opacity:.25;border-color:#ffffff0d;transform:scale(.99)}.desc-box.active-hover.svelte-grmqk1{opacity:1;z-index:5;background:#00000080;transform:translate(-6px);box-shadow:-5px 10px 25px #00000040}.card--interactive.svelte-grmqk1{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:15px;display:flex}.card--interactive.svelte-grmqk1:hover{background:#ffffff14;transform:scale(.98)}.card--interactive.active-hover.svelte-grmqk1{background:#ffffff14;border-width:1px;transform:scale(.97)}.main-wrapper:has(.card--interactive.active-hover,.pin-item.active-hover,.ctrl-item.active-hover,.rule-item.active-hover,.sys-item.active-hover,.sensor-map-item.active-hover) .card--interactive:not(.active-hover){opacity:.3!important;filter:grayscale()!important;transform:scale(.98)!important}.main-wrapper:has(.card--interactive.active-hover,.pin-item.active-hover,.ctrl-item.active-hover,.rule-item.active-hover,.sys-item.active-hover,.sensor-map-item.active-hover) .pin-item:not(.active-hover){opacity:.3!important;filter:grayscale()!important;transform:scale(.98)!important}.main-wrapper:has(.card--interactive.active-hover,.pin-item.active-hover,.ctrl-item.active-hover,.rule-item.active-hover,.sys-item.active-hover,.sensor-map-item.active-hover) .ctrl-item:not(.active-hover){opacity:.3!important;filter:grayscale()!important;transform:scale(.98)!important}.main-wrapper:has(.card--interactive.active-hover,.pin-item.active-hover,.ctrl-item.active-hover,.rule-item.active-hover,.sys-item.active-hover,.sensor-map-item.active-hover) .rule-item:not(.active-hover){opacity:.3!important;filter:grayscale()!important;transform:scale(.98)!important}.main-wrapper:has(.card--interactive.active-hover,.pin-item.active-hover,.ctrl-item.active-hover,.rule-item.active-hover,.sys-item.active-hover,.sensor-map-item.active-hover) .sys-item:not(.active-hover){opacity:.3!important;filter:grayscale()!important;transform:scale(.98)!important}.main-wrapper:has(.card--interactive.active-hover,.pin-item.active-hover,.ctrl-item.active-hover,.rule-item.active-hover,.sys-item.active-hover,.sensor-map-item.active-hover) .sensor-map-item:not(.active-hover){opacity:.3!important;filter:grayscale()!important;transform:scale(.98)!important}.main-wrapper:has(.card--interactive.active-hover,.pin-item.active-hover,.ctrl-item.active-hover,.rule-item.active-hover,.sys-item.active-hover,.sensor-map-item.active-hover) .rule-card:not(.active-hover):not(:has(.active-hover)){opacity:.3!important;filter:grayscale()!important;transform:scale(.98)!important}.main-wrapper:has(.card--interactive.active-hover,.pin-item.active-hover,.ctrl-item.active-hover,.rule-item.active-hover,.sys-item.active-hover,.sensor-map-item.active-hover)>button{opacity:.3!important;filter:grayscale()!important;transform:scale(.98)!important}.highlight-cyan.active-hover.svelte-grmqk1,.desc-box.highlight-cyan.svelte-grmqk1:hover,.mobile-popover.desc-wifi.svelte-grmqk1,.mobile-popover.desc-mdns.svelte-grmqk1,.mobile-popover.desc-kontrol.svelte-grmqk1,.ctrl-item.highlight-cyan.svelte-grmqk1:hover,.ctrl-item.highlight-cyan.active-hover.svelte-grmqk1{border-color:var(--cyan);background:#00d2d314}.highlight-cyan.active-hover.svelte-grmqk1 h3:where(.svelte-grmqk1),.card--interactive.area-kontrol.svelte-grmqk1{color:var(--cyan)}.card--interactive.area-kontrol.svelte-grmqk1{border-color:var(--cyan)}.highlight-gold.active-hover.svelte-grmqk1,.desc-box.highlight-gold.svelte-grmqk1:hover,.mobile-popover.desc-ip.svelte-grmqk1,.mobile-popover.desc-quick-ctrl.svelte-grmqk1,.sys-item.highlight-gold.svelte-grmqk1:hover,.sys-item.highlight-gold.active-hover.svelte-grmqk1{border-color:var(--gold);background:#f1c40f14}.highlight-gold.active-hover.svelte-grmqk1 h3:where(.svelte-grmqk1){color:var(--gold)}.highlight-green.active-hover.svelte-grmqk1,.desc-box.highlight-green.svelte-grmqk1:hover,.mobile-popover.desc-sensor.svelte-grmqk1,.mobile-popover.desc-safe.svelte-grmqk1,.mobile-popover.desc-mass-action.svelte-grmqk1{border-color:var(--green);background:#2ecc7114}.highlight-green.active-hover.svelte-grmqk1 h3:where(.svelte-grmqk1),.card--interactive.area-perangkat.svelte-grmqk1{color:var(--green)}.card--interactive.area-perangkat.svelte-grmqk1{border-color:var(--green)}.highlight-red.active-hover.svelte-grmqk1,.desc-box.highlight-red.svelte-grmqk1:hover,.mobile-popover.desc-danger.svelte-grmqk1,.mobile-popover.desc-sistem.svelte-grmqk1,.sys-item.highlight-red.svelte-grmqk1:hover,.sys-item.highlight-red.active-hover.svelte-grmqk1{border-color:var(--red);background:#ff6b6b14}.highlight-red.active-hover.svelte-grmqk1 h3:where(.svelte-grmqk1),.card--interactive.area-sistem.svelte-grmqk1{color:var(--red)}.card--interactive.area-sistem.svelte-grmqk1{border-color:var(--red)}.highlight-purple.active-hover.svelte-grmqk1,.desc-box.highlight-purple.svelte-grmqk1:hover,.mobile-popover.desc-jadwal.svelte-grmqk1,.mobile-popover.desc-i2c.svelte-grmqk1,.mobile-popover.desc-node-sync.svelte-grmqk1{border-color:var(--purple);background:#a55eea14}.highlight-purple.active-hover.svelte-grmqk1 h3:where(.svelte-grmqk1),.card--interactive.area-jadwal.svelte-grmqk1{color:var(--purple)}.card--interactive.area-jadwal.svelte-grmqk1{border-color:var(--purple)}.highlight-orange.active-hover.svelte-grmqk1,.desc-box.highlight-orange.svelte-grmqk1:hover,.mobile-popover.desc-otomatisasi.svelte-grmqk1,.mobile-popover.desc-rule-add.svelte-grmqk1{border-color:var(--orange);background:#ff9f4314}.highlight-orange.active-hover.svelte-grmqk1 h3:where(.svelte-grmqk1),.card--interactive.area-logika.svelte-grmqk1{color:var(--orange)}.card--interactive.area-logika.svelte-grmqk1{border-color:var(--orange)}.mobile-popover.svelte-grmqk1{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f14fa;border:1px solid #ffffff1a;border-radius:12px;width:90%;padding:15px;animation:.2s ease-out svelte-grmqk1-popoverFadeIn;position:absolute;bottom:auto;left:5%;box-shadow:0 15px 35px #000000e6}.popover-inner.svelte-grmqk1 h3:where(.svelte-grmqk1){color:#fff;align-items:center;gap:10px;margin-bottom:6px;font-size:.95rem;display:flex}.popover-inner.svelte-grmqk1 p:where(.svelte-grmqk1){color:#ccc;margin:0;font-size:.8rem;line-height:1.4}.close-popover.svelte-grmqk1{color:#666;cursor:pointer;background:0 0;border:none;font-size:1.2rem;transition:all .3s;position:absolute;top:10px;right:15px}.close-popover.svelte-grmqk1:hover{color:#fff}@keyframes svelte-grmqk1-popoverFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-card.svelte-grmqk1{background:#ffffff05;border:1px solid #ffffff26;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:15px;display:flex}.info-card.svelte-grmqk1 h2:where(.svelte-grmqk1){color:#fff;margin:0;font-size:1rem}.chip-badge.svelte-grmqk1{color:#aaa;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.7rem}.status-waktu.svelte-grmqk1{color:#fff;font-size:1.6rem;font-weight:900}.bento-grid.svelte-grmqk1{aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-bottom:15px;display:grid}.bento-grid.svelte-grmqk1 .card--interactive:where(.svelte-grmqk1){border-radius:18px;margin-bottom:0!important}.area-kontrol.svelte-grmqk1{grid-area:1/1/2/3}.area-perangkat.svelte-grmqk1{grid-area:1/3/3/4}.area-logika.svelte-grmqk1{grid-area:2/1/4/2}.area-sistem.svelte-grmqk1{grid-area:2/2/3/3}.area-jadwal.svelte-grmqk1{grid-area:3/2/4/4}.card--interactive.svelte-grmqk1 span:where(.svelte-grmqk1){letter-spacing:1px;text-transform:uppercase;font-size:.6rem;font-weight:900}.logout-btn.svelte-grmqk1{border:1px solid var(--red);color:var(--red);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:12px;font-weight:700;transition:all .3s;display:flex}.logout-btn.svelte-grmqk1:hover{background:#ff6b6b1a}.d1-mini-visual.svelte-grmqk1{border:1px dashed #fff3;border-radius:8px;justify-content:space-between;width:100%;max-width:250px;margin:0 auto;padding:15px 10px;display:flex;position:relative}.pin-column.svelte-grmqk1{flex-direction:column;gap:6px;display:flex}.pin-item.svelte-grmqk1{cursor:pointer;color:#aaa;background:0 0;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;width:60px;height:26px;font-family:monospace;font-size:.7rem;font-weight:700;transition:all .2s;display:flex}.pin-item.svelte-grmqk1:hover,.pin-item.active-hover.svelte-grmqk1{color:#000;border-color:#fff}.pin-item.risk-safe.svelte-grmqk1:hover,.pin-item.risk-safe.active-hover.svelte-grmqk1{background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.pin-item.risk-warning.svelte-grmqk1:hover,.pin-item.risk-warning.active-hover.svelte-grmqk1{background:var(--gold);box-shadow:0 0 15px var(--gold)}.pin-item.risk-danger.svelte-grmqk1:hover,.pin-item.risk-danger.active-hover.svelte-grmqk1{background:var(--red);box-shadow:0 0 15px var(--red)}.risk-safe.svelte-grmqk1{border-left:3px solid #ffffff4d}.risk-warning.svelte-grmqk1{border-left:3px solid var(--gold)}.risk-danger.svelte-grmqk1{border-left:3px solid var(--red)}.board-body.svelte-grmqk1{opacity:.3;flex:1;justify-content:center;align-items:center;display:flex}.chip-inner.svelte-grmqk1{background:#111;border:1px solid #777;justify-content:center;align-items:center;width:50px;height:50px;display:flex;transform:rotate(45deg)}.chip-text.svelte-grmqk1{color:#fff;letter-spacing:1px;font-size:.6rem;font-weight:700;transform:rotate(-45deg)}.virtual-area.svelte-grmqk1{text-align:center;width:100%;margin-top:15px}.virtual-title.svelte-grmqk1{color:var(--purple);text-transform:uppercase;margin-bottom:8px;font-size:.7rem;font-weight:900}.virtual-grid.svelte-grmqk1{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pin-item.virtual.svelte-grmqk1{width:100%;color:var(--purple);border-color:#a55eea80}.pin-item.virtual.svelte-grmqk1:hover,.pin-item.virtual.active-hover.svelte-grmqk1{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 0 10px var(--purple)}.sensor-map-item.active-hover.svelte-grmqk1{background:#ffffff08;border-radius:12px;transform:translate(5px)}.catalog-group.svelte-grmqk1{margin-bottom:15px}.cat-group-label.svelte-grmqk1{color:var(--group-color);letter-spacing:1px;align-items:center;gap:10px;margin-bottom:8px;font-size:.6rem;font-weight:800;display:flex}.cat-group-label.svelte-grmqk1:after{content:"";background:linear-gradient(to right, var(--group-color), transparent);opacity:.3;flex:1;height:1px}.cat-grid.svelte-grmqk1{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.cat-item.svelte-grmqk1{border:1px solid var(--group-color);text-align:center;background:#ffffff08;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:55px;padding:8px 4px;display:flex}.cat-item.svelte-grmqk1 i:where(.svelte-grmqk1){color:var(--group-color);opacity:.8;font-size:1rem}.cat-item.svelte-grmqk1 span:where(.svelte-grmqk1){color:#fff;font-size:.45rem;font-weight:800;line-height:1.1}.ctrl-item.svelte-grmqk1{cursor:pointer;background:#0003;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:12px;padding:10px;transition:all .2s}.ctrl-item.svelte-grmqk1:hover,.ctrl-item.active-hover.svelte-grmqk1{background:#ffffff0d;border-color:#fff3;transform:translate(5px)}.pin-row-mockup.svelte-grmqk1{background:#0003;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;align-items:center;min-height:90px;padding:8px 4px;transition:all .2s;display:flex;position:relative}.pin-row-mockup.active-hover.svelte-grmqk1{border-color:var(--gold);background:#f1c40f0d}.hide-icon.svelte-grmqk1{color:#666;font-size:.55rem;position:absolute;top:5px;right:5px}.pin-title.svelte-grmqk1{text-align:center;width:100%;margin-bottom:6px}.pin-title.svelte-grmqk1 h4:where(.svelte-grmqk1){color:#ccc;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.5rem;overflow:hidden}.power-icon.svelte-grmqk1{margin-bottom:8px;font-size:1.3rem;transition:all .3s}.pin-bottom.svelte-grmqk1{justify-content:space-between;align-items:center;width:90%;margin-top:auto;display:flex}.status-txt.svelte-grmqk1{font-family:monospace;font-size:.6rem;font-weight:900}.timer-txt.svelte-grmqk1{color:#888;background:#ffffff0d;border-radius:4px;padding:2px 4px;font-size:.5rem;font-weight:700}.counting.svelte-grmqk1{animation:1s infinite svelte-grmqk1-pulse-red}@keyframes svelte-grmqk1-pulse-red{0%,to{opacity:1}50%{opacity:.5}}.sensor-box.svelte-grmqk1{text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;align-items:center;padding:6px 2px;display:flex}.sensor-box.svelte-grmqk1 div:where(.svelte-grmqk1):first-child{color:#888;margin-bottom:6px;font-size:.45rem;font-weight:700}.sensor-box.svelte-grmqk1 i:where(.svelte-grmqk1){opacity:.6;margin-bottom:6px;font-size:1rem}.sensor-box.svelte-grmqk1 span:where(.svelte-grmqk1){font-family:monospace;font-size:.65rem;font-weight:900}.rule-card.svelte-grmqk1{background:0 0;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;padding:12px;transition:all .3s;display:flex;position:relative}.rule-item.svelte-grmqk1{cursor:pointer;transition:all .2s}.rule-item.svelte-grmqk1:hover,.rule-card.active-hover.svelte-grmqk1{border-color:var(--orange);background:#ff9f430d}.device-box-grid.svelte-grmqk1{grid-template-columns:70px 1fr;align-items:start;gap:8px;display:grid}.square-btn.svelte-grmqk1{aspect-ratio:1;text-align:center;background:#0003;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:4px;display:flex}.logic-controls.svelte-grmqk1{background:0 0;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:70px;padding:10px 4px 4px;display:flex}.op-btn-group.svelte-grmqk1{justify-content:center;gap:4px;width:100%;display:flex}.op-btn.svelte-grmqk1{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:24px;height:22px;font-size:.6rem;transition:all .2s;display:flex}.op-btn.svelte-grmqk1:hover{color:#fff;border-color:#fff}.val-input-group.svelte-grmqk1{justify-content:center;gap:4px;width:100%;display:flex}.val-input.svelte-grmqk1{text-align:center;color:#fff;background:#00000080;border:1px solid #fff3;border-radius:4px;width:45px;height:20px;font-size:.6rem;font-weight:800}.btn-trigger.svelte-grmqk1{border:1px solid;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;height:28px;font-size:.6rem;font-weight:800;transition:all .3s;display:flex}.sys-item.svelte-grmqk1{cursor:pointer;transition:all .2s}.sys-item.svelte-grmqk1:hover,.sys-item.active-hover.svelte-grmqk1{background:#ffffff0d;border-color:#fff3;transform:translate(5px)}.sys-input.svelte-grmqk1{color:#fff;background:0 0;border:1px solid #fff3;border-radius:6px;outline:none;width:100%;height:28px;padding:0 8px;font-size:.7rem}.sys-btn.svelte-grmqk1{cursor:pointer;background:0 0;border:1px solid;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;height:28px;font-size:.65rem;font-weight:800;transition:all .3s;display:flex}.sys-btn.svelte-grmqk1:hover{background:#ffffff1a}.mode-grid-sys.svelte-grmqk1{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mode-btn-sys.svelte-grmqk1{color:#777;background:0 0;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;transition:all .2s;display:flex}.mode-btn-sys.svelte-grmqk1 i:where(.svelte-grmqk1){margin-bottom:4px;font-size:.9rem}.mode-btn-sys.svelte-grmqk1 span:where(.svelte-grmqk1){text-transform:uppercase;font-size:.5rem;font-weight:800}.mode-btn-sys.active.svelte-grmqk1{border-color:var(--red);color:var(--red);background:#ff6b6b1a;box-shadow:inset 0 0 10px #ff6b6b33}.text-mythic.svelte-grmqk1{color:#0000;background:linear-gradient(90deg,#00d2d3,#a55eea,#f1c40f,#ff6b6b,#00d2d3) 0 0/300%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite svelte-grmqk1-text-shine}@keyframes svelte-grmqk1-text-shine{to{background-position:300%}}.manual-section.show-anim .section-title{opacity:1;transform:translateY(0)scale(1)}.manual-section.show-anim .phone-mockup{opacity:1;transform:translate(0)}.manual-section:not(.show-anim) .desc-box{opacity:0;transition:all .4s;transform:translate(100px)}.manual-section.show-anim .desc-box{transition:all .8s cubic-bezier(.25,.46,.45,.94)}.manual-section.show-anim .desc-box:first-child{transition-delay:.1s}.manual-section.show-anim .desc-box:nth-child(2){transition-delay:.25s}.manual-section.show-anim .desc-box:nth-child(3){transition-delay:.4s}.manual-section.show-anim .desc-box:nth-child(4){transition-delay:.55s}.manual-section.show-anim .desc-box:nth-child(5){transition-delay:.7s}.manual-section.show-anim .desc-box:nth-child(6),body.scroll-up .manual-section.show-anim .desc-box:first-child{transition-delay:.85s}body.scroll-up .manual-section.show-anim .desc-box:nth-child(2){transition-delay:.7s}body.scroll-up .manual-section.show-anim .desc-box:nth-child(3){transition-delay:.55s}body.scroll-up .manual-section.show-anim .desc-box:nth-child(4){transition-delay:.4s}body.scroll-up .manual-section.show-anim .desc-box:nth-child(5){transition-delay:.25s}body.scroll-up .manual-section.show-anim .desc-box:nth-child(6){transition-delay:.1s}@media (width<=768px){.interactive-container.svelte-grmqk1{flex-direction:column;align-items:center;gap:20px}.explanation-area.svelte-grmqk1{width:100%;max-width:360px}.desc-box.active-hover.svelte-grmqk1{transform:translate(0)}.phone-mockup.svelte-grmqk1{transform:translate(-50px)}.manual-section:not(.show-anim) .desc-box{transform:translate(50px)}}@media (width>=769px){.mobile-popover.svelte-grmqk1{display:none}}#sec-menu.svelte-grmqk1 .scroll-spacer:where(.svelte-grmqk1){display:none!important}#sec-menu.svelte-grmqk1 .main-wrapper:where(.svelte-grmqk1){overflow-y:hidden!important}.manual-section.show-anim .interactive-container:hover .desc-box,.manual-section.show-anim .desc-box.active-hover{transition-duration:.2s!important;transition-delay:0s!important}.manual-section.show-anim .interactive-container:has(.card--interactive.active-hover,.pin-item.active-hover,.ctrl-item.active-hover,.rule-item.active-hover,.sys-item.active-hover,.sensor-map-item.active-hover) .desc-box{transition-duration:.2s!important;transition-delay:0s!important}.overlay.svelte-1ucwcym{z-index:999999;box-sizing:border-box;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.3s ease-out svelte-1ucwcym-fadeIn;display:flex;position:fixed;top:0;left:0}.modal-box.svelte-1ucwcym{will-change:transform, opacity;background:#111;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;width:100%;max-width:800px;height:85vh;animation:.3s cubic-bezier(.25,.46,.45,.94) svelte-1ucwcym-slideUp;display:flex;position:relative;box-shadow:0 10px 40px #000c}.close-btn.svelte-1ucwcym{color:#888;cursor:pointer;z-index:10;background:0 0;border:none;font-size:2rem;line-height:1;transition:all .3s;position:absolute;top:15px;right:20px}.close-btn.svelte-1ucwcym:hover{color:#ff6b6b}.modal-content.svelte-1ucwcym{flex-direction:column;flex-grow:1;height:100%;min-height:0;display:flex;overflow:hidden}.modal-header.svelte-1ucwcym{border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:15px;padding:25px 30px 15px;display:flex}.modal-header.svelte-1ucwcym i:where(.svelte-1ucwcym){color:var(--cyan);font-size:1.5rem}.modal-header.svelte-1ucwcym h2:where(.svelte-1ucwcym){color:#fff;letter-spacing:.5px;margin:0;font-size:1.4rem}.legal-text.svelte-1ucwcym{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-grow:1;min-height:0;padding:25px 30px;overflow-y:auto}.legal-text.svelte-1ucwcym::-webkit-scrollbar{width:6px}.legal-text.svelte-1ucwcym::-webkit-scrollbar-track{background:0 0}.legal-text.svelte-1ucwcym::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.intro.svelte-1ucwcym{color:#bbb;border-bottom:1px dashed #ffffff1a;margin-bottom:25px;padding-bottom:15px;font-size:.95rem;line-height:1.6}.legal-list.svelte-1ucwcym{counter-reset:custom-counter;margin:0;padding:0;list-style:none}.legal-list.svelte-1ucwcym li:where(.svelte-1ucwcym){margin-bottom:25px;padding-left:30px;position:relative}.legal-list.svelte-1ucwcym li:where(.svelte-1ucwcym):before{counter-increment:custom-counter;content:counter(custom-counter) ".";color:var(--cyan);font-size:1rem;font-weight:900;position:absolute;top:0;left:0}.legal-list.svelte-1ucwcym strong:where(.svelte-1ucwcym){color:#eee;letter-spacing:.5px;margin-bottom:8px;font-size:1rem;display:block}.legal-list.svelte-1ucwcym p:where(.svelte-1ucwcym){color:#999;margin:0;font-size:.9rem;line-height:1.6}.action-footer.svelte-1ucwcym{background:#111;border-top:1px solid #ffffff0d;justify-content:flex-end;margin-top:auto;padding:20px 30px;display:flex}.btn-agree.svelte-1ucwcym{background:var(--cyan);color:#000;cursor:pointer;border:none;border-radius:8px;padding:12px 30px;font-size:.9rem;font-weight:900;transition:all .3s;box-shadow:0 0 15px #00d2d333}.btn-agree.svelte-1ucwcym:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px 25px #fff6}@keyframes svelte-1ucwcym-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1ucwcym-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.modal-box.svelte-1ucwcym{height:90vh}.modal-header.svelte-1ucwcym{padding:20px 20px 15px}.modal-header.svelte-1ucwcym h2:where(.svelte-1ucwcym){font-size:1.2rem}.legal-text.svelte-1ucwcym{padding:20px}.intro.svelte-1ucwcym{font-size:.85rem}.legal-list.svelte-1ucwcym strong:where(.svelte-1ucwcym){font-size:.9rem}.legal-list.svelte-1ucwcym p:where(.svelte-1ucwcym){font-size:.8rem}.action-footer.svelte-1ucwcym{padding:15px 20px}.btn-agree.svelte-1ucwcym{width:100%;padding:15px}}.overlay.svelte-17s4iwp{z-index:999999;box-sizing:border-box;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-box.svelte-17s4iwp{border:1px solid var(--cyan);background:#1e1e2e;border-radius:12px;flex-direction:column;width:100%;max-width:550px;max-height:85vh;padding:25px;display:flex;position:relative;box-shadow:0 10px 40px #00d2d333}.close-btn.svelte-17s4iwp{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:1.8rem;transition:all .3s;position:absolute;top:15px;right:20px}.close-btn.svelte-17s4iwp:hover{color:#ff6b6b}.header.svelte-17s4iwp{margin-bottom:20px}.header.svelte-17s4iwp h3:where(.svelte-17s4iwp){color:#fff;margin-bottom:5px;font-size:1.3rem}.header.svelte-17s4iwp p:where(.svelte-17s4iwp){color:#888;font-size:.85rem}.list-container.svelte-17s4iwp{flex-direction:column;gap:15px;padding-right:10px;display:flex;overflow-y:auto}.board-header.svelte-17s4iwp{border-left:4px solid var(--board-color);background:#ffffff0d;border-radius:6px;align-items:center;gap:10px;margin-top:10px;padding:8px 15px;display:flex}.board-header.svelte-17s4iwp h4:where(.svelte-17s4iwp),.board-header.svelte-17s4iwp i:where(.svelte-17s4iwp){color:var(--board-color);text-transform:uppercase;margin:0;font-size:.95rem}.file-item.svelte-17s4iwp{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:15px;text-decoration:none;transition:all .2s;display:flex}.file-item.svelte-17s4iwp:hover{background:#00000080;border-color:#fff3}.file-item.svelte-17s4iwp h4:where(.svelte-17s4iwp){color:#fff;margin:0 0 5px;font-size:.95rem}.badge.svelte-17s4iwp{border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700}.dynamic-badge.svelte-17s4iwp{color:var(--board-color);border:1px solid var(--board-color);background:#ffffff08}.size.svelte-17s4iwp{color:#666;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.btn-flash.svelte-17s4iwp{background:var(--board-color);color:#000;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 15px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 0 10px #00000080}.btn-flash.svelte-17s4iwp:hover{box-shadow:0 5px 15px var(--board-color);background:#fff;transform:scale(1.05)}.error-msg.svelte-17s4iwp{color:#ff6b6b;text-align:center;font-size:.75rem;display:inline-block}.overlay.svelte-1wo0jvr{z-index:999999;box-sizing:border-box;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.3s ease-out svelte-1wo0jvr-fadeIn;display:flex;position:fixed;top:0;left:0}.modal-box.svelte-1wo0jvr{border:1px solid var(--cyan);will-change:transform, opacity;background:#1e1e2e;border-radius:12px;width:100%;max-width:850px;max-height:90vh;padding:25px;animation:.3s cubic-bezier(.25,.46,.45,.94) svelte-1wo0jvr-slideUp;position:relative;overflow-y:auto;box-shadow:0 10px 40px #00d2d326}.close-btn.svelte-1wo0jvr{color:#aaa;cursor:pointer;z-index:10;background:0 0;border:none;font-size:1.8rem;transition:all .3s;position:absolute;top:15px;right:20px}.close-btn.svelte-1wo0jvr:hover{color:#ff6b6b}.split-layout.svelte-1wo0jvr{flex-wrap:wrap;align-items:flex-start;gap:30px;display:flex}.left-col.svelte-1wo0jvr{background:#0000004d;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:250px;padding:20px;display:flex}.right-col.svelte-1wo0jvr{flex:2;min-width:300px}.future-layout.svelte-1wo0jvr{flex-wrap:wrap;align-items:center;gap:30px;display:flex}.left-col-simple.svelte-1wo0jvr{background:#0000004d;border-radius:10px;flex:1;justify-content:center;min-width:200px;padding:30px;display:flex}.right-col-simple.svelte-1wo0jvr{flex:2;min-width:250px}.board-title.svelte-1wo0jvr{color:var(--cyan);text-align:center;margin-bottom:20px;font-size:1.3rem}.right-col.svelte-1wo0jvr h2:where(.svelte-1wo0jvr){color:#fff;margin-bottom:5px;font-size:1.5rem}.right-col.svelte-1wo0jvr p:where(.svelte-1wo0jvr){color:#aaa;margin-bottom:20px;font-size:.95rem;line-height:1.5}.exclusive-features.svelte-1wo0jvr{background:#00d2d30d;border:1px solid #00d2d333;border-radius:8px;width:100%;margin-top:20px;padding:15px}.exclusive-features.svelte-1wo0jvr h4:where(.svelte-1wo0jvr){color:var(--gold);text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:10px;font-size:.8rem}.exclusive-features.svelte-1wo0jvr ul:where(.svelte-1wo0jvr){flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.exclusive-features.svelte-1wo0jvr li:where(.svelte-1wo0jvr){color:#ddd;align-items:flex-start;gap:8px;font-size:.75rem;display:flex}.exclusive-features.svelte-1wo0jvr li:where(.svelte-1wo0jvr) i:where(.svelte-1wo0jvr){color:var(--cyan);margin-top:2px}.action-grid.svelte-1wo0jvr{flex-wrap:wrap;gap:10px;width:100%;margin-top:20px;display:flex}.btn-action.svelte-1wo0jvr{cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:100px;padding:10px 0;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.btn-action.primary.svelte-1wo0jvr{background:var(--cyan);color:#000}.btn-action.primary.svelte-1wo0jvr:hover{transform:translateY(-2px)}.btn-action.secondary.svelte-1wo0jvr{border:1px solid var(--cyan);color:var(--cyan);background:0 0}.btn-action.secondary.svelte-1wo0jvr:hover{background:#00d2d31a}.btn-action.tertiary.svelte-1wo0jvr{border:1px solid var(--purple);color:var(--purple);background:#a55eea1a}.btn-action.tertiary.svelte-1wo0jvr:hover{background:var(--purple);color:#fff}.note-box.svelte-1wo0jvr{color:var(--gold);align-items:flex-start;gap:8px;margin-bottom:20px;font-size:.9rem;display:flex}.note-box.svelte-1wo0jvr i:where(.svelte-1wo0jvr){margin-top:3px}.capabilities-title.svelte-1wo0jvr{color:var(--gold);border-bottom:1px dashed #f1c40f4d;margin-bottom:15px;padding-bottom:10px;font-size:1.1rem}.capabilities-grid.svelte-1wo0jvr{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.cap-item.svelte-1wo0jvr{background:#00000040;border:1px solid #ffffff0d;border-radius:8px;align-items:flex-start;padding:12px 15px;display:flex}.cap-item.svelte-1wo0jvr i:where(.svelte-1wo0jvr){color:var(--cyan);flex-shrink:0;width:28px;margin-top:3px;font-size:1.1rem}.cap-item.svelte-1wo0jvr span:where(.svelte-1wo0jvr){color:#eee;font-size:.9rem;line-height:1.4}.board-visual.svelte-1wo0jvr{background:#111;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;max-width:190px;padding:10px 8px;display:flex;position:relative}.pin-col.svelte-1wo0jvr{flex-direction:column;gap:2px;display:flex}.v-pin.svelte-1wo0jvr{color:#aaa;background:#222;border:1px solid #444;border-radius:2px;justify-content:center;align-items:center;width:32px;height:14px;font-family:monospace;font-size:.5rem;display:flex}.board-chip.svelte-1wo0jvr{color:#111;letter-spacing:1px;z-index:2;background:linear-gradient(135deg,#e6e6e6 0%,#ccc 40%,#999 100%);border-top:18px solid #1a1a1a;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;width:55px;height:65px;font-size:.6rem;font-weight:900;display:flex;position:relative;box-shadow:inset 1px 1px 2px #fffc,inset -1px -1px 3px #0006,3px 5px 10px #00000080}.board-chip.svelte-1wo0jvr:before{content:"";opacity:.8;background:repeating-linear-gradient(90deg,#d4af37,#d4af37 2px,#0000 2px 4px);width:30px;height:10px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.sub-chip.svelte-1wo0jvr{opacity:.7;margin-top:2px;font-size:.4rem}.board-chip.nodemcu.svelte-1wo0jvr{width:70px;height:90px}.board-chip.c3.svelte-1wo0jvr{color:#ccc;background:linear-gradient(135deg,#3a3a40 0%,#222226 100%);border:1px solid #555;border-radius:4px;width:40px;height:40px}.board-chip.c3.svelte-1wo0jvr:before{border-radius:1px;width:18px;height:6px;top:-10px}.board-chip.esp32.svelte-1wo0jvr{color:#222;background:linear-gradient(135deg,#d9d9d9 0%,#b3b3b3 50%,#8c8c8c 100%);border-top:22px solid #1a1a1a;width:80px;height:120px}.board-chip.esp32.svelte-1wo0jvr:before{opacity:.9;background:repeating-linear-gradient(90deg,#d4af37,#d4af37 3px,#0000 3px 6px);width:35px;height:14px;top:-18px}@keyframes svelte-1wo0jvr-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1wo0jvr-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.split-layout.svelte-1wo0jvr,.future-layout.svelte-1wo0jvr{gap:20px}.modal-box.svelte-1wo0jvr{padding:15px}.left-col.svelte-1wo0jvr{min-width:100%}.right-col.svelte-1wo0jvr h2:where(.svelte-1wo0jvr){margin-top:10px;font-size:1.3rem}.right-col.svelte-1wo0jvr p:where(.svelte-1wo0jvr){font-size:.85rem}.capabilities-grid.svelte-1wo0jvr{grid-template-columns:1fr}.cap-item.svelte-1wo0jvr{padding:10px}.cap-item.svelte-1wo0jvr span:where(.svelte-1wo0jvr){font-size:.8rem}.action-grid.svelte-1wo0jvr{flex-direction:column}.btn-action.svelte-1wo0jvr{padding:12px 0}}.scroll-container.svelte-1n46o8q{touch-action:none;width:100%;height:100vh;position:relative;overflow:hidden}.snap-wrapper.svelte-1n46o8q{visibility:hidden;opacity:0;z-index:1;width:100%;height:100vh;transition:transform .8s cubic-bezier(.25,.46,.45,.94),opacity .8s ease-in-out,visibility .8s;position:absolute;top:0;left:0}.snap-wrapper.active.svelte-1n46o8q{visibility:visible;opacity:1;z-index:10;transform:translateY(0)scale(1)}.snap-wrapper.prev.svelte-1n46o8q{visibility:visible;opacity:0;z-index:5;transform:translateY(0)scale(.9)}.snap-wrapper.next.svelte-1n46o8q{visibility:visible;opacity:1;z-index:15;transform:translateY(100%)}