:root{--ink: #0B211C;--ink-soft: #4C6157;--ink-faint: #8FA39B;--line: #DDE5DF;--wash: #F5F2E9;--paper: #FFFDF8;--green: #0F8B69;--green-dark: #0D3027;--green-tint: #EEF8F1;--lime: #C8F45B;--lime-ink: #143D30;--amber-tint: #FFF4C8;--amber-ink: #7A3B1D;--blue-tint: #D9EDF3;--blue-ink: #0B3027;--radius: 16px;--shadow: 0 1px 2px rgba(11, 33, 28, .05), 0 14px 32px -18px rgba(11, 33, 28, .2);--page-width: 1100px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{max-width:var(--page-width);margin:0 auto;padding:0 24px}header.site{position:sticky;top:0;z-index:60;background:#fffdf8eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}header.site.scrolled{border-bottom-color:var(--line);box-shadow:0 8px 24px -12px #0b211c26}.header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;max-width:var(--page-width);margin:0 auto}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}.logo:hover{opacity:.9}.logo img{height:32px;width:auto;display:block;object-fit:contain}.logo .mark{width:34px;height:34px;border-radius:9px;background:var(--lime);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--lime-ink);font-size:16px}.logo .tag{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green-dark);background:var(--green-tint);padding:3px 9px;border-radius:999px;margin-left:2px}.site-nav{display:flex;align-items:center;gap:22px}.site-nav a{position:relative;font-size:14px;font-weight:600;color:var(--ink-soft);text-decoration:none;padding:6px 0;transition:color .15s ease}.site-nav a:hover,.site-nav a.active{color:var(--green-dark)}.site-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--green);border-radius:2px}.site-nav a.nav-home{color:var(--green-dark);font-weight:700}.header-actions{display:flex;align-items:center;gap:10px}header.site .cta{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;padding:12px 20px;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 9px 24px #0b211c1f;transition:transform .15s ease,box-shadow .15s ease}header.site .cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0b211c2e}.menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;flex-shrink:0;background:var(--paper);border:1px solid var(--line);border-radius:10px;cursor:pointer;padding:0}.menu-toggle span{display:block;width:16px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;flex-direction:column;max-width:var(--page-width);margin:0 auto;padding:0 24px 18px}@media (min-width: 761px){.mobile-menu,.menu-toggle{display:none!important}}.mobile-menu a{padding:14px 2px;font-size:15.5px;font-weight:700;color:var(--ink);text-decoration:none;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.mobile-menu a.active{color:var(--green-dark)}.mobile-menu a span.dot{width:6px;height:6px;border-radius:50%;background:var(--green);opacity:0}.mobile-menu a.active span.dot{opacity:1}.hero{background:radial-gradient(120% 160% at 15% 0%,#c8f45b24,#c8f45b00 42%),linear-gradient(135deg,#081c16,#0d3027 48%,#0f8b69 150%);color:#f4fbf6;padding:clamp(48px,7vw,76px) 24px clamp(56px,8vw,84px);text-align:center}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;background:var(--lime);color:var(--lime-ink);padding:7px 16px;border-radius:999px;margin-bottom:20px}.hero h1{font-size:clamp(32px,5.4vw,54px);font-weight:800;letter-spacing:-.015em;line-height:1.14;max-width:820px;margin:0 auto 16px}.hero h1 em{display:block;color:var(--lime);font-style:italic;font-family:Georgia,Times New Roman,serif;font-weight:400}.hero .lead{max-width:640px;margin:0 auto 28px;color:#f4fbf6d9;font-size:clamp(15px,1.8vw,17.5px);line-height:1.65}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;max-width:680px;margin:0 auto 30px}.chips span{font-size:13px;font-weight:600;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:#f4fbf6;padding:7px 14px;border-radius:999px}.hero-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hero .cta{display:inline-flex;align-items:center;gap:10px;background:var(--lime);color:var(--lime-ink);padding:15px 26px;border-radius:13px;font-weight:800;font-size:15px;text-decoration:none;box-shadow:0 14px 30px #c8f45b38;transition:transform .15s ease,box-shadow .15s ease}.hero .cta:hover{transform:translateY(-2px);box-shadow:0 16px 36px #c8f45b52}.hero .cta-outline{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.2);padding:15px 24px;border-radius:13px;font-weight:700;font-size:15px;text-decoration:none;transition:background .15s ease}.hero .cta-outline:hover{background:#ffffff29}.section{padding:clamp(48px,6vw,72px) 24px}.section-title{text-align:center;margin:0 0 32px}.section-title .kicker{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green-dark);margin-bottom:10px}.section-title h2{font-size:clamp(22px,3vw,30px);margin:0 0 8px;font-weight:800;letter-spacing:-.01em}.section-title p{color:var(--ink-soft);font-size:15px;max-width:620px;margin:0 auto}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:var(--page-width);margin:0 auto}.value-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow)}.value-card span.num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--green-tint);color:var(--green-dark);font-weight:800;font-size:13px;margin-bottom:14px}.value-card h3{font-size:17px;margin:0 0 8px;font-weight:800}.value-card p{font-size:14px;color:var(--ink-soft);margin:0;line-height:1.6}.pricing-section{background:var(--wash)}.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:var(--page-width);margin:0 auto}.price-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px 28px 30px;box-shadow:var(--shadow);position:relative}.price-card.featured{border:2px solid var(--green)}.price-card .plan-badge{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px;display:block}.price-card .plan-name{font-size:19px;font-weight:800;margin:0 0 14px}.price-card .price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;flex-wrap:wrap}.price-card .price-old{font-size:16px;color:var(--ink-faint);text-decoration:line-through;font-weight:600}.price-card .price-new{font-size:30px;font-weight:800;letter-spacing:-.01em}.price-card .price-unit{font-size:14px;color:var(--ink-soft);font-weight:600}.promo-badge{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--lime-ink);background:var(--lime);padding:3px 9px;border-radius:999px;margin-bottom:14px}.price-card ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}.price-card li{font-size:13.5px;color:var(--ink-soft);display:flex;gap:9px;align-items:flex-start}.price-card li:before{content:"✓";color:var(--green);font-weight:800;flex-shrink:0}.addon-note{max-width:var(--page-width);margin:22px auto 0;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;box-shadow:var(--shadow)}.addon-note b{color:var(--ink)}.addon-note .addon-price{margin-left:auto;text-align:right}.addon-note .addon-price .old{color:var(--ink-faint);text-decoration:line-through;font-size:14px;margin-right:6px}.addon-note .addon-price .new{font-size:18px;font-weight:800;color:var(--green-dark)}.sim-section{background:linear-gradient(160deg,#081c16,#0d3027 60%,#0f8b69 160%);color:#f4fbf6}.sim-section .section-title .kicker{color:var(--lime)}.sim-section .section-title p{color:#f4fbf6bf}.sim-box{max-width:var(--page-width);margin:0 auto;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:28px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sim-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.sim-tabs button{font-family:inherit;font-size:13px;font-weight:700;background:#ffffff14;color:#f4fbf6cc;border:1px solid rgba(255,255,255,.14);padding:9px 16px;border-radius:999px;cursor:pointer;transition:all .15s}.sim-tabs button.active{background:var(--lime);color:var(--lime-ink);border-color:var(--lime)}.sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.sim-input small{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--lime);margin-bottom:6px}.sim-input h4{font-size:20px;margin:0 0 4px;font-weight:800}.sim-input .basis{font-size:13.5px;color:#f4fbf6a6;margin:0 0 18px}.sim-amount{display:flex;align-items:center;gap:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:12px 16px;margin-bottom:12px}.sim-amount b{font-size:15px;color:#f4fbf6b3}.sim-amount input[type=number]{flex:1;background:none;border:none;color:#fff;font-size:19px;font-weight:800;font-family:inherit;outline:none;min-width:0}.sim-amount input[type=number]::-webkit-outer-spin-button,.sim-amount input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=range]{width:100%;accent-color:var(--lime)}.sim-note{font-size:12px;color:#f4fbf68c;margin-top:10px}.sim-results{display:flex;flex-direction:column;gap:12px}.sim-total{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:2px}.sim-total small{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#f4fbf68c}.sim-total b{font-size:18px}.sim-party{background:#ffffff0f;border-radius:12px;padding:14px 16px}.sim-party-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:10px}.sim-party-top small{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#f4fbf699;display:block;margin-bottom:3px}.sim-party-top strong{font-size:19px}.sim-party-top b{font-size:14px;color:var(--lime);white-space:nowrap}.sim-bar{height:6px;border-radius:99px;background:#ffffff1f;overflow:hidden}.sim-bar em{display:block;height:100%;background:var(--lime);border-radius:99px;transition:width .25s}.sim-disclaimer{font-size:12px;color:#f4fbf680;margin:20px 0 0;text-align:center}@media (max-width:760px){.sim-grid,.value-grid,.price-grid{grid-template-columns:1fr}.site-nav{display:none}.menu-toggle,.mobile-menu.open{display:flex}header.site .header-actions .cta{display:none}}.table-outer{background:var(--paper);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;max-width:var(--page-width);margin:0 auto}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll-hint{display:none;text-align:center;font-size:12.5px;color:var(--ink-faint);padding:0 12px 12px}table{width:100%;min-width:780px;border-collapse:collapse;font-size:14.5px}thead th{background:var(--ink);color:#f4fbf6;text-align:left;padding:16px 20px;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}thead th.center{text-align:center}tbody tr.cat td{padding:13px 20px;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green-dark);background:var(--green-tint);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}tbody tr.feat td{padding:16px 20px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-soft)}tbody tr.feat:hover{background:#fbfaf5}tbody tr.feat td.fitur{color:var(--ink);font-weight:700;font-size:15px}tbody tr.dasar{color:var(--ink-faint);font-size:13px}tbody tr.feat td.val{text-align:center;font-weight:700;font-size:14.5px;font-variant-numeric:tabular-nums;white-space:nowrap}tbody tr.feat td.val.platform-col{background:var(--green-tint);color:var(--green-dark);font-weight:800}.tag{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.tag.variabel{background:var(--amber-tint);color:var(--amber-ink)}.tag.tetap{background:var(--line);color:var(--ink-soft)}.tag.nominal{background:var(--blue-tint);color:var(--blue-ink)}.info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px;max-width:var(--page-width);margin-left:auto;margin-right:auto}.info-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px 26px 28px;box-shadow:var(--shadow)}.info-card .ic-badge{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--green-tint);color:var(--green-dark);font-size:17px;font-weight:800;margin-bottom:14px}.info-card h4{font-size:16px;margin:0 0 7px;font-weight:800}.info-card p{font-size:14px;color:var(--ink-soft);margin:0;line-height:1.6}.notes{margin-top:32px;background:#f8fbec;border:1px solid #E1EFAE;border-radius:12px;padding:22px 26px;max-width:var(--page-width);margin-left:auto;margin-right:auto}.notes p{margin:0 0 10px;font-size:14px;color:#3e4a22;line-height:1.65}.notes p:last-child{margin-bottom:0}.notes b{color:var(--green-dark)}footer.site{text-align:center;padding:48px 24px 54px;color:var(--ink-faint);font-size:13.5px;background:var(--wash);border-top:1px solid var(--line)}.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:20px}.foot-links a{color:var(--ink-soft);text-decoration:none;font-weight:600}.foot-links a:hover{color:var(--green-dark);text-decoration:underline}.foot-brand{font-weight:700;color:var(--ink);margin-bottom:8px}.foot-copy{font-size:12.5px;color:var(--ink-faint);margin-bottom:12px}.foot-support{font-size:12px;color:var(--ink-faint)}.foot-support a{color:var(--green-dark);text-decoration:none;font-weight:600}.foot-support a:hover{text-decoration:underline}@media (max-width:600px){.section{padding:40px 20px}.addon-note .addon-price{margin-left:0;text-align:left}.info-cards{grid-template-columns:1fr}.scroll-hint{display:block}}