@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--bg-black:#0a0a0a;--bg-card:#121212;--bg-card-hover:#181818;--bg-card-active:#15180e;--bg-surface:#141414;--accent-lime:#c6ff00;--accent-lime-rgb:198, 255, 0;--accent-lime-hover:#b8f000;--accent-lime-dim:#c6ff0014;--accent-lime-glow:#c6ff0059;--border-subtle:#ffffff14;--border-medium:#ffffff29;--border-lime:#c6ff0066;--text-primary:#fff;--text-secondary:#999;--text-muted:#666;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-black);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 50% 15%,#c6ff000d,#0000 50%),linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:100% 100%,48px 48px,48px 48px;height:100vh;position:fixed;top:0;left:0;right:0}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#222;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-lime)}.page-wrapper{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.site-header{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#0a0a0ad1;transition:all .2s;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:76px;display:flex}.brand-wrapper{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-vs-box{background:var(--accent-lime);color:#000;letter-spacing:-.5px;width:36px;height:36px;box-shadow:0 0 16px var(--accent-lime-glow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:flex}.brand-meta{flex-direction:column;display:flex}.brand-title-row{align-items:center;gap:6px;display:flex}.brand-name{color:#fff;letter-spacing:-.4px;font-size:20px;font-weight:800}.brand-mvp-badge{color:var(--accent-lime);border:1px solid var(--accent-lime);letter-spacing:.5px;background:0 0;border-radius:4px;padding:1px 5px;font-size:9.5px;font-weight:700;line-height:1.2}.brand-tagline{color:var(--text-muted);letter-spacing:-.1px;font-size:11px;font-weight:500}.nav-menu{align-items:center;gap:16px;display:flex}.nav-link{color:#ccc;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.nav-link:hover{color:#fff;background:#ffffff0a}.nav-pill-katalog{color:var(--accent-lime);background:#c6ff0014;border:1px solid #c6ff0066;border-radius:999px;padding:6px 18px;font-weight:700;box-shadow:0 0 14px #c6ff001a}.nav-pill-katalog:hover{background:var(--accent-lime);color:#000;border-color:var(--accent-lime);box-shadow:0 0 20px var(--accent-lime-glow)}.hero-section{text-align:center;padding:64px 0 48px}.hero-badge-platform{border:1px solid var(--border-lime);color:var(--accent-lime);letter-spacing:.8px;background:#c6ff000f;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 18px;font-size:11.5px;font-weight:700;display:inline-flex;box-shadow:0 0 20px #c6ff001f}.hero-title{letter-spacing:-1.2px;color:#fff;margin-bottom:20px;font-size:clamp(32px,5.2vw,56px);font-weight:900;line-height:1.14}.hero-highlight{color:var(--accent-lime);text-decoration:underline;-webkit-text-decoration-color:var(--accent-lime);text-decoration-color:var(--accent-lime);text-underline-offset:8px;text-decoration-thickness:3px}.hero-desc{color:#a3a3a3;max-width:660px;margin:0 auto 36px;font-size:15.5px;line-height:1.6}.hero-desc strong{color:#fff;font-weight:700}.hero-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:56px;display:flex}.btn-primary-lime{background:var(--accent-lime);color:#000;cursor:pointer;box-shadow:0 0 32px var(--accent-lime-glow);border:none;border-radius:999px;align-items:center;gap:10px;padding:14px 30px;font-family:inherit;font-size:15px;font-weight:800;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary-lime:hover{background:var(--accent-lime-hover);transform:translateY(-2px);box-shadow:0 0 48px #c6ff00a6}.btn-secondary-dark{color:#fff;border:1px solid var(--border-medium);cursor:pointer;background:#151515;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary-dark:hover{background:#202020;border-color:#ffffff4d;transform:translateY(-2px)}.trust-grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1060px;margin:0 auto;display:grid}.trust-card{border:1px solid var(--border-subtle);text-align:left;background:#111;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.trust-card:hover{border-color:var(--border-medium);background:#161616}.trust-icon-box{color:var(--accent-lime);flex-shrink:0;justify-content:center;align-items:center;display:flex}.trust-title{color:#fff;letter-spacing:-.2px;font-size:13px;font-weight:700}.trust-desc{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.3}.section-langkah{padding:48px 0 60px}.langkah-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.langkah-title{color:#fff;letter-spacing:-.3px;font-size:18px;font-weight:800}.langkah-tag{color:var(--accent-lime);margin-right:6px}.langkah-ai-hint{color:#777;font-size:12.5px;font-weight:500}.needs-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.need-card{border:1px solid var(--border-subtle);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:#121212;border-radius:14px;flex-direction:column;padding:18px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.need-card:hover{background:#161616;border-color:#c6ff004d;transform:translateY(-2px)}.need-card.active{border:2px solid var(--accent-lime);background:#c6ff000a;box-shadow:0 0 24px #c6ff0038}.need-title-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.need-icon{font-size:16px}.need-label{color:#fff;letter-spacing:-.2px;font-size:13.5px;font-weight:700}.need-card.active .need-label{color:var(--accent-lime)}.need-desc{color:var(--text-secondary);font-size:11.5px;line-height:1.45}.meja-aduan-section{border-top:1px solid var(--border-subtle);padding:40px 0 80px}.meja-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.meja-title-wrapper{align-items:center;gap:12px;display:flex}.meja-badge-pulse{border:1px solid var(--border-lime);color:var(--accent-lime);background:#c6ff001a;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.pulse-dot{background:var(--accent-lime);width:7px;height:7px;box-shadow:0 0 8px var(--accent-lime);border-radius:50%}.battle-arena-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px;display:grid}.battle-slot-card{border:1px solid var(--border-subtle);background:#111;border-radius:16px;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.battle-slot-card:hover{border-color:#fff3}.battle-slot-card.winner{border:2px solid var(--accent-lime);box-shadow:0 0 30px #c6ff0033}.winner-crown-badge{background:var(--accent-lime);color:#000;z-index:2;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;display:flex;position:absolute;top:12px;right:12px}.phone-img-container{border-bottom:1px solid var(--border-subtle);background:#080808;justify-content:center;align-items:center;height:200px;padding:16px;display:flex;position:relative}.phone-img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .3s}.battle-slot-card:hover .phone-img{transform:scale(1.05)}.phone-info-body{flex-direction:column;flex:1;padding:20px;display:flex}.phone-brand-condition{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.phone-brand-tag{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:700}.phone-condition-badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.badge-baru{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d}.badge-second{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.phone-title{color:#fff;margin-bottom:8px;font-size:17px;font-weight:800;line-height:1.3}.phone-price-row{align-items:baseline;gap:8px;margin-bottom:16px;display:flex}.price-main{color:var(--accent-lime);font-size:20px;font-weight:800;font-family:var(--font-mono)}.price-strike{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);text-decoration:line-through}.ai-score-container{border:1px solid var(--border-subtle);background:#090909;border-radius:10px;margin-bottom:18px;padding:12px}.ai-score-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ai-score-label{color:#888;font-size:11px;font-weight:600}.ai-score-value{color:var(--accent-lime);font-size:14px;font-weight:800;font-family:var(--font-mono)}.ai-progress-track{background:#222;border-radius:3px;width:100%;height:6px;overflow:hidden}.ai-progress-fill{background:linear-gradient(90deg, #10b981, var(--accent-lime));border-radius:3px;height:100%;transition:width .5s}.spec-list{flex-direction:column;flex:1;gap:10px;margin-bottom:20px;display:flex}.spec-item{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding-bottom:6px;font-size:12px;display:flex}.spec-key{color:#777;font-weight:500}.spec-val{color:#ddd;text-align:right;max-width:60%;font-weight:600}.card-actions-row{gap:8px;margin-top:auto;display:flex}.btn-ganti-hp{color:#fff;border:1px solid var(--border-medium);cursor:pointer;background:#1c1c1c;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-ganti-hp:hover{background:#252525;border-color:#555}.btn-order-wa{background:var(--accent-lime);color:#000;cursor:pointer;box-shadow:0 0 16px var(--accent-lime-glow);border:none;border-radius:8px;flex:1.2;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.btn-order-wa:hover{background:var(--accent-lime-hover);transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content-box{border:1px solid var(--border-medium);background:#111;border-radius:20px;flex-direction:column;width:100%;max-width:760px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000e6}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:#fff;font-size:18px;font-weight:800}.modal-close-btn{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.modal-close-btn:hover{color:#fff}.modal-body{flex:1;padding:20px 24px;overflow-y:auto}.site-footer{border-top:1px solid var(--border-subtle);background:#080808;margin-top:auto;padding:48px 0 32px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-copy{color:#666;font-size:12.5px}.footer-link-dapur{color:var(--accent-lime);font-weight:600;text-decoration:none}.footer-link-dapur:hover{text-decoration:underline}@media (max-width:1100px){.needs-grid{grid-template-columns:repeat(3,1fr)}.battle-arena-grid,.trust-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-inner{flex-direction:column;gap:16px;height:auto;padding:16px 0}.nav-menu{flex-wrap:wrap;justify-content:center;gap:8px}.needs-grid{grid-template-columns:repeat(2,1fr)}.battle-arena-grid,.trust-grid{grid-template-columns:1fr}.hero-title{font-size:32px}}@media (max-width:480px){.needs-grid{grid-template-columns:1fr}}