{"id":12,"date":"2023-08-03T09:18:51","date_gmt":"2023-08-03T09:18:51","guid":{"rendered":"https:\/\/cyberevo.net\/?page_id=12"},"modified":"2026-10-08T01:27:17","modified_gmt":"2026-10-08T01:27:17","slug":"home","status":"publish","type":"page","link":"https:\/\/cyberevo.net\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96219df e-flex e-con-boxed e-con e-parent\" data-id=\"96219df\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce60cc0 elementor-widget elementor-widget-html\" data-id=\"ce60cc0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  Cyber EVO - Hero v2 (your PixiJS design, optimized; same look and interactions)\r\n  Changes vs your version:\r\n  - Curves tessellated with ~5x fewer segments (the biggest per-frame cost)\r\n  - Photons are sprites, not Graphics circles redrawn every frame\r\n  - Ticker stops when the hero is off screen (it kept rendering before)\r\n  - Click boost eases in\/out and always resets (pointercancel on touch left it stuck at 3x)\r\n  - Clicking a button no longer fires the shockwave\r\n  - Frame jumps after a stall are capped; ring spawning no longer depends on refresh rate\r\n  - prefers-reduced-motion now shows a still frame instead of the full animation\r\n  - Canvas resolution capped at 1.5x (1.25x on phones)\r\n  - Mask on the animated canvas replaced by a static gradient overlay (cheaper to composite)\r\n  - Full-bleed width uses the real viewport width (100vw includes the scrollbar and can cause sideways scroll)\r\n  - Backdrop blur removed from the four tiny icon tiles (invisible at that size); kept on the buttons\r\n-->\r\n<style>\r\n  @property --ce-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }\r\n  @keyframes ce-spin { to { --ce-a: 360deg; } }\r\n\r\n  \/* Break out of Elementor's boxed container edge-to-edge (--ce-vw is set by the script) *\/\r\n  .ce-hero-viewport {\r\n    position: relative;\r\n    width: var(--ce-vw, 100vw);\r\n    left: 50%;\r\n    margin-left: calc(var(--ce-vw, 100vw) \/ -2);\r\n    overflow: hidden;\r\n    background: #06081e;\r\n    contain: paint;\r\n  }\r\n\r\n  .ce-hero {\r\n    --ce-ink: #070926;\r\n    --ce-navy: #151854;\r\n    --ce-blue: #4faee8;\r\n    --ce-orange: #f07b34;\r\n    --ce-orange-lt: #ff9d5c;\r\n    position: relative;\r\n    isolation: isolate;\r\n    min-height: min(90vh, 820px);\r\n    display: flex;\r\n    align-items: center;\r\n    font-family: inherit;\r\n    color: #fff;\r\n    box-sizing: border-box;\r\n    background:\r\n      radial-gradient(1000px 550px at 85% 45%, rgba(46, 48, 135, .8), transparent 70%),\r\n      radial-gradient(750px 450px at 8% 95%, rgba(79, 174, 232, .18), transparent 70%),\r\n      linear-gradient(180deg, #06081e 0%, #0d103d 50%, #151854 100%);\r\n  }\r\n  .ce-hero *, .ce-hero *::before, .ce-hero *::after { box-sizing: border-box; }\r\n\r\n  \/* Circuit grid *\/\r\n  .ce-hero::before {\r\n    content: \"\"; position: absolute; inset: 0; z-index: 0;\r\n    background-image:\r\n      linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);\r\n    background-size: 60px 60px;\r\n    -webkit-mask-image: radial-gradient(ellipse at 75% 50%, #000 20%, transparent 80%);\r\n            mask-image: radial-gradient(ellipse at 75% 50%, #000 20%, transparent 80%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Laser line trim *\/\r\n  .ce-hero::after {\r\n    content: \"\"; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; z-index: 3;\r\n    background: linear-gradient(90deg, transparent, var(--ce-blue), var(--ce-orange), transparent);\r\n    opacity: .85;\r\n  }\r\n\r\n  \/* PixiJS stage + static fade that keeps the text readable (replaces the old mask) *\/\r\n  .ce-hero .ce-gl { position: absolute; inset: 0; z-index: 1; pointer-events: none; }\r\n  .ce-hero .ce-gl canvas { display: block; width: 100%; height: 100%; }\r\n  .ce-hero .ce-shade {\r\n    position: absolute; inset: 0; z-index: 2; pointer-events: none;\r\n    background: linear-gradient(90deg, rgba(6, 8, 30, .85) 0%, rgba(8, 10, 36, .3) 35%, transparent 70%);\r\n  }\r\n\r\n  .ce-hero .ce-inner {\r\n    position: relative; z-index: 4; width: 100%; max-width: 1280px;\r\n    margin: 0 auto; padding: 100px 32px 80px; pointer-events: auto;\r\n  }\r\n  .ce-hero .ce-copy { max-width: 760px; }\r\n\r\n  .ce-hero .ce-title {\r\n    margin: 0 0 20px; font-size: clamp(42px, 5.8vw, 84px);\r\n    line-height: 1.05; font-weight: 800; letter-spacing: -.025em; color: #fff;\r\n  }\r\n  .ce-hero .ce-line { display: block; }\r\n  .ce-hero .ce-sub {\r\n    margin: 0 0 24px; max-width: 48ch; font-size: clamp(17px, 1.5vw, 20px);\r\n    line-height: 1.6; color: rgba(255, 255, 255, .84);\r\n  }\r\n\r\n  .ce-hero .ce-price {\r\n    margin: 0 0 34px; display: flex; flex-wrap: wrap; align-items: baseline;\r\n    gap: 4px 10px; color: rgba(255, 255, 255, .8); font-size: 17px;\r\n  }\r\n  .ce-hero .ce-price strong { font-size: 38px; line-height: 1; font-weight: 800; color: var(--ce-orange-lt); }\r\n  .ce-hero .ce-price small { flex-basis: 100%; font-size: 13px; color: rgba(255, 255, 255, .6); margin-top: 4px; }\r\n\r\n  \/* ---------- Action buttons ---------- *\/\r\n  .ce-hero .ce-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 22px; margin-bottom: 44px; }\r\n\r\n  .ce-hero .ce-beam {\r\n    display: inline-block; padding: 3px; border-radius: 999px;\r\n    background: conic-gradient(from var(--ce-a),\r\n      rgba(255, 255, 255, .15) 0 52%, #fff 72%, var(--ce-orange) 90%, rgba(255, 255, 255, .15) 100%);\r\n    animation: ce-spin 3.2s linear infinite;\r\n  }\r\n\r\n  .ce-hero a.ce-primary {\r\n    display: inline-flex; align-items: center; gap: 10px; padding: 18px 34px; border-radius: 999px;\r\n    background: var(--ce-blue); color: var(--ce-ink); font-size: 17px; font-weight: 800; text-decoration: none;\r\n    transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;\r\n    box-shadow: 0 8px 24px rgba(79, 174, 232, 0.35);\r\n  }\r\n  .ce-hero a.ce-primary:hover, .ce-hero a.ce-primary:focus-visible {\r\n    background: var(--ce-orange); color: #fff; transform: translateY(-2px);\r\n    box-shadow: 0 10px 28px rgba(240, 123, 52, 0.45);\r\n  }\r\n\r\n  \/* Frosted glass secondary button *\/\r\n  .ce-hero a.ce-second {\r\n    display: inline-flex; align-items: center; gap: 10px; padding: 16px 28px; border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    border: 1.5px solid rgba(255, 255, 255, 0.22);\r\n    box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.35);\r\n    color: #fff; font-size: 16px; font-weight: 700; text-decoration: none;\r\n    transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .2s ease;\r\n  }\r\n  .ce-hero a.ce-second:hover, .ce-hero a.ce-second:focus-visible {\r\n    background: rgba(255, 255, 255, 0.2);\r\n    border-color: rgba(255, 255, 255, 0.5);\r\n    color: #fff;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* Frosted glass WhatsApp pill *\/\r\n  .ce-hero a.ce-wa-pill {\r\n    display: inline-flex; align-items: center; gap: 9px; padding: 14px 22px; border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(255, 255, 255, 0.14);\r\n    color: rgba(255, 255, 255, 0.9); font-size: 15px; font-weight: 600;\r\n    text-decoration: none;\r\n    transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .2s ease;\r\n  }\r\n  .ce-hero a.ce-wa-pill:hover, .ce-hero a.ce-wa-pill:focus-visible {\r\n    background: rgba(240, 123, 52, 0.15);\r\n    border-color: rgba(240, 123, 52, 0.5);\r\n    color: #fff;\r\n    transform: translateY(-2px);\r\n  }\r\n  .ce-hero a.ce-wa-pill svg { width: 19px; height: 19px; fill: currentColor; }\r\n\r\n  .ce-hero a:focus-visible { outline: 3px solid var(--ce-orange); outline-offset: 4px; }\r\n\r\n  \/* ---------- Proof row ---------- *\/\r\n  .ce-hero .ce-proof { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, auto); gap: 16px 28px; justify-content: start; }\r\n  .ce-hero .ce-proof li { display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 700; color: #fff; white-space: nowrap; }\r\n\r\n  .ce-hero .ce-pi {\r\n    flex: none; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center;\r\n    background: rgba(255, 255, 255, 0.09);\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    box-shadow: 0 8px 20px -4px rgba(0, 0, 0, 0.35);\r\n    color: var(--ce-blue);\r\n  }\r\n  .ce-hero svg.ce-hi { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n  \/* 3D letters *\/\r\n  .ce-hero .ce-word { display: inline-block; white-space: nowrap; }\r\n  .ce-hero .ce-ch { display: inline-block; perspective: 700px; }\r\n  .ce-hero .ce-in { --d: .52em; display: inline-block; position: relative; transform-style: preserve-3d; transform: translateZ(calc(var(--d) * -1)) rotateX(0deg); }\r\n  .ce-hero .ce-gh { visibility: hidden; }\r\n  .ce-hero .ce-fa, .ce-hero .ce-fb { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; }\r\n  .ce-hero .ce-fa { transform: rotateX(0deg) translateZ(var(--d)); }\r\n  .ce-hero .ce-fb { transform: rotateX(90deg) translateZ(var(--d)); }\r\n  .ce-hero.ce-js .ce-title .ce-in { transform: translateZ(calc(var(--d) * -1)) rotateX(90deg); transition: transform .8s cubic-bezier(.22, .9, .3, 1); transition-delay: calc(var(--i) * 32ms + .1s); }\r\n  .ce-hero.ce-js.is-in .ce-title .ce-in { transform: translateZ(calc(var(--d) * -1)) rotateX(0deg); }\r\n\r\n  .ce-hero.ce-js .ce-late { opacity: 0; transform: translateY(12px); transition: opacity .6s ease, transform .6s ease; }\r\n  .ce-hero.ce-js.is-in .ce-late { opacity: 1; transform: translateY(0); transition-delay: .7s; }\r\n\r\n  @media (max-width: 860px) {\r\n    .ce-hero { min-height: 86vh; }\r\n    .ce-hero .ce-inner { padding: 64px 20px; }\r\n    .ce-hero .ce-actions { flex-direction: column; align-items: stretch; gap: 14px; }\r\n    .ce-hero .ce-beam, .ce-hero a.ce-primary, .ce-hero a.ce-second, .ce-hero a.ce-wa-pill { width: 100%; justify-content: center; }\r\n    .ce-hero .ce-proof { grid-template-columns: repeat(2, 1fr); gap: 14px; }\r\n    .ce-hero .ce-proof li { white-space: normal; }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .ce-hero .ce-beam { animation: none; }\r\n    .ce-hero.ce-js .ce-late { transition: none; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ce-hero-viewport\">\r\n  <section class=\"ce-hero\" id=\"ce-hero\" aria-labelledby=\"ce-hero-title\">\r\n    <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\" focusable=\"false\">\r\n      <symbol id=\"ce-i-cable\" viewBox=\"0 0 24 24\"><path d=\"M17 19a1 1 0 0 1-1-1v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a1 1 0 0 1-1 1z\" \/><path d=\"M17 21v-2\" \/><path d=\"M19 14V6.5a1 1 0 0 0-7 0v11a1 1 0 0 1-7 0V10\" \/><path d=\"M21 21v-2\" \/><path d=\"M3 5V3\" \/><path d=\"M4 10a2 2 0 0 1-2-2V6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2a2 2 0 0 1-2 2z\" \/><path d=\"M7 5V3\" \/><\/symbol>\r\n      <symbol id=\"ce-i-infinity\" viewBox=\"0 0 24 24\"><path d=\"M6 16c5 0 7-8 12-8a4 4 0 0 1 0 8c-5 0-7-8-12-8a4 4 0 1 0 0 8\" \/><\/symbol>\r\n      <symbol id=\"ce-i-cloud-sun\" viewBox=\"0 0 24 24\"><path d=\"M12 2v2\" \/><path d=\"m4.93 4.93 1.41 1.41\" \/><path d=\"M20 12h2\" \/><path d=\"m19.07 4.93-1.41 1.41\" \/><path d=\"M15.947 12.65a4 4 0 0 0-5.925-4.128\" \/><path d=\"M13 22H7a5 5 0 1 1 4.9-6H13a3 3 0 0 1 0 6Z\" \/><\/symbol>\r\n      <symbol id=\"ce-i-wallet\" viewBox=\"0 0 24 24\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\" \/><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\" \/><\/symbol>\r\n      <symbol id=\"ce-i-chevron-down\" viewBox=\"0 0 24 24\"><path d=\"m6 9 6 6 6-6\" \/><\/symbol>\r\n      <symbol id=\"ce-i-map-pin\" viewBox=\"0 0 24 24\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\" \/><circle cx=\"12\" cy=\"10\" r=\"3\" \/><\/symbol>\r\n      <symbol id=\"ce-i-wa\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/symbol>\r\n    <\/svg>\r\n\r\n    <div class=\"ce-gl\"><\/div>\r\n    <div class=\"ce-shade\"><\/div>\r\n\r\n    <div class=\"ce-inner\">\r\n      <div class=\"ce-copy\">\r\n        <h1 class=\"ce-title\" id=\"ce-hero-title\">\r\n          <span class=\"ce-line\">Kualitas Premium<\/span>\r\n          <span class=\"ce-line\">Harga Minimum<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"ce-sub ce-late\">Nikmati koneksi unlimited 100% fiber optik yang super cepat dan tahan segala cuaca. Bukti nyata bahwa internet andal nggak harus mahal.<\/p>\r\n\r\n        <p class=\"ce-price ce-late\">Mulai dari <strong>100rb-an<\/strong>\/bulan <small>*Belum termasuk PPN 11%<\/small><\/p>\r\n\r\n        <div class=\"ce-actions ce-late\">\r\n          <span class=\"ce-beam\">\r\n            <a class=\"ce-primary\" href=\"#produk\" data-scroll>\r\n              Lihat paket\r\n              <svg class=\"ce-hi\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#ce-i-chevron-down\"\/><\/svg>\r\n            <\/a>\r\n          <\/span>\r\n          <a class=\"ce-second\" href=\"#ce-cov\" data-scroll>\r\n            <svg class=\"ce-hi\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#ce-i-map-pin\"\/><\/svg>\r\n            Cek coverage\r\n          <\/a>\r\n          <a class=\"ce-wa-pill\" target=\"_blank\" rel=\"noopener noreferrer\"\r\n             href=\"https:\/\/api.whatsapp.com\/send\/?phone=6281220885091&text=Halo%2C%20saya%20mau%20langganan%20internet%20Cyber%20Evo\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#ce-i-wa\"\/><\/svg>\r\n            Berlangganan via WhatsApp\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <ul class=\"ce-proof ce-late\" aria-label=\"Keunggulan Cyber EVO\">\r\n          <li><span class=\"ce-pi\"><svg class=\"ce-hi\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#ce-i-cable\"\/><\/svg><\/span>100% fiber optik<\/li>\r\n          <li><span class=\"ce-pi\"><svg class=\"ce-hi\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#ce-i-infinity\"\/><\/svg><\/span>Unlimited<\/li>\r\n          <li><span class=\"ce-pi\"><svg class=\"ce-hi\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#ce-i-cloud-sun\"\/><\/svg><\/span>Tahan cuaca<\/li>\r\n          <li><span class=\"ce-pi\"><svg class=\"ce-hi\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#ce-i-wallet\"\/><\/svg><\/span>Terjangkau<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  var root = document.getElementById('ce-hero');\r\n  if (!root) return;\r\n  var reduce = window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  var host = root.querySelector('.ce-gl');\r\n  root.classList.add('ce-js');\r\n\r\n  \/* Full-bleed width = real viewport width (no scrollbar), so the page never scrolls sideways *\/\r\n  var vp = root.parentNode;\r\n  function fit() { vp.style.setProperty('--ce-vw', document.documentElement.clientWidth + 'px'); }\r\n  fit();\r\n  window.addEventListener('resize', fit);\r\n  if (window.ResizeObserver) new ResizeObserver(fit).observe(document.documentElement);\r\n\r\n  \/* Smooth scroll *\/\r\n  [].forEach.call(root.querySelectorAll('[data-scroll]'), function (a) {\r\n    a.addEventListener('click', function (e) {\r\n      var t = document.querySelector(a.getAttribute('href'));\r\n      if (!t) return;\r\n      e.preventDefault();\r\n      var y = t.getBoundingClientRect().top + window.pageYOffset - 80;\r\n      window.scrollTo({ top: y, behavior: reduce ? 'auto' : 'smooth' });\r\n    });\r\n  });\r\n\r\n  \/* 3D text flip setup *\/\r\n  var title = root.querySelector('.ce-title');\r\n  if (!reduce) {\r\n    var lines = [].slice.call(title.querySelectorAll('.ce-line'));\r\n    title.setAttribute('aria-label', lines.map(function (l) { return l.textContent.trim(); }).join(' '));\r\n    lines.forEach(function (line) {\r\n      var text = line.textContent.trim(), total = text.replace(\/ \/g, '').length, n = 0;\r\n      line.textContent = '';\r\n      line.setAttribute('aria-hidden', 'true');\r\n      text.split(' ').forEach(function (word, wi, all) {\r\n        var w = document.createElement('span'); w.className = 'ce-word';\r\n        word.split('').forEach(function (c) {\r\n          var ch = document.createElement('span'); ch.className = 'ce-ch';\r\n          ch.style.setProperty('--i', Math.abs(n++ - (total - 1) \/ 2));\r\n          var inner = document.createElement('span'); inner.className = 'ce-in';\r\n          ['ce-gh', 'ce-fa', 'ce-fb'].forEach(function (cls) {\r\n            var f = document.createElement('span'); f.className = cls; f.textContent = c; inner.appendChild(f);\r\n          });\r\n          ch.appendChild(inner); w.appendChild(ch);\r\n        });\r\n        line.appendChild(w);\r\n        if (wi < all.length - 1) line.appendChild(document.createTextNode(' '));\r\n      });\r\n    });\r\n  }\r\n\r\n  \/* PixiJS CDN loader *\/\r\n  var PIXI_SRC = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pixi.js\/7.3.2\/pixi.min.js';\r\n  function loadPixi(cb) {\r\n    if (window.PIXI) return cb();\r\n    var ex = document.querySelector('script[src=\"' + PIXI_SRC + '\"]');\r\n    if (ex) { ex.addEventListener('load', cb); return; }\r\n    var s = document.createElement('script');\r\n    s.src = PIXI_SRC;\r\n    s.onload = cb;\r\n    document.head.appendChild(s);\r\n  }\r\n\r\n  var app = null, inView = false, requested = false;\r\n\r\n  function initPixi() {\r\n    var PIXI = window.PIXI;\r\n    \/* default is one segment per 10px of curve; these gentle curves look identical at 48px *\/\r\n    if (PIXI.GRAPHICS_CURVES) PIXI.GRAPHICS_CURVES.maxLength = 48;\r\n\r\n    var small = window.innerWidth < 860;\r\n    var W = host.clientWidth || window.innerWidth;\r\n    var H = host.clientHeight || 800;\r\n\r\n    app = new PIXI.Application({\r\n      width: W,\r\n      height: H,\r\n      backgroundAlpha: 0,\r\n      antialias: true,\r\n      resolution: Math.min(window.devicePixelRatio || 1, small ? 1.25 : 1.5),\r\n      autoDensity: true,\r\n      autoStart: false\r\n    });\r\n    app.view.setAttribute('aria-hidden', 'true');\r\n    host.appendChild(app.view);\r\n\r\n    var container = new PIXI.Container();\r\n    app.stage.addChild(container);\r\n\r\n    \/* Palette: Cyber EVO Blue, Deep Navy, Signal Orange, Neon Cyan *\/\r\n    var COLORS = [0x4faee8, 0x2e3087, 0xf07b34, 0x00f0ff, 0xff9d5c];\r\n\r\n    \/* Strands *\/\r\n    var STRAND_COUNT = small ? 16 : 30;\r\n    var strands = [];\r\n    var graphics = new PIXI.Graphics();\r\n    container.addChild(graphics);\r\n\r\n    for (var i = 0; i < STRAND_COUNT; i++) {\r\n      var spread = (i \/ STRAND_COUNT) - 0.5;\r\n      strands.push({\r\n        baseY: 0.5 + spread * 0.72,\r\n        amp: 42 + Math.random() * 62,\r\n        phase: Math.random() * Math.PI * 2,\r\n        color: COLORS[i % COLORS.length],\r\n        alpha: 0.22 + Math.random() * 0.42,\r\n        width: 1.2 + Math.random() * 2.2,\r\n        speed: 0.007 + Math.random() * 0.012\r\n      });\r\n    }\r\n    var curve = new Float32Array(STRAND_COUNT * 8);   \/* p0..p3 (x,y) per strand, rewritten each frame *\/\r\n\r\n    \/* Core node *\/\r\n    var hubGlow = new PIXI.Graphics();\r\n    container.addChild(hubGlow);\r\n\r\n    \/* Photons: two shared disc sprites per packet (halo + core) instead of redrawn circles *\/\r\n    var disc = document.createElement('canvas');\r\n    disc.width = disc.height = 64;\r\n    var dctx = disc.getContext('2d');\r\n    dctx.fillStyle = '#fff';\r\n    dctx.beginPath(); dctx.arc(32, 32, 31, 0, Math.PI * 2); dctx.fill();\r\n    var discTex = PIXI.Texture.from(disc);\r\n\r\n    var PACKET_COUNT = small ? 32 : 68;\r\n    var packets = [];\r\n    var haloLayer = new PIXI.Container(), coreLayer = new PIXI.Container();\r\n    container.addChild(haloLayer, coreLayer);\r\n\r\n    for (var p = 0; p < PACKET_COUNT; p++) {\r\n      var color = Math.random() > 0.35 ? 0x00f0ff : 0xf07b34;\r\n      var halo = new PIXI.Sprite(discTex), core = new PIXI.Sprite(discTex);\r\n      halo.anchor.set(0.5); core.anchor.set(0.5);\r\n      halo.tint = color; halo.alpha = 0.35; core.alpha = 0.95;\r\n      haloLayer.addChild(halo); coreLayer.addChild(core);\r\n      packets.push({\r\n        strandIdx: p % STRAND_COUNT,\r\n        progress: Math.random(),\r\n        baseSpeed: 0.0022 + Math.random() * 0.005,\r\n        size: 1.8 + Math.random() * 2.5,\r\n        halo: halo, core: core\r\n      });\r\n    }\r\n\r\n    \/* Shockwave rings *\/\r\n    var rings = [];\r\n    var ringGfx = new PIXI.Graphics();\r\n    container.addChild(ringGfx);\r\n\r\n    function triggerPulse(x, y, boost) {\r\n      rings.push({\r\n        x: x || (W * 0.82),\r\n        y: y || (H * 0.5),\r\n        radius: 8,\r\n        maxRadius: boost ? 360 : 270,\r\n        alpha: 1.0,\r\n        speed: boost ? 5.2 : 3.6,\r\n        color: Math.random() > 0.4 ? 0x4faee8 : 0xf07b34\r\n      });\r\n    }\r\n\r\n    \/* Pointer: eased cursor attraction, eased click boost that always resets *\/\r\n    var mouse = { x: W * 0.75, y: H * 0.5, targetX: W * 0.75, targetY: H * 0.5 };\r\n    var boost = 1, boostTarget = 1;\r\n    root.addEventListener('pointermove', function (e) {\r\n      if (reduce || e.pointerType === 'touch') return;\r\n      var rect = root.getBoundingClientRect();\r\n      mouse.targetX = e.clientX - rect.left;\r\n      mouse.targetY = e.clientY - rect.top;\r\n    });\r\n    root.addEventListener('pointerdown', function (e) {\r\n      if (reduce || (e.target.closest && e.target.closest('a'))) return;\r\n      var rect = root.getBoundingClientRect();\r\n      triggerPulse(e.clientX - rect.left, e.clientY - rect.top, true);\r\n      boostTarget = 3;\r\n    });\r\n    function release() { boostTarget = 1; }\r\n    window.addEventListener('pointerup', release);\r\n    window.addEventListener('pointercancel', release);\r\n    window.addEventListener('blur', release);\r\n\r\n    var time = 0, pt = { x: 0, y: 0 };\r\n    function bez(o, t) {                                  \/* cubic Bezier into a reused object *\/\r\n      var it = 1 - t, a = it * it * it, b = 3 * it * it * t, c = 3 * it * t * t, d = t * t * t;\r\n      pt.x = a * curve[o] + b * curve[o + 2] + c * curve[o + 4] + d * curve[o + 6];\r\n      pt.y = a * curve[o + 1] + b * curve[o + 3] + c * curve[o + 5] + d * curve[o + 7];\r\n    }\r\n\r\n    function step(delta) {\r\n      time += 0.02 * delta;\r\n      boost += (boostTarget - boost) * Math.min(1, 0.09 * delta);\r\n\r\n      mouse.x += (mouse.targetX - mouse.x) * 0.055;\r\n      mouse.y += (mouse.targetY - mouse.y) * 0.055;\r\n\r\n      var hubX = W * 0.82 + Math.sin(time * 0.55) * 20;\r\n      var hubY = H * 0.50 + Math.cos(time * 0.75) * 16;\r\n\r\n      if (!reduce && Math.random() < 0.012 * delta && rings.length < 5) triggerPulse(hubX, hubY, false);\r\n\r\n      \/* Shockwaves *\/\r\n      ringGfx.clear();\r\n      for (var r = rings.length - 1; r >= 0; r--) {\r\n        var ring = rings[r];\r\n        ring.radius += ring.speed * delta;\r\n        ring.alpha -= 0.015 * delta;\r\n        if (ring.alpha <= 0 || ring.radius >= ring.maxRadius) { rings.splice(r, 1); continue; }\r\n        ringGfx.lineStyle(2, ring.color, ring.alpha);\r\n        ringGfx.drawCircle(ring.x, ring.y, ring.radius);\r\n      }\r\n\r\n      \/* Core node *\/\r\n      hubGlow.clear();\r\n      var corePulse = 1 + Math.sin(time * 2.8) * 0.15;\r\n      hubGlow.beginFill(0x4faee8, 0.12);\r\n      hubGlow.drawCircle(hubX, hubY, 78 * corePulse);\r\n      hubGlow.beginFill(0x00f0ff, 0.28);\r\n      hubGlow.drawCircle(hubX, hubY, 34 * corePulse);\r\n      hubGlow.beginFill(0xffffff, 0.95);\r\n      hubGlow.drawCircle(hubX, hubY, 8);\r\n      hubGlow.endFill();\r\n\r\n      \/* Strands *\/\r\n      graphics.clear();\r\n      for (var s = 0; s < STRAND_COUNT; s++) {\r\n        var st = strands[s];\r\n        st.phase += st.speed * delta;\r\n\r\n        var startX = -60;\r\n        var startY = H * st.baseY + Math.sin(st.phase + time) * st.amp * 0.45;\r\n\r\n        var pullDist = Math.hypot(mouse.x - hubX * 0.65, mouse.y - startY);\r\n        var pullPower = Math.max(0, 1 - pullDist \/ 420) * 80;\r\n\r\n        var cp1x = W * 0.35;\r\n        var cp1y = startY + Math.sin(st.phase) * st.amp + (mouse.y - H * 0.5) * 0.2 + pullPower;\r\n        var cp2x = W * 0.65;\r\n        var cp2y = hubY + Math.cos(st.phase * 0.7) * (st.amp * 0.75);\r\n        var endX = W + 70;\r\n        var endY = hubY + (st.baseY - 0.5) * 330;\r\n\r\n        var o = s * 8;\r\n        curve[o] = startX; curve[o + 1] = startY; curve[o + 2] = cp1x; curve[o + 3] = cp1y;\r\n        curve[o + 4] = cp2x; curve[o + 5] = cp2y; curve[o + 6] = endX; curve[o + 7] = endY;\r\n\r\n        graphics.lineStyle(st.width * 2.2, st.color, st.alpha * 0.22);   \/* ambient glow *\/\r\n        graphics.moveTo(startX, startY);\r\n        graphics.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, endX, endY);\r\n\r\n        graphics.lineStyle(st.width, 0xffffff, st.alpha * 0.85);         \/* optical core *\/\r\n        graphics.moveTo(startX, startY);\r\n        graphics.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, endX, endY);\r\n      }\r\n\r\n      \/* Photons *\/\r\n      for (var k = 0; k < PACKET_COUNT; k++) {\r\n        var pkt = packets[k];\r\n        pkt.progress += pkt.baseSpeed * boost * delta;\r\n        if (pkt.progress > 1) pkt.progress = 0;\r\n\r\n        bez(pkt.strandIdx * 8, pkt.progress);\r\n        var haloR = pkt.size * (1.8 + Math.sin(time * 3.8 + k) * 0.55) * 2;\r\n        pkt.halo.position.set(pt.x, pt.y);\r\n        pkt.halo.scale.set(haloR \/ 32);\r\n        pkt.core.position.set(pt.x, pt.y);\r\n        pkt.core.scale.set(pkt.size \/ 32);\r\n      }\r\n    }\r\n\r\n    app.ticker.add(function (delta) { step(Math.min(delta, 2)); });   \/* cap: no visible jump after a stall *\/\r\n\r\n    function resize() {\r\n      W = host.clientWidth || window.innerWidth;\r\n      H = host.clientHeight || 800;\r\n      app.renderer.resize(W, H);\r\n      if (reduce) { step(1); app.render(); }\r\n    }\r\n    if (window.ResizeObserver) new ResizeObserver(resize).observe(host);\r\n\r\n    if (reduce) { step(1); app.render(); }          \/* still frame, no ticker *\/\r\n    else if (inView) app.start();\r\n  }\r\n\r\n  \/* Run only while visible *\/\r\n  function enter() {\r\n    inView = true;\r\n    root.classList.add('is-in');\r\n    if (!requested) { requested = true; loadPixi(initPixi); }\r\n    else if (app && !reduce) app.start();\r\n  }\r\n  function leave() {\r\n    inView = false;\r\n    root.classList.remove('is-in');\r\n    if (app) app.stop();\r\n  }\r\n\r\n  if (reduce || !('IntersectionObserver' in window)) {\r\n    enter();\r\n  } else {\r\n    new IntersectionObserver(function (es) {\r\n      var r = es[es.length - 1].intersectionRatio;\r\n      if (r >= 0.25) enter();\r\n      else if (r === 0) leave();\r\n    }, { threshold: [0, 0.25] }).observe(root);\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5eff78 e-flex e-con-boxed e-con e-parent\" data-id=\"e5eff78\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51a075b elementor-widget elementor-widget-html\" data-id=\"51a075b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  Cyber EVO - \"Kenapa Cyber EVO?\" Interactive Constellation Flashcard Section\r\n  - Native High-DPI Constellation Particle Background (Instant, Zero Delay)\r\n  - Interactive Flashcard 3D Deck with Swipe \/ Drag & Large Nav Buttons\r\n  - GSAP Riffle Shuffle Entrance Animation\r\n  - Original Cards, SVGs, Copywriting & Badges 100% Preserved\r\n-->\r\n<style>\r\n  .ce-feat-sec {\r\n    --ce-navy: #151854;\r\n    --ce-ink: #070926;\r\n    --ce-blue: #4faee8;\r\n    --ce-orange: #f07b34;\r\n    --ce-card-bg: rgba(22, 27, 92, 0.72);\r\n    --ce-card-border: rgba(255, 255, 255, 0.16);\r\n    position: relative;\r\n    padding: 80px 24px 90px;\r\n    background: radial-gradient(circle at 50% 0%, #1a1e68 0%, #0d1038 50%, var(--ce-ink) 100%);\r\n    font-family: inherit;\r\n    color: #fff;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n  }\r\n  .ce-feat-sec *, .ce-feat-sec *::before, .ce-feat-sec *::after { box-sizing: border-box; }\r\n\r\n  \/* Background Ambient Nebulas *\/\r\n  .ce-ambient-glow {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    overflow: hidden;\r\n  }\r\n  .ce-glow-1 {\r\n    position: absolute;\r\n    top: 20%;\r\n    left: 15%;\r\n    width: 450px;\r\n    height: 450px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(79, 174, 232, 0.18) 0%, transparent 70%);\r\n    filter: blur(50px);\r\n  }\r\n  .ce-glow-2 {\r\n    position: absolute;\r\n    bottom: 15%;\r\n    right: 15%;\r\n    width: 500px;\r\n    height: 500px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(240, 123, 52, 0.14) 0%, transparent 70%);\r\n    filter: blur(60px);\r\n  }\r\n\r\n  \/* Native Constellation Canvas *\/\r\n  .ce-canvas-host {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 2;\r\n  }\r\n  .ce-canvas-host canvas {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .ce-feat-wrap {\r\n    position: relative;\r\n    z-index: 3;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Header *\/\r\n  .ce-feat-header {\r\n    text-align: center;\r\n    max-width: 680px;\r\n    margin: 0 auto 40px;\r\n  }\r\n  .ce-feat-title {\r\n    margin: 0 0 16px;\r\n    font-size: clamp(30px, 4vw, 44px);\r\n    font-weight: 800;\r\n    letter-spacing: -0.02em;\r\n    color: #fff;\r\n    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);\r\n  }\r\n  .ce-feat-desc {\r\n    margin: 0;\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    color: rgba(255, 255, 255, 0.8);\r\n  }\r\n\r\n  \/* 3D Flashcard Stage *\/\r\n  .ce-card-stage {\r\n    position: relative;\r\n    width: 360px;\r\n    max-width: 90vw;\r\n    height: 470px;\r\n    perspective: 1200px;\r\n    touch-action: pan-y;\r\n  }\r\n\r\n  \/* Spotlight Card Structure *\/\r\n  .ce-card {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 24px;\r\n    background: var(--ce-card-bg);\r\n    border: 1px solid var(--ce-card-border);\r\n    padding: 38px 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    backdrop-filter: blur(24px);\r\n    -webkit-backdrop-filter: blur(24px);\r\n    overflow: hidden;\r\n    cursor: grab;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    box-shadow: 0 25px 60px -15px rgba(5, 7, 30, 0.95), 0 0 25px -5px rgba(79, 174, 232, 0.2);\r\n    transform-origin: 50% 115%;\r\n    will-change: transform, opacity;\r\n  }\r\n  .ce-card:active {\r\n    cursor: grabbing;\r\n  }\r\n\r\n  \/* Magic UI Dynamic Radial Glow *\/\r\n  .ce-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: inherit;\r\n    background: radial-gradient(400px circle at var(--x, 50%) var(--y, 50%), rgba(79, 174, 232, 0.25), transparent 70%);\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n  .ce-card:hover::before { opacity: 1; }\r\n\r\n  \/* Card Index Indicator *\/\r\n  .ce-card-num {\r\n    font-size: 12px;\r\n    letter-spacing: 0.08em;\r\n    font-family: monospace;\r\n    color: rgba(255, 255, 255, 0.5);\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  \/* Icon Stage *\/\r\n  .ce-icon-wrap {\r\n    position: relative;\r\n    width: 72px;\r\n    height: 72px;\r\n    margin-bottom: 22px;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 20px;\r\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.03));\r\n    border: 1px solid rgba(255, 255, 255, 0.25);\r\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);\r\n    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.3s ease;\r\n  }\r\n  .ce-card:hover .ce-icon-wrap {\r\n    transform: scale(1.08) rotate(-2deg);\r\n    border-color: var(--ce-blue);\r\n  }\r\n  .ce-icon-wrap svg {\r\n    width: 34px;\r\n    height: 34px;\r\n    stroke: var(--ce-blue);\r\n    stroke-width: 2.1;\r\n    fill: none;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    transition: stroke 0.3s ease;\r\n  }\r\n  .ce-card:hover .ce-icon-wrap svg {\r\n    stroke: var(--ce-orange);\r\n  }\r\n\r\n  \/* Content *\/\r\n  .ce-card-title {\r\n    margin: 0 0 10px;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    letter-spacing: -0.01em;\r\n  }\r\n  .ce-card-sub {\r\n    margin: 0;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color: rgba(255, 255, 255, 0.72);\r\n    flex-grow: 1;\r\n  }\r\n\r\n  \/* Micro Shimmer Pill *\/\r\n  .ce-card-badge {\r\n    margin-top: 18px;\r\n    font-size: 11.5px;\r\n    font-weight: 600;\r\n    letter-spacing: .02em;\r\n    color: var(--ce-blue);\r\n    padding: 5px 12px;\r\n    border-radius: 8px;\r\n    background: rgba(79, 174, 232, 0.12);\r\n    border: 1px solid rgba(79, 174, 232, 0.3);\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* Navigation Bar (Prev \/ Next & Dots) *\/\r\n  .ce-nav-bar {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 20px;\r\n    margin-top: 36px;\r\n    z-index: 10;\r\n  }\r\n  .ce-nav-btn {\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 50%;\r\n    background: rgba(22, 27, 92, 0.9);\r\n    border: 1.5px solid rgba(79, 174, 232, 0.45);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    color: #fff;\r\n    box-shadow: 0 10px 25px rgba(5, 7, 30, 0.7), 0 0 15px rgba(79, 174, 232, 0.25);\r\n    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\r\n    user-select: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n  .ce-nav-btn:hover {\r\n    background: rgba(79, 174, 232, 0.3);\r\n    border-color: #4faee8;\r\n    transform: scale(1.08);\r\n    color: #4faee8;\r\n    box-shadow: 0 12px 30px rgba(5, 7, 30, 0.8), 0 0 25px rgba(79, 174, 232, 0.45);\r\n  }\r\n  .ce-nav-btn:active {\r\n    transform: scale(0.92);\r\n  }\r\n  .ce-nav-btn svg {\r\n    width: 28px;\r\n    height: 28px;\r\n    stroke: currentColor;\r\n    stroke-width: 2.6;\r\n    fill: none;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Indicator Dots *\/\r\n  .ce-dots {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n  }\r\n  .ce-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 99px;\r\n    background: rgba(255, 255, 255, 0.3);\r\n    transition: all 0.3s ease;\r\n  }\r\n  .ce-dot.active {\r\n    width: 26px;\r\n    background: var(--ce-blue);\r\n    box-shadow: 0 0 12px rgba(79, 174, 232, 0.8);\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .ce-card-stage { height: 450px; }\r\n    .ce-card { padding: 30px 22px; }\r\n    .ce-nav-btn { width: 52px; height: 52px; }\r\n    .ce-nav-btn svg { width: 26px; height: 26px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"ce-feat-sec\" id=\"kenapa-kami\">\r\n  <!-- Glowing Background Atmosphere -->\r\n  <div class=\"ce-ambient-glow\">\r\n    <div class=\"ce-glow-1\"><\/div>\r\n    <div class=\"ce-glow-2\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Interactive Constellation Particles -->\r\n  <div class=\"ce-canvas-host\">\r\n    <canvas id=\"ce-constellation-canvas\"><\/canvas>\r\n  <\/div>\r\n\r\n  <div class=\"ce-feat-wrap\">\r\n    <!-- Header -->\r\n    <div class=\"ce-feat-header\">\r\n      <h2 class=\"ce-feat-title\">Kenapa Harus Cyber EVO?<\/h2>\r\n      <p class=\"ce-feat-desc\">Solusi konektivitas internet stabil dan transparan untuk menunjang segala aktivitas digital tanpa hambatan.<\/p>\r\n    <\/div>\r\n\r\n    <!-- 3D Flashcard Stack Stage -->\r\n    <div class=\"ce-card-stage\">\r\n      <!-- 1. Koneksi Cepat -->\r\n      <div class=\"ce-card\" data-index=\"0\">\r\n        <span class=\"ce-card-num\">01 \/ 06<\/span>\r\n        <div class=\"ce-icon-wrap\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"ce-card-title\">Koneksi Cepat<\/h3>\r\n        <p class=\"ce-card-sub\">100% Fiber Optik murni tanpa hambatan transmisi konvensional.<\/p>\r\n        <span class=\"ce-card-badge\">Ultra-Fast Ping<\/span>\r\n      <\/div>\r\n\r\n      <!-- 2. Jaringan Stabil -->\r\n      <div class=\"ce-card\" data-index=\"1\">\r\n        <span class=\"ce-card-num\">02 \/ 06<\/span>\r\n        <div class=\"ce-icon-wrap\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M5 12.55a11 11 0 0 1 14.08 0\"\/><path d=\"M1.42 9a16 16 0 0 1 21.16 0\"\/><path d=\"M8.53 16.11a6 6 0 0 1 6.95 0\"\/><line x1=\"12\" y1=\"20\" x2=\"12.01\" y2=\"20\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"ce-card-title\">Jaringan Stabil<\/h3>\r\n        <p class=\"ce-card-sub\">Anti-ngelag dengan latency optimal untuk gaming dan streaming 4K.<\/p>\r\n        <span class=\"ce-card-badge\">Zero Packet Loss<\/span>\r\n      <\/div>\r\n\r\n      <!-- 3. Tahan Cuaca -->\r\n      <div class=\"ce-card\" data-index=\"2\">\r\n        <span class=\"ce-card-num\">03 \/ 06<\/span>\r\n        <div class=\"ce-icon-wrap\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z\"\/><path d=\"m11 13-3 5h4l-2 5\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"ce-card-title\">Tahan Cuaca<\/h3>\r\n        <p class=\"ce-card-sub\">Infrastruktur kabel tahan gangguan iklim ekstrem dan hujan lebat.<\/p>\r\n        <span class=\"ce-card-badge\">All-Weather Proof<\/span>\r\n      <\/div>\r\n\r\n      <!-- 4. Download & Upload 1:1 -->\r\n      <div class=\"ce-card\" data-index=\"3\">\r\n        <span class=\"ce-card-num\">04 \/ 06<\/span>\r\n        <div class=\"ce-icon-wrap\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"m3 16 4 4 4-4\"\/><path d=\"M7 20V4\"\/><path d=\"m21 8-4-4-4 4\"\/><path d=\"M17 4v16\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"ce-card-title\">Download & Upload 1:1<\/h3>\r\n        <p class=\"ce-card-sub\">Kecepatan simetris tanpa batasan kecepatan kirim berkas.<\/p>\r\n        <span class=\"ce-card-badge\">100% Symmetrical<\/span>\r\n      <\/div>\r\n\r\n      <!-- 5. Harga Flat -->\r\n      <div class=\"ce-card\" data-index=\"4\">\r\n        <span class=\"ce-card-num\">05 \/ 06<\/span>\r\n        <div class=\"ce-icon-wrap\">\r\n          <svg viewBox=\"0 0 24 24\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"5\" rx=\"2\"\/><line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"ce-card-title\">Harga Flat<\/h3>\r\n        <p class=\"ce-card-sub\">Tagihan bulanan pasti dan transparan tanpa kenaikan atau biaya tersembunyi.<\/p>\r\n        <span class=\"ce-card-badge\">No Hidden Fees<\/span>\r\n      <\/div>\r\n\r\n      <!-- 6. Mudah Berlangganan -->\r\n      <div class=\"ce-card\" data-index=\"5\">\r\n        <span class=\"ce-card-num\">06 \/ 06<\/span>\r\n        <div class=\"ce-icon-wrap\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><polyline points=\"16 11 18 13 22 9\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"ce-card-title\">Mudah Berlangganan<\/h3>\r\n        <p class=\"ce-card-sub\">Proses registrasi dan instalasi cepat langsung dibantu teknisi ahli.<\/p>\r\n        <span class=\"ce-card-badge\">Instan & Praktis<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Navigation Buttons & Indicators -->\r\n    <div class=\"ce-nav-bar\">\r\n      <button class=\"ce-nav-btn\" id=\"ce-prev\" type=\"button\" aria-label=\"Previous card\">\r\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"ce-dots\" id=\"ce-dots\"><\/div>\r\n\r\n      <button class=\"ce-nav-btn\" id=\"ce-next\" type=\"button\" aria-label=\"Next card\">\r\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var root = document.getElementById('kenapa-kami');\r\n  if (!root) return;\r\n\r\n  var GSAP_SRC = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js';\r\n\r\n  function loadGSAP(cb) {\r\n    if (window.gsap) return cb();\r\n    var s = document.createElement('script');\r\n    s.src = GSAP_SRC;\r\n    s.async = true;\r\n    s.onload = cb;\r\n    document.head.appendChild(s);\r\n  }\r\n\r\n  \/* -------------------------------------------------------------------------\r\n     1. High-Performance Native Constellation Particles (Zero Dependency)\r\n  ------------------------------------------------------------------------- *\/\r\n  var canvas = root.querySelector('#ce-constellation-canvas');\r\n  var ctx = canvas ? canvas.getContext('2d') : null;\r\n\r\n  if (ctx) {\r\n    var W = 0, H = 0;\r\n    var particles = [];\r\n    var mouse = { x: -9999, y: -9999, radius: 140 };\r\n\r\n    function resizeCanvas() {\r\n      var dpr = Math.min(window.devicePixelRatio || 1, 2);\r\n      W = root.clientWidth;\r\n      H = root.clientHeight;\r\n      canvas.width = W * dpr;\r\n      canvas.height = H * dpr;\r\n      ctx.scale(dpr, dpr);\r\n    }\r\n\r\n    function createParticles() {\r\n      particles = [];\r\n      var count = window.innerWidth < 768 ? 40 : 75; \/\/ Kepadatan partikel optimal\r\n      for (var i = 0; i < count; i++) {\r\n        var isBlue = Math.random() > 0.35;\r\n        particles.push({\r\n          x: Math.random() * W,\r\n          y: Math.random() * H,\r\n          vx: (Math.random() - 0.5) * 0.55,\r\n          vy: (Math.random() - 0.5) * 0.55,\r\n          radius: 1.5 + Math.random() * 2.2,\r\n          color: isBlue ? '79, 174, 232' : '240, 123, 52',\r\n          baseAlpha: 0.4 + Math.random() * 0.45\r\n        });\r\n      }\r\n    }\r\n\r\n    resizeCanvas();\r\n    createParticles();\r\n    window.addEventListener('resize', function() {\r\n      resizeCanvas();\r\n      createParticles();\r\n    });\r\n\r\n    root.addEventListener('pointermove', function(e) {\r\n      var r = root.getBoundingClientRect();\r\n      mouse.x = e.clientX - r.left;\r\n      mouse.y = e.clientY - r.top;\r\n    });\r\n\r\n    root.addEventListener('pointerleave', function() {\r\n      mouse.x = -9999;\r\n      mouse.y = -9999;\r\n    });\r\n\r\n    \/\/ Particle Animation Loop\r\n    var maxDistance = 125;\r\n    function animateParticles() {\r\n      ctx.clearRect(0, 0, W, H);\r\n\r\n      for (var i = 0; i < particles.length; i++) {\r\n        var p = particles[i];\r\n\r\n        \/\/ Move\r\n        p.x += p.vx;\r\n        p.y += p.vy;\r\n\r\n        \/\/ Wrap edges\r\n        if (p.x < 0) p.x = W;\r\n        else if (p.x > W) p.x = 0;\r\n        if (p.y < 0) p.y = H;\r\n        else if (p.y > H) p.y = 0;\r\n\r\n        \/\/ Mouse Gravitational Interaction\r\n        var dxMouse = mouse.x - p.x;\r\n        var dyMouse = mouse.y - p.y;\r\n        var distMouse = Math.hypot(dxMouse, dyMouse);\r\n        if (distMouse < mouse.radius) {\r\n          var force = (mouse.radius - distMouse) \/ mouse.radius;\r\n          p.x -= (dxMouse \/ distMouse) * force * 2.2;\r\n          p.y -= (dyMouse \/ distMouse) * force * 2.2;\r\n        }\r\n\r\n        \/\/ Draw particle dot with soft halo\r\n        ctx.beginPath();\r\n        ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);\r\n        ctx.fillStyle = 'rgba(' + p.color + ', ' + p.baseAlpha + ')';\r\n        ctx.fill();\r\n\r\n        \/\/ Connect lines\r\n        for (var j = i + 1; j < particles.length; j++) {\r\n          var p2 = particles[j];\r\n          var dx = p.x - p2.x;\r\n          var dy = p.y - p2.y;\r\n          var dist = Math.hypot(dx, dy);\r\n\r\n          if (dist < maxDistance) {\r\n            var alpha = (1 - dist \/ maxDistance) * 0.28;\r\n            ctx.beginPath();\r\n            ctx.moveTo(p.x, p.y);\r\n            ctx.lineTo(p2.x, p2.y);\r\n            ctx.strokeStyle = 'rgba(79, 174, 232, ' + alpha + ')';\r\n            ctx.lineWidth = 1;\r\n            ctx.stroke();\r\n          }\r\n        }\r\n      }\r\n\r\n      requestAnimationFrame(animateParticles);\r\n    }\r\n\r\n    requestAnimationFrame(animateParticles);\r\n  }\r\n\r\n  \/* -------------------------------------------------------------------------\r\n     2. Magic UI Spotlight Tracker\r\n  ------------------------------------------------------------------------- *\/\r\n  var allCards = root.querySelectorAll('.ce-card');\r\n  allCards.forEach(function(card) {\r\n    card.addEventListener('pointermove', function(e) {\r\n      var rect = card.getBoundingClientRect();\r\n      var x = e.clientX - rect.left;\r\n      var y = e.clientY - rect.top;\r\n      card.style.setProperty('--x', x + 'px');\r\n      card.style.setProperty('--y', y + 'px');\r\n    });\r\n  });\r\n\r\n  \/* -------------------------------------------------------------------------\r\n     3. 3D Flashcard Stack Engine & Navigation\r\n  ------------------------------------------------------------------------- *\/\r\n  var cards = Array.from(root.querySelectorAll('.ce-card'));\r\n  var totalCards = cards.length;\r\n  var isAnimating = false;\r\n\r\n  var dotsContainer = root.querySelector('#ce-dots');\r\n  cards.forEach(function(_, i) {\r\n    var dot = document.createElement('div');\r\n    dot.className = 'ce-dot' + (i === 0 ? ' active' : '');\r\n    dotsContainer.appendChild(dot);\r\n  });\r\n\r\n  function updateDots() {\r\n    var activeIdx = parseInt(cards[0].getAttribute('data-index'), 10);\r\n    Array.from(dotsContainer.children).forEach(function(dot, i) {\r\n      if (i === activeIdx) {\r\n        dot.classList.add('active');\r\n      } else {\r\n        dot.classList.remove('active');\r\n      }\r\n    });\r\n  }\r\n\r\n  function updateStack(animate) {\r\n    var gsap = window.gsap;\r\n    cards.forEach(function(card, i) {\r\n      var zIndex = totalCards - i;\r\n      var translateY = i * 14;\r\n      var scale = 1 - (i * 0.05);\r\n      var rotate = i === 0 ? 0 : (i % 2 === 1 ? -2.2 * i : 2.2 * i);\r\n      var opacity = i > 3 ? 0 : (1 - (i * 0.15));\r\n\r\n      card.style.zIndex = zIndex;\r\n      card.style.pointerEvents = (i === 0) ? 'auto' : 'none';\r\n\r\n      if (gsap && animate) {\r\n        gsap.to(card, {\r\n          x: 0,\r\n          y: translateY,\r\n          scale: scale,\r\n          rotation: rotate,\r\n          opacity: opacity,\r\n          duration: 0.4,\r\n          ease: \"power2.out\"\r\n        });\r\n      } else {\r\n        card.style.transform = 'translate3d(0, ' + translateY + 'px, 0) scale(' + scale + ') rotate(' + rotate + 'deg)';\r\n        card.style.opacity = opacity;\r\n      }\r\n    });\r\n    updateDots();\r\n  }\r\n\r\n  \/\/ Shuffle Entrance\r\n  function playShuffleEntrance() {\r\n    if (!window.gsap) return;\r\n    var gsap = window.gsap;\r\n\r\n    var header = root.querySelector('.ce-feat-header');\r\n    var nav = root.querySelector('.ce-nav-bar');\r\n\r\n    var tl = gsap.timeline({\r\n      onComplete: function() {\r\n        updateStack(false);\r\n      }\r\n    });\r\n\r\n    tl.fromTo([header, nav], \r\n      { opacity: 0, y: 25 }, \r\n      { opacity: 1, y: 0, duration: 0.5, stagger: 0.1, ease: \"power2.out\" }\r\n    );\r\n\r\n    cards.forEach(function(card, i) {\r\n      var spreadX = (i - (totalCards - 1) \/ 2) * 55;\r\n      var spreadRot = (i - (totalCards - 1) \/ 2) * 8;\r\n      tl.fromTo(card,\r\n        { x: spreadX * 2, y: -140, rotation: spreadRot * 2, opacity: 0, scale: 0.8 },\r\n        { x: spreadX, y: -20, rotation: spreadRot, opacity: 1, scale: 0.95, duration: 0.45, ease: \"power2.out\" },\r\n        i === 0 ? \"-=0.3\" : \"-=0.38\"\r\n      );\r\n    });\r\n\r\n    cards.forEach(function(card, i) {\r\n      tl.to(card, {\r\n        x: (i % 2 === 0 ? 50 : -50),\r\n        duration: 0.2,\r\n        ease: \"power1.inOut\"\r\n      }, \"shuffleJoin\");\r\n\r\n      tl.to(card, {\r\n        x: 0,\r\n        y: i * 14,\r\n        scale: 1 - (i * 0.05),\r\n        rotation: (i === 0 ? 0 : (i % 2 === 1 ? -2.2 * i : 2.2 * i)),\r\n        duration: 0.45,\r\n        ease: \"back.out(1.4)\"\r\n      }, \"shuffleJoin+=0.15\");\r\n    });\r\n  }\r\n\r\n  function swipeNext(direction) {\r\n    direction = direction || 1;\r\n    if (isAnimating) return;\r\n    isAnimating = true;\r\n\r\n    var gsap = window.gsap;\r\n    var topCard = cards[0];\r\n\r\n    if (gsap) {\r\n      gsap.to(topCard, {\r\n        x: direction * 450,\r\n        y: -20,\r\n        rotation: direction * 25,\r\n        opacity: 0,\r\n        duration: 0.35,\r\n        ease: \"power2.in\",\r\n        onComplete: function() {\r\n          cards.push(cards.shift());\r\n          gsap.set(topCard, { x: 0, y: totalCards * 14, scale: 0.75, rotation: 0, opacity: 0 });\r\n          updateStack(true);\r\n          setTimeout(function() { isAnimating = false; }, 180);\r\n        }\r\n      });\r\n    } else {\r\n      cards.push(cards.shift());\r\n      updateStack(false);\r\n      isAnimating = false;\r\n    }\r\n  }\r\n\r\n  function swipePrev() {\r\n    if (isAnimating) return;\r\n    isAnimating = true;\r\n\r\n    var gsap = window.gsap;\r\n    var lastCard = cards.pop();\r\n    cards.unshift(lastCard);\r\n\r\n    if (gsap) {\r\n      gsap.set(lastCard, {\r\n        x: -400,\r\n        y: -20,\r\n        rotation: -22,\r\n        opacity: 0,\r\n        zIndex: totalCards + 2\r\n      });\r\n\r\n      updateStack(true);\r\n\r\n      gsap.to(lastCard, {\r\n        x: 0,\r\n        y: 0,\r\n        rotation: 0,\r\n        scale: 1,\r\n        opacity: 1,\r\n        duration: 0.38,\r\n        ease: \"power2.out\",\r\n        onComplete: function() {\r\n          isAnimating = false;\r\n        }\r\n      });\r\n    } else {\r\n      updateStack(false);\r\n      isAnimating = false;\r\n    }\r\n  }\r\n\r\n  \/* -------------------------------------------------------------------------\r\n     4. Gesture Drag & Swipe Handling\r\n  ------------------------------------------------------------------------- *\/\r\n  function initDrag() {\r\n    var stage = root.querySelector('.ce-card-stage');\r\n    var isDragging = false;\r\n    var startX = 0;\r\n    var currentX = 0;\r\n\r\n    function onPointerDown(e) {\r\n      if (isAnimating) return;\r\n      var topCard = cards[0];\r\n      if (!topCard.contains(e.target)) return;\r\n\r\n      isDragging = true;\r\n      startX = e.clientX;\r\n      currentX = 0;\r\n      topCard.style.transition = 'none';\r\n      if (topCard.setPointerCapture) {\r\n        topCard.setPointerCapture(e.pointerId);\r\n      }\r\n    }\r\n\r\n    function onPointerMove(e) {\r\n      if (!isDragging) return;\r\n      currentX = e.clientX - startX;\r\n      var topCard = cards[0];\r\n      var rot = currentX * 0.08;\r\n      topCard.style.transform = 'translate3d(' + currentX + 'px, 0, 0) rotate(' + rot + 'deg)';\r\n    }\r\n\r\n    function onPointerUp(e) {\r\n      if (!isDragging) return;\r\n      isDragging = false;\r\n      var topCard = cards[0];\r\n      if (topCard.releasePointerCapture) {\r\n        try { topCard.releasePointerCapture(e.pointerId); } catch(err) {}\r\n      }\r\n\r\n      var threshold = 85;\r\n      if (currentX > threshold) {\r\n        swipeNext(1);\r\n      } else if (currentX < -threshold) {\r\n        swipeNext(-1);\r\n      } else {\r\n        if (window.gsap) {\r\n          window.gsap.to(topCard, {\r\n            x: 0,\r\n            y: 0,\r\n            rotation: 0,\r\n            duration: 0.32,\r\n            ease: \"back.out(1.5)\"\r\n          });\r\n        } else {\r\n          updateStack(false);\r\n        }\r\n      }\r\n    }\r\n\r\n    stage.addEventListener('pointerdown', onPointerDown);\r\n    stage.addEventListener('pointermove', onPointerMove);\r\n    stage.addEventListener('pointerup', onPointerUp);\r\n    stage.addEventListener('pointercancel', onPointerUp);\r\n  }\r\n\r\n  \/* -------------------------------------------------------------------------\r\n     5. Initialization\r\n  ------------------------------------------------------------------------- *\/\r\n  initDrag();\r\n  updateStack(false);\r\n\r\n  \/\/ Tombol navigasi\r\n  var nextBtn = root.querySelector('#ce-next');\r\n  var prevBtn = root.querySelector('#ce-prev');\r\n\r\n  if (nextBtn) {\r\n    nextBtn.addEventListener('click', function(e) {\r\n      e.preventDefault();\r\n      swipeNext(1);\r\n    });\r\n  }\r\n\r\n  if (prevBtn) {\r\n    prevBtn.addEventListener('click', function(e) {\r\n      e.preventDefault();\r\n      swipePrev();\r\n    });\r\n  }\r\n\r\n  \/\/ Entrance Observer\r\n  loadGSAP(function() {\r\n    if ('IntersectionObserver' in window) {\r\n      var observer = new IntersectionObserver(function(entries) {\r\n        entries.forEach(function(entry) {\r\n          if (entry.isIntersecting) {\r\n            playShuffleEntrance();\r\n            observer.disconnect();\r\n          }\r\n        });\r\n      }, { threshold: 0.2 });\r\n      observer.observe(root);\r\n    } else {\r\n      playShuffleEntrance();\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-790237e elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"790237e\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-774520cf\" data-id=\"774520cf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-406fde25 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"406fde25\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-17db180c elementor-invisible\" data-id=\"17db180c\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-483cc43e elementor-view-stacked elementor-shape-circle elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"483cc43e\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-stopwatch\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tKoneksi Cepat\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t100% Fiber Optik\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-18a34b17 elementor-invisible\" data-id=\"18a34b17\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-887258d elementor-view-stacked elementor-shape-circle elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"887258d\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-wifi\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tJaringan Stabil\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tAnti Ngelag\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-11a77121 elementor-invisible\" data-id=\"11a77121\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-14f19e20 elementor-view-stacked elementor-shape-circle elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"14f19e20\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"material-icons md-thunderstorm\" data-md-icon=\"thunderstorm\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tTahan Cuaca\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tInternetan Tanpa Khawatir\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-2047d77 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2047d77\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-1b6c9b4 elementor-invisible\" data-id=\"1b6c9b4\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c84a0fe elementor-view-stacked elementor-shape-circle elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"c84a0fe\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"material-icons md-upload_file\" data-md-icon=\"upload_file\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tDownload & Upload 1:1\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tKecepatan Simetris\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-05b63df elementor-invisible\" data-id=\"05b63df\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6a2e7bb elementor-view-stacked elementor-shape-circle elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"6a2e7bb\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-money-bill-alt\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M320 144c-53.02 0-96 50.14-96 112 0 61.85 42.98 112 96 112 53 0 96-50.13 96-112 0-61.86-42.98-112-96-112zm40 168c0 4.42-3.58 8-8 8h-64c-4.42 0-8-3.58-8-8v-16c0-4.42 3.58-8 8-8h16v-55.44l-.47.31a7.992 7.992 0 0 1-11.09-2.22l-8.88-13.31a7.992 7.992 0 0 1 2.22-11.09l15.33-10.22a23.99 23.99 0 0 1 13.31-4.03H328c4.42 0 8 3.58 8 8v88h16c4.42 0 8 3.58 8 8v16zM608 64H32C14.33 64 0 78.33 0 96v320c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V96c0-17.67-14.33-32-32-32zm-16 272c-35.35 0-64 28.65-64 64H112c0-35.35-28.65-64-64-64V176c35.35 0 64-28.65 64-64h416c0 35.35 28.65 64 64 64v160z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tHarga Flat\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tBiaya Transaparan\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-cf56942 elementor-invisible\" data-id=\"cf56942\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2705d89 elementor-view-stacked elementor-shape-circle elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"2705d89\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"material-icons md-subscriptions\" data-md-icon=\"subscriptions\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tMudah Berlangganan\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tProses Cepat & Praktis\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1615a31a elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1615a31a\" data-element_type=\"section\" id=\"promo\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-59243987 elementor-invisible\" data-id=\"59243987\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-750b0595 elementor-widget elementor-widget-heading\" data-id=\"750b0595\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Promo BEST SELLER!<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d48eb4 elementor-widget elementor-widget-heading\" data-id=\"2d48eb4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hanya 199rb<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45784b7d elementor-widget elementor-widget-text-editor\" data-id=\"45784b7d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Nikmati internetan tanpa batas, tanpa khawatir kuota habis dan jaringan stabil disegala cuaca.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-189968fc elementor-align-left elementor-widget elementor-widget-button\" data-id=\"189968fc\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#form\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Langganan Sekarang<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-fa13eef\" data-id=\"fa13eef\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-63210a3 e-flex e-con-boxed e-con e-parent\" data-id=\"63210a3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94868ba elementor-widget elementor-widget-html\" data-id=\"94868ba\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  Cyber EVO - Tentang Kami v4 (paste into an Elementor HTML widget)\r\n  - Glacier card: a light ice-blue panel that clearly separates the section from the navy page\r\n  - Diagram is drawn on <canvas>, sized with inline styles, so theme CSS cannot shrink it\r\n  - No external scripts. Text, list and link show even if JavaScript never runs\r\n  - Lighter animation: lines are drawn once, only the light pulses redraw (small patches, not the whole canvas),\r\n    and it steps down to a cheaper mode by itself if the device can't keep up. Add #cefps to the page URL to see a live fps badge.\r\n  - Photo: a tall slice down the left edge of the card (a top banner on tablet and phone), so the section stays compact\r\n  - Icons: Lucide (ISC), inlined. Only claims from your site copy, no invented numbers\r\n-->\r\n<style>\r\n  .ce-ab {\r\n    --ce-ink: #1c1e66;\r\n    --ce-body: #3b3e8a;\r\n    --ce-navy: #2e3087;\r\n    --ce-blue: #4faee8;\r\n    --ce-blue-dp: #2f8fe0;\r\n    --ce-orange: #f07b34;\r\n    position: relative;\r\n    padding: 48px 24px;\r\n    font-family: inherit;\r\n    color: var(--ce-ink);\r\n    box-sizing: border-box;\r\n  }\r\n  .ce-ab *, .ce-ab *::before, .ce-ab *::after { box-sizing: border-box; }\r\n\r\n  \/* ---------- the glacier card ---------- *\/\r\n  .ce-ab-card {\r\n    position: relative; max-width: 1320px; margin: 0 auto; overflow: hidden;\r\n    display: grid; grid-template-columns: 250px minmax(0, 1fr);\r\n    border-radius: 32px;\r\n    background:\r\n      radial-gradient(520px 340px at 82% 55%, rgba(79, 174, 232, .22), transparent 70%),\r\n      linear-gradient(160deg, #f6fafe 0%, #e4effd 55%, #d3e4fa 100%);\r\n    border: 1px solid rgba(255, 255, 255, .7);\r\n    box-shadow: 0 0 0 5px rgba(255, 255, 255, .08), 0 44px 80px -34px rgba(0, 0, 0, .65);\r\n  }\r\n  .ce-ab-body { display: flex; align-items: center; padding: 40px 44px 40px 36px; }\r\n  .ce-ab-grid { width: 100%; display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 32px; align-items: center; }\r\n\r\n  \/* ---------- photo slice ---------- *\/\r\n  .ce-ab-photo { position: relative; margin: 0; min-height: 100%; background: linear-gradient(160deg, #171b4e, var(--ce-navy)); overflow: hidden; }\r\n  .ce-ab-photo img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 80% 28%; display: block; }\r\n  .ce-ab-photo::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10, 12, 53, .88) 0%, rgba(10, 12, 53, .35) 34%, rgba(10, 12, 53, 0) 58%); pointer-events: none; }\r\n  .ce-ab-photo figcaption { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; padding: 24px; font-size: 19px; line-height: 1.25; font-weight: 800; letter-spacing: -.01em; color: #fff; }\r\n\r\n  \/* ---------- copy ---------- *\/\r\n  .ce-ab .ce-ab-title { margin: 0 0 16px; font-size: clamp(28px, 2.7vw, 40px); line-height: 1.12; font-weight: 800; letter-spacing: -.02em; color: var(--ce-ink); }\r\n  .ce-ab .ce-ab-copy strong { color: var(--ce-ink); font-weight: 800; }\r\n  .ce-ab .ce-ab-copy p { margin: 0 0 10px; max-width: 50ch; font-size: 15.5px; line-height: 1.65; color: var(--ce-body); }\r\n  .ce-ab .ce-ab-copy a.ce-ab-more {\r\n    display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; color: var(--ce-ink); font-size: 16px; font-weight: 800;\r\n    text-decoration: underline; text-underline-offset: 5px; text-decoration-color: var(--ce-orange); text-decoration-thickness: 2px;\r\n    transition: color .2s ease;\r\n  }\r\n  .ce-ab .ce-ab-copy a.ce-ab-more:hover, .ce-ab .ce-ab-copy a.ce-ab-more:focus-visible { color: var(--ce-orange); }\r\n  .ce-ab a:focus-visible { outline: 3px solid var(--ce-orange); outline-offset: 4px; }\r\n  .ce-ab svg.ce-ab-hi { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n  \/* ---------- diagram: plain 2x2 list first, upgraded by script ---------- *\/\r\n  .ce-ab-diagram { position: relative; width: 100%; }\r\n  .ce-ab .ce-ab-uses { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }\r\n  .ce-ab .ce-ab-uses li {\r\n    display: flex; align-items: center; gap: 12px; margin: 0; padding: 12px 16px; border-radius: 16px; list-style: none;\r\n    background: #fff; border: 1px solid rgba(46, 48, 135, .12); box-shadow: 0 10px 22px -12px rgba(28, 30, 102, .45);\r\n    font-size: 15px; font-weight: 800; line-height: 1.2; color: var(--ce-ink);\r\n  }\r\n  .ce-ab .ce-ab-ico { flex: none; width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: #e3f1fd; color: var(--ce-blue-dp); }\r\n\r\n  .ce-ab .ce-ab-diagram.ce-live .ce-ab-uses { position: absolute; inset: 0; display: block; z-index: 1; }\r\n  .ce-ab .ce-ab-diagram.ce-live .ce-ab-uses li {\r\n    position: absolute; height: var(--h); padding: 0 12px; gap: 10px; font-size: 14.5px; opacity: 0; transform: translateY(8px) scale(.96);\r\n    transition: opacity .5s ease var(--d), transform .5s cubic-bezier(.2, .9, .3, 1) var(--d);\r\n  }\r\n  .ce-ab .ce-ab-diagram.ce-live.ce-on .ce-ab-uses li { opacity: 1; transform: none; }\r\n  .ce-ab .ce-ab-diagram.ce-live.ce-narrow .ce-ab-uses li { padding: 0 14px; font-size: 15px; }\r\n  .ce-ab .ce-ab-diagram.ce-instant .ce-ab-uses li { transition: none; }\r\n  .ce-ab .ce-ab-cv { position: absolute; left: 0; top: 0; display: block; z-index: 0; will-change: transform; pointer-events: none; }\r\n\r\n  @media (max-width: 1179px) {\r\n    .ce-ab-card { grid-template-columns: minmax(0, 1fr); }\r\n    .ce-ab-photo { height: 210px; min-height: 0; }\r\n    .ce-ab-photo img { object-position: 78% 24%; }\r\n    .ce-ab-photo figcaption { padding: 20px 22px; font-size: 18px; }\r\n    .ce-ab-body { padding: 30px 28px 28px; }\r\n    .ce-ab-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }\r\n  }\r\n  @media (max-width: 640px) {\r\n    .ce-ab { padding: 32px 14px; }\r\n    .ce-ab-card { border-radius: 26px; }\r\n    .ce-ab-body { padding: 26px 20px 24px; }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .ce-ab .ce-ab-diagram.ce-live .ce-ab-uses li { transition: none; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"ce-ab\" id=\"tentang-kami\" aria-labelledby=\"ce-ab-title\">\r\n  <svg width=\"0\" height=\"0\" style=\"position:absolute;width:0;height:0\" aria-hidden=\"true\" focusable=\"false\">\r\n    <symbol id=\"ce-ab-i-graduation-cap\" viewBox=\"0 0 24 24\"><path d=\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z\" \/> <path d=\"M22 10v6\" \/> <path d=\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\" \/><\/symbol>\r\n    <symbol id=\"ce-ab-i-laptop\" viewBox=\"0 0 24 24\"><path d=\"M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z\" \/> <path d=\"M20.054 15.987H3.946\" \/><\/symbol>\r\n    <symbol id=\"ce-ab-i-store\" viewBox=\"0 0 24 24\"><path d=\"M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5\" \/> <path d=\"M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244\" \/> <path d=\"M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05\" \/><\/symbol>\r\n    <symbol id=\"ce-ab-i-heart\" viewBox=\"0 0 24 24\"><path d=\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\" \/><\/symbol>\r\n    <symbol id=\"ce-ab-i-chevron-right\" viewBox=\"0 0 24 24\"><path d=\"m9 18 6-6-6-6\" \/><\/symbol>\r\n  <\/svg>\r\n\r\n  <div class=\"ce-ab-card\">\r\n    <figure class=\"ce-ab-photo\">\r\n      <img src=\"https:\/\/cyberevo.net\/wp-content\/uploads\/2023\/10\/work-from-home-concept-couple-online-internet-working-together-using-headphone.jpg\"\r\n           alt=\"Pasangan bekerja dari rumah dengan internet fiber optik Cyber EVO\" loading=\"lazy\" decoding=\"async\"\r\n           onerror=\"this.style.display='none'\">\r\n      <figcaption>Kesempatan dimulai dari rumah<\/figcaption>\r\n    <\/figure>\r\n    <div class=\"ce-ab-body\"><div class=\"ce-ab-grid\">\r\n      <div class=\"ce-ab-copy\">\r\n        <h2 class=\"ce-ab-title\" id=\"ce-ab-title\">Dari satu kabel, lahir kesempatan baru bagi setiap rumah<\/h2>\r\n        <p>Sekolah, pekerjaan, dan usaha kecil kini banyak dilakukan online, tetapi tidak semua rumah memiliki koneksi yang memadai. <\/p>\r\n        <p><strong>Visi kami<\/strong> adalah menjadi penyedia jaringan fiber optik terdepan yang menjamin akses internet cepat dan terjangkau di seluruh Indonesia  .<\/p>\r\n        <a class=\"ce-ab-more\" href=\"#produk\" data-scroll>Lihat paket internet <svg class=\"ce-ab-hi\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#ce-ab-i-chevron-right\"\/><\/svg><\/a>\r\n      <\/div>\r\n\r\n      <div class=\"ce-ab-diagram\" id=\"ce-ab-diagram\" role=\"group\" aria-label=\"Yang bisa tumbuh dari satu koneksi di rumah\">\r\n        <ul class=\"ce-ab-uses\">\r\n          <li><span class=\"ce-ab-ico\"><svg class=\"ce-ab-hi\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#ce-ab-i-graduation-cap\"\/><\/svg><\/span>Anak belajar<\/li>\r\n          <li><span class=\"ce-ab-ico\"><svg class=\"ce-ab-hi\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#ce-ab-i-laptop\"\/><\/svg><\/span>Kerja di rumah<\/li>\r\n          <li><span class=\"ce-ab-ico\"><svg class=\"ce-ab-hi\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#ce-ab-i-store\"\/><\/svg><\/span>Usaha online<\/li>\r\n          <li><span class=\"ce-ab-ico\"><svg class=\"ce-ab-hi\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#ce-ab-i-heart\"\/><\/svg><\/span>Dekat keluarga<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var root = document.getElementById('tentang-kami');\r\n  if (!root) return;\r\n  var reduce = window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  \/* smooth scroll for the link (clears the sticky header); falls back to the normal anchor jump *\/\r\n  [].forEach.call(root.querySelectorAll('[data-scroll]'), function (a) {\r\n    a.addEventListener('click', function (e) {\r\n      var t = document.querySelector(a.getAttribute('href'));\r\n      if (!t) return;\r\n      e.preventDefault();\r\n      window.scrollTo({ top: t.getBoundingClientRect().top + window.pageYOffset - 90, behavior: reduce ? 'auto' : 'smooth' });\r\n    });\r\n  });\r\n\r\n  var box = document.getElementById('ce-ab-diagram');\r\n  var list = box && box.querySelector('.ce-ab-uses');\r\n  if (!box || !list) return;\r\n\r\n  function mkCanvas() { var c = document.createElement('canvas'); c.className = 'ce-ab-cv'; c.setAttribute('aria-hidden', 'true'); return c; }\r\n  var cv = mkCanvas(), cd = mkCanvas();                     \/* cv: lines + router, drawn once. cd: only the moving light, on top *\/\r\n  var ctx = cv.getContext && cv.getContext('2d'), dctx = cd.getContext && cd.getContext('2d');\r\n  if (!ctx || !dctx) return;                                \/* fallback list stays *\/\r\n\r\n  var chips = [].slice.call(list.children);\r\n  var W = 0, H = 0, dpr = 1, narrow = false, on = false, raf = 0, t0 = 0, timer = 0;\r\n  var geo = null, lite = false, staticDone = false, prev = [];\r\n\r\n  \/* ---------- tiny path toolkit: sample curves into polylines so we can draw them partially and ride them ---------- *\/\r\n  function mk(pts) {\r\n    var cum = [0];\r\n    for (var i = 1; i < pts.length; i++) cum.push(cum[i - 1] + Math.hypot(pts[i][0] - pts[i - 1][0], pts[i][1] - pts[i - 1][1]));\r\n    return { pts: pts, cum: cum, len: cum[cum.length - 1] };\r\n  }\r\n  function path(start, segs) {                              \/* segs: ['L',x,y] | ['Q',cx,cy,x,y] | ['C',x1,y1,x2,y2,x,y] *\/\r\n    var pts = [start], cur = start;\r\n    segs.forEach(function (s) {\r\n      if (s[0] === 'L') { pts.push([s[1], s[2]]); cur = [s[1], s[2]]; }\r\n      else {\r\n        var n = 44;\r\n        for (var i = 1; i <= n; i++) {\r\n          var t = i \/ n, u = 1 - t, x, y;\r\n          if (s[0] === 'Q') { x = u * u * cur[0] + 2 * u * t * s[1] + t * t * s[3]; y = u * u * cur[1] + 2 * u * t * s[2] + t * t * s[4]; }\r\n          else { x = u * u * u * cur[0] + 3 * u * u * t * s[1] + 3 * u * t * t * s[3] + t * t * t * s[5]; y = u * u * u * cur[1] + 3 * u * u * t * s[2] + 3 * u * t * t * s[4] + t * t * t * s[6]; }\r\n          pts.push([x, y]);\r\n        }\r\n        cur = [s[s.length - 2], s[s.length - 1]];\r\n      }\r\n    });\r\n    return mk(pts);\r\n  }\r\n  function trace(c, poly, p) {                              \/* trace the first fraction p of a polyline *\/\r\n    var L = poly.len * Math.min(1, p), pts = poly.pts;\r\n    c.beginPath(); c.moveTo(pts[0][0], pts[0][1]);\r\n    for (var i = 1; i < pts.length; i++) {\r\n      if (poly.cum[i] <= L) c.lineTo(pts[i][0], pts[i][1]);\r\n      else { var f = (L - poly.cum[i - 1]) \/ (poly.cum[i] - poly.cum[i - 1]); c.lineTo(pts[i - 1][0] + (pts[i][0] - pts[i - 1][0]) * f, pts[i - 1][1] + (pts[i][1] - pts[i - 1][1]) * f); break; }\r\n    }\r\n  }\r\n  function at(poly, u) {\r\n    var L = u * poly.len, lo = 0, hi = poly.pts.length - 1;\r\n    while (hi - lo > 1) { var m = (lo + hi) >> 1; if (poly.cum[m] <= L) lo = m; else hi = m; }\r\n    var f = (L - poly.cum[lo]) \/ ((poly.cum[hi] - poly.cum[lo]) || 1), a = poly.pts[lo], b = poly.pts[hi];\r\n    return [a[0] + (b[0] - a[0]) * f, a[1] + (b[1] - a[1]) * f];\r\n  }\r\n  function ease(x) { x = Math.max(0, Math.min(1, x)); return 1 - Math.pow(1 - x, 3); }\r\n  function back(x) { x = Math.max(0, Math.min(1, x)); var c = 1.9; return 1 + (c + 1) * Math.pow(x - 1, 3) + c * Math.pow(x - 1, 2); }\r\n\r\n  \/* ---------- layout for the current width ---------- *\/\r\n  function layout() {\r\n    var w = Math.round(box.clientWidth);\r\n    if (w < 200) return false;\r\n    W = w; narrow = W < 480;\r\n    dpr = lite ? 1 : Math.min(window.devicePixelRatio || 1, 1.5);\r\n    var R, houseTop, cable = [], branches = [], pos = [], chipW, chipH;\r\n\r\n    if (!narrow) {\r\n      H = Math.max(300, Math.min(400, Math.round(W * 0.64)));\r\n      var x0 = W * 0.26, x1 = W * 0.985, yP = H * 0.04, yE = H * 0.27, yB = H * 0.96, xm = (x0 + x1) \/ 2;\r\n      houseTop = [[x0, yB], [x0, yE], [xm, yP], [x1, yE], [x1, yB], [x0, yB]];\r\n      R = [W * 0.43, H * 0.6];\r\n      chipW = Math.min(196, W * 0.37); chipH = 48;\r\n      var cx = W * 0.8;\r\n      [0.36, 0.53, 0.70, 0.87].forEach(function (f) { pos.push({ left: cx - chipW \/ 2, cy: H * f }); });\r\n      [-12, 0, 12].forEach(function (d) {\r\n        var y = R[1] + d * 1.5;\r\n        cable.push(path([0, y], [['C', W * 0.12, y, W * 0.28, R[1] + d * 0.3, R[0], R[1]]]));\r\n      });\r\n      pos.forEach(function (p) {\r\n        var dx = p.left - R[0];\r\n        branches.push(path(R, [['C', R[0] + dx * 0.55, R[1], p.left - dx * 0.45, p.cy, p.left, p.cy]]));\r\n      });\r\n    } else {\r\n      H = 410;                                              \/* narrow: one trunk down the left with a tap into each activity *\/\r\n      var tx = Math.round(W * 0.14), yE2 = 52, yR = yE2 + 42;\r\n      houseTop = [[6, H - 6], [6, yE2], [W \/ 2, 2], [W - 6, yE2], [W - 6, H - 6], [6, H - 6]];\r\n      R = [tx, yR]; chipH = 50; chipW = W - tx - 52;\r\n      for (var i = 0; i < 4; i++) pos.push({ left: tx + 34, cy: yR + 66 * (i + 1) });\r\n      [-10, 0, 10].forEach(function (d) {\r\n        cable.push(path([tx + d * 1.5, 0], [['C', tx + d * 1.5, yR * 0.4, tx + d * 0.3, yR * 0.6, tx, yR]]));\r\n      });\r\n      pos.forEach(function (p) {\r\n        branches.push(path([tx, yR], [['L', tx, p.cy - 16], ['Q', tx, p.cy, tx + 16, p.cy], ['L', p.left, p.cy]]));\r\n      });\r\n    }\r\n\r\n    box.style.height = H + 'px';\r\n    box.classList.toggle('ce-narrow', narrow);\r\n    [cv, cd].forEach(function (c) {\r\n      c.width = Math.round(W * dpr); c.height = Math.round(H * dpr);\r\n      c.style.setProperty('width', W + 'px', 'important');  \/* inline + important: a theme rule can't resize it *\/\r\n      c.style.setProperty('height', H + 'px', 'important');\r\n      c.style.setProperty('max-width', 'none', 'important');\r\n      if (!c.parentNode) box.insertBefore(c, list);\r\n    });\r\n\r\n    chips.forEach(function (c, i) {\r\n      c.style.left = pos[i].left + 'px';\r\n      c.style.top = (pos[i].cy - chipH \/ 2) + 'px';\r\n      c.style.width = chipW + 'px';\r\n      c.style.setProperty('--h', chipH + 'px');\r\n      c.style.setProperty('--d', (2.2 + i * 0.14) + 's');\r\n    });\r\n\r\n    var house = mk(houseTop);\r\n    var pulses = [];\r\n    cable.forEach(function (l, i) { pulses.push({ poly: l, v: 0.27, ph: i \/ 3, c: 'b' }); pulses.push({ poly: l, v: 0.27, ph: i \/ 3 + 0.5, c: 'b' }); });\r\n    branches.forEach(function (l, i) { pulses.push({ poly: l, v: 0.2 + i * 0.03, ph: i * 0.23, c: 'o' }); pulses.push({ poly: l, v: 0.2 + i * 0.03, ph: i * 0.23 + 0.5, c: 'o' }); });\r\n    if (lite) pulses = pulses.filter(function (p, i) { return i % 2 === 0; });\r\n    geo = { R: R, house: house, cable: cable, branches: branches, pulses: pulses };\r\n    staticDone = false; prev = [];\r\n    return true;\r\n  }\r\n\r\n  \/* ---------- drawing ---------- *\/\r\n  var WIFI = ['M12 20h.01', 'M2 8.82a15 15 0 0 1 20 0', 'M5 12.859a10 10 0 0 1 14 0', 'M8.5 16.429a5 5 0 0 1 7 0'].map(function (d) { return new Path2D(d); });\r\n\r\n  function glowLine(c, poly, p) {\r\n    if (p <= 0) return;\r\n    c.lineCap = 'round'; c.lineJoin = 'round';\r\n    trace(c, poly, p); c.strokeStyle = 'rgba(79, 174, 232, .2)'; c.lineWidth = 10; c.stroke();\r\n    trace(c, poly, p); c.strokeStyle = '#2f8fe0'; c.lineWidth = 1.9; c.stroke();\r\n  }\r\n  function drawLines(c, t) {\r\n    var g = geo, ph = ease((t - 0.6) \/ 1.5);\r\n    if (ph > 0) {\r\n      c.beginPath(); g.house.pts.forEach(function (p, i) { i ? c.lineTo(p[0], p[1]) : c.moveTo(p[0], p[1]); }); c.closePath();\r\n      c.fillStyle = 'rgba(46, 48, 135, ' + (0.05 * ph) + ')'; c.fill();\r\n      c.lineCap = 'round'; c.lineJoin = 'round';\r\n      trace(c, g.house, ph); c.strokeStyle = 'rgba(46, 48, 135, .34)'; c.lineWidth = 1.7; c.stroke();\r\n    }\r\n    g.cable.forEach(function (l, i) { glowLine(c, l, ease((t - 0.1 * i) \/ 1.1)); });\r\n    g.branches.forEach(function (l, i) { glowLine(c, l, ease((t - 1.4 - 0.14 * i) \/ 0.9)); });\r\n  }\r\n  function drawRouter(c, t) {                               \/* glow + body + icon (the rings are drawn separately) *\/\r\n    var s = back((t - 1.0) \/ 0.5);\r\n    if (s <= 0) return;\r\n    var x = geo.R[0], y = geo.R[1], r = 21 * s;\r\n    var gr = c.createRadialGradient(x, y, 0, x, y, 84 * s);\r\n    gr.addColorStop(0, 'rgba(79, 174, 232, .55)'); gr.addColorStop(0.45, 'rgba(79, 174, 232, .2)'); gr.addColorStop(1, 'rgba(79, 174, 232, 0)');\r\n    c.fillStyle = gr; c.beginPath(); c.arc(x, y, 84 * s, 0, 6.2832); c.fill();\r\n    c.beginPath(); c.arc(x, y, r, 0, 6.2832); c.fillStyle = '#1c1e66'; c.fill();\r\n    c.strokeStyle = '#f07b34'; c.lineWidth = 2.2; c.stroke();\r\n    c.save(); c.translate(x - 11 * s, y - 11 * s); c.scale(s * 22 \/ 24, s * 22 \/ 24);\r\n    c.strokeStyle = '#fff'; c.lineWidth = 2; c.lineCap = 'round'; c.lineJoin = 'round';\r\n    WIFI.forEach(function (p) { c.stroke(p); });\r\n    c.restore();\r\n  }\r\n  function renderStatic(t) {                                \/* lines + router: redrawn only during the 3s intro, then once *\/\r\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\r\n    ctx.clearRect(0, 0, W, H);\r\n    drawLines(ctx, t);\r\n    drawRouter(ctx, t);\r\n  }\r\n  function clearDynamic() {\r\n    dctx.setTransform(1, 0, 0, 1, 0, 0); dctx.clearRect(0, 0, cd.width, cd.height); prev.length = 0;\r\n  }\r\n  function renderDynamic(t) {                               \/* only the moving light; erase and redraw small patches, not the whole canvas *\/\r\n    var c = dctx;\r\n    c.setTransform(dpr, 0, 0, dpr, 0, 0);\r\n    for (var i = 0; i < prev.length; i++) c.clearRect(prev[i][0], prev[i][1], prev[i][2], prev[i][3]);\r\n    prev.length = 0;\r\n    var e = t - 3.0;\r\n    if (e < 0) return;\r\n    var R = geo.R;\r\n    if (!lite && !reduce) {\r\n      for (var k = 0; k < 2; k++) {\r\n        var f = ((t * 1000 \/ 2600) + k * 0.5) % 1;\r\n        c.beginPath(); c.arc(R[0], R[1], 21 + 26 * f, 0, 6.2832);\r\n        c.strokeStyle = 'rgba(240, 123, 52, ' + (0.6 * (1 - f)) + ')'; c.lineWidth = 2; c.stroke();\r\n      }\r\n      prev.push([R[0] - 52, R[1] - 52, 104, 104]);\r\n    }\r\n    geo.pulses.forEach(function (p) {\r\n      var u = (p.ph + e * p.v) % 1, f = Math.min(1, Math.min(u, 1 - u) * 7), pt = at(p.poly, u);\r\n      var col = p.c === 'o' ? '240, 123, 52' : '47, 143, 224';\r\n      var gr = c.createRadialGradient(pt[0], pt[1], 0, pt[0], pt[1], 13);\r\n      gr.addColorStop(0, 'rgba(' + col + ', ' + (0.55 * f) + ')'); gr.addColorStop(1, 'rgba(' + col + ', 0)');\r\n      c.fillStyle = gr; c.beginPath(); c.arc(pt[0], pt[1], 13, 0, 6.2832); c.fill();\r\n      c.beginPath(); c.arc(pt[0], pt[1], 3.6, 0, 6.2832); c.fillStyle = 'rgba(' + col + ', ' + f + ')'; c.fill();\r\n      c.strokeStyle = 'rgba(255, 255, 255, ' + f + ')'; c.lineWidth = 1.5; c.stroke();\r\n      prev.push([pt[0] - 15, pt[1] - 15, 30, 30]);\r\n    });\r\n  }\r\n\r\n  \/* steps down by itself if the device can't keep up: full -> lite (1x pixels, half the pulses, no rings, 30fps) -> still picture *\/\r\n  var last = 0, ema = 16, nF = 0, skip = false;\r\n  function adapt() {\r\n    if (!lite && ema > 45) {\r\n      lite = true; var was = on;\r\n      try { layout(); } catch (err) {}\r\n      staticDone = false; clearDynamic();\r\n    } else if (lite && ema > 70) {\r\n      cancelAnimationFrame(raf); raf = 0; clearDynamic();\r\n    }\r\n  }\r\n  function frame(now) {\r\n    raf = requestAnimationFrame(frame);\r\n    var dt = now - last; last = now; if (dt > 0 && dt < 500) ema = ema * 0.92 + dt * 0.08;\r\n    var t = (now - t0) \/ 1000;\r\n    if (t < 3.0) { renderStatic(t); return; }\r\n    if (!staticDone) { renderStatic(99); staticDone = true; }\r\n    if (lite) { skip = !skip; if (skip) return; }\r\n    renderDynamic(t);\r\n    if (++nF % 45 === 0) adapt();\r\n  }\r\n\r\n  \/* ---------- play \/ reset ---------- *\/\r\n  function play() {\r\n    on = true;\r\n    box.classList.remove('ce-on'); void box.offsetWidth; box.classList.add('ce-on');\r\n    staticDone = false; clearDynamic(); ema = 16; nF = 0;\r\n    cancelAnimationFrame(raf); t0 = performance.now(); last = t0; raf = requestAnimationFrame(frame);\r\n  }\r\n  function reset() {\r\n    on = false; cancelAnimationFrame(raf); raf = 0;\r\n    box.classList.remove('ce-on');\r\n    ctx.setTransform(1, 0, 0, 1, 0, 0); ctx.clearRect(0, 0, cv.width, cv.height); clearDynamic();\r\n  }\r\n\r\n  var ok = false;\r\n  try { ok = layout(); } catch (err) { ok = false; }\r\n  if (!ok) { if (cv.parentNode) cv.remove(); if (cd.parentNode) cd.remove(); return; }\r\n  box.classList.add('ce-live');\r\n\r\n  function showFinal() { box.classList.add('ce-instant', 'ce-on'); renderStatic(99); }\r\n\r\n  \/* rebuild when the width changes, keeping whatever state we're in *\/\r\n  if (window.ResizeObserver) {\r\n    new ResizeObserver(function () {\r\n      clearTimeout(timer);\r\n      timer = setTimeout(function () {\r\n        if (Math.abs(box.clientWidth - W) < 2) return;\r\n        var was = on;\r\n        try { if (!layout()) return; } catch (err) { return; }\r\n        if (reduce) showFinal();\r\n        else if (was) { cancelAnimationFrame(raf); clearDynamic(); t0 = performance.now() - 3200; last = performance.now(); raf = requestAnimationFrame(frame); }\r\n      }, 140);\r\n    }).observe(box);\r\n  }\r\n\r\n  if (reduce) showFinal();\r\n  else if (!('IntersectionObserver' in window)) { on = true; box.classList.add('ce-on'); t0 = last = performance.now(); raf = requestAnimationFrame(frame); }\r\n  else {\r\n    new IntersectionObserver(function (es) {\r\n      var r = es[es.length - 1].intersectionRatio;\r\n      if (r >= 0.3) { if (!on) play(); }\r\n      else if (r === 0) { if (on) reset(); }\r\n    }, { threshold: [0, 0.3] }).observe(box);\r\n  }\r\n\r\n  if (\/[?&#]cefps\/.test(location.href)) {                   \/* diagnostic: whole-page fps, only shown with #cefps in the URL *\/\r\n    var bd = document.createElement('div');\r\n    bd.style.cssText = 'position:fixed;left:12px;bottom:12px;z-index:99999;padding:7px 11px;border-radius:8px;background:rgba(0,0,0,.78);color:#7CFC8A;font:600 12px\/1 monospace;pointer-events:none';\r\n    document.body.appendChild(bd);\r\n    var n = 0, tb = performance.now();\r\n    (function tick(now) { n++; if (now - tb >= 500) { bd.textContent = Math.round(n * 1000 \/ (now - tb)) + ' fps' + (lite ? ' | diagram: lite' : ''); n = 0; tb = now; } requestAnimationFrame(tick); })(tb);\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-439f68d8 elementor-section-content-middle elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"439f68d8\" data-element_type=\"section\" id=\"tentang\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6f9dddb9\" data-id=\"6f9dddb9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-e77377f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e77377f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c2a3472\" data-id=\"c2a3472\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4aab1122 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"4aab1122\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2000\" height=\"1335\" src=\"https:\/\/cyberevo.net\/wp-content\/uploads\/2023\/10\/work-from-home-concept-couple-online-internet-working-together-using-headphone.jpg\" class=\"attachment-full size-full wp-image-234\" alt=\"\" srcset=\"https:\/\/cyberevo.net\/wp-content\/uploads\/2023\/10\/work-from-home-concept-couple-online-internet-working-together-using-headphone.jpg 2000w, https:\/\/cyberevo.net\/wp-content\/uploads\/2023\/10\/work-from-home-concept-couple-online-internet-working-together-using-headphone-300x200.jpg 300w, https:\/\/cyberevo.net\/wp-content\/uploads\/2023\/10\/work-from-home-concept-couple-online-internet-working-together-using-headphone-1024x684.jpg 1024w, https:\/\/cyberevo.net\/wp-content\/uploads\/2023\/10\/work-from-home-concept-couple-online-internet-working-together-using-headphone-768x513.jpg 768w, https:\/\/cyberevo.net\/wp-content\/uploads\/2023\/10\/work-from-home-concept-couple-online-internet-working-together-using-headphone-1536x1025.jpg 1536w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-efaa8c2\" data-id=\"efaa8c2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-00695af elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"00695af\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tentang Kami<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8f3615 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"d8f3615\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>CYBER EVO\u00a0<\/strong>adalah provider internet unlimited di Indonesia dari PT Jaringan Cyber Indonesia yang menawarkan layanan internet cepat 100% fiber optik, dengan harga terjangkau, dan tahan terhadap segala kondisi cuaca.<\/p><p><strong>Internet tanpa batas Cyber Evo\u00a0<\/strong>hadir untuk memenuhi kebutuhan koneksi yang stabil untuk pengalaman internetan yang lebih nyaman dan lebih hemat.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-c293f99 e-flex e-con-boxed e-con e-parent\" data-id=\"c293f99\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4924e0 elementor-widget elementor-widget-html\" data-id=\"b4924e0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  Cyber EVO - Coverage section v3: 3D map of Java (paste into an Elementor HTML widget)\r\n  - Unique prefix \"cecov-\" (Cyber EVO COVerage) so no other section can collide with it\r\n  - three.js r128 from cdnjs (shared with the Career section; fetched once)\r\n  - Province shapes: Natural Earth (public domain), simplified and inlined below\r\n  - WhatsApp number is in the links: 6281220885091 (also in the JS, search \"6281220885091\")\r\n-->\r\n<style>\r\n  @property --cecov-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }\r\n  @keyframes cecov-spin { to { --cecov-a: 360deg; } }\r\n\r\n  .cecov {\r\n    --cecov-navy: #2e3087;\r\n    --cecov-ink: #1c1e66;\r\n    --cecov-blue: #4faee8;\r\n    --cecov-orange: #f07b34;\r\n    --cecov-orange-dk: #c4560f;\r\n    --cecov-pad-y: 24px;\r\n    font-family: inherit;\r\n    padding: var(--cecov-pad-y) 24px;\r\n    box-sizing: border-box;\r\n  }\r\n  .cecov *, .cecov *::before, .cecov *::after { box-sizing: border-box; }\r\n\r\n  .cecov .cecov-panel {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 48px 56px 36px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 28px;\r\n    border-radius: 32px;\r\n    color: var(--cecov-ink);\r\n    background: linear-gradient(135deg, #f1f8fe 0%, #d9eafb 100%);\r\n    box-shadow: 0 30px 70px rgba(8, 10, 50, .4);\r\n    overflow: hidden;\r\n  }\r\n  .cecov .cecov-head { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: end; }\r\n\r\n  .cecov .cecov-kicker { margin: 0 0 12px; font-size: 16px; font-weight: 700; color: var(--cecov-orange-dk); }\r\n  .cecov .cecov-title { margin: 0; font-size: clamp(28px, 3.6vw, 42px); line-height: 1.15; font-weight: 800; color: var(--cecov-ink); }\r\n  .cecov .cecov-text { margin: 0 0 22px; max-width: 46ch; font-size: 17px; line-height: 1.7; color: #3b3e8a; }\r\n\r\n  \/* ---------- CTA with travelling border light ---------- *\/\r\n  .cecov .cecov-beam {\r\n    display: inline-block; padding: 3px; border-radius: 999px;\r\n    background: conic-gradient(from var(--cecov-a),\r\n      rgba(46, 48, 135, .22) 0 52%, var(--cecov-blue) 72%, var(--cecov-orange) 90%, rgba(46, 48, 135, .22) 100%);\r\n    animation: cecov-spin 3.2s linear infinite;\r\n  }\r\n  .cecov a.cecov-cta {\r\n    display: inline-flex; align-items: center; gap: 12px;\r\n    padding: 16px 30px 16px 24px; border-radius: 999px;\r\n    background: var(--cecov-navy); color: #fff; font-size: 17px; font-weight: 800; text-decoration: none;\r\n    transition: background-color .2s ease, transform .2s ease;\r\n  }\r\n  .cecov a.cecov-cta svg { width: 24px; height: 24px; fill: currentColor; flex: none; }\r\n  .cecov a.cecov-cta:hover, .cecov a.cecov-cta:focus-visible { background: var(--cecov-ink); color: #fff; transform: translateY(-2px); }\r\n  .cecov .cecov-note { margin: 12px 0 0; font-size: 14px; color: #5b5ea6; }\r\n\r\n  \/* ---------- map stage ---------- *\/\r\n  .cecov .cecov-stage {\r\n    position: relative;\r\n    aspect-ratio: 100 \/ 38;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    background: radial-gradient(ellipse at 50% 55%, rgba(79, 174, 232, .3), transparent 68%), rgba(46, 48, 135, .05);\r\n    border: 1px solid rgba(46, 48, 135, .1);\r\n  }\r\n  .cecov .cecov-stage::before {\r\n    content: \"\"; position: absolute; inset: 0;\r\n    background-image: radial-gradient(rgba(46, 48, 135, .16) 1.6px, transparent 2px);\r\n    background-size: 22px 22px;\r\n    -webkit-mask-image: radial-gradient(closest-side, #000 55%, transparent 100%);\r\n            mask-image: radial-gradient(closest-side, #000 55%, transparent 100%);\r\n  }\r\n  .cecov .cecov-gl { position: absolute; inset: 0; }\r\n  .cecov .cecov-gl canvas { display: block; width: 100%; height: 100%; touch-action: pan-y; }\r\n\r\n  .cecov .cecov-water {\r\n    position: absolute; left: 0; right: 0; text-align: center; pointer-events: none;\r\n    font-size: 12px; font-weight: 700; letter-spacing: .32em; color: rgba(46, 48, 135, .32);\r\n    transition: opacity .4s ease;\r\n  }\r\n  .cecov .cecov-w-top { top: 7%; }\r\n  .cecov .cecov-w-bot { bottom: 7%; }\r\n  .cecov .cecov-stage.is-focus .cecov-water { opacity: 0; }\r\n\r\n  .cecov .cecov-labels { position: absolute; inset: 0; pointer-events: none; z-index: 2; }\r\n  .cecov .cecov-plabel { position: absolute; left: 0; top: 0; opacity: 0; transition: opacity .3s ease; will-change: transform; }\r\n  .cecov button.cecov-ptag {\r\n    pointer-events: auto; display: block; padding: 6px 12px 7px; border: 0; border-radius: 14px; cursor: pointer;\r\n    background: #fff; color: var(--cecov-ink); text-align: center; line-height: 1.15;\r\n    box-shadow: 0 6px 18px rgba(28, 30, 102, .25); font-family: inherit;\r\n    transition: background-color .2s ease, color .2s ease;\r\n  }\r\n  .cecov .cecov-up button.cecov-ptag   { transform: translate(-50%, calc(-100% - 8px)); }\r\n  .cecov .cecov-down button.cecov-ptag { transform: translate(-50%, 10px); }\r\n  .cecov .cecov-ptag strong { display: block; font-size: 14px; font-weight: 800; }\r\n  .cecov .cecov-ptag small { display: block; font-size: 12px; font-weight: 600; color: var(--cecov-orange-dk); }\r\n  .cecov button.cecov-ptag:hover, .cecov button.cecov-ptag:focus-visible { background: var(--cecov-navy); color: #fff; }\r\n  .cecov button.cecov-ptag:hover small, .cecov button.cecov-ptag:focus-visible small { color: #ffd2b5; }\r\n  .cecov .cecov-plabel.is-active button.cecov-ptag { background: var(--cecov-navy); color: #fff; }\r\n  .cecov .cecov-plabel.is-active small { color: #ffd2b5; }\r\n\r\n  .cecov .cecov-hint {\r\n    position: absolute; right: 16px; bottom: 12px; z-index: 2; margin: 0; pointer-events: none;\r\n    font-size: 13px; color: #5b5ea6; transition: opacity .3s ease;\r\n  }\r\n  .cecov .cecov-stage.is-focus .cecov-hint { opacity: 0; }\r\n\r\n  \/* info card shown after a pin is clicked.\r\n     Every layout property is pinned explicitly so theme \/ Elementor rules can't stretch it. *\/\r\n  .cecov .cecov-card {\r\n    position: absolute; left: 20px; bottom: 20px; top: auto; right: auto; z-index: 3;\r\n    display: block; float: none; overflow: visible;\r\n    width: 300px; height: auto; min-height: 0; max-height: none;\r\n    margin: 0; padding: 18px 20px 16px;\r\n    text-align: left;\r\n    border-radius: 20px; background: #fff; color: var(--cecov-ink);\r\n    box-shadow: 0 18px 40px rgba(28, 30, 102, .3);\r\n    opacity: 0; transform: translateY(14px); pointer-events: none;\r\n    transition: opacity .35s ease, transform .35s ease;\r\n  }\r\n  .cecov .cecov-card.is-open { opacity: 1; transform: none; pointer-events: auto; transition-delay: .35s; }\r\n  .cecov .cecov-card > * { text-align: left; }\r\n  .cecov .cecov-card-kick { margin: 0 0 4px; font-size: 13px; font-weight: 700; color: var(--cecov-orange-dk); }\r\n  .cecov .cecov-card-name { margin: 0 0 6px; font-size: 22px; line-height: 1.2; font-weight: 800; color: var(--cecov-ink); }\r\n  .cecov .cecov-card-text { margin: 0 0 14px; font-size: 14px; line-height: 1.55; color: #3b3e8a; }\r\n  .cecov a.cecov-card-wa {\r\n    display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px;\r\n    background: var(--cecov-navy); color: #fff; font-size: 14px; font-weight: 800; text-decoration: none;\r\n    transition: background-color .2s ease;\r\n  }\r\n  .cecov a.cecov-card-wa svg { width: 18px; height: 18px; fill: currentColor; flex: none; }\r\n  .cecov a.cecov-card-wa:hover, .cecov a.cecov-card-wa:focus-visible { background: var(--cecov-orange-dk); color: #fff; }\r\n  .cecov button.cecov-card-close {\r\n    display: block; margin: 12px 0 0; padding: 0; border: 0; background: none; cursor: pointer;\r\n    font: inherit; font-size: 13px; font-weight: 700; color: #5b5ea6; text-decoration: underline;\r\n  }\r\n  .cecov button.cecov-card-close:hover { color: var(--cecov-ink); }\r\n\r\n  \/* ---------- chips (also the fallback when WebGL is unavailable) ---------- *\/\r\n  .cecov .cecov-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }\r\n  .cecov a.cecov-chip {\r\n    display: inline-flex; align-items: center; gap: 10px; padding: 10px 18px 10px 14px; border-radius: 999px;\r\n    background: #fff; border: 1px solid rgba(46, 48, 135, .14); color: var(--cecov-ink);\r\n    font-size: 15px; font-weight: 700; text-decoration: none;\r\n    transition: background-color .2s ease, color .2s ease, border-color .2s ease;\r\n  }\r\n  .cecov .cecov-cdot { width: 10px; height: 10px; border-radius: 50%; background: var(--cecov-orange); box-shadow: 0 0 0 4px rgba(240, 123, 52, .22); }\r\n  .cecov a.cecov-chip:hover, .cecov a.cecov-chip:focus-visible, .cecov a.cecov-chip.is-active { background: var(--cecov-navy); border-color: var(--cecov-navy); color: #fff; }\r\n\r\n  .cecov.cecov-nogl .cecov-stage { display: none; }\r\n\r\n  \/* ---------- entrance ---------- *\/\r\n  .cecov.cecov-js .cecov-rise { opacity: 0; transform: translateY(14px); transition: opacity .25s ease, transform .25s ease; }\r\n  .cecov.cecov-js.is-in .cecov-rise { opacity: 1; transform: none; transition: opacity .6s ease calc(var(--k) * .12s), transform .6s ease calc(var(--k) * .12s); }\r\n  .cecov.cecov-js .cecov-chips li { opacity: 0; transition: opacity .2s ease; }\r\n  .cecov.cecov-js.is-in .cecov-chips li { opacity: 1; transition: opacity .5s ease calc(var(--i) * .1s + 1.2s); }\r\n\r\n  .cecov a:focus-visible, .cecov button:focus-visible { outline: 3px solid var(--cecov-orange); outline-offset: 3px; }\r\n\r\n  \/* ---------- mobile ---------- *\/\r\n  @media (max-width: 860px) {\r\n    .cecov { --cecov-pad-y: 16px; padding-left: 16px; padding-right: 16px; }\r\n    .cecov .cecov-panel { padding: 32px 20px 24px; gap: 22px; border-radius: 26px; }\r\n    .cecov .cecov-head { grid-template-columns: 1fr; gap: 18px; }\r\n    .cecov .cecov-beam { display: block; }\r\n    .cecov a.cecov-cta { width: 100%; justify-content: center; }\r\n    .cecov .cecov-stage { aspect-ratio: 4 \/ 3; border-radius: 20px; }\r\n    .cecov .cecov-hint, .cecov .cecov-water { display: none; }\r\n    .cecov .cecov-up button.cecov-ptag, .cecov .cecov-down button.cecov-ptag { transform: translate(16px, -50%); }   \/* beside the pin, never clipped *\/\r\n    .cecov .cecov-stage:not(.is-focus) .cecov-plabel, .cecov .cecov-plabel.is-dim { display: none; }\r\n    .cecov .cecov-card {\r\n      left: 12px; right: 12px; bottom: 12px; top: auto; width: auto; height: auto; padding: 14px 16px;\r\n      display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 12px; text-align: left;\r\n    }\r\n    .cecov .cecov-card-kick, .cecov .cecov-card-text { display: none; }\r\n    .cecov .cecov-card-name { flex: 1 1 100%; margin: 0 0 6px; font-size: 18px; }\r\n    .cecov a.cecov-card-wa { flex: 0 0 auto; }\r\n    .cecov button.cecov-card-close { flex: 0 0 auto; margin: 0 0 0 auto; }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) { .cecov .cecov-beam { animation: none; } }\r\n<\/style>\r\n\r\n<section class=\"cecov\" id=\"cecov\" aria-labelledby=\"cecov-title\">\r\n  <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\" focusable=\"false\"><symbol id=\"cecov-wa\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/symbol><\/svg>\r\n\r\n  <div class=\"cecov-panel\">\r\n\r\n    <div class=\"cecov-head\">\r\n      <div>\r\n        <p class=\"cecov-kicker cecov-rise\" style=\"--k:0\">Area layanan<\/p>\r\n        <h2 class=\"cecov-title cecov-rise\" id=\"cecov-title\" style=\"--k:1\">Cek apakah lokasi kamu sudah terjangkau Cyber EVO<\/h2>\r\n      <\/div>\r\n      <div>\r\n        <p class=\"cecov-text cecov-rise\" style=\"--k:2\">\r\n          Layanan kami hadir di Tangerang, Bandung, Jawa Tengah, dan Jawa Timur.\r\n          Cek ketersediaan di lokasi kamu langsung lewat admin kami.\r\n        <\/p>\r\n        <div class=\"cecov-rise\" style=\"--k:3\">\r\n          <span class=\"cecov-beam\">\r\n            <a class=\"cecov-cta\" target=\"_blank\" rel=\"noopener noreferrer\"\r\n               href=\"https:\/\/api.whatsapp.com\/send\/?phone=6281220885091&text=Halo%2C%20saya%20mau%20cek%20coverage%20Cyber%20Evo%20di%20lokasi%20saya\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#cecov-wa\"\/><\/svg>\r\n              Cek coverage kamu\r\n            <\/a>\r\n          <\/span>\r\n          <p class=\"cecov-note\">Langsung terhubung ke admin lewat WhatsApp<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cecov-stage\" role=\"group\" aria-label=\"Peta area layanan Cyber EVO di Pulau Jawa\">\r\n      <div class=\"cecov-gl\"><\/div>\r\n      <span class=\"cecov-water cecov-w-top\" aria-hidden=\"true\">LAUT JAWA<\/span>\r\n      <span class=\"cecov-water cecov-w-bot\" aria-hidden=\"true\">SAMUDRA HINDIA<\/span>\r\n      <div class=\"cecov-labels\"><\/div>\r\n      <p class=\"cecov-hint\">Klik titik di peta untuk zoom<\/p>\r\n      <div class=\"cecov-card\" aria-live=\"polite\">\r\n        <p class=\"cecov-card-kick\">Area layanan<\/p>\r\n        <h3 class=\"cecov-card-name\"><\/h3>\r\n        <p class=\"cecov-card-text\">Cek ketersediaan layanan Cyber EVO di area ini lewat admin kami.<\/p>\r\n        <a class=\"cecov-card-wa\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"#\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#cecov-wa\"\/><\/svg>\r\n          Cek coverage di sini\r\n        <\/a>\r\n        <button type=\"button\" class=\"cecov-card-close\">Lihat semua area<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <ul class=\"cecov-chips\" aria-label=\"Pilih area\">\r\n      <li style=\"--i:0\"><a class=\"cecov-chip\" data-i=\"0\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=6281220885091&text=Halo%2C%20saya%20mau%20cek%20coverage%20Cyber%20Evo%20di%20Tangerang\"><span class=\"cecov-cdot\"><\/span>Tangerang<\/a><\/li>\r\n      <li style=\"--i:1\"><a class=\"cecov-chip\" data-i=\"1\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=6281220885091&text=Halo%2C%20saya%20mau%20cek%20coverage%20Cyber%20Evo%20di%20Bandung\"><span class=\"cecov-cdot\"><\/span>Bandung<\/a><\/li>\r\n      <li style=\"--i:2\"><a class=\"cecov-chip\" data-i=\"2\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=6281220885091&text=Halo%2C%20saya%20mau%20cek%20coverage%20Cyber%20Evo%20di%20Jogja%2C%20Jawa%20Tengah\"><span class=\"cecov-cdot\"><\/span>Jogja<\/a><\/li>\r\n      <li style=\"--i:3\"><a class=\"cecov-chip\" data-i=\"3\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=6281220885091&text=Halo%2C%20saya%20mau%20cek%20coverage%20Cyber%20Evo%20di%20Wonodadi%2C%20Blitar%2C%20Jawa%20Timur\"><span class=\"cecov-cdot\"><\/span>Wonodadi, Blitar<\/a><\/li>\r\n    <\/ul>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var root = document.getElementById('cecov');\r\n  if (!root) return;\r\n  var reduce = window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  var panel = root.querySelector('.cecov-panel');\r\n  var stage = root.querySelector('.cecov-stage');\r\n  var chips = [].slice.call(root.querySelectorAll('.cecov-chip'));\r\n  root.classList.add('cecov-js');\r\n\r\n  \/* ---------- text entrance (replays when you scroll back) ---------- *\/\r\n  if (reduce || !('IntersectionObserver' in window)) {\r\n    root.classList.add('is-in');\r\n  } else {\r\n    var textOn = false;\r\n    new IntersectionObserver(function (es) {\r\n      var r = es[es.length - 1].intersectionRatio;\r\n      if (r >= 0.2 && !textOn) { textOn = true; root.classList.add('is-in'); }\r\n      else if (r === 0 && textOn) { textOn = false; root.classList.remove('is-in'); }\r\n    }, { threshold: [0, 0.2] }).observe(panel);\r\n  }\r\n\r\n  \/* ---------- data ---------- *\/\r\n  var WA = 'https:\/\/api.whatsapp.com\/send\/?phone=6281220885091&text=';\r\n  var PLACES = [\r\n    { name: 'Tangerang',        sub: 'Banten',      lat: -6.1783, lon: 106.6319, label: 'up',   provs: ['Banten'],                     wa: 'Tangerang' },\r\n    { name: 'Bandung',          sub: 'Jawa Barat',  lat: -6.9175, lon: 107.6191, label: 'down', provs: ['Jawa Barat'],                 wa: 'Bandung' },\r\n    { name: 'Jogja',            sub: 'Jawa Tengah', lat: -7.7956, lon: 110.3695, label: 'up',   provs: ['Jawa Tengah', 'Yogyakarta'],  wa: 'Jogja, Jawa Tengah' },\r\n    { name: 'Wonodadi, Blitar', sub: 'Jawa Timur',  lat: -8.0495, lon: 111.9945, label: 'down', provs: ['Jawa Timur'],                 wa: 'Wonodadi, Blitar, Jawa Timur' }\r\n  ];\r\n  var JAVA = {\"Jawa Timur\":[[[113.395,-8.447,113.412,-8.467,113.409,-8.487,113.372,-8.495,113.292,-8.495,113.282,-8.488,113.282,-8.457,113.296,-8.447,113.289,-8.433]],[[111.673,-6.734,111.717,-6.771,111.807,-6.799,111.882,-6.809,111.937,-6.785,111.959,-6.779,111.976,-6.785,112.068,-6.894,112.084,-6.906,112.107,-6.911,112.193,-6.905,112.227,-6.893,112.278,-6.891,112.364,-6.871,112.415,-6.883,112.435,-6.871,112.455,-6.875,112.501,-6.911,112.543,-6.918,112.557,-6.908,112.563,-6.867,112.583,-6.871,112.604,-6.905,112.583,-6.99,112.618,-7.041,112.629,-7.045,112.657,-7.038,112.666,-7.055,112.618,-7.071,112.611,-7.079,112.614,-7.091,112.633,-7.124,112.658,-7.138,112.684,-7.175,112.679,-7.193,112.664,-7.199,112.604,-7.193,112.62,-7.215,112.701,-7.255,112.745,-7.205,112.768,-7.199,112.798,-7.219,112.823,-7.263,112.826,-7.293,112.816,-7.387,112.807,-7.407,112.77,-7.433,112.761,-7.449,112.761,-7.531,112.845,-7.593,112.972,-7.648,113.056,-7.663,113.133,-7.728,113.2,-7.747,113.241,-7.741,113.261,-7.75,113.285,-7.782,113.299,-7.789,113.323,-7.786,113.414,-7.736,113.529,-7.7,113.659,-7.72,113.7,-7.707,113.723,-7.708,113.786,-7.726,113.804,-7.722,113.837,-7.686,113.855,-7.677,113.909,-7.686,113.945,-7.678,114.016,-7.618,114.046,-7.612,114.077,-7.631,114.14,-7.701,114.172,-7.713,114.196,-7.714,114.259,-7.7,114.274,-7.705,114.325,-7.75,114.381,-7.754,114.446,-7.795,114.46,-7.81,114.467,-7.831,114.46,-7.895,114.44,-7.933,114.447,-8.014,114.405,-8.158,114.359,-8.409,114.36,-8.431,114.372,-8.453,114.377,-8.519,114.389,-8.528,114.401,-8.517,114.406,-8.447,114.423,-8.465,114.426,-8.562,114.445,-8.603,114.461,-8.618,114.511,-8.628,114.536,-8.645,114.589,-8.664,114.626,-8.716,114.625,-8.741,114.597,-8.776,114.555,-8.778,114.468,-8.748,114.389,-8.748,114.367,-8.741,114.37,-8.726,114.392,-8.7,114.385,-8.665,114.35,-8.633,114.303,-8.612,114.262,-8.611,114.197,-8.646,114.175,-8.62,114.104,-8.638,114.059,-8.631,114.032,-8.604,113.98,-8.62,113.968,-8.604,113.974,-8.568,113.964,-8.562,113.923,-8.577,113.88,-8.566,113.837,-8.542,113.823,-8.556,113.814,-8.508,113.806,-8.501,113.774,-8.508,113.751,-8.528,113.724,-8.528,113.72,-8.501,113.707,-8.492,113.673,-8.495,113.64,-8.459,113.597,-8.447,113.573,-8.426,113.527,-8.429,113.49,-8.408,113.467,-8.378,113.446,-8.376,113.414,-8.39,113.395,-8.381,113.346,-8.324,113.323,-8.309,113.241,-8.281,113.198,-8.277,113.027,-8.303,112.987,-8.323,112.937,-8.381,112.903,-8.404,112.857,-8.393,112.834,-8.376,112.818,-8.397,112.808,-8.399,112.784,-8.387,112.748,-8.413,112.702,-8.422,112.673,-8.447,112.612,-8.416,112.521,-8.392,112.442,-8.392,112.399,-8.372,112.377,-8.371,112.384,-8.358,112.342,-8.333,112.295,-8.33,112.244,-8.342,112.209,-8.324,112.025,-8.305,111.971,-8.278,111.919,-8.303,111.899,-8.296,111.875,-8.274,111.822,-8.269,111.792,-8.257,111.781,-8.261,111.771,-8.282,111.77,-8.317,111.751,-8.323,111.735,-8.294,111.726,-8.289,111.717,-8.293,111.695,-8.346,111.711,-8.361,111.696,-8.371,111.654,-8.358,111.631,-8.323,111.613,-8.337,111.562,-8.317,111.548,-8.316,111.518,-8.33,111.449,-8.313,111.442,-8.276,111.425,-8.269,111.39,-8.275,111.363,-8.261,111.301,-8.263,111.276,-8.248,111.162,-8.282,111.148,-8.254,111.115,-8.242,111.103,-8.207,111.096,-8.208,111.073,-8.247,111.058,-8.255,110.998,-8.25,110.944,-8.226,110.96,-8.17,110.961,-8.126,110.98,-8.1,111.099,-8.009,111.217,-7.94,111.228,-7.938,111.253,-7.951,111.273,-7.945,111.28,-7.939,111.285,-7.904,111.308,-7.838,111.308,-7.784,111.291,-7.76,111.254,-7.723,111.191,-7.707,111.182,-7.652,111.217,-7.613,111.198,-7.583,111.185,-7.529,111.202,-7.405,111.197,-7.309,111.203,-7.267,111.22,-7.251,111.278,-7.269,111.306,-7.264,111.404,-7.304,111.444,-7.311,111.447,-7.292,111.46,-7.274,111.522,-7.23,111.608,-7.154,111.598,-7.081,111.598,-6.961,111.629,-6.8]],[[115.571,-6.905,115.572,-6.931,115.557,-6.94,115.503,-6.937,115.444,-6.91,115.419,-6.925,115.382,-6.911,115.345,-6.928,115.348,-6.941,115.379,-6.952,115.401,-6.973,115.378,-6.987,115.355,-6.982,115.317,-6.952,115.301,-6.972,115.311,-7.001,115.293,-7.008,115.266,-6.983,115.276,-6.939,115.221,-6.94,115.214,-6.928,115.219,-6.904,115.255,-6.863,115.244,-6.846,115.276,-6.835,115.379,-6.835,115.461,-6.843,115.553,-6.889]],[[112.701,-5.726,112.736,-5.763,112.74,-5.787,112.731,-5.828,112.701,-5.849,112.664,-5.848,112.655,-5.837,112.631,-5.849,112.604,-5.847,112.583,-5.794,112.645,-5.732,112.657,-5.737]],[[114.046,-6.915,114.094,-6.933,114.11,-6.947,114.125,-6.982,114.097,-6.983,114.051,-7.011,113.981,-7.021,113.956,-7.045,113.91,-7.048,113.892,-7.059,113.871,-7.095,113.886,-7.1,113.895,-7.121,113.873,-7.129,113.833,-7.132,113.665,-7.11,113.645,-7.131,113.61,-7.129,113.583,-7.153,113.549,-7.234,113.513,-7.248,113.495,-7.231,113.472,-7.222,113.423,-7.227,113.269,-7.217,113.234,-7.208,113.187,-7.223,113.166,-7.22,113.159,-7.185,113.146,-7.172,113.159,-7.151,113.122,-7.139,113.114,-7.141,113.103,-7.179,113.149,-7.215,113.145,-7.227,113.128,-7.231,112.818,-7.161,112.726,-7.159,112.717,-7.118,112.727,-7.09,112.72,-7.083,112.71,-7.097,112.701,-7.092,112.693,-7.059,112.701,-7.033,112.734,-7.028,112.793,-6.984,112.844,-6.925,112.842,-6.909,112.915,-6.892,113.067,-6.881,113.146,-6.894,113.446,-6.882,113.526,-6.896,113.672,-6.879,113.793,-6.882,113.924,-6.865,113.99,-6.878]],[[114.594,-7.131,114.622,-7.137,114.619,-7.167,114.495,-7.155,114.499,-7.138,114.541,-7.119]],[[114.369,-7.09,114.397,-7.131,114.392,-7.179,114.378,-7.178,114.332,-7.159,114.325,-7.148,114.293,-7.143,114.27,-7.081,114.295,-7.055,114.322,-7.05,114.343,-7.056]],[[115.891,-7.107,115.894,-7.164,115.876,-7.186,115.838,-7.197,115.796,-7.19,115.757,-7.17,115.743,-7.15,115.753,-7.14,115.77,-7.142,115.778,-7.115,115.786,-7.116,115.795,-7.138,115.808,-7.15,115.88,-7.158,115.884,-7.153,115.875,-7.154,115.867,-7.137,115.877,-7.123,115.886,-7.13]]],\"Jawa Tengah\":[[[108.895,-6.814,108.923,-6.845,108.969,-6.848,108.983,-6.842,109.001,-6.789,109.021,-6.789,109.053,-6.802,109.092,-6.831,109.143,-6.856,109.352,-6.876,109.438,-6.86,109.493,-6.802,109.532,-6.835,109.726,-6.863,109.896,-6.918,109.941,-6.923,109.984,-6.923,110.139,-6.897,110.178,-6.856,110.188,-6.86,110.198,-6.891,110.213,-6.9,110.293,-6.931,110.356,-6.973,110.381,-6.976,110.415,-6.957,110.456,-6.951,110.486,-6.938,110.572,-6.836,110.645,-6.688,110.657,-6.644,110.665,-6.565,110.682,-6.522,110.671,-6.5,110.702,-6.489,110.73,-6.457,110.781,-6.436,110.925,-6.404,110.973,-6.432,111.002,-6.431,111.011,-6.421,111.052,-6.457,111.119,-6.65,111.144,-6.692,111.366,-6.712,111.429,-6.699,111.444,-6.689,111.493,-6.623,111.52,-6.64,111.577,-6.651,111.61,-6.665,111.673,-6.734,111.629,-6.8,111.598,-6.961,111.598,-7.081,111.608,-7.154,111.522,-7.23,111.46,-7.274,111.447,-7.292,111.444,-7.311,111.404,-7.304,111.306,-7.264,111.278,-7.269,111.22,-7.251,111.203,-7.267,111.197,-7.309,111.202,-7.405,111.185,-7.529,111.198,-7.583,111.217,-7.613,111.182,-7.652,111.191,-7.707,111.254,-7.723,111.291,-7.76,111.308,-7.784,111.308,-7.838,111.285,-7.904,111.28,-7.939,111.273,-7.945,111.253,-7.951,111.228,-7.938,111.217,-7.94,111.099,-8.009,110.98,-8.1,110.961,-8.126,110.96,-8.17,110.944,-8.226,110.844,-8.201,110.837,-8.133,110.811,-8.139,110.802,-8.132,110.781,-7.854,110.753,-7.833,110.689,-7.82,110.579,-7.821,110.537,-7.81,110.507,-7.783,110.474,-7.72,110.438,-7.56,110.411,-7.59,110.301,-7.669,110.259,-7.715,110.246,-7.672,110.159,-7.668,110.137,-7.677,110.127,-7.698,110.125,-7.744,110.049,-7.855,110.043,-7.889,109.932,-7.855,109.906,-7.838,109.883,-7.845,109.657,-7.782,109.486,-7.762,109.426,-7.774,109.397,-7.747,109.403,-7.726,109.369,-7.713,109.098,-7.687,109.047,-7.702,109.014,-7.733,108.974,-7.702,108.902,-7.69,108.89,-7.679,108.873,-7.611,108.827,-7.631,108.799,-7.665,108.734,-7.605,108.742,-7.537,108.71,-7.398,108.675,-7.38,108.668,-7.344,108.662,-7.34,108.616,-7.346,108.603,-7.323,108.553,-7.31,108.547,-7.279,108.584,-7.151,108.614,-7.137,108.67,-7.141,108.707,-7.135,108.744,-7.111,108.781,-7.073,108.793,-7.048,108.789,-7.0,108.801,-6.935,108.823,-6.896]],[[109.019,-7.758,109.043,-7.761,109.043,-7.779,109.036,-7.78,108.857,-7.732,108.815,-7.738,108.8,-7.734,108.794,-7.719,108.797,-7.702,108.822,-7.679,108.874,-7.703,108.958,-7.72]],[[110.431,-5.837,110.459,-5.832,110.466,-5.84,110.464,-5.857,110.438,-5.881,110.422,-5.851,110.421,-5.844]]],\"Jawa Barat\":[[[106.988,-6.079,107.005,-6.072,107.014,-6.04,107.015,-6.029,106.999,-6.004,107.026,-5.959,107.021,-5.924,107.044,-5.914,107.08,-5.922,107.114,-5.938,107.15,-5.973,107.17,-5.98,107.205,-5.977,107.281,-5.955,107.354,-5.976,107.47,-6.145,107.563,-6.184,107.621,-6.187,107.655,-6.225,107.678,-6.238,107.7,-6.227,107.716,-6.236,107.732,-6.233,107.783,-6.206,107.81,-6.211,107.811,-6.189,107.826,-6.185,107.848,-6.192,107.849,-6.206,107.864,-6.206,107.885,-6.187,107.896,-6.21,107.896,-6.231,107.947,-6.263,108.094,-6.327,108.142,-6.323,108.195,-6.287,108.204,-6.276,108.205,-6.25,108.187,-6.231,108.198,-6.228,108.249,-6.247,108.311,-6.249,108.332,-6.262,108.339,-6.251,108.36,-6.246,108.372,-6.34,108.455,-6.442,108.54,-6.487,108.575,-6.67,108.605,-6.762,108.663,-6.767,108.705,-6.796,108.749,-6.812,108.792,-6.811,108.835,-6.788,108.843,-6.798,108.895,-6.814,108.823,-6.896,108.801,-6.935,108.789,-7.0,108.793,-7.048,108.781,-7.073,108.744,-7.111,108.707,-7.135,108.67,-7.141,108.614,-7.137,108.584,-7.151,108.547,-7.279,108.553,-7.31,108.603,-7.323,108.616,-7.346,108.662,-7.34,108.668,-7.344,108.675,-7.38,108.71,-7.398,108.742,-7.537,108.734,-7.605,108.799,-7.665,108.761,-7.693,108.704,-7.666,108.673,-7.691,108.68,-7.71,108.673,-7.721,108.652,-7.716,108.646,-7.693,108.639,-7.688,108.54,-7.692,108.508,-7.719,108.495,-7.793,108.454,-7.819,108.327,-7.817,108.138,-7.787,107.954,-7.74,107.865,-7.745,107.83,-7.729,107.828,-7.7,107.807,-7.687,107.687,-7.662,107.661,-7.614,107.625,-7.598,107.591,-7.57,107.481,-7.538,107.471,-7.517,107.426,-7.508,107.411,-7.496,107.362,-7.504,107.212,-7.485,107.107,-7.456,106.523,-7.411,106.481,-7.376,106.434,-7.362,106.398,-7.378,106.399,-7.335,106.375,-7.31,106.386,-7.231,106.415,-7.188,106.433,-7.179,106.467,-7.176,106.473,-7.167,106.457,-7.145,106.541,-7.055,106.542,-7.017,106.537,-6.983,106.511,-6.964,106.481,-6.967,106.452,-6.955,106.424,-6.963,106.405,-6.991,106.397,-6.967,106.413,-6.905,106.451,-6.836,106.506,-6.783,106.508,-6.768,106.489,-6.751,106.444,-6.735,106.427,-6.697,106.405,-6.524,106.41,-6.492,106.434,-6.439,106.421,-6.37,106.431,-6.35,106.462,-6.338,106.48,-6.373,106.489,-6.377,106.532,-6.354,106.56,-6.355,106.631,-6.384,106.739,-6.386,106.766,-6.37,106.763,-6.301,106.814,-6.35,106.834,-6.348,106.854,-6.336,106.924,-6.382,106.941,-6.374,106.983,-6.25]]],\"Jakarta Raya\":[[[106.731,-6.059,106.738,-6.084,106.752,-6.096,106.793,-6.104,106.988,-6.079,106.983,-6.25,106.941,-6.374,106.924,-6.382,106.854,-6.336,106.834,-6.348,106.814,-6.35,106.742,-6.284,106.731,-6.243,106.702,-6.21,106.684,-6.102]]],\"Banten\":[[[106.405,-6.991,106.355,-7.003,106.289,-6.987,106.273,-6.969,106.254,-6.964,106.244,-6.946,106.201,-6.914,106.168,-6.916,106.125,-6.896,106.053,-6.837,106.008,-6.822,105.96,-6.818,105.919,-6.824,105.902,-6.83,105.898,-6.843,105.884,-6.848,105.874,-6.835,105.775,-6.85,105.703,-6.836,105.555,-6.856,105.535,-6.872,105.498,-6.861,105.486,-6.868,105.46,-6.845,105.442,-6.843,105.42,-6.857,105.403,-6.832,105.356,-6.813,105.301,-6.814,105.291,-6.841,105.275,-6.849,105.256,-6.842,105.236,-6.788,105.217,-6.772,105.227,-6.763,105.261,-6.767,105.275,-6.762,105.319,-6.72,105.346,-6.671,105.364,-6.665,105.39,-6.681,105.408,-6.706,105.412,-6.739,105.441,-6.794,105.471,-6.816,105.49,-6.809,105.529,-6.723,105.622,-6.632,105.628,-6.616,105.619,-6.533,105.644,-6.482,105.656,-6.473,105.678,-6.475,105.682,-6.512,105.711,-6.535,105.782,-6.512,105.809,-6.477,105.824,-6.435,105.832,-6.229,105.867,-6.11,105.888,-6.071,105.977,-5.983,105.997,-5.918,106.02,-5.893,106.053,-5.881,106.085,-5.886,106.107,-5.911,106.112,-5.975,106.118,-5.986,106.176,-6.014,106.209,-5.998,106.257,-5.942,106.299,-5.945,106.361,-5.993,106.409,-6.004,106.47,-6.034,106.495,-6.035,106.528,-6.012,106.549,-6.007,106.663,-6.008,106.706,-6.02,106.721,-6.031,106.729,-6.048,106.731,-6.059,106.684,-6.102,106.702,-6.21,106.731,-6.243,106.742,-6.284,106.763,-6.301,106.766,-6.37,106.739,-6.386,106.631,-6.384,106.56,-6.355,106.532,-6.354,106.489,-6.377,106.48,-6.373,106.462,-6.338,106.452,-6.338,106.431,-6.35,106.421,-6.37,106.434,-6.439,106.41,-6.492,106.405,-6.524,106.427,-6.697,106.444,-6.735,106.489,-6.751,106.508,-6.768,106.506,-6.783,106.451,-6.836,106.413,-6.905,106.397,-6.953]],[[105.264,-6.528,105.264,-6.592,105.256,-6.628,105.24,-6.644,105.222,-6.649,105.204,-6.673,105.192,-6.679,105.183,-6.672,105.202,-6.623,105.183,-6.608,105.175,-6.583,105.132,-6.627,105.12,-6.631,105.118,-6.612,105.138,-6.587,105.188,-6.548,105.196,-6.555,105.216,-6.539]]],\"Yogyakarta\":[[[110.844,-8.201,110.715,-8.193,110.691,-8.176,110.639,-8.163,110.603,-8.145,110.603,-8.152,110.549,-8.128,110.477,-8.112,110.411,-8.076,110.38,-8.073,110.328,-8.021,110.287,-8.015,110.043,-7.889,110.049,-7.855,110.125,-7.744,110.127,-7.698,110.137,-7.677,110.159,-7.668,110.246,-7.672,110.259,-7.715,110.301,-7.669,110.411,-7.59,110.438,-7.56,110.474,-7.72,110.507,-7.783,110.537,-7.81,110.579,-7.821,110.689,-7.82,110.753,-7.833,110.781,-7.854,110.793,-7.947,110.799,-8.122,110.811,-8.139,110.837,-8.133]]]};\r\n  var THREE_SRC = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js';\r\n\r\n  var api = null, requested = false, inView = false;\r\n\r\n  function noGL() { api = null; root.classList.add('cecov-nogl'); }\r\n\r\n  function loadThree(ok, fail) {\r\n    if (window.THREE) return ok();\r\n    var ex = document.querySelector('script[src=\"' + THREE_SRC + '\"]');\r\n    if (ex) { ex.addEventListener('load', ok); ex.addEventListener('error', fail); return; }\r\n    var s = document.createElement('script');\r\n    s.src = THREE_SRC; s.onload = ok; s.onerror = fail;\r\n    document.head.appendChild(s);\r\n  }\r\n\r\n  function clone(o) { var c = {}; for (var k in o) c[k] = o[k]; return c; }\r\n  function clamp(x, a, b) { return Math.min(Math.max(x, a), b); }\r\n  function easeOutBack(t) { var c1 = 1.70158, c3 = c1 + 1; return 1 + c3 * Math.pow(t - 1, 3) + c1 * Math.pow(t - 1, 2); }\r\n\r\n  \/* ---------- the map ---------- *\/\r\n  function init() {\r\n    var THREE = window.THREE;\r\n    var renderer;\r\n    try { renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true }); } catch (e) { return noGL(); }\r\n    renderer.setClearColor(0x000000, 0);\r\n    renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2));\r\n    var canvas = renderer.domElement;\r\n    canvas.setAttribute('aria-hidden', 'true');\r\n    canvas.addEventListener('webglcontextlost', function (e) { e.preventDefault(); stopLoop(); noGL(); });\r\n    stage.querySelector('.cecov-gl').appendChild(canvas);\r\n\r\n    var scene = new THREE.Scene();\r\n    var cam = new THREE.PerspectiveCamera(28, 1, 0.1, 200);\r\n    cam.up.set(0, 0, 1);\r\n    scene.add(new THREE.AmbientLight(0xffffff, 0.85));\r\n    var sun = new THREE.DirectionalLight(0xffffff, 0.6);\r\n    sun.position.set(-3, -6, 8);\r\n    scene.add(sun);\r\n\r\n    \/* projection: x east, y north, z up (units are ~degrees) *\/\r\n    var K = Math.cos(7.4 * Math.PI \/ 180), LON0 = 110.1, LAT0 = -7.3;\r\n    function X(lon) { return (lon - LON0) * K; }\r\n    function Y(lat) { return lat - LAT0; }\r\n    var b = { x0: 1e9, x1: -1e9, y0: 1e9, y1: -1e9 };\r\n    function toPts(flat) {\r\n      var pts = [];\r\n      for (var i = 0; i < flat.length; i += 2) {\r\n        var x = X(flat[i]), y = Y(flat[i + 1]);\r\n        pts.push(new THREE.Vector2(x, y));\r\n        if (x < b.x0) b.x0 = x; if (x > b.x1) b.x1 = x; if (y < b.y0) b.y0 = y; if (y > b.y1) b.y1 = y;\r\n      }\r\n      return pts;\r\n    }\r\n\r\n    \/* provinces: extruded shapes, west to east so they rise in a wave *\/\r\n    var DEPTH = 0.16, STEM = 0.45;\r\n    var PAL = { 'Banten': 0x3a3ea8, 'Jakarta Raya': 0x5057c4, 'Jawa Barat': 0x2e3087, 'Jawa Tengah': 0x3a3ea8, 'Yogyakarta': 0x5057c4, 'Jawa Timur': 0x2e3087 };\r\n    var ORDER = ['Banten', 'Jakarta Raya', 'Jawa Barat', 'Jawa Tengah', 'Yogyakarta', 'Jawa Timur'];\r\n    var HIL = new THREE.Color(0x4faee8);\r\n    var lineMat = new THREE.LineBasicMaterial({ color: 0xa9cdf7, transparent: true, opacity: 0.85 });\r\n    var provs = {};\r\n    ORDER.forEach(function (name, idx) {\r\n      var group = new THREE.Group();\r\n      var base = new THREE.Color(PAL[name]);\r\n      var topMat = new THREE.MeshBasicMaterial({ color: base.clone() });\r\n      var sideMat = new THREE.MeshLambertMaterial({ color: base.clone().multiplyScalar(0.55) });\r\n      JAVA[name].forEach(function (poly) {\r\n        var shape = new THREE.Shape(toPts(poly[0]));\r\n        for (var h = 1; h < poly.length; h++) shape.holes.push(new THREE.Path(toPts(poly[h])));\r\n        group.add(new THREE.Mesh(new THREE.ExtrudeGeometry(shape, { depth: DEPTH, bevelEnabled: false }), [topMat, sideMat]));\r\n        poly.forEach(function (ring) {\r\n          var arr = new Float32Array(ring.length \/ 2 * 3);\r\n          for (var i = 0; i < ring.length; i += 2) {\r\n            arr[i \/ 2 * 3] = X(ring[i]); arr[i \/ 2 * 3 + 1] = Y(ring[i + 1]); arr[i \/ 2 * 3 + 2] = DEPTH + 0.004;\r\n          }\r\n          var lg = new THREE.BufferGeometry();\r\n          lg.setAttribute('position', new THREE.BufferAttribute(arr, 3));\r\n          group.add(new THREE.LineLoop(lg, lineMat));\r\n        });\r\n      });\r\n      scene.add(group);\r\n      provs[name] = { group: group, top: topMat, base: base, idx: idx, tint: 0, goal: 0 };\r\n    });\r\n    var cx = (b.x0 + b.x1) \/ 2, cy = (b.y0 + b.y1) \/ 2, islandW = b.x1 - b.x0;\r\n\r\n    \/* pins *\/\r\n    function glowTexture() {\r\n      var c = document.createElement('canvas'); c.width = c.height = 128;\r\n      var g = c.getContext('2d'), gr = g.createRadialGradient(64, 64, 0, 64, 64, 64);\r\n      gr.addColorStop(0, 'rgba(240,123,52,.85)'); gr.addColorStop(0.35, 'rgba(240,123,52,.28)'); gr.addColorStop(1, 'rgba(240,123,52,0)');\r\n      g.fillStyle = gr; g.fillRect(0, 0, 128, 128);\r\n      return new THREE.CanvasTexture(c);\r\n    }\r\n    var glow = glowTexture();\r\n    var orange = 0xf07b34;\r\n    var touch = window.matchMedia && matchMedia('(pointer: coarse)').matches;\r\n    var labelsEl = stage.querySelector('.cecov-labels');\r\n    PLACES.forEach(function (p, i) {\r\n      p.x = X(p.lon); p.y = Y(p.lat);\r\n      var grp = new THREE.Group(); grp.position.set(p.x, p.y, DEPTH);\r\n      var body = new THREE.Group(); grp.add(body);\r\n      var stem = new THREE.Mesh(new THREE.CylinderGeometry(0.014, 0.014, STEM, 8), new THREE.MeshBasicMaterial({ color: orange }));\r\n      stem.rotation.x = Math.PI \/ 2; stem.position.z = STEM \/ 2; body.add(stem);\r\n      var head = new THREE.Mesh(new THREE.SphereGeometry(0.095, 24, 16), new THREE.MeshBasicMaterial({ color: orange }));\r\n      head.position.z = STEM; body.add(head);\r\n      var halo = new THREE.Sprite(new THREE.SpriteMaterial({ map: glow, transparent: true, depthWrite: false }));\r\n      halo.scale.set(0.75, 0.75, 1); halo.position.z = STEM; body.add(halo);\r\n      var ring = new THREE.Mesh(new THREE.RingGeometry(0.1, 0.135, 48),\r\n        new THREE.MeshBasicMaterial({ color: orange, transparent: true, opacity: 0, side: THREE.DoubleSide, depthWrite: false }));\r\n      ring.position.z = 0.004; grp.add(ring);\r\n      var hit = new THREE.Mesh(new THREE.SphereGeometry(touch ? 0.42 : 0.3, 8, 8),\r\n        new THREE.MeshBasicMaterial({ transparent: true, opacity: 0, depthWrite: false }));\r\n      hit.position.z = STEM * 0.6; hit.userData.i = i; grp.add(hit);\r\n      scene.add(grp);\r\n      p.grp = grp; p.body = body; p.ring = ring; p.halo = halo; p.hit = hit; p.s = 0; p.hov = 0;\r\n\r\n      var w = document.createElement('div');\r\n      w.className = 'cecov-plabel cecov-' + p.label;\r\n      var btn = document.createElement('button');\r\n      btn.type = 'button'; btn.className = 'cecov-ptag';\r\n      btn.setAttribute('aria-label', 'Zoom ke ' + p.name + ', ' + p.sub);\r\n      btn.innerHTML = '<strong>' + p.name + '<\/strong><small>' + p.sub + '<\/small>';\r\n      btn.addEventListener('click', function () { focusPlace(i); });\r\n      w.appendChild(btn); labelsEl.appendChild(w); p.lab = w;\r\n    });\r\n\r\n    \/* camera: smooth fly between the overview and a pin *\/\r\n    var W = 1, H = 1, ov = {}, goal = {}, cur = {}, focused = -1, mouse = { x: 0.5, y: 0.5 };\r\n    var T14 = Math.tan(14 * Math.PI \/ 180);\r\n    function overview() {\r\n      var aspect = W \/ H;\r\n      return { tx: cx, ty: cy - 0.1, tz: 0, d: islandW * 0.56 \/ (T14 * aspect), pitch: 1.0, yaw: 0 };\r\n    }\r\n    function focusGoal(p) {\r\n      var aspect = W \/ H, d = aspect > 1.8 ? 2.2 : 2.7;\r\n      var visH = 2 * d * T14, visW = visH * aspect, gx = p.x, gy = p.y;\r\n      if (aspect > 1.8) gx -= visW * 0.14; else gy -= visH * 0.24;       \/* keep the pin clear of the card *\/\r\n      return { tx: gx, ty: gy, tz: 0, d: d, pitch: 0.8, yaw: 0 };\r\n    }\r\n    function resize() {\r\n      W = Math.max(stage.clientWidth, 1); H = Math.max(stage.clientHeight, 1);\r\n      renderer.setSize(W, H, false);\r\n      cam.aspect = W \/ H; cam.updateProjectionMatrix();\r\n      ov = overview();\r\n      goal = focused >= 0 ? focusGoal(PLACES[focused]) : clone(ov);\r\n      if (!running) cur = clone(goal);\r\n    }\r\n\r\n    var card = stage.querySelector('.cecov-card');\r\n    var cardName = card.querySelector('.cecov-card-name');\r\n    var cardWa = card.querySelector('.cecov-card-wa');\r\n\r\n    function focusPlace(i) {\r\n      if (focused === i) return;\r\n      var p = PLACES[i];\r\n      focused = i; goal = focusGoal(p);\r\n      stage.classList.add('is-focus');\r\n      PLACES.forEach(function (q, j) { q.lab.classList.toggle('is-active', j === i); q.lab.classList.toggle('is-dim', j !== i); });\r\n      chips.forEach(function (c, j) { c.classList.toggle('is-active', j === i); });\r\n      for (var n in provs) provs[n].goal = 0;\r\n      p.provs.forEach(function (n) { provs[n].goal = 1; });\r\n      cardName.textContent = p.name + ', ' + p.sub;\r\n      cardWa.href = WA + encodeURIComponent('Halo, saya mau cek coverage Cyber Evo di ' + p.wa);\r\n      card.classList.add('is-open');\r\n    }\r\n    function unfocus() {\r\n      if (focused < 0) return;\r\n      focused = -1; goal = clone(ov);\r\n      stage.classList.remove('is-focus');\r\n      PLACES.forEach(function (q) { q.lab.classList.remove('is-active', 'is-dim'); });\r\n      chips.forEach(function (c) { c.classList.remove('is-active'); });\r\n      for (var n in provs) provs[n].goal = 0;\r\n      card.classList.remove('is-open');\r\n    }\r\n    card.querySelector('.cecov-card-close').addEventListener('click', unfocus);\r\n    root.addEventListener('keydown', function (e) { if (e.key === 'Escape') unfocus(); });\r\n    chips.forEach(function (c, i) {\r\n      c.addEventListener('click', function (e) { if (api) { e.preventDefault(); focusPlace(i); } });\r\n    });\r\n\r\n    \/* picking *\/\r\n    var ray = new THREE.Raycaster(), ndc = new THREE.Vector2(), hovered = -1;\r\n    function pick(e) {\r\n      var r = canvas.getBoundingClientRect();\r\n      ndc.set(((e.clientX - r.left) \/ r.width) * 2 - 1, -((e.clientY - r.top) \/ r.height) * 2 + 1);\r\n      ray.setFromCamera(ndc, cam);\r\n      var hits = ray.intersectObjects(PLACES.map(function (p) { return p.hit; }));\r\n      return hits.length ? hits[0].object.userData.i : -1;\r\n    }\r\n    canvas.addEventListener('click', function (e) {\r\n      var i = pick(e);\r\n      if (i >= 0) focusPlace(i); else unfocus();\r\n    });\r\n    stage.addEventListener('pointermove', function (e) {\r\n      var r = stage.getBoundingClientRect();\r\n      mouse.x = (e.clientX - r.left) \/ r.width; mouse.y = (e.clientY - r.top) \/ r.height;\r\n      if (e.pointerType === 'mouse') { hovered = pick(e); canvas.style.cursor = hovered >= 0 ? 'pointer' : 'default'; }\r\n    });\r\n    stage.addEventListener('pointerleave', function () { mouse.x = mouse.y = 0.5; hovered = -1; });\r\n\r\n    \/* render loop *\/\r\n    var running = false, raf = 0, t0 = 0, last = 0, v = new THREE.Vector3();\r\n    function frame(now) {\r\n      raf = requestAnimationFrame(frame);\r\n      var dt = Math.min((now - last) \/ 1000, 0.05); last = now;\r\n      var t = (now - t0) \/ 1000;\r\n\r\n      ORDER.forEach(function (n) {\r\n        var pv = provs[n], k = reduce ? 1 : clamp((t - 0.1 - pv.idx * 0.12) \/ 0.9, 0, 1);\r\n        pv.group.scale.z = Math.max(0.001, reduce ? 1 : easeOutBack(k));\r\n        pv.tint += (pv.goal - pv.tint) * (reduce ? 1 : 1 - Math.exp(-dt * 6));\r\n        pv.top.color.copy(pv.base).lerp(HIL, pv.tint * 0.7);\r\n      });\r\n\r\n      var gs = clamp(0.35 + 0.65 * (cur.d \/ ov.d), 0.35, 1);          \/* pins shrink as the camera closes in *\/\r\n      PLACES.forEach(function (p, i) {\r\n        p.grp.scale.setScalar(gs);\r\n        var s = reduce ? 1 : clamp((t - 0.95 - i * 0.22) \/ 0.7, 0, 1);\r\n        p.s = s;\r\n        p.hov += (((hovered === i) ? 1 : 0) - p.hov) * (1 - Math.exp(-dt * 12));\r\n        var grow = Math.max(0.001, reduce ? 1 : easeOutBack(s)), pop = 1 + p.hov * 0.25;\r\n        p.body.scale.set(pop, pop, grow);\r\n        var dim = focused >= 0 && focused !== i;\r\n        p.halo.material.opacity = Math.min(1, s * 1.2) * (dim ? 0.3 : 1);\r\n        if (!reduce && s >= 1) {\r\n          var ph = ((now \/ 1000 + i * 0.55) % 2.2) \/ 2.2;\r\n          p.ring.scale.setScalar(1 + ph * 3.4); p.ring.material.opacity = (dim ? 0.15 : 0.55) * (1 - ph);\r\n        } else p.ring.material.opacity = 0;\r\n      });\r\n\r\n      var f = reduce ? 1 : 1 - Math.exp(-dt * 4.5);\r\n      var px = reduce ? 0 : (mouse.x - 0.5) * (focused >= 0 ? 0.12 : 0.26);\r\n      var py = reduce ? 0 : (mouse.y - 0.5) * -0.08;\r\n      cur.tx += (goal.tx - cur.tx) * f; cur.ty += (goal.ty - cur.ty) * f; cur.tz += (goal.tz - cur.tz) * f;\r\n      cur.d += (goal.d - cur.d) * f; cur.pitch += (goal.pitch + py - cur.pitch) * f; cur.yaw += (goal.yaw + px - cur.yaw) * f;\r\n      var cp = Math.cos(cur.pitch);\r\n      cam.position.set(cur.tx + cur.d * Math.sin(cur.yaw) * cp, cur.ty - cur.d * Math.cos(cur.yaw) * cp, cur.tz + cur.d * Math.sin(cur.pitch));\r\n      cam.lookAt(cur.tx, cur.ty, cur.tz);\r\n      renderer.render(scene, cam);\r\n\r\n      PLACES.forEach(function (p, i) {\r\n        var up = p.label === 'up';\r\n        v.set(p.x, p.y, DEPTH + (up ? (STEM * p.body.scale.z + 0.12) * gs : 0)).project(cam);\r\n        p.lab.style.transform = 'translate3d(' + ((v.x * 0.5 + 0.5) * W).toFixed(1) + 'px,' + ((-v.y * 0.5 + 0.5) * H).toFixed(1) + 'px,0)';\r\n        p.lab.style.opacity = (v.z < 1 && p.s > 0.55) ? (focused >= 0 && focused !== i ? 0.3 : 1) : 0;\r\n      });\r\n    }\r\n    function startLoop() { if (running) return; running = true; t0 = last = performance.now(); raf = requestAnimationFrame(frame); }\r\n    function stopLoop() { running = false; cancelAnimationFrame(raf); }\r\n    stopLoopRef = function () { stopLoop(); unfocus(); cur = clone(ov); goal = clone(ov); };\r\n    startLoopRef = startLoop;\r\n\r\n    if (window.ResizeObserver) new ResizeObserver(resize).observe(stage);\r\n    resize(); cur = clone(goal);\r\n    api = { start: startLoop };\r\n    if (inView) startLoop();\r\n  }\r\n\r\n  var stopLoopRef = function () {}, startLoopRef = function () {};\r\n  function stopLoop() { stopLoopRef(); }\r\n\r\n  \/* run only while the map is on screen; rewind when it leaves so it replays *\/\r\n  function enter() {\r\n    inView = true;\r\n    if (!requested) { requested = true; loadThree(init, noGL); }\r\n    else if (api) startLoopRef();\r\n  }\r\n  function leave() { inView = false; if (api) stopLoopRef(); }\r\n\r\n  if ('IntersectionObserver' in window) {\r\n    new IntersectionObserver(function (es) {\r\n      var r = es[es.length - 1].intersectionRatio;\r\n      if (r >= 0.25) enter(); else if (r === 0) leave();\r\n    }, { threshold: [0, 0.25] }).observe(stage);\r\n  } else {\r\n    enter();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7f58fe2a elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"7f58fe2a\" data-element_type=\"section\" id=\"produk\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1e445a4d elementor-invisible\" data-id=\"1e445a4d\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;zoomIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-190678e6 elementor-widget elementor-widget-heading\" data-id=\"190678e6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pilihan Paket Internet Tanpa Batas<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-671c15a7 elementor-widget elementor-widget-text-editor\" data-id=\"671c15a7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Silakan pilih paket internet murah yang sesuai untuk kebutuhanmu<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-60627cf9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"60627cf9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-ff56cbe elementor-invisible\" data-id=\"ff56cbe\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-626655fb elementor-widget__width-initial elementor-widget elementor-widget-elementskit-piechart\" data-id=\"626655fb\" data-element_type=\"widget\" data-widget_type=\"elementskit-piechart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">        <div class=\"ekit-single-piechart withcontent\">\n\n            \n            <div class=\"colorful-chart piechart\" data-pie_color_style=\"normal\" data-gradientcolor1=\"\" data-gradientcolor2=\"\" data-color=\"#68DFF9\" data-barbg=\"#3A43C4\" data-size=\"150\" data-linewidth=\"7\" data-percent=\"75\">\n\n                \n                \n                \n                    <span class=\"ekit-chart-content\">\n                        <i aria-hidden=\"true\" class=\"material-icons md-rocket_launch\" data-md-icon=\"rocket_launch\"><\/i>                    <\/span>\n\n                \n\n\n            <\/div>\n                         <h2 class=\"ekit-piechart-title\">Paket Basic<\/h2>\n            \n            <p>13 Mbps\n\n<\/p>\n\n                    <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63603aab elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"63603aab\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1f65b6 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"a1f65b6\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Tanpa Batas<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Gratis Biaya Pasang<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Untuk 1-4 User<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38da8972 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"38da8972\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b71f202 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"b71f202\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Rp<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-635e96b elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"635e96b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">133rb<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3832c09e elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"3832c09e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">\/bulan<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7789edb5 elementor-widget elementor-widget-text-editor\" data-id=\"7789edb5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>*Belum termasuk Ppn 11%<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f6fe746 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"f6fe746\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=6281220885091&#038;text=Halo%2C+saya+mau+langganan+internet+Cyber+Evo%20paket%2030Mbps\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Berlangganan<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-24e38fec elementor-invisible\" data-id=\"24e38fec\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-732f257 elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"732f257\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Best Seller!<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c6d8334 elementor-widget elementor-widget-elementskit-piechart\" data-id=\"7c6d8334\" data-element_type=\"widget\" data-widget_type=\"elementskit-piechart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">        <div class=\"ekit-single-piechart withcontent\">\n\n            \n            <div class=\"colorful-chart piechart\" data-pie_color_style=\"normal\" data-gradientcolor1=\"\" data-gradientcolor2=\"\" data-color=\"#3A43C4\" data-barbg=\"#68DFF9\" data-size=\"150\" data-linewidth=\"7\" data-percent=\"80\">\n\n                \n                \n                \n                    <span class=\"ekit-chart-content\">\n                        <i aria-hidden=\"true\" class=\"material-icons md-rocket_launch\" data-md-icon=\"rocket_launch\"><\/i>                    <\/span>\n\n                \n\n\n            <\/div>\n                         <h2 class=\"ekit-piechart-title\">Paket Medium<\/h2>\n            \n            <p>23 Mbps\n\n<\/p>\n\n                    <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1eb16a8b elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1eb16a8b\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-287989aa elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"287989aa\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Tanpa Batas<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Gratis Biaya Pasang<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Untuk 4-7 User<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cc294ae elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"3cc294ae\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23843c78 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"23843c78\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Rp<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e79b73 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"e79b73\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">166rb<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20c3d220 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"20c3d220\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">\/bulan<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-782da3bd elementor-widget elementor-widget-text-editor\" data-id=\"782da3bd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>*Belum termasuk Ppn 11%<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12fb230e elementor-align-center elementor-widget elementor-widget-button\" data-id=\"12fb230e\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=6281220885091&#038;text=Halo%2C+saya+mau+langganan+internet+Cyber+Evo%20paket%2020Mbps\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Berlangganan<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-20f70616 elementor-invisible\" data-id=\"20f70616\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3869dcd elementor-widget elementor-widget-elementskit-piechart\" data-id=\"3869dcd\" data-element_type=\"widget\" data-widget_type=\"elementskit-piechart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">        <div class=\"ekit-single-piechart withcontent\">\n\n            \n            <div class=\"colorful-chart piechart\" data-pie_color_style=\"normal\" data-gradientcolor1=\"\" data-gradientcolor2=\"\" data-color=\"#68DFF9\" data-barbg=\"#3A43C4\" data-size=\"150\" data-linewidth=\"7\" data-percent=\"90\">\n\n                \n                \n                \n                    <span class=\"ekit-chart-content\">\n                        <i aria-hidden=\"true\" class=\"material-icons md-rocket_launch\" data-md-icon=\"rocket_launch\"><\/i>                    <\/span>\n\n                \n\n\n            <\/div>\n                         <h2 class=\"ekit-piechart-title\">Paket Super<\/h2>\n            \n            <p>30 Mbps\n\n<\/p>\n\n                    <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2675553a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"2675553a\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b135a5 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"8b135a5\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Tanpa Batas<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Gratis Biaya Pasang<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Untuk 7-10 User<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6096b72b elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6096b72b\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a32f805 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"6a32f805\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Rp<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ac4f44a elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"4ac4f44a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">222rb<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f44e05a elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"3f44e05a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">\/bulan<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4133a027 elementor-widget elementor-widget-text-editor\" data-id=\"4133a027\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>*Belum termasuk Ppn 11%<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5be440c elementor-align-center elementor-widget elementor-widget-button\" data-id=\"5be440c\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=6281220885091&#038;text=Halo%2C+saya+mau+langganan+internet+Cyber+Evo%20paket%2030Mbps\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Berlangganan<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-f50a056 elementor-invisible\" data-id=\"f50a056\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3d07cbf elementor-widget elementor-widget-elementskit-piechart\" data-id=\"3d07cbf\" data-element_type=\"widget\" data-widget_type=\"elementskit-piechart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">        <div class=\"ekit-single-piechart withcontent\">\n\n            \n            <div class=\"colorful-chart piechart\" data-pie_color_style=\"normal\" data-gradientcolor1=\"\" data-gradientcolor2=\"\" data-color=\"#68DFF9\" data-barbg=\"#3A43C4\" data-size=\"150\" data-linewidth=\"7\" data-percent=\"100\">\n\n                \n                \n                \n                    <span class=\"ekit-chart-content\">\n                        <i aria-hidden=\"true\" class=\"material-icons md-rocket_launch\" data-md-icon=\"rocket_launch\"><\/i>                    <\/span>\n\n                \n\n\n            <\/div>\n                         <h2 class=\"ekit-piechart-title\">Paket Pro<\/h2>\n            \n            <p>50 Mbps\n\n<\/p>\n\n                    <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-baaa30e elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"baaa30e\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90f0362 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"90f0362\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Tanpa Batas<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Gratis Biaya Pasang<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Untuk 10-15 User<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac57b10 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ac57b10\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c91655e elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"c91655e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Rp<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8432afc elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"8432afc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">277rb<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-239ddad elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"239ddad\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">\/bulan<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e47d25 elementor-widget elementor-widget-text-editor\" data-id=\"8e47d25\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>*Belum termasuk Ppn 11%<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c11d86d elementor-align-center elementor-widget elementor-widget-button\" data-id=\"c11d86d\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=6281220885091&#038;text=Halo%2C+saya+mau+langganan+internet+Cyber+Evo%20paket%2050Mbps\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Berlangganan<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-c48176a elementor-invisible\" data-id=\"c48176a\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-37477b5 elementor-widget elementor-widget-elementskit-piechart\" data-id=\"37477b5\" data-element_type=\"widget\" data-widget_type=\"elementskit-piechart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">        <div class=\"ekit-single-piechart withcontent\">\n\n            \n            <div class=\"colorful-chart piechart\" data-pie_color_style=\"normal\" data-gradientcolor1=\"\" data-gradientcolor2=\"\" data-color=\"#68DFF9\" data-barbg=\"#3A43C4\" data-size=\"150\" data-linewidth=\"7\" data-percent=\"100\">\n\n                \n                \n                \n                    <span class=\"ekit-chart-content\">\n                        <i aria-hidden=\"true\" class=\"material-icons md-rocket_launch\" data-md-icon=\"rocket_launch\"><\/i>                    <\/span>\n\n                \n\n\n            <\/div>\n                         <h2 class=\"ekit-piechart-title\">Paket Pro<\/h2>\n            \n            <p>75 Mbps\n\n<\/p>\n\n                    <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-282861b elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"282861b\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04897a3 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"04897a3\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Tanpa Batas<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Gratis Biaya Pasang<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Untuk 10-15 User<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35136c3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"35136c3\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49db1cf elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"49db1cf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Rp<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b78f904 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"b78f904\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">388rb<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-780577a elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"780577a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">\/bulan<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c67c5c1 elementor-widget elementor-widget-text-editor\" data-id=\"c67c5c1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>*Belum termasuk Ppn 11%<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59782bc elementor-align-center elementor-widget elementor-widget-button\" data-id=\"59782bc\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=6281220885091&#038;text=Halo%2C+saya+mau+langganan+internet+Cyber+Evo%20paket%2050Mbps\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Berlangganan<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ac7c7d elementor-widget elementor-widget-html\" data-id=\"0ac7c7d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"bisnis-banner\">\r\n  <div class=\"bisnis-text\">\r\n    <h3>Butuh Koneksi Khusus Bisnis & Perusahaan?<\/h3>\r\n    <p>Pilih solusi jaringan terdedikasi yang dirancang khusus untuk skala operasional bisnis Anda.<\/p>\r\n  <\/div>\r\n  <div class=\"bisnis-cta\">\r\n    <a href=\"https:\/\/cyberevo.net\/?page_id=583\" class=\"btn-bisnis btn-primary\">Lihat Paket Dedicated \u2192<\/a>\r\n    <a href=\"https:\/\/cyberevo.net\/?page_id=1242\" class=\"btn-bisnis btn-outline\">Lihat Paket Metro E \u2192<\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .bisnis-banner {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 24px;\r\n    padding: 24px 32px;\r\n    margin-top: 20px;\r\n    border-radius: 16px;\r\n    background-color: #2D2E87 !important; \/* Biru Solid Utama *\/\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    box-shadow: 0 8px 24px rgba(45, 46, 135, 0.3);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .bisnis-banner:hover {\r\n    transform: translateY(-4px);\r\n    background-color: #242570 !important; \/* Biru sedikit lebih gelap\/elegan *\/\r\n    border-color: #00e5ff;\r\n    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3), \r\n                0 0 15px rgba(0, 229, 255, 0.2);\r\n  }\r\n\r\n  \/* Teks Judul - Selalu Putih Jelas *\/\r\n  .bisnis-text h3 {\r\n    margin: 0 0 6px 0 !important;\r\n    font-size: 1.25rem !important;\r\n    font-weight: 700 !important;\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  \/* Teks Sub-judul - Selalu Putih Agak Transparan *\/\r\n  .bisnis-text p {\r\n    margin: 0 !important;\r\n    font-size: 0.95rem !important;\r\n    color: rgba(255, 255, 255, 0.85) !important;\r\n    font-style: italic !important;\r\n  }\r\n\r\n  \/* Container Tombol *\/\r\n  .bisnis-cta {\r\n    display: flex;\r\n    gap: 12px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* Base Style Tombol *\/\r\n  .btn-bisnis {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 10px 20px;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    border-radius: 50px;\r\n    text-decoration: none !important;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  \/* Tombol Utama (Glass-like) *\/\r\n  .btn-primary {\r\n    background: rgba(255, 255, 255, 0.15);\r\n    color: #ffffff !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.4);\r\n  }\r\n\r\n  \/* Hover Tombol Utama (Menjadi Cyan Terang) *\/\r\n  .btn-primary:hover {\r\n    background-color: #00e5ff;\r\n    color: #0b1120 !important;\r\n    border-color: #00e5ff;\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  \/* Tombol Outline *\/\r\n  .btn-outline {\r\n    background: transparent;\r\n    color: #ffffff !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n  }\r\n\r\n  \/* Hover Tombol Outline *\/\r\n  .btn-outline:hover {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    color: #ffffff !important;\r\n    border-color: #ffffff;\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  \/* Responsive Mobile *\/\r\n  @media (max-width: 768px) {\r\n    .bisnis-banner {\r\n      flex-direction: column;\r\n      text-align: center;\r\n      padding: 20px;\r\n    }\r\n    .bisnis-cta {\r\n      width: 100%;\r\n      flex-direction: column;\r\n    }\r\n    .btn-bisnis {\r\n      justify-content: center;\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-12f9512 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"12f9512\" data-element_type=\"section\" id=\"keunggulan\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8176470\" data-id=\"8176470\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-06fa230 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-image\" data-id=\"06fa230\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"2000\" height=\"1310\" src=\"https:\/\/cyberevo.net\/wp-content\/uploads\/2023\/10\/cheerful-asian-couple-using-digital-tablet-browsing-internet-at-home.jpg\" class=\"attachment-full size-full wp-image-229\" alt=\"\" srcset=\"https:\/\/cyberevo.net\/wp-content\/uploads\/2023\/10\/cheerful-asian-couple-using-digital-tablet-browsing-internet-at-home.jpg 2000w, https:\/\/cyberevo.net\/wp-content\/uploads\/2023\/10\/cheerful-asian-couple-using-digital-tablet-browsing-internet-at-home-300x197.jpg 300w, https:\/\/cyberevo.net\/wp-content\/uploads\/2023\/10\/cheerful-asian-couple-using-digital-tablet-browsing-internet-at-home-1024x671.jpg 1024w, https:\/\/cyberevo.net\/wp-content\/uploads\/2023\/10\/cheerful-asian-couple-using-digital-tablet-browsing-internet-at-home-768x503.jpg 768w, https:\/\/cyberevo.net\/wp-content\/uploads\/2023\/10\/cheerful-asian-couple-using-digital-tablet-browsing-internet-at-home-1536x1006.jpg 1536w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9154e6c elementor-invisible\" data-id=\"9154e6c\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eef5737 elementor-widget elementor-widget-html\" data-id=\"eef5737\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ce-faq-header\">\r\n  <h2 id=\"faq\" class=\"faq-animated-heading\">\r\n    <span class=\"text-short\">FAQ<\/span>\r\n    <span class=\"text-long\">Frequently Asked Questions<\/span>\r\n  <\/h2>\r\n  <p class=\"ce-faq-subtitle\">Pertanyaan yang paling sering ditanyakan seputar layanan Dedicated Internet Cyber Evo.<\/p>\r\n<\/div>\r\n\r\n<style>\r\n\r\n\r\n  .ce-faq-header {\r\n    text-align: center;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    padding: 20px 0;\r\n    box-sizing: border-box;\r\n  }\r\n  .ce-faq-header * { box-sizing: border-box; }\r\n\r\n  .faq-animated-heading {\r\n    display: inline-block;\r\n    position: relative;\r\n    font-size: 34px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n    padding: 4px 12px;\r\n    margin: 0 0 12px 0;\r\n    transition: all 0.4s ease;\r\n    scroll-margin-top: 100px;\r\n  }\r\n\r\n  .faq-animated-heading .text-short {\r\n    display: inline-block;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .faq-animated-heading .text-long {\r\n    position: absolute;\r\n    left: 12px;\r\n    top: 50%;\r\n    transform: translateY(20px);\r\n    white-space: nowrap;\r\n    font-size: 1.15rem;\r\n    font-weight: 700;\r\n    color: #00e5ff;\r\n    opacity: 0;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .faq-animated-heading:hover .text-short {\r\n    opacity: 0;\r\n    transform: translateY(-20px);\r\n  }\r\n\r\n  .faq-animated-heading:hover .text-long {\r\n    opacity: 1;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  .faq-animated-heading:hover {\r\n    min-width: 320px;\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .ce-faq-subtitle {\r\n    color: #b0c4de;\r\n    font-size: 15px;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5318a06 e-flex e-con-boxed e-con e-parent\" data-id=\"5318a06\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d093fe elementor-widget elementor-widget-html\" data-id=\"2d093fe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .faq-accordion-wrapper {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n    box-sizing: border-box;\r\n    padding: 0 16px 40px 16px;\r\n  }\r\n\r\n  .faq-category-title {\r\n    font-size: 0.95rem;\r\n    font-weight: 700;\r\n    color: #38bdf8 !important;\r\n    margin: 24px 0 12px 0;\r\n    padding-left: 10px;\r\n    border-left: 3px solid #38bdf8;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .faq-category-title:first-child {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .accordion-item {\r\n    background: rgba(255, 255, 255, 0.05) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 12px;\r\n    margin-bottom: 10px;\r\n    overflow: hidden;\r\n    transition: all 0.25s ease;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .accordion-item:hover {\r\n    border-color: rgba(255, 255, 255, 0.25);\r\n    background: rgba(255, 255, 255, 0.08) !important;\r\n  }\r\n\r\n  .accordion-header {\r\n    padding: 14px 18px;\r\n    font-size: 0.92rem;\r\n    font-weight: 600;\r\n    \/* Warna teks dropdown saat tertutup *\/\r\n    color: #38bdf8 !important;\r\n    cursor: pointer;\r\n    list-style: none;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    user-select: none;\r\n    background: transparent !important;\r\n    transition: color 0.25s ease, font-weight 0.25s ease;\r\n  }\r\n\r\n  .accordion-header::-webkit-details-marker {\r\n    display: none;\r\n  }\r\n\r\n  .accordion-icon {\r\n    width: 22px;\r\n    height: 22px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #38bdf8;\r\n    font-size: 0.7rem;\r\n    transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;\r\n    flex-shrink: 0;\r\n    margin-left: 12px;\r\n  }\r\n\r\n  .accordion-item[open] {\r\n    background: #ffffff !important;\r\n    border-color: #38bdf8;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\r\n  }\r\n\r\n  .accordion-item[open] .accordion-header {\r\n    \/* Warna teks dropdown saat terbuka *\/\r\n    color: #38bdf8 !important;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .accordion-item[open] .accordion-icon {\r\n    transform: rotate(180deg);\r\n    background: #0284c7;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .accordion-body {\r\n    padding: 0 18px 16px 18px;\r\n    font-size: 0.85rem;\r\n    color: #334155 !important;\r\n    line-height: 1.6;\r\n    border-top: 1px solid #f1f5f9;\r\n    margin-top: 4px;\r\n    padding-top: 12px;\r\n    background: #ffffff !important;\r\n    word-break: break-word;\r\n  }\r\n\r\n  .accordion-body a {\r\n    color: #0284c7;\r\n    text-decoration: underline;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .faq-features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 16px;\r\n    margin-top: 16px;\r\n    padding-top: 16px;\r\n    border-top: 1px solid #e2e8f0;\r\n  }\r\n\r\n  .feature-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .feature-img {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    object-fit: cover;\r\n    border-radius: 8px;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .feature-title {\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    color: #0284c7;\r\n    text-transform: uppercase;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .feature-desc {\r\n    font-size: 0.78rem;\r\n    color: #64748b;\r\n    margin: 0;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .faq-accordion-wrapper {\r\n      padding: 0 8px 30px 8px;\r\n    }\r\n    .faq-features-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"faq-accordion-wrapper\">\r\n\r\n  <details class=\"accordion-item\" open>\r\n    <summary class=\"accordion-header\">\r\n      <span>Biaya Pemasangan & Pendaftaran<\/span>\r\n      <span class=\"accordion-icon\">\u25bc<\/span>\r\n    <\/summary>\r\n    <div class=\"accordion-body\">\r\n      <p style=\"margin: 0 0 4px 0; font-weight: 700; color: #0f172a;\">\u2713 Berapa biaya pemasangan layanan Cyber Evo?<\/p>\r\n      <p style=\"margin: 0 0 16px 0;\">Biaya pemasangan (instalasi) layanan Cyber Evo sepenuhnya GRATIS.<\/p>\r\n\r\n      <p style=\"margin: 0 0 4px 0; font-weight: 700; color: #0f172a;\">\u2713 Bagaimana cara mendaftar layanan Cyber Evo?<\/p>\r\n      <p style=\"margin: 0 0 16px 0;\">Anda dapat langsung menghubungi Tim Customer Service kami melalui WhatsApp\/Telepon di nomor +62 812-2088-5091.<\/p>\r\n\r\n      <p style=\"margin: 0 0 4px 0; font-weight: 700; color: #0f172a;\">\u2713 Bagaimana jadwal pemasangan layanan Cyber Evo?<\/p>\r\n      <p style=\"margin: 0;\">Pemasangan dapat dijadwalkan pada hari yang sama saat pendaftaran, disesuaikan dengan jam operasional kami, yaitu pukul 09.00 \u2013 15.00 WIB.<\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details class=\"accordion-item\">\r\n    <summary class=\"accordion-header\">\r\n      <span>Layanan & Kendala Teknis<\/span>\r\n      <span class=\"accordion-icon\">\u25bc<\/span>\r\n    <\/summary>\r\n    <div class=\"accordion-body\">\r\n      <p style=\"margin: 0 0 4px 0; font-weight: 700; color: #0f172a;\">\u2713 Apa yang harus dilakukan jika terjadi gangguan pada layanan Wi-Fi Cyber Evo?<\/p>\r\n      <p style=\"margin: 0 0 16px 0;\">Jika Anda mengalami kendala seperti koneksi lambat, internet terputus, atau kabel rusak, silakan hubungi Customer Service kami yang siap membantu Anda selama 24 jam.<\/p>\r\n\r\n      <p style=\"margin: 0 0 4px 0; font-weight: 700; color: #0f172a;\">\u2713 Apakah Wi-Fi Cyber Evo dapat digunakan di beberapa perangkat sekaligus?<\/p>\r\n      <p style=\"margin: 0 0 16px 0;\">Tentu saja. Layanan Wi-Fi kami mendukung koneksi simultan untuk berbagai perangkat seperti smartphone, laptop, tablet, dan perangkat pintar lainnya secara bersamaan.<\/p>\r\n\r\n      <p style=\"margin: 0 0 4px 0; font-weight: 700; color: #0f172a;\">\u2713 Apakah Cyber Evo menyediakan perangkat modem, atau harus dibeli terpisah?<\/p>\r\n      <p style=\"margin: 0;\">Modem kami sediakan secara gratis (sistem pinjam pakai) selama Anda aktif berlangganan layanan Cyber Evo.<\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details class=\"accordion-item\">\r\n    <summary class=\"accordion-header\">\r\n      <span>Ketentuan Biaya & Layanan Lainnya<\/span>\r\n      <span class=\"accordion-icon\">\u25bc<\/span>\r\n    <\/summary>\r\n    <div class=\"accordion-body\">\r\n      <p style=\"margin: 0 0 4px 0; font-weight: 700; color: #0f172a;\">\u2713 Apakah ada biaya tambahan jika ingin melakukan pemindahan posisi\/lokasi perangkat?<\/p>\r\n      <p style=\"margin: 0 0 16px 0;\">Untuk pemindahan posisi perangkat, dikenakan biaya administrasi sebesar Rp50.000.<\/p>\r\n\r\n      <p style=\"margin: 0 0 4px 0; font-weight: 700; color: #0f172a;\">\u2713 Apakah terdapat kebijakan pengembalian dana (refund)?<\/p>\r\n      <p style=\"margin: 0 0 16px 0;\">Saat ini kami belum menyediakan layanan pengembalian dana (refund). Namun, apabila terdapat kelebihan pembayaran, dana tersebut akan dialokasikan secara otomatis untuk pemotongan tagihan pada bulan berikutnya.<\/p>\r\n\r\n      <p style=\"margin: 0 0 4px 0; font-weight: 700; color: #0f172a;\">\u2713 Bagaimana cara mengecek tagihan (billing) layanan Cyber Evo saya?<\/p>\r\n      <p style=\"margin: 0;\">Untuk mengecek status dan rincian tagihan Anda, silakan akses layanan Cek Billing Cyber Evo <a href=\"https:\/\/billing.cyberevo.net\/\" target=\"_blank\">di sini<\/a>.<\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details class=\"accordion-item\">\r\n    <summary class=\"accordion-header\">\r\n      <span>Kenapa harus Cyber Evo?<\/span>\r\n      <span class=\"accordion-icon\">\u25bc<\/span>\r\n    <\/summary>\r\n    <div class=\"accordion-body\">\r\n      <p style=\"margin: 0 0 16px 0;\">Cyber Evo menghadirkan koneksi internet yang <strong>cepat<\/strong> dan <strong>stabil<\/strong> berteknologi <em>fiber optic<\/em> untuk menunjang aktivitas <em>streaming<\/em>, bekerja, hingga bermain <em>game online<\/em> tanpa hambatan, dengan harga paket yang tetap sangat <strong>terjangkau<\/strong>.<\/p>\r\n      \r\n      <div class=\"faq-features-grid\">\r\n        <div class=\"feature-card\">\r\n          <img decoding=\"async\" src=\"URL_GAMBAR_1\" alt=\"100% Fiber Optik\" class=\"feature-img\">\r\n          <div class=\"feature-title\">100% FIBER OPTIK<\/div>\r\n          <p class=\"feature-desc\">Tidak menggunakan kabel tembaga seperti provider lainnya, sehingga koneksi internet Cyber Evo tetap stabil disegala kondisi cuaca.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"feature-card\">\r\n          <img decoding=\"async\" src=\"URL_GAMBAR_2\" alt=\"Internet Tanpa Batas\" class=\"feature-img\">\r\n          <div class=\"feature-title\">INTERNET TANPA BATAS<\/div>\r\n          <p class=\"feature-desc\">Internet dengan kecepatan tinggi, tidak terganggu walaupun di jam sibuk, download upload 1:1 dan bisa digunakan dibanyak perangkat tanpa down.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"feature-card\">\r\n          <img decoding=\"async\" src=\"URL_GAMBAR_3\" alt=\"Game Online Terbaik\" class=\"feature-img\">\r\n          <div class=\"feature-title\">GAME ONLINE TERBAIK<\/div>\r\n          <p class=\"feature-desc\">Cyber Evo adalah provider internet paling mengerti kebutuhan gaming yang luar biasa tanpa khawatir nge-lag dan koneksi cepat.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/details>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-b971bff e-flex e-con-boxed e-con e-parent\" data-id=\"b971bff\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6646a63 elementor-widget elementor-widget-html\" data-id=\"6646a63\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  Cyber EVO - Career section v2 (paste into an Elementor HTML widget)\r\n  No external libraries. Instagram\/TikTok icon paths: simple-icons (CC0).\r\n-->\r\n<style>\r\n  .ce-career {\r\n    --ce-navy: #2e3087;\r\n    --ce-ink: #1c1e66;\r\n    --ce-blue: #4faee8;\r\n    --ce-orange: #f07b34;\r\n    --ce-white: #fff;\r\n    --ce-pad-y: 24px;\r\n    font-family: inherit;\r\n    padding: var(--ce-pad-y) 24px;     \/* vertical breathing room: raise\/lower this one value *\/\r\n    box-sizing: border-box;\r\n  }\r\n  .ce-career *, .ce-career *::before, .ce-career *::after { box-sizing: border-box; }\r\n\r\n  .ce-career .ce-wrap {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 1fr;\r\n    gap: 72px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* ---------- Text ---------- *\/\r\n  .ce-career .ce-kicker {\r\n    margin: 0 0 14px;\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    color: var(--ce-orange);\r\n  }\r\n  .ce-career .ce-title {\r\n    margin: 0 0 22px;\r\n    font-size: clamp(34px, 4.6vw, 54px);\r\n    line-height: 1.15;\r\n    font-weight: 800;\r\n    color: var(--ce-white);\r\n  }\r\n  .ce-career .ce-text {\r\n    margin: 0 0 34px;\r\n    max-width: 46ch;\r\n    font-size: 17px;\r\n    line-height: 1.7;\r\n    color: rgba(255, 255, 255, .82);\r\n  }\r\n\r\n  \/* ---------- 3D letter flip ---------- *\/\r\n  .ce-career .ce-word { display: inline-block; white-space: nowrap; }\r\n  .ce-career .ce-ch { display: inline-block; perspective: 600px; }\r\n  .ce-career .ce-in {\r\n    --d: .575em;\r\n    display: inline-block;\r\n    position: relative;\r\n    transform-style: preserve-3d;\r\n    transform: translateZ(calc(var(--d) * -1)) rotateX(0deg);\r\n  }\r\n  .ce-career .ce-gh { visibility: hidden; }\r\n  .ce-career .ce-fa, .ce-career .ce-fb {\r\n    position: absolute;\r\n    inset: 0;\r\n    backface-visibility: hidden;\r\n    -webkit-backface-visibility: hidden;\r\n  }\r\n  .ce-career .ce-fa { transform: rotateX(0deg) translateZ(var(--d)); }\r\n  .ce-career .ce-fb { transform: rotateX(90deg) translateZ(var(--d)); }\r\n\r\n  .ce-career.ce-js .ce-title .ce-in {\r\n    transform: translateZ(calc(var(--d) * -1)) rotateX(90deg);\r\n    transition: transform .75s cubic-bezier(.22, .9, .3, 1);\r\n    transition-delay: calc(var(--i) * 30ms);\r\n  }\r\n  .ce-career.ce-js .ce-title.is-in .ce-in {\r\n    transform: translateZ(calc(var(--d) * -1)) rotateX(0deg);\r\n  }\r\n  @media (hover: hover) {\r\n    .ce-career.ce-js .ce-title.is-in:hover .ce-in {\r\n      transform: translateZ(calc(var(--d) * -1)) rotateX(-90deg);\r\n    }\r\n  }\r\n\r\n  \/* ---------- Links ---------- *\/\r\n  .ce-career .ce-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 28px 36px; }\r\n\r\n  .ce-career a.ce-apply {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 16px 28px 16px 22px;\r\n    border-radius: 999px;\r\n    background: var(--ce-blue);\r\n    color: var(--ce-ink);\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n    box-shadow: 0 10px 24px rgba(0, 0, 0, .25);\r\n    transition: background-color .2s ease, transform .2s ease, color .2s ease;\r\n  }\r\n  .ce-career a.ce-apply svg { width: 32px; height: 32px; stroke-width: 2.2; flex: none; }\r\n  .ce-career a.ce-apply:hover,\r\n  .ce-career a.ce-apply:focus-visible {\r\n    background: var(--ce-orange);\r\n    color: var(--ce-white);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .ce-career .ce-social { display: flex; gap: 22px; }\r\n  .ce-career a.ce-link {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: var(--ce-white);\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n  }\r\n  .ce-career .ce-ico {\r\n    width: 54px;\r\n    height: 54px;\r\n    border-radius: 50%;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 2px solid rgba(255, 255, 255, .5);\r\n    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;\r\n  }\r\n  .ce-career .ce-ico svg { width: 22px; height: 22px; fill: currentColor; }\r\n  .ce-career a.ce-link:hover, .ce-career a.ce-link:focus-visible { color: var(--ce-white); }\r\n  .ce-career a.ce-link:hover .ce-ico,\r\n  .ce-career a.ce-link:focus-visible .ce-ico {\r\n    background: var(--ce-orange);\r\n    border-color: var(--ce-orange);\r\n    transform: translateY(-3px);\r\n  }\r\n  .ce-career a:focus-visible { outline: 3px solid var(--ce-white); outline-offset: 5px; }\r\n\r\n  \/* ---------- Photo ---------- *\/\r\n  .ce-career .ce-photo { position: relative; margin: 0; }\r\n  .ce-career .ce-photo::after {            \/* dot grid *\/\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -26px;\r\n    left: -26px;\r\n    width: 120px;\r\n    height: 120px;\r\n    background-image: radial-gradient(rgba(255, 255, 255, .35) 2px, transparent 2.5px);\r\n    background-size: 15px 15px;\r\n  }\r\n  .ce-career .ce-frame {\r\n    position: relative;\r\n    z-index: 1;\r\n    aspect-ratio: 3 \/ 2;              \/* placeholder; JS sets the photo's real ratio *\/\r\n    border-radius: 28px;\r\n    overflow: hidden;\r\n    background: rgba(255, 255, 255, .06);\r\n    box-shadow: 0 28px 56px rgba(8, 10, 50, .45);\r\n  }\r\n  .ce-career .ce-frame img,\r\n  .ce-career .ce-frame canvas {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: none;\r\n    border-radius: 0;\r\n  }\r\n  .ce-career .ce-frame img { object-fit: cover; }\r\n  .ce-career .ce-frame.ce-px .ce-base { opacity: 0; }\r\n  .ce-career .ce-cap {\r\n    position: absolute;\r\n    z-index: 2;\r\n    left: -16px;\r\n    bottom: 30px;\r\n    padding: 11px 20px;\r\n    border-radius: 999px;\r\n    background: var(--ce-white);\r\n    color: var(--ce-navy);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    box-shadow: 0 8px 20px rgba(0, 0, 0, .28);\r\n  }\r\n\r\n  \/* ---------- Mobile ---------- *\/\r\n  @media (max-width: 860px) {\r\n    .ce-career { --ce-pad-y: 16px; padding-left: 20px; padding-right: 20px; }\r\n    .ce-career .ce-wrap { grid-template-columns: 1fr; gap: 48px; }\r\n    .ce-career .ce-photo { order: -1; }\r\n    .ce-career .ce-photo::after { top: -16px; left: -10px; width: 90px; height: 90px; }\r\n    .ce-career .ce-cap { left: 12px; bottom: 18px; }\r\n    .ce-career a.ce-apply { width: 100%; justify-content: center; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"ce-career\" id=\"ce-career\" aria-labelledby=\"ce-career-title\">\r\n  <div class=\"ce-wrap\">\r\n\r\n    <div class=\"ce-copy\">\r\n      <p class=\"ce-kicker\">Karier<\/p>\r\n      <h2 class=\"ce-title\" id=\"ce-career-title\">Tumbuh bersama tim Cyber EVO<\/h2>\r\n      <p class=\"ce-text\">\r\n        Kami bekerja sebagai satu tim agar pelanggan selalu terhubung.\r\n        Jika Anda ingin ikut membangun layanan internet yang andal,\r\n        lihat lowongan terbaru kami.\r\n      <\/p>\r\n\r\n      <div class=\"ce-actions\">\r\n        <a class=\"ce-apply\"\r\n           href=\"https:\/\/id.jobstreet.com\/id\/PT.-JARINGAN-CYBER-EVO-jobs\/at-this-company\"\r\n           target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M38.5 5.5h-29a4 4 0 0 0-4 4v29a4 4 0 0 0 4 4h29a4 4 0 0 0 4-4v-29a4 4 0 0 0-4-4\"\/><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.912 18.088v7.368c0 1.356-1.1 2.456-2.456 2.456h0A2.456 2.456 0 0 1 11 25.456v-.816\"\/><rect width=\"4.912\" height=\"6.508\" x=\"18.299\" y=\"21.404\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" rx=\"2.456\" ry=\"2.456\"\/><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M32.806 27.363c.448.377.932.549 2.02.549h.55c.897 0 1.624-.728 1.624-1.627h0c0-.899-.727-1.627-1.624-1.627h-1.102a1.625 1.625 0 0 1-1.623-1.627h0c0-.899.727-1.627 1.623-1.627h.551c1.088 0 1.572.172 2.02.549M25.541 23.86c0-1.357 1.1-2.456 2.456-2.456h0c1.356 0 2.456 1.1 2.456 2.456v1.596c0 1.356-1.1 2.456-2.456 2.456h0a2.456 2.456 0 0 1-2.456-2.456m0 2.456v-9.824\"\/><\/svg>\r\n          Lihat lowongan di Jobstreet\r\n        <\/a>\r\n\r\n        <div class=\"ce-social\">\r\n          <a class=\"ce-link\" href=\"https:\/\/www.instagram.com\/p\/Dd52hkYlJju\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Cyber EVO di Instagram\">\r\n            <span class=\"ce-ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077\"\/><\/svg><\/span>\r\n            Instagram\r\n          <\/a>\r\n          <a class=\"ce-link\" href=\"https:\/\/vt.tiktok.com\/ZSbAJL3AP\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Cyber EVO di TikTok\">\r\n            <span class=\"ce-ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z\"\/><\/svg><\/span>\r\n            TikTok\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <figure class=\"ce-photo\">\r\n      <div class=\"ce-frame\">\r\n        <img loading=\"lazy\" decoding=\"async\" class=\"ce-base\"\r\n             src=\"https:\/\/cyberevo.net\/wp-content\/uploads\/2023\/08\/call-service-team-while-working-and-sitting-together-.jpg\"\r\n             alt=\"Tim layanan pelanggan Cyber EVO bekerja bersama di ruang kerja\"\r\n             width=\"1200\" height=\"900\" loading=\"lazy\">\r\n      <\/div>\r\n      <figcaption class=\"ce-cap\">Tumbuh Bersama Cyber Evo<\/figcaption>\r\n    <\/figure>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var root = document.getElementById('ce-career');\r\n  if (!root) return;\r\n  if (window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n\r\n  var title = root.querySelector('.ce-title');\r\n  var text = title.textContent.trim();\r\n  var n = 0;\r\n  var total = text.replace(\/ \/g, '').length;\r\n\r\n  title.setAttribute('aria-label', text);\r\n  title.textContent = '';\r\n  text.split(' ').forEach(function (word, wi, all) {\r\n    var w = document.createElement('span');\r\n    w.className = 'ce-word';\r\n    w.setAttribute('aria-hidden', 'true');\r\n    word.split('').forEach(function (c) {\r\n      var ch = document.createElement('span');\r\n      ch.className = 'ce-ch';\r\n      ch.style.setProperty('--i', Math.abs(n++ - (total - 1) \/ 2));\r\n      ch.innerHTML = '<span class=\"ce-in\"><span class=\"ce-gh\">' + c +\r\n        '<\/span><span class=\"ce-fa\">' + c + '<\/span><span class=\"ce-fb\">' + c + '<\/span><\/span>';\r\n      w.appendChild(ch);\r\n    });\r\n    title.appendChild(w);\r\n    if (wi < all.length - 1) title.appendChild(document.createTextNode(' '));\r\n  });\r\n\r\n  root.classList.add('ce-js');\r\n  if ('IntersectionObserver' in window) {\r\n    var io = new IntersectionObserver(function (entries) {\r\n      if (entries[0].isIntersecting) { title.classList.add('is-in'); io.disconnect(); }\r\n    }, { threshold: 0.35 });\r\n    io.observe(title);\r\n  } else {\r\n    title.classList.add('is-in');\r\n  }\r\n\r\n  \/* ---- Pixel image in three.js: 4x6 tiles fade in at random, grayscale -> colour ---- *\/\r\n  var THREE_SRC = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js';\r\n  var ROWS = 4, COLS = 6;\r\n  var frame = root.querySelector('.ce-frame');\r\n  var base = frame.querySelector('.ce-base');\r\n\r\n  function fallback() { frame.classList.remove('ce-px'); }\r\n  function setRatio() {\r\n    if (base.naturalWidth) frame.style.aspectRatio = base.naturalWidth + ' \/ ' + base.naturalHeight;\r\n  }\r\n  frame.classList.add('ce-px');            \/* hide the plain image until the animation takes over *\/\r\n  base.addEventListener('error', fallback);\r\n  base.addEventListener('load', setRatio);\r\n  setRatio();\r\n\r\n  function loadThree(ok, fail) {\r\n    if (window.THREE) return ok();\r\n    var s = document.createElement('script');\r\n    s.src = THREE_SRC;\r\n    s.onload = ok;\r\n    s.onerror = fail;\r\n    document.head.appendChild(s);\r\n  }\r\n\r\n  var VERT = 'varying vec2 vUv; void main(){ vUv = uv; gl_Position = vec4(position.xy, 0.0, 1.0); }';\r\n  var FRAG = [\r\n    'precision highp float;',\r\n    'uniform sampler2D uTex; uniform float uTime; uniform float uColor; uniform vec2 uGrid;',\r\n    'varying vec2 vUv;',\r\n    'float rand(vec2 p){ return fract(sin(dot(p, vec2(12.9898, 78.233))) * 43758.5453); }',\r\n    'void main(){',\r\n    '  vec2 cell = floor(vUv * uGrid);',\r\n    '  float a = smoothstep(0.0, 1.0, clamp((uTime - rand(cell + 1.7) * 1.2) \/ 1.0, 0.0, 1.0));',\r\n    '  vec3 c = texture2D(uTex, vUv).rgb;',\r\n    '  float g = dot(c, vec3(0.299, 0.587, 0.114));',\r\n    '  vec3 col = mix(vec3(g), c, uColor);',\r\n    '  gl_FragColor = vec4(col * a, a);',          \/* premultiplied for the canvas *\/\r\n    '}'\r\n  ].join('\\n');\r\n\r\n  var state = 'idle';        \/* idle (blank, waiting) | playing | done *\/\r\n  var api = null;            \/* set once three.js and the texture are ready *\/\r\n  var inView = false, requested = false;\r\n\r\n  function play()  { if (api && state === 'idle') { state = 'playing'; api.start(); } }\r\n  function reset() { if (api && state !== 'idle') { state = 'idle'; api.reset(); } }\r\n\r\n  function run() {\r\n    var THREE = window.THREE;\r\n    var renderer;\r\n    try {\r\n      renderer = new THREE.WebGLRenderer({ alpha: true, antialias: false });\r\n    } catch (e) { return fallback(); }\r\n    renderer.setClearColor(0x000000, 0);\r\n    renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2));\r\n\r\n    var loader = new THREE.TextureLoader();\r\n    loader.setCrossOrigin('anonymous');\r\n    loader.load(base.currentSrc || base.src, function (tex) {\r\n      tex.minFilter = THREE.LinearFilter;\r\n      tex.generateMipmaps = false;\r\n      frame.style.aspectRatio = tex.image.width + ' \/ ' + tex.image.height;   \/* whole photo, no crop *\/\r\n\r\n      var canvas = renderer.domElement;\r\n      canvas.setAttribute('aria-hidden', 'true');\r\n      canvas.addEventListener('webglcontextlost', function (e) {\r\n        e.preventDefault(); canvas.remove(); api = null; fallback();\r\n      });\r\n      frame.appendChild(canvas);\r\n\r\n      var scene = new THREE.Scene();\r\n      var cam = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 1);\r\n      var mat = new THREE.ShaderMaterial({\r\n        uniforms: {\r\n          uTex: { value: tex }, uTime: { value: 0 }, uColor: { value: 0 },\r\n          uGrid: { value: new THREE.Vector2(COLS, ROWS) }\r\n        },\r\n        vertexShader: VERT, fragmentShader: FRAG, blending: THREE.NoBlending\r\n      });\r\n      scene.add(new THREE.Mesh(new THREE.PlaneGeometry(2, 2), mat));\r\n\r\n      function draw() { renderer.render(scene, cam); }\r\n      function size() {                 \/* resizing clears the canvas, so redraw right away *\/\r\n        renderer.setSize(frame.clientWidth, frame.clientHeight, false);\r\n        draw();\r\n      }\r\n      size();\r\n      if (window.ResizeObserver) new ResizeObserver(size).observe(frame);\r\n\r\n      var t0 = 0, raf = 0;\r\n      function ease(a, b, x) { x = Math.min(Math.max((x - a) \/ (b - a), 0), 1); return x * x * (3 - 2 * x); }\r\n      function tick(now) {\r\n        var t = (now - t0) \/ 1000;\r\n        mat.uniforms.uTime.value = t;\r\n        mat.uniforms.uColor.value = ease(1.3, 2.3, t);\r\n        draw();\r\n        if (t < 2.6) raf = requestAnimationFrame(tick);\r\n        else state = 'done';\r\n      }\r\n\r\n      api = {\r\n        start: function () {\r\n          cancelAnimationFrame(raf);\r\n          t0 = performance.now();\r\n          raf = requestAnimationFrame(tick);\r\n        },\r\n        reset: function () {            \/* back to a blank frame, ready to replay *\/\r\n          cancelAnimationFrame(raf);\r\n          mat.uniforms.uTime.value = 0;\r\n          mat.uniforms.uColor.value = 0;\r\n          draw();\r\n        }\r\n      };\r\n      if (inView) play();\r\n    }, undefined, function () { renderer.dispose(); fallback(); });\r\n  }\r\n\r\n  \/* Play when the photo is at least 25% visible; rewind when it has fully left the screen. *\/\r\n  if ('IntersectionObserver' in window) {\r\n    new IntersectionObserver(function (entries) {\r\n      var e = entries[entries.length - 1];\r\n      if (e.intersectionRatio >= 0.25) {\r\n        inView = true;\r\n        if (!requested) { requested = true; loadThree(run, fallback); }\r\n        else play();\r\n      } else if (e.intersectionRatio === 0) {\r\n        inView = false;\r\n        reset();\r\n      }\r\n    }, { threshold: [0, 0.25] }).observe(frame);\r\n  } else {\r\n    inView = true; requested = true; loadThree(run, fallback);\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-25e5ba4c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"25e5ba4c\" data-element_type=\"section\" id=\"testimoni\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-43127cb9\" data-id=\"43127cb9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-65a18d92 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"65a18d92\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-12d353bb elementor-invisible\" data-id=\"12d353bb\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-69f054f3 elementor-widget elementor-widget-heading\" data-id=\"69f054f3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Testimoni Pelanggan<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-c081e5b elementor-widget elementor-widget-html\" data-id=\"c081e5b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"featurable-bf99d1b1-41db-4bd2-bcb6-fbc06d34062a\" data-featurable-async data-location-code=\"it\"><\/div><script src=\"https:\/\/cdn.featurable.com\/widget\/v2\/embed.js\" defer charset=\"UTF-8\"><\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-afc44f6 e-flex e-con-boxed e-con e-parent\" data-id=\"afc44f6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb55d46 elementor-widget elementor-widget-html\" data-id=\"cb55d46\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Cyber EVO - \"Lokasi Kami\" (Google Maps & Auto-Navigation Route Edition) -->\r\n<style>\r\n  .ce-loc-clay-root {\r\n    --ce-navy: #1e2269;\r\n    --ce-blue: #4faee8;\r\n    --ce-orange: #f07b34;\r\n    --ce-bg-page: #edf2fc;\r\n    --ce-card-bg: #ffffff;\r\n    --ce-stage-bg: #eef4fe;\r\n    --ce-text-dark: #111438;\r\n    --ce-text-muted: #64748b;\r\n    position: relative;\r\n    width: 100vw;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    padding: 64px 24px;\r\n    background: var(--ce-bg-page);\r\n    font-family: inherit;\r\n    color: var(--ce-text-dark);\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n  }\r\n  .ce-loc-clay-root *, .ce-loc-clay-root *::before, .ce-loc-clay-root *::after { box-sizing: border-box; }\r\n\r\n  .ce-loc-shell {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    background: var(--ce-card-bg);\r\n    border-radius: 36px;\r\n    padding: 52px;\r\n    box-shadow: \r\n      0 24px 60px -15px rgba(30, 34, 105, 0.12),\r\n      0 0 0 1px rgba(226, 232, 240, 0.8);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 40px;\r\n  }\r\n\r\n  \/* Entrance Animation Initial State (Prevent Flickering) *\/\r\n  .ce-loc-anim-el {\r\n    opacity: 0;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  .ce-loc-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    gap: 32px;\r\n  }\r\n  .ce-loc-head-left .ce-loc-tag {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: var(--ce-orange);\r\n    margin-bottom: 8px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n  .ce-loc-tag-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--ce-orange);\r\n    box-shadow: 0 0 0 3px rgba(240, 123, 52, 0.2);\r\n  }\r\n  .ce-loc-head-left h2 {\r\n    margin: 0;\r\n    font-size: clamp(30px, 3.4vw, 44px);\r\n    font-weight: 800;\r\n    line-height: 1.16;\r\n    letter-spacing: -0.02em;\r\n    color: var(--ce-text-dark);\r\n  }\r\n  .ce-loc-head-left h2 span { color: var(--ce-blue); }\r\n  .ce-loc-head-right { max-width: 440px; }\r\n  .ce-loc-head-right p {\r\n    margin: 0;\r\n    font-size: 15.5px;\r\n    line-height: 1.6;\r\n    color: var(--ce-text-muted);\r\n  }\r\n\r\n  .ce-loc-stage-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 0.8fr;\r\n    gap: 32px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  \/* Embedded Google Maps Container *\/\r\n  .ce-loc-map-box {\r\n    position: relative;\r\n    background: var(--ce-stage-bg);\r\n    border-radius: 28px;\r\n    border: 1px solid rgba(203, 213, 225, 0.8);\r\n    min-height: 440px;\r\n    overflow: hidden;\r\n    box-shadow: 0 12px 30px -10px rgba(30, 34, 105, 0.1);\r\n  }\r\n  \r\n  .ce-loc-map-box iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 440px;\r\n    border: 0;\r\n    display: block;\r\n  }\r\n\r\n  \/* Right Side Info *\/\r\n  .ce-loc-info-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n  }\r\n  .ce-loc-clay-card {\r\n    background: #f8fafc;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 24px;\r\n    padding: 26px 28px;\r\n  }\r\n  .ce-loc-clay-card h3 {\r\n    margin: 0 0 8px;\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    color: var(--ce-text-dark);\r\n  }\r\n  .ce-loc-clay-card p {\r\n    margin: 0;\r\n    font-size: 14.5px;\r\n    line-height: 1.6;\r\n    color: var(--ce-text-muted);\r\n  }\r\n  .ce-loc-badge-row {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-top: 14px;\r\n    flex-wrap: wrap;\r\n  }\r\n  .ce-loc-mini-pill {\r\n    font-size: 11.5px;\r\n    font-weight: 700;\r\n    padding: 4px 10px;\r\n    border-radius: 6px;\r\n    background: #edf2fc;\r\n    color: var(--ce-navy);\r\n  }\r\n\r\n  \/* Buttons *\/\r\n  .ce-loc-btn-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n  .ce-loc-btn-route {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    padding: 16px 28px;\r\n    border-radius: 999px;\r\n    background: var(--ce-navy);\r\n    color: #fff;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    box-shadow: 0 10px 24px -6px rgba(30, 34, 105, 0.35);\r\n    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.2s ease;\r\n  }\r\n  .ce-loc-btn-route:hover {\r\n    transform: translateY(-2px);\r\n    background: #15194d;\r\n    color: #fff;\r\n  }\r\n  .ce-loc-btn-route svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    stroke: currentColor;\r\n    stroke-width: 2.2;\r\n    fill: none;\r\n  }\r\n\r\n  .ce-loc-btn-secondary {\r\n    all: unset;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    padding: 14px 28px;\r\n    border-radius: 999px;\r\n    background: #ffffff;\r\n    border: 1px solid #cbd5e1;\r\n    color: var(--ce-text-dark);\r\n    font-size: 14.5px;\r\n    font-weight: 700;\r\n    box-shadow: 0 4px 12px rgba(30, 34, 105, 0.04);\r\n    transition: all 0.2s ease;\r\n  }\r\n  .ce-loc-btn-secondary:hover {\r\n    background: #f8fafc;\r\n    border-color: #94a3b8;\r\n    transform: translateY(-2px);\r\n  }\r\n  .ce-loc-btn-secondary svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    stroke: var(--ce-navy);\r\n    stroke-width: 2.2;\r\n    fill: none;\r\n  }\r\n\r\n  @media (max-width: 880px) {\r\n    .ce-loc-shell { padding: 32px 20px; border-radius: 28px; }\r\n    .ce-loc-header { flex-direction: column; align-items: flex-start; gap: 16px; }\r\n    .ce-loc-stage-grid { grid-template-columns: 1fr; }\r\n    .ce-loc-map-box, .ce-loc-map-box iframe { min-height: 350px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ce-loc-clay-root\" id=\"lokasi-kami\">\r\n  <div class=\"ce-loc-shell\">\r\n\r\n    <!-- Header Section -->\r\n    <header class=\"ce-loc-header\">\r\n      <div class=\"ce-loc-head-left ce-loc-anim-el ce-anim-loc-header\">\r\n        <span class=\"ce-loc-tag\">\r\n          <span class=\"ce-loc-tag-dot\"><\/span>\r\n          Titik Pusat Layanan\r\n        <\/span>\r\n        <h2>Kunjungi Kantor <span>Cyber EVO<\/span><\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"ce-loc-head-right ce-loc-anim-el ce-anim-loc-header\">\r\n        <p>Pusat operasional dan koordinasi jaringan kami untuk wilayah Banten dan Jabodetabek. Tim teknisi dan representatif kami siap melayani kebutuhan Anda.<\/p>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <!-- Stage Grid -->\r\n    <div class=\"ce-loc-stage-grid\">\r\n\r\n      <!-- Left: Real Embedded Google Maps -->\r\n      <div class=\"ce-loc-map-box ce-loc-anim-el ce-anim-loc-map\">\r\n        <iframe \r\n          title=\"Google Maps Lokasi Cyber Evo\"\r\n          src=\"https:\/\/maps.google.com\/maps?q=Cyber+EVO+Jl.+Villa+Tomang+Baru+Blok+H2+No.41+Kuta+Jaya+Pasar+Kemis+Tangerang&t=&z=16&ie=UTF8&iwloc=&output=embed\" \r\n          loading=\"lazy\" \r\n          allowfullscreen \r\n          referrerpolicy=\"no-referrer-when-downgrade\">\r\n        <\/iframe>\r\n      <\/div>\r\n\r\n      <!-- Right: Address Info & Auto-Route CTA -->\r\n      <div class=\"ce-loc-info-col\">\r\n        <div class=\"ce-loc-clay-card ce-loc-anim-el ce-anim-loc-info\">\r\n          <h3>PT Jaringan Cyber Evo<\/h3>\r\n          <p id=\"ce-address-text\">Jl. Villa Tomang Baru Blok H2 No.41, Kuta Jaya, Kec. Ps. Kemis, Kabupaten Tangerang, Banten 15560<\/p>\r\n          \r\n          <div class=\"ce-loc-badge-row\">\r\n            <span class=\"ce-loc-mini-pill\">Kab. Tangerang<\/span>\r\n            <span class=\"ce-loc-mini-pill\">Banten<\/span>\r\n            <span class=\"ce-loc-mini-pill\">Kode Pos 15560<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ce-loc-clay-card ce-loc-anim-el ce-anim-loc-info\" style=\"padding: 20px 28px;\">\r\n          <h4 style=\"margin: 0 0 4px; font-size: 15px; font-weight: 700; color: var(--ce-text-dark);\">Jam Operasional Layanan<\/h4>\r\n          <p style=\"font-size: 13.5px; color: var(--ce-text-muted); margin: 0;\">Senin \u2013 Sabtu: 08.30 \u2013 17.00 WIB (Monitoring NOC dan Admin 24 Jam)<\/p>\r\n          <p style=\"font-size: 13.5px; color: var(--ce-text-muted); margin: 0;\">P.S. Layanan Pemasangan dan Konsultasi Setiap Hari<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ce-loc-btn-group ce-loc-anim-el ce-anim-loc-info\">\r\n          <!-- Tombol Navigasi Otomatis Google Maps -->\r\n          <a class=\"ce-loc-btn-route\" \r\n             href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=Cyber+EVO+Jl.+Villa+Tomang+Baru+Blok+H2+No.41+Kuta+Jaya+Pasar+Kemis+Tangerang\" \r\n             target=\"_blank\" \r\n             rel=\"noopener noreferrer\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <polygon points=\"3 11 22 2 13 21 11 13 3 11\"\/>\r\n            <\/svg>\r\n            Petunjuk Arah (Navigasi Rute)\r\n          <\/a>\r\n\r\n          <button class=\"ce-loc-btn-secondary\" id=\"ce-copy-btn\">\r\n            <svg id=\"ce-copy-icon\" viewBox=\"0 0 24 24\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/><\/svg>\r\n            <span id=\"ce-copy-label\">Salin Alamat Lengkap<\/span>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var root = document.getElementById('lokasi-kami');\r\n  if (!root) return;\r\n\r\n  \/* 1. Copy Address Clipboard Logic *\/\r\n  var copyBtn = document.getElementById('ce-copy-btn');\r\n  var copyLabel = document.getElementById('ce-copy-label');\r\n  var addressText = document.getElementById('ce-address-text');\r\n\r\n  if (copyBtn && addressText) {\r\n    copyBtn.addEventListener('click', function() {\r\n      navigator.clipboard.writeText(addressText.textContent.trim()).then(function() {\r\n        copyLabel.textContent = \"Alamat Berhasil Disalin!\";\r\n        copyBtn.style.borderColor = \"var(--ce-orange)\";\r\n        copyBtn.style.color = \"var(--ce-orange)\";\r\n        setTimeout(function() {\r\n          copyLabel.textContent = \"Salin Alamat Lengkap\";\r\n          copyBtn.style.borderColor = \"#cbd5e1\";\r\n          copyBtn.style.color = \"var(--ce-text-dark)\";\r\n        }, 2200);\r\n      });\r\n    });\r\n  }\r\n\r\n  \/* 2. Anime.js Loader & Entrance Animation Orchestrator *\/\r\n  var ANIME_SRC = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animejs\/3.2.2\/anime.min.js';\r\n\r\n  function loadAnime(cb) {\r\n    if (window.anime) return cb();\r\n    if (document.querySelector('script[src=\"' + ANIME_SRC + '\"]')) {\r\n      var check = setInterval(function() {\r\n        if (window.anime) {\r\n          clearInterval(check);\r\n          cb();\r\n        }\r\n      }, 50);\r\n      return;\r\n    }\r\n    var s = document.createElement('script');\r\n    s.src = ANIME_SRC;\r\n    s.async = true;\r\n    s.onload = cb;\r\n    document.head.appendChild(s);\r\n  }\r\n\r\n  loadAnime(function() {\r\n    var anime = window.anime;\r\n    var isVisible = false;\r\n\r\n    \/\/ Build timeline\r\n    var tl = anime.timeline({\r\n      autoplay: false,\r\n      easing: 'easeOutQuart'\r\n    });\r\n\r\n    tl.add({\r\n      targets: root.querySelectorAll('.ce-anim-loc-header'),\r\n      opacity: [0, 1],\r\n      translateY: [30, 0],\r\n      duration: 800,\r\n      delay: anime.stagger(120)\r\n    })\r\n    .add({\r\n      targets: root.querySelector('.ce-anim-loc-map'),\r\n      opacity: [0, 1],\r\n      translateY: [35, 0],\r\n      scale: [0.97, 1],\r\n      duration: 900\r\n    }, '-=500')\r\n    .add({\r\n      targets: root.querySelectorAll('.ce-anim-loc-info'),\r\n      opacity: [0, 1],\r\n      translateY: [30, 0],\r\n      duration: 750,\r\n      delay: anime.stagger(130)\r\n    }, '-=650');\r\n\r\n    function playEntrance() {\r\n      if (isVisible) return;\r\n      isVisible = true;\r\n      tl.restart();\r\n    }\r\n\r\n    function resetEntrance() {\r\n      if (!isVisible) return;\r\n      isVisible = false;\r\n      tl.pause();\r\n      tl.seek(0);\r\n      anime.set(root.querySelectorAll('.ce-anim-loc-header'), { opacity: 0, translateY: 30 });\r\n      anime.set(root.querySelector('.ce-anim-loc-map'), { opacity: 0, translateY: 35, scale: 0.97 });\r\n      anime.set(root.querySelectorAll('.ce-anim-loc-info'), { opacity: 0, translateY: 30 });\r\n    }\r\n\r\n    \/\/ Trigger IntersectionObserver\r\n    if ('IntersectionObserver' in window) {\r\n      var obs = new IntersectionObserver(function(entries) {\r\n        entries.forEach(function(entry) {\r\n          if (entry.isIntersecting) {\r\n            playEntrance();\r\n          } else {\r\n            resetEntrance();\r\n          }\r\n        });\r\n      }, { threshold: [0, 0.15] });\r\n\r\n      obs.observe(root);\r\n    } else {\r\n      playEntrance();\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kualitas Premium Harga Minimum Nikmati koneksi unlimited 100% fiber optik yang super cepat dan tahan segala cuaca. Bukti nyata bahwa internet andal nggak harus mahal. Mulai dari 100rb-an\/bulan *Belum termasuk PPN 11% Lihat paket Cek coverage Berlangganan via WhatsApp 100% fiber optik Unlimited Tahan cuaca Terjangkau Kenapa Harus Cyber EVO? Solusi konektivitas internet stabil dan &#8230; <a title=\"Home\" class=\"read-more\" href=\"https:\/\/cyberevo.net\/\" aria-label=\"More on Home\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-12","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/cyberevo.net\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cyberevo.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cyberevo.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cyberevo.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cyberevo.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":341,"href":"https:\/\/cyberevo.net\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":1305,"href":"https:\/\/cyberevo.net\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/1305"}],"wp:attachment":[{"href":"https:\/\/cyberevo.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}