/* R133 - Kartu paket dari papan situs-beranda dan halaman ponsel dari papan situs-ponsel. Dibuat otomatis. */
@media(max-width:760px){#home130{display:none}}
@media(min-width:761px){#ponsel133{display:none}}
#ponsel133{--bg:#F3F8FC;--surface:#FFFFFF;--surface-2:#EAF2F9;--line:#DCE6EF;--line-2:#C6D4E0;--ink:#0C1E2D;--muted:#4E6273;--accent:#0B6FB8;--on-accent:#FFFFFF;--brand:#42BCFA;--soft:#DDEFFC;--soft-ink:#065A93;--link:#0A68AD;--deep:#0B2B45;--deep-2:#123A5C;--deep-ink:#FFFFFF;--deep-muted:#A9D3EE;--ok:#DCF3E5;--ok-ink:#135C33;--danger:#FCE4DC;--danger-ink:#8A2B0B;--neutral:#E5ECF2;--neutral-ink:#3B4B58;--shadow:rgba(12,30,45,0.14);flex-direction:column;background:var(--bg);color:var(--ink);font-family:'Onest','Segoe UI',system-ui,sans-serif;line-height:1.5}
#ponsel133 a{color:var(--link);text-decoration:none}
#ponsel133 summary{cursor:pointer;list-style:none}
#ponsel133 summary::-webkit-details-marker{display:none}
#ponsel133 .note133{margin:0;font-size:13px;color:var(--muted)}
:root[data-theme=dark] #ponsel133{--bg:#0A121B;--surface:#111B26;--surface-2:#182532;--line:#223345;--line-2:#2E4256;--ink:#E5EFF7;--muted:#97AABB;--accent:#3CBFF7;--on-accent:#03202F;--brand:#42BCFA;--soft:#103049;--soft-ink:#A6DFFC;--link:#7FD2FA;--deep:#0F2E48;--deep-2:#173D5E;--deep-ink:#E5EFF7;--deep-muted:#A9D3EE;--ok:#12301F;--ok-ink:#8FDDB0;--danger:#3B1D14;--danger-ink:#F4A88C;--neutral:#1E2A36;--neutral-ink:#B5C3CF;--shadow:rgba(0,0,0,0.5)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) #ponsel133{--bg:#0A121B;--surface:#111B26;--surface-2:#182532;--line:#223345;--line-2:#2E4256;--ink:#E5EFF7;--muted:#97AABB;--accent:#3CBFF7;--on-accent:#03202F;--brand:#42BCFA;--soft:#103049;--soft-ink:#A6DFFC;--link:#7FD2FA;--deep:#0F2E48;--deep-2:#173D5E;--deep-ink:#E5EFF7;--deep-muted:#A9D3EE;--ok:#12301F;--ok-ink:#8FDDB0;--danger:#3B1D14;--danger-ink:#F4A88C;--neutral:#1E2A36;--neutral-ink:#B5C3CF;--shadow:rgba(0,0,0,0.5)}}
#ponsel133 .p133-0{display: flex; flex-direction: column}
#ponsel133 .p133-1{padding: 36px 16px 28px; display: flex; flex-direction: column; gap: 18px}
#ponsel133 .p133-2{align-self: flex-start; padding: 6px 11px; border-radius: 999px; background: var(--soft); color: var(--soft-ink); font-size: 13px; font-weight: 700}
#ponsel133 .p133-3{margin: 0; font-size: 36px; line-height: 1.06; font-weight: 700; letter-spacing: -0.035em}
#ponsel133 .p133-4{margin: 0; font-size: 16px; line-height: 1.6; color: var(--muted)}
#ponsel133 .p133-5{display: flex; flex-direction: column; gap: 10px}
#ponsel133 .p133-6{height: 52px; border-radius: 14px; background: var(--accent); color: var(--on-accent); font-size: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center; text-decoration: none}
#ponsel133 .p133-7{height: 52px; border-radius: 24px; border: 1px solid var(--line-2); background: var(--surface); color: var(--ink); font-size: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center; text-decoration: none; box-sizing: border-box}
#ponsel133 .p133-8{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; font-size: 14px; font-weight: 600; color: var(--muted)}
#ponsel133 .p133-9{display: flex; align-items: center; gap: 8px}
#ponsel133 .p133-10{fill: none; stroke: var(--accent); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round}
#ponsel133 .p133-11{padding: 0 16px 32px}
#ponsel133 .p133-12{position: relative; overflow: hidden; border-radius: 24px; background: var(--deep); padding: 16px 16px 0}
#ponsel133 .p133-13{position: absolute; right: -50px; top: -30px; width: 200px; height: auto; opacity: 0.12}
#ponsel133 .p133-14{position: relative; margin: 0; border-radius: 14px 14px 0 0; background: var(--surface); padding: 14px; display: flex; flex-direction: column; gap: 10px}
#ponsel133 .p133-15{font-size: 15px; font-weight: 700}
#ponsel133 .p133-16{border: 1px solid var(--line); border-radius: 24px; font-size: 13px}
#ponsel133 .p133-17{height: 44px; padding: 0 10px; display: flex; align-items: center; gap: 10px}
#ponsel133 .p133-18{width: 26px; height: 26px; border-radius: 7px; background: #FCE4DC; color: #9A2B12; font-size: 8px; font-weight: 700; display: flex; align-items: center; justify-content: center}
#ponsel133 .p133-19{flex: 1; font-weight: 600}
#ponsel133 .p133-20{font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: var(--ok); color: var(--ok-ink)}
#ponsel133 .p133-21{height: 44px; padding: 0 10px; display: flex; align-items: center; gap: 10px; border-top: 1px solid var(--line)}
#ponsel133 .p133-22{width: 26px; height: 26px; border-radius: 7px; background: #EDE6FA; color: #5A2E8C; font-size: 8px; font-weight: 700; display: flex; align-items: center; justify-content: center}
#ponsel133 .p133-23{font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: var(--soft); color: var(--soft-ink)}
#ponsel133 .p133-24{width: 26px; height: 26px; border-radius: 7px; background: #E5ECF2; color: #3B4B58; font-size: 8px; font-weight: 700; display: flex; align-items: center; justify-content: center}
#ponsel133 .p133-25{font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: var(--danger); color: var(--danger-ink)}
#ponsel133 .p133-26{padding: 24px 16px 32px; display: flex; flex-direction: column; gap: 14px}
#ponsel133 .p133-27{font-size: 13px; font-weight: 700; letter-spacing: 0.1em; color: var(--accent)}
#ponsel133 .p133-28{margin: 0; font-size: 28px; line-height: 1.12; font-weight: 700; letter-spacing: -0.03em}
#ponsel133 .p133-29{margin: 4px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px}
#ponsel133 .p133-30{padding: 18px; border-radius: 18px; background: var(--surface); border: 1px solid var(--line); display: flex; flex-direction: column; gap: 6px}
#ponsel133 .p133-31{font-size: 17px}
#ponsel133 .p133-32{font-size: 15px; line-height: 1.55; color: var(--muted)}
#ponsel133 .p133-33{align-self: flex-start; padding: 10px 0; font-size: 16px; font-weight: 700}
#ponsel133 .p133-34{position: relative; overflow: hidden; padding: 44px 16px; background: var(--deep); color: var(--deep-ink); display: flex; flex-direction: column; gap: 14px}
#ponsel133 .p133-35{position: absolute; right: -90px; bottom: -90px; width: 300px; height: auto; opacity: 0.08}
#ponsel133 .p133-36{position: relative; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; color: var(--brand)}
#ponsel133 .p133-37{position: relative; margin: 0; font-size: 28px; line-height: 1.12; font-weight: 700; letter-spacing: -0.03em}
#ponsel133 .p133-38{position: relative; margin: 4px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px}
#ponsel133 .p133-39{padding: 16px; border-radius: 16px; background: var(--deep-2); display: flex; flex-direction: column; gap: 4px}
#ponsel133 .p133-40{font-size: 16px}
#ponsel133 .p133-41{font-size: 14px; line-height: 1.55; color: var(--deep-muted)}
#ponsel133 .p133-42{position: relative; margin-top: 4px; height: 50px; border-radius: 14px; background: var(--brand); color: #03202F; font-size: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center; text-decoration: none}
#ponsel133 .p133-43{padding: 40px 16px 24px; display: flex; flex-direction: column; gap: 14px}
#ponsel133 .p133-44{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px}
#ponsel133 .p133-45{padding: 16px; border-radius: 24px; background: var(--surface); border: 1px solid var(--line); display: flex; flex-direction: column; gap: 4px}
#ponsel133 .p133-46{font-size: 15px}
#ponsel133 .p133-47{font-size: 26px; font-weight: 700; letter-spacing: -0.02em}
#ponsel133 .p133-48{font-size: 13px; color: var(--muted)}
#ponsel133 .p133-49{margin-top: 6px; font-size: 13px; font-weight: 700}
#ponsel133 .p133-50{padding: 16px; border-radius: 24px; background: var(--surface); border: 2px solid var(--accent); display: flex; flex-direction: column; gap: 4px}
#ponsel133 .p133-51{padding: 16px; border-radius: 24px; background: var(--surface-2); border: 1px dashed var(--line-2); display: flex; flex-direction: column; gap: 4px}
#ponsel133 .p133-52{height: 50px; border-radius: 24px; border: 1px solid var(--line-2); background: var(--surface); color: var(--ink); font-size: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center; text-decoration: none; box-sizing: border-box}
#ponsel133 .p133-53{padding: 24px 16px; display: flex; flex-direction: column; gap: 12px}
#ponsel133 .p133-54{margin: 0; font-size: 22px; font-weight: 700; letter-spacing: -0.02em}
#ponsel133 .p133-55{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px}
#ponsel133 .p133-56{padding: 8px 10px; border-radius: 10px; background: var(--surface); border: 1px solid var(--line); font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 6px}
#ponsel133 .p133-57{font-size: 12px; font-weight: 700; padding: 2px 10px; border-radius: 999px; background: var(--neutral); color: var(--neutral-ink)}
#ponsel133 .p133-58{padding: 24px 16px 32px; display: flex; flex-direction: column; gap: 10px}
#ponsel133 .p133-59{border-top: 1px solid var(--line)}
#ponsel133 .p133-60{border-bottom: 1px solid var(--line)}
#ponsel133 .p133-61{min-height: 60px; display: flex; align-items: center; gap: 12px; font-size: 16px; font-weight: 700}
#ponsel133 .p133-62{flex: 1}
#ponsel133 .p133-63{font-size: 20px; color: var(--muted)}
#ponsel133 .p133-64{margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--muted)}
#ponsel133 .p133-65{position: relative; overflow: hidden; padding: 28px 20px; border-radius: 22px; background: var(--accent); color: var(--on-accent); display: flex; flex-direction: column; gap: 14px}
#ponsel133 .p133-66{position: absolute; right: -40px; top: -40px; width: 170px; height: auto; opacity: 0.16}
#ponsel133 .p133-67{position: relative; margin: 0; font-size: 26px; line-height: 1.12; font-weight: 700; letter-spacing: -0.03em}
#ponsel133 .p133-68{position: relative; height: 52px; border-radius: 24px; background: var(--surface); color: var(--ink); font-size: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center; text-decoration: none}
#home130 .plan-grid132.plans133{margin-top:30px;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch;text-align:left}
#home130 .plan132.card133{position:relative;margin:0;padding:26px;border-radius:24px;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:18px;box-shadow:none;min-width:0}
#home130 .plan132.c2133{border:2px solid var(--accent);background:linear-gradient(180deg,var(--soft) 0%,var(--surface) 50%);box-shadow:0 24px 50px rgba(11,111,184,.18);transform:translateY(-8px)}
#home130 .head133{display:flex;align-items:center;justify-content:space-between}
#home130 .tile133{flex:0 0 auto;width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--doc);color:var(--doc-ink)}
#home130 .c2133 .tile133{background:linear-gradient(135deg,var(--accent),var(--brand));color:#fff}
#home130 .c3133 .tile133{background:var(--image);color:var(--image-ink)}
#home130 .c4133 .tile133{background:var(--code);color:var(--code-ink)}
#home130 .tile133 svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#home130 .chip133{flex:0 0 auto;padding:3px 10px;border-radius:999px;background:var(--neutral);color:var(--neutral-ink);font-size:12px;line-height:18px;font-weight:700}
#home130 .chip133.hot133{padding:4px 12px;background:var(--accent);color:var(--on-accent)}
#home130 .chip133:not(.hot133),#home130 .plan132.unavailable135 .chip133.hot133{display:none}
#home130 .sum133{display:flex;flex-direction:column;gap:4px}
#home130 .sum133>b{font-size:16px;color:var(--muted)}
#home130 .plan132.card133 .plan-quota132{margin:0;font-size:40px;line-height:1.05;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
#home130 .line133{font-size:17px;font-weight:700;color:var(--ink)}
#home130 .line133 .plan-price132{margin:0;font-size:inherit;font-weight:700;color:inherit}
#home130 .line133 [data-price-period]{font-weight:500;color:var(--muted)}
#home130 .list133{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px}
#home130 .list133 li{display:flex;align-items:center;gap:10px}
#home130 .tick133{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--soft);color:var(--accent);display:flex;align-items:center;justify-content:center}
#home130 .tick133 svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
#home130 .foot133{margin-top:auto;display:flex}
#home130 .card133 .plan-choose132{flex:1;height:48px;box-sizing:border-box;margin:0;padding:0 24px;border-radius:24px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);display:flex;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:700;text-decoration:none;white-space:nowrap}
#home130 .c2133 .plan-choose132{border:0;background:var(--accent);color:var(--on-accent);box-shadow:0 10px 24px rgba(11,111,184,.28)}
#home130 .note133{margin:14px 0 0;font-size:14px;color:var(--muted)}
#home130 .list133 li{margin:0;padding:0;border:0;min-height:0;font-size:15px;line-height:1.5}
#home130 .list133{border:0}
#home130 .period-note130{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#home130 .h130-173{margin-top:14px}
#home130 [data-period]{height:40px;padding:0 20px;border:0;border-radius:20px;display:inline-flex;align-items:center;gap:8px;font-size:15px}
#home130 [data-period][aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 1px 4px rgba(12,30,45,.12)}
#home130 [data-period][aria-pressed=false]{background:transparent;color:var(--muted);font-weight:600;box-shadow:none}
#home130 .save133{padding:3px 10px;border-radius:999px;background:var(--ok);color:var(--ok-ink);font-size:12px;line-height:18px;font-weight:700}
@media(max-width:1100px){#home130 .plan-grid132.plans133{grid-template-columns:repeat(2,minmax(0,1fr))}#home130 .plan132.c2133{transform:none}}