@import 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap';: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}*{margin:0;padding:0;box-sizing:border-box;font-family:inter,sans-serif}*{scrollbar-width:thin;scrollbar-color:rgba(0,210,211,.4)transparent}*::-webkit-scrollbar{width:4px!important;height:4px!important}*::-webkit-scrollbar-button{display:none!important;width:0;height:0}*::-webkit-scrollbar-track{background:0 0!important}*::-webkit-scrollbar-thumb{background:rgba(0,210,211,.3)!important;border-radius:10px!important}*::-webkit-scrollbar-thumb:hover{background:rgba(0,210,211,.8)!important}body{margin:0;overflow:hidden;background-color:var(--bg-dark)}body.mode-id .lang-en{display:none!important}body.mode-en .lang-id{display:none!important}nav{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;background:rgba(15,15,19,.95);border-bottom:1px solid rgba(255,255,255,5%);position:fixed;top:0;width:100%;z-index:1000;box-sizing:border-box}.logo{font-size:1.5rem;font-weight:900;color:#fff;text-decoration:none;letter-spacing:1px}.logo span{color:var(--cyan)}.nav-links{display:flex;gap:20px;align-items:center}.nav-links a{text-decoration:none;font-weight:700;text-transform:uppercase;display:flex;align-items:center;justify-content:center;height:40px;background:0 0;transition:all .4s ease;overflow:hidden}.nav-icon{font-size:1.2rem;color:#888;display:flex;align-items:center;justify-content:center;width:24px;opacity:1;transition:all .4s ease}.nav-text{font-size:.9rem;letter-spacing:.5px;white-space:nowrap;max-width:0;opacity:0;transform:translateX(-1px);transition:all .4s ease}.nav-links a:hover .nav-icon{color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.nav-links a.active .nav-icon{max-width:0;width:0;opacity:0;transform:scale(.5)}.nav-links a.active .nav-text{max-width:150px;opacity:1;transform:translateX(0);color:var(--cyan)}.scroll-container{height:100vh;width:100%;overflow:hidden;position:relative;touch-action:none}.scroll-container::-webkit-scrollbar{display:none}.snap-section{height:100vh;width:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:100px;box-sizing:border-box;transition:transform .8s cubic-bezier(.25,.46,.45,.94),opacity .8s ease-in-out,visibility .8s;visibility:hidden;opacity:0;z-index:1}.snap-content{width:100%;max-width:1100px;padding:20px;box-sizing:border-box}.snap-section.active{visibility:visible;opacity:1;z-index:10;transform:translateY(0)scale(1);box-shadow:0 -20px 50px rgba(0,0,0,.8)}.snap-section.prev{visibility:visible;opacity:0;z-index:5;transform:translateY(0)scale(.9)}.snap-section.next{visibility:visible;opacity:1;z-index:15;transform:translateY(100%)}#beranda{background:#0f0f13;z-index:1;box-shadow:none}#keunggulan{background:#15151e;z-index:2}#fitur{background:#0a0a0c;z-index:3}#galeri{background:#111116;z-index:4}#harga{background:#050508;z-index:5}.hero{text-align:center;padding:20px}.hero h1{font-size:2.5rem;margin-bottom:15px;color:#fff}.hero p{font-size:1rem;color:#aaa;max-width:700px;margin:0 auto 15px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:15px}.gallery-card{background:var(--bg-card);border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,5%);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),border-color .3s,box-shadow .3s}.gallery-card:hover{transform:translateY(-5px);border-color:var(--cyan);box-shadow:0 10px 30px rgba(0,210,211,.15)}.card-content{padding:15px 20px}.card-content h3{color:#fff;margin-bottom:5px;font-size:1.1rem}.slideshow-container{position:relative;width:100%;height:160px;overflow:hidden;border-radius:15px 15px 0 0;background:#111}.slide-track{display:flex;width:100%;height:100%;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.slide-track img{width:100%;height:100%;object-fit:cover;flex-shrink:0;cursor:zoom-in;transition:transform .3s}.slide-track img:hover{transform:scale(1.05)}.price-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.price-card{background:#111;border:1px solid rgba(255,255,255,.1);padding:25px;border-radius:10px;text-align:center;transition:transform .3s}.price-card:hover{transform:scale(1.02)}.price-card h3{color:var(--cyan);margin-bottom:5px;font-size:1.1rem}.price-card .harga{font-size:1.8rem;font-weight:900;color:#fff;margin-bottom:10px}.price-card.vip{border-color:var(--gold)}.price-card.vip h3{color:var(--gold)}.install-wrapper{margin:30px auto 10px;text-align:center}.btn-install{padding:15px 35px;background:var(--cyan);color:#000;border:none;border-radius:10px;font-weight:900;font-size:1.1rem;cursor:pointer;transition:.3s;box-shadow:0 0 25px rgba(0,210,211,.4);text-transform:uppercase;letter-spacing:1px}.btn-install:hover{background:#fff;transform:translateY(-3px);box-shadow:0 5px 30px rgba(255,255,255,.5)}.install-message{display:block;color:#ff6b6b;font-size:.85rem;margin-top:10px}.fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.98);z-index:9999999!important;opacity:0;visibility:hidden;transition:opacity .3s ease;display:flex;justify-content:center;align-items:center;overflow:hidden}.fullscreen-overlay.active{opacity:1;visibility:visible}.fullscreen-overlay img{max-width:95%;max-height:95vh;border-radius:10px;box-shadow:0 0 30px rgba(0,210,211,.3);transform:scale(.8);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.fullscreen-overlay.active img{transform:scale(1)}.lightbox-close{position:fixed;top:20px;right:30px;color:#fff;font-size:35px;font-weight:700;cursor:pointer;transition:.3s;z-index:99999999!important;background:rgba(50,50,50,.8);width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:50%}.lightbox-close:hover{color:#ff6b6b;background:rgba(80,80,80,.9)}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:40px;font-weight:700;cursor:pointer;padding:15px 20px;user-select:none;z-index:99999999!important;background:rgba(50,50,50,.4);border-radius:8px;transition:.3s ease}.nav-btn:hover{background:rgba(0,210,211,.8);color:#fff}.prev-btn{left:30px}.next-btn{right:30px}#folderGalleryOverlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:rgba(10,10,12,.98)!important;z-index:999999!important;opacity:0;visibility:hidden;transition:opacity .3s ease;overflow-y:auto}#folderGalleryOverlay.active{opacity:1;visibility:visible}.clean-container{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;min-height:100%;gap:20px;padding:50px 20px;max-width:1200px;margin:0 auto}.clean-photo{width:180px;height:180px;object-fit:cover;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.4);cursor:zoom-in;transition:transform .3s ease,box-shadow .3s ease,border-color .3s;border:2px solid transparent}.clean-photo:hover{transform:scale(1.08)translateY(-5px);box-shadow:0 15px 30px rgba(0,210,211,.3);border-color:var(--cyan);z-index:10}.net-line{stroke-width:.3}.net-node{position:absolute;background:#0a0a0f;border:1px solid;padding:8px 15px;border-radius:5px;font-size:.8rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:8px;box-shadow:inset 0 0 5px rgba(255,255,255,1%)}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(130px,auto));gap:15px;max-width:950px;margin:0 auto}.bento-card{background:rgba(255,255,255,3%);border:1px solid rgba(255,255,255,5%);border-radius:15px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:crosshair}.bento-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(255,255,255,8%),transparent 60%);opacity:0;transition:.5s;pointer-events:none}.bento-icon{position:absolute;top:20px;right:25px;font-size:2.8rem;opacity:.3;transition:.4s}.bento-title{font-size:1.2rem;font-weight:900;letter-spacing:1px;color:#fff;margin:0;transition:transform .4s;transform:translateY(20px)}.bento-desc{font-size:.85rem;color:#aaa;margin-top:10px;margin-bottom:0;opacity:0;transform:translateY(20px);transition:all .4s;line-height:1.5;max-height:0}.bento-card:hover{transform:translateY(-5px)}.bento-card:hover::before{opacity:1}.bento-card:hover .bento-icon{transform:scale(1.15)rotate(-5deg);opacity:1}.bento-card:hover .bento-title{transform:translateY(0)}.bento-card:hover .bento-desc{opacity:1;transform:translateY(0);max-height:150px}.bento-card.control{border-color:rgba(241,196,15,.2)}.bento-card.control:hover{border-color:var(--gold);box-shadow:0 10px 30px rgba(241,196,15,.15)}.bento-card.control .bento-icon{color:var(--gold)}.bento-card.sensor{border-color:rgba(0,210,211,.2)}.bento-card.sensor:hover{border-color:var(--cyan);box-shadow:0 10px 30px rgba(0,210,211,.15)}.bento-card.sensor .bento-icon{color:var(--cyan)}.bento-card.automation{grid-column:3;grid-row:1/span 2;border-color:rgba(165,94,234,.2);justify-content:center}.bento-card.automation:hover{border-color:var(--color-purple);box-shadow:0 10px 30px rgba(165,94,234,.15)}.bento-card.automation .bento-icon{color:var(--color-purple);font-size:4rem;top:30px}.bento-card.schedule{border-color:rgba(46,204,113,.2)}.bento-card.schedule:hover{border-color:var(--green);box-shadow:0 10px 30px rgba(46,204,113,.15)}.bento-card.schedule .bento-icon{color:var(--green)}.bento-card.system{border-color:rgba(255,107,107,.2)}.bento-card.system:hover{border-color:var(--color-red);box-shadow:0 10px 30px rgba(255,107,107,.15)}.bento-card.system .bento-icon{color:var(--color-red)}#keunggulan .gallery-card i[class*=fa-]{font-size:1.8rem!important;margin-bottom:10px!important}#keunggulan .gallery-card h3{font-size:1rem!important}.node-blink{opacity:.9!important;filter:brightness(1.5)drop-shadow(0 0 10px currentColor)!important;transition:none!important}.tab-navigation{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,5%);padding-bottom:15px}.tab-btn{background:rgba(255,255,255,2%);color:#888;border:1px solid rgba(255,255,255,5%);padding:10px 25px;font-size:.95rem;font-weight:700;cursor:pointer;border-radius:8px;transition:.3s;display:flex;align-items:center;gap:8px}.tab-btn:hover{color:#fff;background:rgba(255,255,255,8%)}.tab-btn.active{color:#000;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 15px rgba(0,210,211,.3)}.tab-content{display:none;animation:fadeInTab .4s ease-in-out forwards}.tab-content.active{display:block}.holo-base{position:relative;overflow:hidden!important;transition:all .5s ease}.holo-base::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;pointer-events:none;z-index:10}.holo-tier-max{background-image:linear-gradient( 135deg,rgba(0,210,211,.2) 0%,rgba(165,94,234,.2) 25%,rgba(255,159,67,.2) 50%,rgba(255,107,107,.2) 75%,rgba(0,210,211,.2) 100% )!important;background-size:300% 300%!important;border:1px solid #fff!important;animation:holo-gradient 2s linear infinite,mythic-glow 2s ease-in-out infinite alternate!important}.holo-tier-max::before{animation:holo-glare 2s infinite;background:linear-gradient( to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.7) 50%,rgba(255,255,255,0) 100% );transform:skewX(-25deg)}.text-mythic{background:linear-gradient(to right,#00d2d3,#a55eea,#f1c40f,#ff6b6b,#00d2d3);background-size:300%;color:transparent!important;-webkit-background-clip:text;background-clip:text;animation:text-shine 3s linear infinite;font-weight:900!important;letter-spacing:1px;filter:drop-shadow(0 2px 3px #000)drop-shadow(0 0 8px rgba(0,0,0,.8))}.holo-tier-1{background-image:linear-gradient( 135deg,rgba(0,210,211,5%) 0%,rgba(165,94,234,.1) 50%,rgba(0,210,211,5%) 100% )!important;background-size:200% 200%!important;border:1px solid var(--cyan)!important;animation:holo-gradient 4s ease infinite}.holo-tier-1::before{animation:holo-glare 6s infinite;background:linear-gradient( to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100% );transform:skewX(-25deg)}.holo-tier-3{background-image:linear-gradient( 135deg,rgba(241,196,15,.15) 0%,rgba(255,107,107,.15) 50%,rgba(241,196,15,.15) 100% )!important;background-size:200% 200%!important;border:1px solid var(--gold)!important;box-shadow:0 0 20px rgba(241,196,15,.3),inset 0 0 15px rgba(241,196,15,.1)!important;animation:holo-gradient 2.5s ease infinite}.holo-tier-3::before{animation:holo-glare 3s infinite;background:linear-gradient( to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100% );transform:skewX(-25deg)}@keyframes text-shine{to{background-position:300%}}@keyframes holo-gradient{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}@keyframes holo-glare{0%{left:-100%}20%{left:200%}100%{left:200%}}@keyframes mythic-glow{0%{box-shadow:0 0 15px rgba(0,210,211,.4),inset 0 0 10px rgba(165,94,234,.2)}100%{box-shadow:0 0 35px rgba(255,107,107,.6),inset 0 0 20px rgba(241,196,15,.4);border-color:var(--color-gold)!important}}@keyframes fadeInTab{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero h1{font-size:2rem!important;margin-bottom:20px!important;line-height:1.3}.hero p{font-size:.95rem!important;margin-bottom:35px!important;line-height:1.5;padding:0 10px}.gallery-grid{gap:15px;margin-top:10px}.slideshow-container{height:120px}.card-content{padding:12px 15px}nav{padding:15px 5%}.logo{font-size:1.2rem}.nav-links{gap:20px}.nav-text{display:none!important}.nav-icon{max-width:none!important;width:auto!important;opacity:1!important;transform:scale(1)!important;font-size:.7rem;color:#666}.nav-links a.active .nav-icon{color:var(--gold);transform:scale(1)translateY(-1px)!important}.snap-section{padding-top:85px!important;justify-content:flex-start!important}.snap-content{max-height:calc(100vh - 80px)!important;overflow-y:auto!important;padding-bottom:30px!important;scrollbar-width:none;-ms-overflow-style:none}.snap-content::-webkit-scrollbar{display:none}.hero{padding:0 5px!important}.hero h1{font-size:1.4rem!important;margin-bottom:5px!important;line-height:1.2}.hero p{font-size:.8rem!important;margin-bottom:5px!important;line-height:1.3}.gallery-grid{gap:8px!important;margin-top:5px!important}.gallery-card{padding:12px!important}.gallery-card h1{font-size:2rem!important;margin-bottom:5px!important}.gallery-card h3{font-size:.9rem!important;margin-bottom:2px!important}.gallery-card p{font-size:.75rem!important;margin-top:2px!important;line-height:1.3!important}.price-list{gap:8px!important;margin:5px 0!important}.price-card{padding:10px!important}.price-card h3{font-size:.9rem!important;margin-bottom:2px!important}.price-card .harga{font-size:1.3rem!important;margin-bottom:2px!important}.price-card p{font-size:.7rem!important;margin-top:2px!important;line-height:1.2!important}.install-wrapper{margin-bottom:10px!important;margin-top:5px!important}.btn-install{padding:10px 15px!important;font-size:.85rem!important}.install-message{font-size:.7rem!important;margin-top:5px!important;line-height:1.2}footer{padding:10px!important;margin-top:auto!important}footer a{font-size:.75rem!important}footer p{font-size:.7rem!important;margin-top:2px!important}#beranda .snap-content.hero{padding-top:5vh!important;padding-bottom:15vh!important;justify-content:center!important}#beranda .hero h1{font-size:2.2rem!important;margin-bottom:25px!important;line-height:1.4!important}#beranda .hero p{font-size:1rem!important;margin-bottom:40px!important;line-height:1.6!important;padding:0 10px!important}#beranda .btn-install{font-size:.95rem!important;padding:15px 30px!important}.net-node{font-size:.65rem;padding:6px 10px}.net-node i{font-size:.8rem!important;margin-bottom:0!important}.bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.bento-card.automation{grid-column:1;grid-row:auto}.bento-title{transform:translateY(0)}.bento-desc{opacity:1;transform:translateY(0);max-height:200px}.bento-icon{opacity:.5}#keunggulan .gallery-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}#keunggulan .gallery-card{padding:12px 10px!important}#keunggulan .gallery-card i[class*=fa-]{font-size:1.4rem!important;margin-bottom:6px!important}#keunggulan .gallery-card h3{font-size:.8rem!important}#keunggulan .gallery-card p{font-size:.7rem!important;line-height:1.3!important;margin-top:5px!important}.specs-grid{gap:10px!important}.spec-card{min-height:180px!important;padding:5px!important}.spec-card .board-visual{transform:scale(.85)!important}.spec-card:nth-child(1) .board-visual{transform:scale(1.1)!important}#modalDetailBoard>div{padding:15px!important;max-height:92vh!important}#modalBoardContent>div>div:first-child{padding:15px!important;min-width:100%!important}#modalBoardContent .board-visual{transform:scale(.9)!important;margin-bottom:-10px!important}#modalBoardContent h2{font-size:1.3rem!important;margin-top:10px!important}#modalBoardContent h3{font-size:1rem!important;margin-bottom:10px!important}#modalBoardContent p{font-size:.85rem!important;margin-bottom:15px!important;line-height:1.4!important}#modalBoardContent ul{gap:8px!important}#modalBoardContent li{padding:8px 10px!important}#modalBoardContent li span{font-size:.8rem!important}#modalBoardContent a{padding:8px 0!important;font-size:.8rem!important}*::-webkit-scrollbar{width:0!important;background:0 0}}