:root{--color-primary:#4f46e5;--color-primary-dark:#4338ca;--color-primary-soft:#eef0fe;--color-blue:#2563eb;--color-cyan:#06b6d4;--color-accent:#f59e0b;--color-accent-soft:#fdf3dd;--color-violet:#7c3aed;--color-dark:#0f172a;--color-background:#fff;--color-page:#f8fafc;--color-surface:#f7f5ff;--color-surface-gray:#f1f5f9;--color-text:#0f172a;--color-muted:#64748b;--color-border:#e2e8f0;--color-success:#16a34a;--color-focus:#4f46e5;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--shadow-sm:0 1px 2px #1c1a3312;--shadow-md:0 2px 4px #1c1a330f, 0 16px 32px -16px #4f46e547;--container:1120px;--dash-cyan:#06b6d4;--dash-cyan-dark:#0891b2;--dash-sky:#0ea5e9;--dash-indigo:#4f46e5;--dash-indigo-dark:#4338ca;--dash-emerald:#059669;--dash-emerald-soft:#ecfdf5;--dash-amber:#b45309;--dash-amber-soft:#fffbeb;--dash-slate-950:#020617;--dash-slate-900:#0f172a;--dash-slate-800:#1e293b;--dash-slate-700:#334155;--dash-slate-600:#475569;--dash-slate-500:#64748b;--dash-slate-200:#e2e8f0;--dash-slate-100:#f1f5f9;--dash-slate-50:#f8fafc;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-background);color:var(--color-text);margin:0;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.6}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--space-2);top:var(--space-2);background:var(--color-background);padding:var(--space-2) var(--space-4);z-index:20;border:2px solid var(--color-focus);border-radius:var(--radius-sm)}a{color:var(--color-primary)}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.rv{opacity:0;transition:opacity .18s,transform .18s;transform:translateY(12px)}.rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.rv{opacity:1;transform:none}}.wrap{max-width:var(--container);padding-inline:var(--space-4);margin-inline:auto}.muted{color:var(--color-muted)}.breadcrumb{font-size:.9rem}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);margin-block:var(--space-4);background:var(--color-background)}.badge-ok{color:#065f46;padding:var(--space-1) var(--space-3);background:#ecfdf5;border:1px solid #6ee7b7;border-radius:999px;font-size:.85rem;font-weight:700;display:inline-block}.badge-warn{border:1px solid var(--color-accent);color:#92400e;padding:var(--space-1) var(--space-3);background:#fdf3dd;border-radius:999px;font-size:.85rem;font-weight:700;display:inline-block}.grid2{gap:var(--space-4);display:grid}@media (width>=640px){.grid2{grid-template-columns:1fr 1fr}}.site-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);background:#ffffffeb;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-3);display:flex}.brand{letter-spacing:.06em;color:var(--color-text);font-size:1.3rem;font-weight:800;text-decoration:none}.brand span{color:var(--color-primary)}.main-nav ul{align-items:center;gap:var(--space-6);margin:0;padding:0;list-style:none;display:flex}.main-nav ul.nav-desktop{display:none}.main-nav a:not(.btn){color:var(--color-text);font-weight:600;text-decoration:none}.main-nav a:not(.btn):hover{color:var(--color-primary);text-decoration:underline;text-decoration-thickness:2px}.menu-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font:inherit;color:var(--color-text);cursor:pointer;background:0 0;min-height:48px;font-weight:700;list-style:none;display:none}.menu-btn::-webkit-details-marker{display:none}.btn{background:var(--color-primary);color:#fff;min-height:48px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:background-color .18s,transform .18s,box-shadow .18s;display:inline-flex}.btn:hover{background:var(--color-primary-dark);color:#fff}.btn-small{min-height:44px;padding:var(--space-2) var(--space-4);font-size:.95rem}.btn-light{color:var(--color-primary-dark);background:#fff}.btn-light:hover{background:var(--color-accent-soft);color:var(--color-primary-dark)}.btn-outline{color:var(--color-primary);border:2px solid var(--color-border);background:0 0}.btn-outline:hover{background:var(--color-primary-soft);color:var(--color-primary-dark)}@media (width>=720px){.main-nav ul.nav-desktop{display:flex}.nav-mobile{display:none}}@media (width<=719px){.menu-btn{display:inline-flex}.main-nav .menu-body{display:none}.main-nav details[open] .menu-body{background:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--space-4);box-shadow:var(--shadow-md);display:block;position:absolute;top:100%;left:0;right:0}.main-nav details[open] .menu-body ul{align-items:stretch;gap:var(--space-3);flex-direction:column}.main-nav details[open] .btn-small{justify-content:center}}.hero{gap:var(--space-8);padding-block:var(--space-12) var(--space-8);align-items:center;display:grid}.hero-dark{background:radial-gradient(600px 320px at 85% 10%, #2563eb47, transparent 70%), radial-gradient(520px 300px at 10% 95%, #06b6d429, transparent 70%), var(--color-dark);color:#fff}.hero-dark .hero{padding-block:var(--space-16) var(--space-12)}.hero-dark .lead{color:#cbd5e1}.hero-dark .muted{color:#94a3b8}.hero-dark .eyebrow{color:#bfdbfe;background:#2563eb2e;border:1px solid #93c5fd59}.btn-outline-light{color:#fff;background:0 0;border:2px solid #fff6}.btn-outline-light:hover{color:#fff;background:#ffffff1a;border-color:#fff}@media (width>=900px){.hero{padding-block:var(--space-16) var(--space-12);grid-template-columns:1.05fr .95fr}}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);padding:var(--space-1) var(--space-4);margin:0 0 var(--space-4);background:#4f46e514;border-radius:999px;font-size:.82rem;font-weight:700;display:inline-block}.hero h1{letter-spacing:-.015em;margin:0 0 var(--space-4);font-size:clamp(2.15rem,5vw + 1rem,3.75rem);font-weight:800;line-height:1.08}.hero h1 .grad{background:linear-gradient(90deg,#60a5fa,#22d3ee);color:#0000;-webkit-background-clip:text;background-clip:text}.hero .lead{color:var(--color-muted);margin:0 0 var(--space-6);max-width:46ch;font-size:1.15rem}.hero-cta{align-items:center;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.mock-wrap{position:relative}.mock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:var(--space-6);background:#ffffff12;border:1px solid #ffffff29;border-radius:22px;box-shadow:0 24px 64px -24px #0000008c}.mock-bar{padding-bottom:var(--space-3);margin-bottom:var(--space-4);border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;display:flex}.mock-brand{letter-spacing:.06em;font-size:.9rem;font-weight:800}.mock-label{letter-spacing:.08em;text-transform:uppercase;padding:var(--space-1) var(--space-3);margin:0 0 var(--space-4);background:#ffffff29;border-radius:999px;font-size:.78rem;font-weight:700;display:inline-block}.mock-title{opacity:.85;margin:0;font-size:.95rem}.mock-amount{margin:0;font-size:3rem;font-weight:800;line-height:1.05}.mock-amount small{opacity:.85;font-size:1rem;font-weight:600;display:block}.mock-rows{margin:var(--space-6) 0 0;padding:var(--space-2);gap:var(--space-2);border-radius:var(--radius-md);background:#ffffff14;border:1px solid #ffffff24;list-style:none;display:grid}.mock-rows li{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);background:#ffffff1f;font-weight:600;display:flex}.mock-rows .tag{border-radius:var(--radius-sm);background:#ffffff29;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.mock-rows .plus{color:var(--color-accent);white-space:nowrap;margin-left:auto;font-weight:800}.mock-note{opacity:.7;margin:var(--space-4) 0 0;font-size:.8rem}.trust{justify-content:center;gap:var(--space-2) var(--space-6);padding:var(--space-6) 0;width:fit-content;max-width:100%;color:var(--color-muted);flex-wrap:wrap;margin:0 auto;font-size:.95rem;font-weight:600;list-style:none;display:flex}.trust li{align-items:center;gap:var(--space-2);text-align:left;display:flex}@media (width<=899px){.trust{align-items:stretch;gap:var(--space-2);flex-direction:column}}.trust li:before{content:"";background:var(--color-success);border-radius:50%;flex:none;width:8px;height:8px}.mini-btn{border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);color:var(--color-primary);font-size:.9rem;font-weight:700;text-decoration:none;transition:background-color .18s,border-color .18s;display:inline-block}.mini-btn:hover{text-decoration:none}a.cat-card:hover .mini-btn{background:var(--color-primary-soft);border-color:var(--color-primary);text-decoration:none}.band-primary{background:var(--color-blue);color:#fff;border-block:1px solid var(--color-primary-dark)}.band-primary h2{color:#fff}.band-primary .kicker{color:#bfdbfe}.band-primary .benefit p{color:#dbeafe}.band-primary .check{color:#fff;background:#ffffff29}.rflow{margin:0 auto var(--space-8);flex-direction:column;align-items:center;max-width:320px;padding:0;list-style:none;display:flex}@media (width>=900px){.rflow{flex-direction:row;justify-content:center;align-items:center;max-width:none}}.rflow .pill{background:var(--color-background);border:2px solid var(--color-border);padding:var(--space-3) var(--space-6);text-align:center;border-radius:999px;min-width:200px;font-weight:700}.rflow .pill-accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.rflow .conn{background:var(--color-border);width:2px;height:22px;position:relative}@media (width>=900px){.rflow .conn{width:48px;height:2px}}.rflow .conn:after{content:"";background:var(--color-primary);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center{text-align:center}.benefits-compact{padding-block:var(--space-4)}.icon{flex:none;width:1.15em;height:1.15em}.section{padding-block:var(--space-12)}.section-alt{background:var(--color-surface);border-block:1px solid var(--color-border)}.section-gray{background:var(--color-surface-gray);border-block:1px solid var(--color-border)}.kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);margin:0 0 var(--space-2);font-size:.85rem;font-weight:700}.section h2{letter-spacing:-.01em;margin:0 0 var(--space-3);max-width:24ch;font-size:clamp(2rem,2vw + 1rem,2.5rem);font-weight:800;line-height:1.2}#jenis-h,#reward-h,#kenapa-h,#faq-h{max-width:none}@media (width>=400px){#jenis-h,#reward-h,#kenapa-h,#faq-h{white-space:nowrap;font-size:clamp(1.5rem,1.5vw + 1rem,2.1rem)}}.section-lead{color:var(--color-muted);max-width:62ch;margin:0 0 var(--space-8)}.steps{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}@media (width>=640px) and (width<=1023px){.steps{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.steps{grid-template-columns:repeat(4,1fr)}}.step{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);background:var(--color-background)}.step-num{letter-spacing:.08em;color:var(--color-primary);background:var(--color-primary-soft);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-3);border-radius:999px;font-size:.85rem;font-weight:800;display:inline-block}.soft-indigo{color:#4f46e5;background:#eef0fe}.soft-blue{color:#0284c7;background:#e8f3fe}.soft-violet{color:#7c3aed;background:#f1eafe}.soft-amber{color:#b45309;background:#fdf3dd}.step h3{margin:0 0 var(--space-2);font-size:1.1rem}.step p{color:var(--color-muted);margin:0;font-size:.95rem}.cards3{gap:var(--space-4);display:grid}@media (width>=640px) and (width<=1023px){.cards3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.cards3{grid-template-columns:repeat(3,1fr)}}.cat-card{border:1px solid var(--color-border);padding:var(--space-8);background:var(--color-background);box-shadow:var(--shadow-sm);color:var(--color-text);border-radius:24px;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}a.cat-card:hover{box-shadow:var(--shadow-md);color:var(--color-text);transform:translateY(-4px)}a.cat-card:hover .cat-icon{background:var(--color-primary);color:#fff}.cat-icon{width:56px;height:56px;margin-bottom:var(--space-4);border-radius:50%;justify-content:center;align-items:center;transition:background-color .18s,color .18s;display:inline-flex}.cat-icon .icon{width:28px;height:28px}.cat-card h3{margin:0 0 var(--space-2);font-size:1.25rem}.cat-card p{margin:0 0 var(--space-4);color:var(--color-muted);flex:1}.link-arrow{color:var(--color-primary);font-weight:700}a.cat-card:hover .link-arrow{text-decoration:underline;text-decoration-thickness:2px}.benefits{gap:var(--space-4);display:grid}@media (width>=640px) and (width<=1023px){.benefits{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.benefits{grid-template-columns:repeat(3,1fr)}}.benefit{gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr;align-items:start;display:grid}.benefit .check{background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.benefit h3{margin:0;font-size:1.05rem}.benefit p{margin:var(--space-1) 0 0;color:var(--color-muted);grid-column:2;font-size:.95rem}.flow{margin:0 0 var(--space-8);gap:0;max-width:560px;padding:0;list-style:none;display:grid}.flow li{gap:var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);grid-template-columns:auto 1fr;align-items:start;display:grid}.flow li+li{margin-top:var(--space-2)}.flow .n{background:var(--color-primary);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:800;display:inline-flex}.flow li:last-child{background:var(--color-accent-soft);border-color:var(--color-accent)}.page-hero{padding-block:var(--space-8) var(--space-4)}.page-hero h1{letter-spacing:-.015em;margin:0 0 var(--space-4);max-width:22ch;font-size:clamp(2rem,4vw + 1rem,3rem);font-weight:800;line-height:1.12}.page-hero .lead{color:var(--color-muted);max-width:60ch;margin:0;font-size:1.12rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.info-box{border-left:4px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-6) var(--space-8);background:#fff7ed}.info-box h2{margin:0 0 var(--space-3);font-size:1.25rem}.info-box p{margin:0 0 var(--space-3);color:var(--color-text)}.info-box p:last-child{margin-bottom:0}.rules-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6) var(--space-8)}.rules-card h2{margin:0 0 var(--space-4);font-size:1.25rem}.rules{margin:0 0 var(--space-4);gap:var(--space-3);padding:0;list-style:none;display:grid}.rules li{gap:var(--space-3);grid-template-columns:auto 1fr;align-items:start;display:grid}.rules .icon{width:22px;height:22px;color:var(--color-success);margin-top:2px}details.faq{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);margin-block:var(--space-2);background:var(--color-background)}details.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-4);font-weight:700;display:flex}details.faq summary:after{content:"+";color:var(--color-primary);flex:none;font-size:1.4rem;line-height:1}details.faq[open] summary:after{content:"–"}.cta-panel{background:linear-gradient(135deg, var(--color-primary) 0%, #6d28d9 60%, #b45309 130%);color:#fff;padding:var(--space-12) var(--space-6);text-align:center;box-shadow:var(--shadow-md);isolation:isolate;border-radius:32px;position:relative;overflow:hidden}.cta-panel:before,.cta-panel:after{content:"";pointer-events:none;z-index:-1;background:#ffffff14;border-radius:50%;position:absolute}.cta-panel:before{width:280px;height:280px;top:-140px;right:-80px}.cta-panel:after{width:200px;height:200px;bottom:-110px;left:-60px}@media (width>=640px){.cta-panel{padding:var(--space-16) var(--space-12)}}.cta-panel h2{margin:0 auto var(--space-3);max-width:100%;font-size:clamp(1.6rem,2.5vw + 1rem,2.4rem)}.cta-panel p{opacity:.92;max-width:52ch;margin:0 auto var(--space-6)}.site-footer{border-top:1px solid var(--color-border);margin-top:var(--space-12);background:var(--color-surface-gray)}.site-footer .wrap{padding-block:var(--space-8)}.foot-brand{letter-spacing:.06em;margin:0 0 var(--space-4);font-weight:800}.foot-grid{gap:var(--space-2) var(--space-8);flex-wrap:wrap;display:flex}.foot-grid ul{gap:var(--space-2) var(--space-6);margin:0 0 var(--space-4);flex-wrap:wrap;padding:0;list-style:none;display:flex}@media (width<=639px){.foot-grid ul{gap:var(--space-3);grid-template-columns:repeat(4,1fr);font-size:.85rem;display:grid}}.foot-grid a{color:var(--color-muted);text-decoration:none}.foot-grid a:hover{color:var(--color-primary);text-decoration:underline}