.lp{--bg:#fbf9f6;--bg-2:#f4f1eb;--ink:#1b1b2f;--ink-soft:#5b5b73;--muted:#9a98ae;--line:#ece7de;--line-2:#e2dcd0;--card:#fff;--violet:#5b4be1;--violet-d:#483ac2;--violet-l:#eeebfc;--mint:#11b5a4;--mint-l:#e2f7f4;--coral:#fb6f6a;--coral-l:#ffedec;--sun:#f6a609;--sun-l:#fef3dc;--r:20px;--r-lg:28px;--sh-sm:0 1px 2px #1b1b2f0d;--sh:0 14px 34px -16px #1b1b2f33;--sh-pop:0 18px 40px -14px #1b1b2f3d;--sh-violet:0 26px 60px -22px #5b4be18c;font-family:var(--font-inter), system-ui, sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#1b1b2f0b 1.1px,#0000 1.1px);background-size:22px 22px;overflow-x:clip}.lp *,.lp :before,.lp :after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lp .factbar-track{animation:none}}.lp .wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.lp h1,.lp h2,.lp h3{font-family:var(--font-jakarta), var(--font-inter), sans-serif;letter-spacing:-.025em;margin:0}.lp p{margin:0}.lp a{color:inherit;text-decoration:none}.lp .mono{font-family:var(--font-mono), monospace}.lp .tagx{letter-spacing:.02em;border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:800;display:inline-flex}.lp .btn{cursor:pointer;border:2px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:14.5px;font-weight:700;line-height:1;transition:transform .12s,box-shadow .12s,background .15s;display:inline-flex}.lp .btn:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.lp .btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.lp .btn-primary{background:var(--violet);color:#fff}.lp .btn-ghost{box-shadow:none;color:var(--ink-soft);background:0 0;border-color:#0000;padding:10px 12px}.lp .btn-ghost:hover{box-shadow:none;color:var(--violet);transform:none}.lp .btn-lg{padding:16px 26px;font-size:15.5px}.lp .btn-block{width:100%}.lp .sec{padding:72px 0}.lp .sec-head{text-align:center;max-width:660px;margin:0 auto 44px}.lp .sec-head h2{margin:18px 0 14px;font-size:clamp(28px,4.4vw,44px);font-weight:800;line-height:1.05}.lp .sec-head p{color:var(--ink-soft);font-size:16.5px;line-height:1.6}.lp .uline{background-image:linear-gradient(transparent 62%, var(--sun-l) 62%);padding:0 2px}.lp .nav{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1.5px solid var(--line-2);background:#fbf9f6d1;position:sticky;top:0}.lp .nav-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.lp .brand{align-items:center;gap:11px;display:flex}.lp .brand-mark{border:2px solid var(--ink);width:40px;height:40px;box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:12px;flex-shrink:0;place-items:center;display:grid;overflow:hidden;transform:rotate(-4deg)}.lp .brand-mark img{object-fit:contain;width:100%;height:100%;padding:4px}.lp .brand-name{font-family:var(--font-jakarta), sans-serif;letter-spacing:-.03em;font-size:18px;font-weight:800}.lp .brand-name span{color:var(--violet)}.lp .nav-links{gap:24px;margin:0;padding:0;list-style:none;display:flex}.lp .nav-links a{color:var(--ink-soft);white-space:nowrap;font-size:14.5px;font-weight:600;position:relative}.lp .nav-links a:hover{color:var(--ink)}.lp .nav-links a[aria-current=true]{color:var(--violet)}.lp .nav-links a[aria-current=true]:after{content:"";background:var(--violet);border-radius:2px;height:2.5px;position:absolute;bottom:-8px;left:0;right:0}.lp .nav-cta{align-items:center;gap:10px;display:flex}.lp .hamburger{cursor:pointer;background:0 0;border:0;flex-direction:column;gap:4px;padding:8px;display:none}.lp .hamburger span{background:var(--ink);border-radius:2px;width:22px;height:2.5px}.lp .sheet{display:none}.lp .sheet[data-open=true]{display:flex}.lp .sheet{z-index:49;background:var(--bg);border-bottom:2px solid var(--ink);box-shadow:var(--sh);flex-direction:column;gap:2px;padding:16px 24px 24px;position:fixed;inset:60px 0 auto}.lp .sheet a:not(.btn){color:var(--ink-soft);border-bottom:1px solid var(--line);padding:13px 4px;font-weight:600}.lp .sheet .sheet-cta{justify-content:center}.lp .sheet .btn-ghost.sheet-cta{border:2px solid var(--ink);color:var(--ink)}.lp .hero{padding:40px 0 52px;position:relative}.lp .hero-grid{text-align:left;grid-template-columns:1fr 1.04fr;align-items:center;gap:44px;display:grid}.lp .hero-pill{color:var(--ink-soft);border:1.5px solid var(--line-2);box-shadow:var(--sh-sm);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.lp .hero-pill .dot{background:var(--mint);width:7px;height:7px;box-shadow:0 0 0 4px var(--mint-l);border-radius:50%}.lp .hero h1{max-width:560px;margin:16px 0 14px;font-size:clamp(30px,3.6vw,46px);font-weight:800;line-height:1.06}.lp .hero h1 .hl{color:var(--violet);white-space:nowrap;position:relative}.lp .hero h1 .hl svg{width:100%;height:12px;position:absolute;bottom:-8px;left:0;right:0}.lp .hero-sub{color:var(--ink-soft);max-width:500px;margin:0;font-size:16px;line-height:1.6}.lp .hero-ctas{flex-wrap:wrap;justify-content:flex-start;gap:14px;margin:24px 0 12px;display:flex}.lp .hero-note{color:var(--muted);font-size:13px;font-weight:500}.lp .hero-media{position:relative}.lp .countdown{z-index:6;border:2px solid var(--ink);width:fit-content;max-width:280px;box-shadow:var(--sh-pop);background:#fff;border-radius:16px;flex-direction:column;gap:9px;padding:13px 15px;display:flex;position:absolute;bottom:22px;left:-46px;transform:rotate(-2.5deg)}.lp .cd-label{letter-spacing:.05em;text-transform:uppercase;color:var(--coral);align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.lp .cd-label:before{content:"";background:var(--coral);width:7px;height:7px;box-shadow:0 0 0 4px var(--coral-l);border-radius:50%;animation:1.6s ease-in-out infinite lp-pulse}@keyframes lp-pulse{0%,to{box-shadow:0 0 0 4px var(--coral-l)}50%{box-shadow:0 0 0 6px #fb6f6a1f}}.lp .cd-grid{gap:8px;display:flex}.lp .cd-cell{background:var(--violet-l);border:1.5px solid var(--line-2);border-radius:11px;flex-direction:column;align-items:center;gap:3px;min-width:48px;padding:8px 6px;display:flex}.lp .cd-cell b{font-family:var(--font-jakarta), sans-serif;color:var(--violet);font-variant-numeric:tabular-nums;font-size:21px;font-weight:800;line-height:1}.lp .cd-cell span{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:9.5px;font-weight:800}.lp .cd-foot{color:var(--ink-soft);align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}@media (prefers-reduced-motion:reduce){.lp .cd-label:before{animation:none}}.lp .seg{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:14px;gap:4px;margin-top:28px;padding:5px;display:inline-flex}.lp .seg button{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;border-radius:10px;padding:9px 18px;font-size:13.5px;font-weight:800;transition:all .15s}.lp .seg button[aria-selected=true]{background:var(--violet);color:#fff}.lp .showcase{max-width:none;margin:0;position:relative}.lp .appwin{z-index:2;border:2.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:10px 12px 0 var(--ink);background:#fff;max-height:432px;position:relative;overflow:hidden}.lp .appwin:after{content:"";pointer-events:none;z-index:4;background:linear-gradient(#fff0,#fff);height:64px;position:absolute;bottom:0;left:0;right:0}.lp .appwin-bar{border-bottom:2px solid var(--line-2);background:var(--bg-2);align-items:center;gap:8px;padding:13px 18px;display:flex}.lp .appwin-bar .dots{gap:6px;display:flex}.lp .appwin-bar .dots i{border:1.5px solid var(--ink);border-radius:50%;width:11px;height:11px}.lp .appwin-bar .dots i:first-child{background:var(--coral)}.lp .appwin-bar .dots i:nth-child(2){background:var(--sun)}.lp .appwin-bar .dots i:nth-child(3){background:var(--mint)}.lp .appwin-bar .ttl{color:var(--ink-soft);margin:0 auto;font-size:12.5px;font-weight:700}.lp .appwin-bar .live{color:var(--mint);align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.lp .appwin-bar .live i{background:var(--mint);border-radius:50%;width:7px;height:7px}.lp .appwin-body{text-align:left;grid-template-columns:1fr 200px;gap:0;display:grid}.lp .q-main{padding:22px 24px}.lp .q-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.lp .q-tab{color:var(--violet);background:var(--violet-l);border-radius:9px;padding:6px 12px;font-size:12.5px;font-weight:800}.lp .q-timer{font-family:var(--font-mono), monospace;color:var(--ink);background:var(--sun-l);border:1.5px solid var(--sun);border-radius:9px;padding:5px 10px;font-size:13px;font-weight:700}.lp .q-num{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:600}.lp .q-badge{color:var(--mint);background:var(--mint-l);border:1.5px solid var(--mint);border-radius:999px;margin-bottom:12px;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-block}.lp .q-text{margin-bottom:16px;font-size:15.5px;font-weight:600;line-height:1.5}.lp .q-opts{flex-direction:column;gap:9px;display:flex}.lp .q-opt{border:2px solid var(--line-2);border-radius:12px;align-items:center;gap:11px;padding:12px 14px;font-size:13.5px;font-weight:500;display:flex}.lp .q-opt .box{border:2px solid var(--line-2);color:#0000;border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.lp .q-opt[data-on=true]{border-color:var(--violet);background:var(--violet-l);font-weight:700}.lp .q-opt[data-on=true] .box{background:var(--violet);border-color:var(--violet);color:#fff}.lp .q-side{border-left:2px solid var(--line-2);background:var(--bg);padding:20px 18px}.lp .q-side .st{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:11px;font-weight:800}.lp .navgrid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.lp .navcell{aspect-ratio:1;border:1.5px solid var(--line-2);color:var(--muted);background:#fff;border-radius:7px;place-items:center;font-size:11px;font-weight:700;display:grid}.lp .navcell.on{background:var(--violet);border-color:var(--violet);color:#fff}.lp .navcell.flag{background:var(--sun-l);border-color:var(--sun);color:var(--ink)}.lp .navcell.cur{background:var(--ink);border-color:var(--ink);color:#fff}.lp .q-legend{flex-direction:column;gap:6px;margin-top:14px;display:flex}.lp .q-legend span{color:var(--ink-soft);align-items:center;gap:7px;font-size:10.5px;display:inline-flex}.lp .q-legend i{border-radius:4px;width:11px;height:11px}.lp .pop{z-index:3;border:2px solid var(--ink);box-shadow:var(--sh-pop);background:#fff;border-radius:16px;padding:13px 15px;position:absolute}.lp .pop .pl{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:800}.lp .pop-radar{width:146px;top:-24px;right:-20px;transform:rotate(2deg)}.lp .pop-radar svg{width:100%;height:auto;margin-top:6px;display:block}.lp .pop-rank{bottom:34px;left:-40px;transform:rotate(-3deg)}.lp .pop-rank .row{align-items:center;gap:9px;margin-top:8px;display:flex}.lp .pop-rank .av{color:#fff;background:var(--violet);border:1.5px solid var(--ink);border-radius:8px;place-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:grid}.lp .pop-rank .nm{font-size:12.5px;font-weight:700}.lp .pop-rank .pts{color:var(--muted);font-size:11px}.lp .pop-rank .me{color:var(--mint);margin-left:auto;font-size:11px;font-weight:800}.lp .pop-score{align-items:center;gap:12px;display:flex;bottom:-22px;right:30px;transform:rotate(-2deg)}@media (min-width:981px){.lp .pop-rank{display:none}}.lp .pop-score .big{font-family:var(--font-jakarta), sans-serif;font-size:34px;font-weight:800;line-height:1}.lp .pop-score .up{color:#16a34a;font-size:11px;font-weight:800}.lp .factbar{border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);background:var(--violet);color:#fff;overflow:hidden}.lp .factbar-track{white-space:nowrap;gap:0;animation:26s linear infinite lp-marq;display:flex}.lp .factbar-track>span{align-items:center;gap:12px;padding:16px 28px;font-size:14.5px;font-weight:700;display:inline-flex}.lp .factbar-track .sep{color:#ffffff80}@keyframes lp-marq{to{transform:translate(-50%)}}.lp .bento{grid-template-columns:repeat(6,1fr);grid-auto-rows:188px;gap:18px;display:grid}.lp .tile{border:2px solid var(--ink);border-radius:var(--r);box-shadow:5px 5px 0 var(--ink);background:#fff;padding:22px;transition:transform .14s,box-shadow .14s;position:relative;overflow:hidden}.lp .tile:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.lp .tile h3{margin-bottom:6px;font-size:18px;font-weight:800}.lp .tile p{color:var(--ink-soft);font-size:13.5px;line-height:1.5}.lp .tile .tic{border:2px solid var(--ink);border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:14px;display:grid}.lp .tile.col3{grid-column:span 3}.lp .tile.col2{grid-column:span 2}.lp .tile.col4{grid-column:span 4}.lp .tile.row2{grid-row:span 2}.lp .tile.v-violet{background:var(--violet);color:#fff}.lp .tile.v-violet p{color:#ffffffd9}.lp .tile.v-mint{background:var(--mint-l)}.lp .tile.v-sun{background:var(--sun-l)}.lp .tile.v-coral{background:var(--coral-l)}.lp .tile-foot{position:absolute;bottom:18px;left:22px;right:22px}.lp .mini-bars{align-items:flex-end;gap:8px;height:64px;display:flex}.lp .mini-bars i{border:2px solid var(--ink);border-bottom:0;border-radius:6px 6px 0 0;flex:1}.lp .chk-row{border:2px solid var(--ink);background:#fff;border-radius:10px;align-items:center;gap:9px;margin-top:8px;padding:9px 11px;font-size:12.5px;font-weight:700;display:flex}.lp .chk-row .b{border:2px solid var(--ink);color:#fff;border-radius:5px;place-items:center;width:17px;height:17px;display:grid}.lp .chk-row.on .b{background:var(--violet)}.lp .pill-row{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.lp .pill-row span{border:1.5px solid var(--ink);background:#fff;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.lp .jpanel{border:2.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:8px 8px 0 var(--ink);background:#fff;grid-template-columns:.85fr 1.15fr;gap:0;display:grid;overflow:hidden}.lp .jpanel-info{background:var(--violet);color:#fff;padding:34px}.lp .jpanel-info h3{font-size:26px;font-weight:800}.lp .jpanel-info .kelas{color:var(--ink);background:var(--sun);border:1.5px solid var(--ink);border-radius:999px;margin:10px 0 16px;padding:5px 12px;font-size:12.5px;font-weight:800;display:inline-block}.lp .jpanel-info p{color:#ffffffe6;font-size:14.5px;line-height:1.6}.lp .jmeta{gap:24px;margin-top:22px;display:flex}.lp .jmeta .n{font-family:var(--font-jakarta), sans-serif;font-size:24px;font-weight:800}.lp .jmeta .l{color:#ffffffbf;font-size:11.5px}.lp .jpanel-body{padding:30px}.lp .subj{border:2px solid var(--line-2);border-radius:13px;align-items:center;gap:13px;margin-bottom:10px;padding:14px 16px;display:flex}.lp .subj .sdot{border-radius:4px;flex-shrink:0;width:11px;height:11px}.lp .subj .sname{flex:1;font-size:14.5px;font-weight:700}.lp .subj .stag{background:var(--violet-l);color:var(--violet);border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:800}.lp .subj .smeta{color:var(--muted);font-size:11.5px;font-family:var(--font-mono), monospace}.lp .pilihan-note{border:2px dashed var(--line-2);background:var(--bg);color:var(--ink-soft);border-radius:14px;margin-top:14px;padding:16px;font-size:13px}.lp .pilihan-chips{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.lp .pilihan-chips .pc{border:1.5px solid var(--line-2);color:var(--ink-soft);background:#fff;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:700}.lp .steps{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.lp .step{border:2px solid var(--ink);border-radius:var(--r);box-shadow:4px 4px 0 var(--ink);background:#fff;padding:24px 22px}.lp .step .num{color:#fff;background:var(--violet);border:2px solid var(--ink);border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:14px;font-size:16px;font-weight:800;display:grid}.lp .step:nth-child(2) .num{background:var(--mint)}.lp .step:nth-child(3) .num{background:var(--sun);color:var(--ink)}.lp .step:nth-child(4) .num{background:var(--coral)}.lp .step h3{margin-bottom:6px;font-size:16.5px;font-weight:800}.lp .step p{color:var(--ink-soft);font-size:13.5px;line-height:1.55}.lp .jalur-cards{grid-template-columns:repeat(2,1fr);gap:22px;max-width:900px;margin:0 auto;display:grid}.lp .jalur-card{border:2.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:6px 6px 0 var(--ink);background:#fff;flex-direction:column;padding:30px 28px;display:flex;position:relative}.lp .jalur-card.gt{background:var(--violet);color:#fff}.lp .jalur-card .jtag{letter-spacing:.03em;text-transform:uppercase;background:var(--violet-l);color:var(--violet);border:1.5px solid var(--violet);border-radius:999px;align-self:flex-start;padding:5px 12px;font-size:11.5px;font-weight:800}.lp .jalur-card.gt .jtag{background:var(--sun);color:var(--ink);border-color:var(--ink)}.lp .jalur-card h3{font-family:var(--font-jakarta), sans-serif;margin:14px 0 8px;font-size:22px;font-weight:800}.lp .jalur-card>p{color:var(--ink-soft);font-size:13.5px;line-height:1.55}.lp .jalur-card.gt>p{color:#ffffffd9}.lp .jalur-feats{flex-direction:column;gap:9px;margin:16px 0 22px;padding:0;list-style:none;display:flex}.lp .jalur-feats li{align-items:flex-start;gap:9px;font-size:13px;font-weight:600;line-height:1.45;display:flex}.lp .jalur-card.gt .jalur-feats li{color:#ffffffeb}.lp .jalur-feats li .mk{background:var(--violet);color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:1px;display:grid}.lp .jalur-card.gt .jalur-feats li .mk{color:var(--violet);background:#fff}.lp .jalur-card .btn{margin-top:auto}.lp .price-grid{grid-template-columns:repeat(2,1fr);gap:22px;max-width:840px;margin:0 auto;display:grid}.lp .price{border:2.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:6px 6px 0 var(--ink);background:#fff;padding:32px;position:relative}.lp .price.pro{background:var(--violet);color:#fff}.lp .price .tier{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-size:13px;font-weight:800}.lp .price.pro .tier{color:#d6d0fb}.lp .price .amt{font-family:var(--font-jakarta), sans-serif;margin:10px 0 4px;font-size:40px;font-weight:800}.lp .price .amt span{color:var(--muted);font-size:15px;font-weight:500}.lp .price.pro .amt span{color:#c4bcf7}.lp .price .old{color:var(--muted);font-size:15px;text-decoration:line-through}.lp .price .pnote{color:var(--ink-soft);margin-bottom:22px;font-size:13.5px}.lp .price.pro .pnote{color:#d6d0fb}.lp .price .badge{background:var(--sun);color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:999px;padding:6px 13px;font-size:11.5px;font-weight:800;position:absolute;top:-14px;right:26px}.lp .feats{flex-direction:column;gap:12px;margin:0 0 24px;padding:0;list-style:none;display:flex}.lp .feats li{align-items:flex-start;gap:11px;font-size:14px;line-height:1.45;display:flex}.lp .feats li .mk{border:1.5px solid var(--ink);border-radius:7px;flex-shrink:0;place-items:center;width:20px;height:20px;margin-top:1px;font-size:11px;font-weight:800;display:grid}.lp .feats li.yes .mk{background:var(--mint);color:#fff}.lp .price.pro .feats li.yes .mk{background:var(--sun);color:var(--ink)}.lp .feats li.no{color:var(--muted)}.lp .feats li.no .mk{background:var(--bg-2);color:var(--muted)}.lp .price.pro .btn{color:var(--violet);background:#fff}.lp .pay-row{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:30px;font-size:13px;display:flex}.lp .pay-row b{color:var(--ink-soft);font-weight:700}.lp .pay-row .chip{border:1.5px solid var(--line-2);color:var(--ink-soft);background:#fff;border-radius:9px;padding:5px 12px;font-weight:700}.lp .faq-list{flex-direction:column;gap:12px;max-width:780px;margin:0 auto;display:flex}.lp .faq{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:16px;overflow:hidden}.lp .faq-q{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:19px 20px;font-size:15.5px;font-weight:700;display:flex}.lp .faq-q .tg{background:var(--violet);color:#fff;border:1.5px solid var(--ink);border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:18px;transition:transform .2s;display:grid}.lp .faq[data-open=true] .faq-q .tg{background:var(--coral);transform:rotate(45deg)}.lp .faq-a{max-height:0;transition:max-height .25s;overflow:hidden}.lp .faq[data-open=true] .faq-a{max-height:340px}.lp .faq-a p{color:var(--ink-soft);padding:0 20px 19px;font-size:14px;line-height:1.65}.lp .cta{padding:92px 0}.lp .cta-box{border:2.5px solid var(--ink);border-radius:var(--r-lg);text-align:center;background:var(--sun);box-shadow:10px 10px 0 var(--ink);padding:60px 40px;position:relative;overflow:hidden}.lp .cta-box h2{margin-bottom:12px;font-size:clamp(28px,4.4vw,44px);font-weight:800}.lp .cta-box p{color:#4a3a10;max-width:560px;margin:0 auto 28px;font-size:17px;line-height:1.6}.lp .cta-ctas{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.lp footer{border-top:2.5px solid var(--ink);background:var(--bg-2);padding:54px 0 38px}.lp .foot-grid{flex-wrap:wrap;justify-content:space-between;gap:28px;display:flex}.lp .foot-tag{color:var(--ink-soft);max-width:320px;margin-top:14px;font-size:14px;line-height:1.6}.lp .foot-links{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.lp .foot-links a{color:var(--ink-soft);font-size:14px;font-weight:600}.lp .foot-links a:hover{color:var(--violet)}.lp .foot-bottom{border-top:1.5px solid var(--line-2);color:var(--muted);text-align:center;margin-top:38px;padding-top:22px;font-size:13px}.lp .syarat{border:2.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:8px 8px 0 var(--ink);background:#fff;grid-template-columns:.8fr 1.2fr;margin-top:56px;display:grid;overflow:hidden}.lp .syarat-head{background:var(--ink);color:#fff;flex-direction:column;justify-content:center;padding:32px;display:flex}.lp .syarat-head h3{margin-bottom:10px;font-size:22px;font-weight:800}.lp .syarat-head p{color:#ffffffc7;font-size:14px;line-height:1.6}.lp .syarat-list{flex-direction:column;gap:14px;margin:0;padding:28px 30px;list-style:none;display:flex}.lp .syarat-list li{color:var(--ink-soft);align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.lp .syarat-list li .mk{background:var(--mint);color:#fff;border:1.5px solid var(--ink);border-radius:7px;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:1px;display:grid}.lp .tahap-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}.lp .tahap{border:2.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:6px 6px 0 var(--ink);background:#fff;padding:28px 24px;position:relative}.lp .tahap[data-focus=true]{background:var(--violet);color:#fff}.lp .tahap-no{font-family:var(--font-jakarta), sans-serif;color:var(--line-2);margin-bottom:12px;font-size:40px;font-weight:800;line-height:1}.lp .tahap[data-focus=true] .tahap-no{color:#ffffff59}.lp .tahap h3{margin-bottom:8px;font-size:19px;font-weight:800}.lp .tahap-ringkas{margin-bottom:10px;font-size:14px;font-weight:700;line-height:1.5}.lp .tahap[data-focus=true] .tahap-ringkas{color:#fff}.lp .tahap-detail{color:var(--ink-soft);margin-bottom:16px;font-size:13px;line-height:1.6}.lp .tahap[data-focus=true] .tahap-detail{color:#ffffffd9}.lp .tahap-metode{color:var(--ink-soft);background:var(--bg-2);border:1.5px solid var(--line-2);border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.lp .tahap[data-focus=true] .tahap-metode{color:#fff;background:#ffffff24;border-color:#ffffff4d}.lp .tahap-tag{background:var(--sun);color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:999px;padding:5px 12px;font-size:11px;font-weight:800;position:absolute;top:-13px;right:20px}.lp .komposisi{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.lp .kom-card{border:2.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:6px 6px 0 var(--ink);background:#fff;padding:28px 26px;position:relative;overflow:hidden}.lp .kom-card:before{content:"";background:var(--kc);height:6px;position:absolute;top:0;left:0;right:0}.lp .kom-top{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.lp .kom-jml{font-family:var(--font-jakarta), sans-serif;color:var(--kc);font-size:48px;font-weight:800;line-height:1}.lp .kom-soal{color:var(--muted);font-size:14px;font-weight:700}.lp .kom-card h3{margin-bottom:8px;font-size:19px;font-weight:800}.lp .kom-card p{color:var(--ink-soft);margin-bottom:16px;font-size:13.5px;line-height:1.6}.lp .kom-bar{background:var(--bg-2);border:1.5px solid var(--line-2);border-radius:999px;height:9px;overflow:hidden}.lp .kom-bar i{background:var(--kc);height:100%;display:block}.lp .kom-total{text-align:center;color:var(--ink-soft);margin-top:26px;font-size:14.5px}.lp .kom-total b{color:var(--ink);font-weight:800}.lp .bidang-grid{flex-wrap:wrap;justify-content:center;gap:10px;max-width:960px;margin:0 auto;display:flex}.lp .bidang-chip{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:12px;padding:9px 15px;font-size:13.5px;font-weight:700;transition:transform .12s,box-shadow .12s}.lp .bidang-chip:hover{box-shadow:4px 4px 0 var(--ink);background:var(--violet-l);transform:translate(-1px,-1px)}.lp .bidang-note{text-align:center;color:var(--muted);margin-top:28px;font-size:13.5px}.lp .timeline{max-width:720px;margin:0 auto;padding-left:28px;position:relative}.lp .timeline:before{content:"";background:var(--line-2);width:2.5px;position:absolute;top:6px;bottom:6px;left:6px}.lp .tl-item{padding:0 0 22px 22px;position:relative}.lp .tl-item:last-child{padding-bottom:0}.lp .tl-dot{background:var(--violet);border:2.5px solid var(--ink);width:15px;height:15px;box-shadow:0 0 0 4px var(--bg-2);border-radius:50%;position:absolute;top:4px;left:-28px}.lp .tl-body{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:14px;padding:14px 18px}.lp .tl-date{color:var(--violet);font-size:12px;font-weight:800;font-family:var(--font-mono), monospace;margin-bottom:4px}.lp .tl-act{font-size:14.5px;font-weight:600;line-height:1.4}.lp .srcbadge{width:fit-content;color:var(--mint);background:var(--mint-l);border:1.5px solid var(--mint);border-radius:999px;align-items:center;gap:8px;margin:16px 0 0;padding:7px 14px;font-size:12px;font-weight:700;display:flex}.lp .materi-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.lp .materi-card{border:2.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:6px 6px 0 var(--ink);background:#fff;padding:26px 24px;transition:transform .14s,box-shadow .14s}.lp .materi-card:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.lp .materi-top{align-items:center;gap:12px;margin-bottom:16px;display:flex}.lp .materi-ic{color:#fff;background:var(--mc);border:2px solid var(--ink);width:42px;height:42px;box-shadow:2px 2px 0 var(--ink);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.lp .materi-card h3{font-size:18px;font-weight:800}.lp .materi-list{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.lp .materi-list li{color:var(--ink-soft);align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;display:flex}.lp .materi-list li .dot{background:var(--mc);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:7px}.lp .materi-foot{text-align:center;margin-top:34px}.lp .statband{border-bottom:1.5px solid var(--line-2);padding:40px 0}.lp .statband-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.lp .stat{text-align:center;padding:8px}.lp .stat-n{font-family:var(--font-jakarta), sans-serif;color:var(--violet);font-size:clamp(30px,4.5vw,44px);font-weight:800;line-height:1}.lp .stat-l{color:var(--ink-soft);margin-top:8px;font-size:13px;font-weight:600}.lp .quiz{border:2.5px solid var(--ink);border-radius:var(--r-lg);max-width:720px;box-shadow:8px 8px 0 var(--ink);background:#fff;margin:0 auto;padding:30px}.lp .quiz-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.lp .quiz-pill{color:#fff;background:var(--qc);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:999px;padding:6px 13px;font-size:12px;font-weight:800}.lp .quiz-count{color:var(--muted);font-size:12.5px;font-weight:700;font-family:var(--font-mono), monospace}.lp .quiz-stim{color:var(--ink-soft);background:var(--bg-2);border-left:4px solid var(--line-2);border-radius:10px;margin-bottom:16px;padding:14px 16px;font-size:14px;line-height:1.65}.lp .quiz-q{margin-bottom:18px;font-size:16.5px;font-weight:700;line-height:1.5}.lp .quiz-opts{flex-direction:column;gap:10px;display:flex}.lp .quiz-opt{text-align:left;cursor:pointer;border:2px solid var(--line-2);width:100%;color:var(--ink);background:#fff;border-radius:13px;align-items:center;gap:13px;padding:13px 15px;font-size:14.5px;font-weight:500;transition:border-color .12s,background .12s;display:flex}.lp .quiz-opt:hover:not(:disabled){border-color:var(--violet)}.lp .quiz-opt:disabled{cursor:default}.lp .quiz-opt .qz-letter{background:var(--bg-2);border:1.5px solid var(--line-2);border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.lp .quiz-opt .qz-txt{flex:1;line-height:1.4}.lp .quiz-opt .qz-ic{font-weight:800}.lp .quiz-opt[data-state=pick]{border-color:var(--violet);background:var(--violet-l);font-weight:700}.lp .quiz-opt[data-state=pick] .qz-letter{background:var(--violet);color:#fff;border-color:var(--violet)}.lp .quiz-opt[data-state=right]{border-color:var(--mint);background:var(--mint-l);font-weight:700}.lp .quiz-opt[data-state=right] .qz-letter{background:var(--mint);color:#fff;border-color:var(--mint)}.lp .quiz-opt[data-state=right] .qz-ic{color:var(--mint)}.lp .quiz-opt[data-state=wrong]{border-color:var(--coral);background:var(--coral-l)}.lp .quiz-opt[data-state=wrong] .qz-letter{background:var(--coral);color:#fff;border-color:var(--coral)}.lp .quiz-opt[data-state=wrong] .qz-ic{color:var(--coral)}.lp .quiz-exp{color:var(--ink-soft);border:2px solid var(--line-2);background:var(--bg);border-radius:13px;margin-top:16px;padding:15px 17px;font-size:14px;line-height:1.6}.lp .quiz-exp[data-correct=true]{border-color:var(--mint);background:var(--mint-l)}.lp .quiz-exp[data-correct=false]{border-color:var(--coral);background:var(--coral-l)}.lp .quiz-exp b{color:var(--ink)}.lp .quiz-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.lp .quiz-actions .btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:3px 3px 0 var(--ink);transform:none}.lp .lin{max-width:680px;margin:0 auto 34px}.lp .lin-label{color:var(--ink-soft);text-align:center;margin-bottom:10px;font-size:13px;font-weight:800;display:block}.lp .lin-box{border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);color:var(--muted);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:4px 14px;display:flex}.lp .lin-box input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:14px 0;font-family:inherit;font-size:15px;font-weight:500}.lp .lin-clear{background:var(--bg-2);cursor:pointer;width:26px;height:26px;color:var(--ink-soft);border:0;border-radius:8px;flex-shrink:0;font-size:12px;font-weight:800}.lp .lin-result{flex-direction:column;gap:9px;margin-top:14px;display:flex}.lp .lin-empty{color:var(--muted);text-align:center;padding:8px;font-size:13.5px}.lp .lin-hit{border:2px solid var(--line-2);background:#fff;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.lp .lin-hit-nama{font-size:14.5px;font-weight:800}.lp .lin-hit-prodi{color:var(--muted);margin-top:2px;font-size:12px}.lp .lin-hit-kat{border:1.5px solid var(--ink);border-radius:999px;flex-shrink:0;padding:4px 11px;font-size:11px;font-weight:800}.lp .lin-hit-kat[data-k=Umum]{background:var(--violet-l);color:var(--violet)}.lp .lin-hit-kat[data-k=Kejuruan]{background:var(--sun-l);color:#9a6700}.lp .kom-sesi{color:var(--ink-soft);background:var(--bg-2);border:1.5px solid var(--line-2);border-radius:999px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.lp .why{padding:0 0 92px}.lp .why-box{border:2.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:10px 10px 0 var(--ink);grid-template-columns:1.2fr .8fr;align-items:stretch;gap:0;display:grid;overflow:hidden}.lp .why-text{background:var(--ink);color:#fff;padding:44px 40px}.lp .why-text h2{margin-bottom:14px;font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.15}.lp .why-text p{color:#fffc;margin-bottom:24px;font-size:15px;line-height:1.65}.lp .why-text .btn{background:var(--sun);border-color:var(--sun);box-shadow:3px 3px #0006}.lp .why-list{background:var(--sun-l);flex-direction:column;justify-content:center;gap:18px;margin:0;padding:40px 34px;list-style:none;display:flex}.lp .why-list li{color:var(--ink);align-items:flex-start;gap:12px;font-size:14.5px;font-weight:700;line-height:1.45;display:flex}.lp .why-list li .mk{background:var(--mint);color:#fff;border:1.5px solid var(--ink);border-radius:7px;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:1px;display:grid}@media (max-width:980px){.lp .nav-links,.lp .nav-masuk{display:none}.lp .hamburger{display:flex}.lp .hero-grid{text-align:center;grid-template-columns:1fr;gap:36px}.lp .hero-copy{flex-direction:column;align-items:center;display:flex}.lp .hero h1{max-width:720px}.lp .hero-sub{max-width:560px}.lp .hero-ctas{justify-content:center}.lp .hero-media{width:100%;max-width:720px;margin:0 auto}.lp .appwin{max-height:none}.lp .appwin:after{display:none}.lp .countdown{max-width:none;box-shadow:4px 4px 0 var(--ink);margin:0 auto 20px;position:relative;inset:auto;transform:none}.lp .pop-radar{width:140px;top:-26px;right:-8px}.lp .pop-rank{bottom:20px;left:0}.lp .pop-score{right:8px}.lp .bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.lp .tile,.lp .tile.col2,.lp .tile.col3,.lp .tile.col4{grid-area:auto;min-height:188px}.lp .jpanel{grid-template-columns:1fr}.lp .steps{grid-template-columns:repeat(2,1fr)}.lp .tahap-grid,.lp .komposisi,.lp .syarat,.lp .why-box,.lp .materi-grid{grid-template-columns:1fr}.lp .statband-grid{grid-template-columns:repeat(2,1fr);gap:26px 18px}}@media (max-width:640px){.lp .wrap{padding:0 18px}.lp .sec{padding:64px 0}.lp .hero h1{font-size:38px}.lp .appwin-body{grid-template-columns:1fr}.lp .q-side{border-left:0;border-top:2px solid var(--line-2)}.lp .navgrid{grid-template-columns:repeat(10,1fr)}.lp .pop{display:none}.lp .bento,.lp .steps,.lp .price-grid,.lp .jalur-cards{grid-template-columns:1fr}.lp .factbar-track{animation-duration:18s}.lp .countdown{width:100%;max-width:340px}.lp .cd-label{justify-content:center}.lp .cd-grid{width:100%}.lp .cd-cell{flex:1;min-width:0}.lp .quiz{padding:22px 18px}.lp .quiz-actions .btn{width:100%}.lp .srcbadge{text-align:left;max-width:100%;padding:7px 13px;font-size:11px;line-height:1.4}.lp .why{padding:0 0 64px}.lp .why-text{padding:32px 24px}.lp .why-list{padding:28px 24px}.lp .cta{padding:64px 0}.lp .cta-box{padding:44px 24px}.lp .price{padding:26px 22px}.lp .lin-hit{flex-wrap:wrap;gap:8px}.lp .lin-hit-kat{order:-1}.lp .materi-card{padding:22px 20px}.lp .tahap{padding:24px 20px}}@media (max-width:400px){.lp .hero h1{font-size:33px}.lp .cd-cell b{font-size:24px}.lp .cd-cell{padding:10px 4px}.lp .statband-grid{gap:22px 12px}.lp .stat-l{font-size:12px}.lp .nav .btn-primary{padding:11px 14px;font-size:13.5px}.lp .quiz-pill{font-size:11px}}.lp .cp-root{--cp:var(--violet);--cp-l:var(--violet-l)}.lp .cp-root[data-accent=mint]{--cp:var(--mint);--cp-l:var(--mint-l)}.lp .cp-root[data-accent=sun]{--cp:var(--sun);--cp-l:var(--sun-l)}.lp .cp-root[data-accent=coral]{--cp:var(--coral);--cp-l:var(--coral-l)}.lp .cp-hero{border-bottom:1.5px solid var(--line-2);background:radial-gradient(120% 140% at 100% 0%, var(--cp-l) 0%, transparent 55%), linear-gradient(180deg, #fff 0%, var(--bg) 100%);padding:46px 0 42px;position:relative;overflow:hidden}.lp .cp-hero .wrap{z-index:1;max-width:1080px;position:relative}.lp .cp-crumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:18px;font-size:13px;font-weight:600;display:flex}.lp .cp-crumb a{color:var(--cp)}.lp .cp-crumb a:hover{text-decoration:underline}.lp .cp-crumb .sep{color:var(--line-2)}.lp .cp-eyebrow{letter-spacing:.03em;text-transform:uppercase;color:var(--cp);border:1.5px solid var(--cp);box-shadow:2.5px 2.5px 0 var(--cp);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.lp .cp-hero h1{max-width:780px;margin:16px 0 12px;font-size:clamp(27px,4.4vw,42px);font-weight:800;line-height:1.08}.lp .cp-hero .cp-sub{color:var(--ink-soft);max-width:660px;font-size:16.5px;line-height:1.62}.lp .cp-hero .cp-meta{color:var(--muted);flex-wrap:wrap;gap:8px 14px;margin-top:16px;font-size:13px;font-weight:600;display:flex}.lp .cp-body{padding:46px 0 84px}.lp .cp-body .wrap{max-width:1080px}.lp .cp-body.cp-narrow .wrap{max-width:760px}.lp .cp-body h2{letter-spacing:-.02em;margin:40px 0 16px;font-size:23px;font-weight:800}.lp .cp-body h2:first-child{margin-top:0}.lp .cp-lead{color:var(--ink-soft);max-width:720px;font-size:16.5px;line-height:1.65}.lp .cp-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px;display:grid}.lp .cp-grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.lp .cp-card{background:var(--card);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:18px;flex-direction:column;padding:22px;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.lp a.cp-card:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.lp .cp-card .cp-ic{background:var(--cp-l);width:44px;height:44px;color:var(--cp);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:12px;place-items:center;margin-bottom:14px;display:grid}.lp .cp-card .cp-kicker{text-transform:uppercase;letter-spacing:.04em;color:var(--cp);margin-bottom:6px;font-size:11.5px;font-weight:800}.lp .cp-card h3{margin:0 0 6px;font-size:17px;font-weight:800;line-height:1.25}.lp .cp-card p{color:var(--ink-soft);font-size:13.5px;line-height:1.55}.lp .cp-card .cp-go{color:var(--cp);margin-top:auto;padding-top:14px;font-size:13.5px;font-weight:800}.lp .cp-chips{flex-wrap:wrap;gap:9px;display:flex}.lp a.cp-chip,.lp span.cp-chip{color:var(--ink);border:1.5px solid var(--line-2);background:#fff;border-radius:999px;align-items:center;padding:8px 15px;font-size:13.5px;font-weight:700;transition:transform .1s,box-shadow .1s,border-color .1s;display:inline-flex}.lp a.cp-chip:hover{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.lp span.cp-chip{color:var(--muted)}.lp .cp-rows{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.lp a.cp-row{border:1.5px solid var(--line-2);background:#fff;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;font-size:14px;font-weight:700;transition:transform .1s,box-shadow .1s,border-color .1s;display:flex}.lp a.cp-row:hover{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.lp a.cp-row .cp-arrow{color:var(--cp);font-weight:800}.lp .cp-soal{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:16px;padding:20px 20px 8px}.lp .cp-soal+.cp-soal{margin-top:18px}.lp .cp-soal .cp-soal-tag{text-transform:uppercase;letter-spacing:.03em;color:var(--cp);background:var(--cp-l);border-radius:7px;margin-bottom:12px;padding:4px 9px;font-size:11.5px;font-weight:800;display:inline-flex}.lp .cp-soal .cp-stim{background:var(--bg-2);border-left:3px solid var(--line-2);color:var(--ink-soft);border-radius:9px;margin-bottom:12px;padding:12px 15px;font-size:14px;line-height:1.6}.lp .cp-soal .cp-q{font-size:15.5px;font-weight:700;line-height:1.5}.lp .cp-soal ol.cp-opts{counter-reset:opt;flex-direction:column;gap:8px;margin:12px 0;padding:0;list-style:none;display:flex}.lp .cp-soal ol.cp-opts li{border:1.5px solid var(--line-2);counter-increment:opt;border-radius:11px;padding:10px 14px 10px 44px;font-size:14.5px;line-height:1.45;position:relative}.lp .cp-soal ol.cp-opts li:before{content:counter(opt, upper-alpha);background:var(--bg-2);width:22px;height:22px;color:var(--ink-soft);border-radius:7px;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.lp .cp-soal ol.cp-opts li.ok{border-color:var(--mint);background:var(--mint-l);font-weight:700}.lp .cp-soal ol.cp-opts li.ok:before{background:var(--mint);color:#fff}.lp .cp-soal details{border-top:1px dashed var(--line-2);margin-top:4px;padding-top:12px}.lp .cp-soal summary{cursor:pointer;color:var(--cp);align-items:center;gap:6px;font-size:13.5px;font-weight:800;list-style:none;display:inline-flex}.lp .cp-soal summary::-webkit-details-marker{display:none}.lp .cp-soal summary:before{content:"▸";transition:transform .15s}.lp .cp-soal details[open] summary:before{transform:rotate(90deg)}.lp .cp-soal .cp-exp{color:var(--ink-soft);margin-top:10px;font-size:14px;line-height:1.6}.lp .cp-cta{border:2px solid var(--ink);text-align:center;background:radial-gradient(120% 160% at 50% 0%, var(--cp-l) 0%, transparent 60%), #fff;box-shadow:5px 5px 0 var(--ink);border-radius:20px;margin:40px 0 0;padding:34px 28px}.lp .cp-cta h2{margin:0 0 8px;font-size:22px;font-weight:800}.lp .cp-cta p{color:var(--ink-soft);max-width:520px;margin:0 auto 20px;font-size:14.5px;line-height:1.55}.lp .cp-faq{margin-top:44px}.lp .cp-faq .cp-faq-item{border-top:1.5px solid var(--line);padding:16px 0}.lp .cp-faq .cp-faq-item:last-child{border-bottom:1.5px solid var(--line)}.lp .cp-faq .cp-faq-q{margin:0 0 5px;font-size:15px;font-weight:800}.lp .cp-faq .cp-faq-a{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.6}.lp .cp-more{gap:10px;margin-top:14px;display:grid}.lp a.cp-more-item{border:1.5px solid var(--line-2);background:#fff;border-radius:13px;padding:14px 18px;transition:border-color .1s,box-shadow .1s,transform .1s;display:block}.lp a.cp-more-item:hover{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.lp a.cp-more-item b{color:var(--ink);font-size:15px;font-weight:800}.lp a.cp-more-item span{color:var(--muted);margin-top:3px;font-size:12.5px;display:block}.lp .cp-prose{color:#33313f;font-size:16px;line-height:1.75}.lp .cp-prose>*+*{margin-top:18px}.lp .cp-prose h2{letter-spacing:-.02em;margin:38px 0 4px;font-size:23px;font-weight:800}.lp .cp-prose h3{margin:26px 0 2px;font-size:18px;font-weight:800}.lp .cp-prose a{color:var(--cp);text-underline-offset:2px;font-weight:700;text-decoration:underline}.lp .cp-prose ul,.lp .cp-prose ol{flex-direction:column;gap:8px;padding-left:22px;display:flex}.lp .cp-prose li{line-height:1.65}.lp .cp-prose strong{color:var(--ink);font-weight:700}.lp .cp-prose blockquote{border-left:3px solid var(--cp);background:var(--cp-l);color:var(--ink-soft);border-radius:0 10px 10px 0;padding:12px 18px;font-size:14.5px}.lp .cp-prose blockquote p{margin:0}.lp .cp-prose table{border-collapse:collapse;width:100%;font-size:14.5px;display:block;overflow-x:auto}.lp .cp-prose th,.lp .cp-prose td{border:1.5px solid var(--line-2);text-align:left;vertical-align:top;padding:10px 13px}.lp .cp-prose th{background:var(--bg-2);font-weight:800}.lp .cp-prose code{font-family:var(--font-mono), monospace;background:var(--bg-2);border-radius:6px;padding:2px 6px;font-size:.9em}.lp .cp-prose>p:first-child:first-letter{font-family:var(--font-jakarta), sans-serif;float:left;color:var(--cp);margin:6px 10px 0 0;font-size:3.1em;font-weight:800;line-height:.84}.lp a.cp-feature{border:2.5px solid var(--ink);background:radial-gradient(130% 150% at 100% 0%, var(--cp-l) 0%, #fff 62%);box-shadow:6px 6px 0 var(--ink);border-radius:22px;margin-bottom:36px;padding:30px;transition:transform .12s,box-shadow .12s;display:block;position:relative;overflow:hidden}.lp a.cp-feature:hover{box-shadow:9px 9px 0 var(--ink);transform:translate(-2px,-2px)}.lp .cp-feature h2{max-width:640px;margin:8px 0 10px;font-size:clamp(22px,3.2vw,30px);font-weight:800;line-height:1.12}.lp .cp-feature p{color:var(--ink-soft);max-width:620px;margin-bottom:14px;font-size:15px;line-height:1.6}.lp .cp-feature .cp-go{color:var(--cp);display:inline-block}.lp .cp-card-article{overflow:hidden}.lp .cp-card-article:before{content:"";background:linear-gradient(90deg, var(--cp), color-mix(in srgb, var(--cp) 55%, #fff));height:5px;position:absolute;top:0;left:0;right:0}.lp .cp-card-meta{color:var(--muted);margin-top:10px;font-size:12px;font-weight:600}@media (max-width:640px){.lp a.cp-feature{padding:22px}.lp .cp-hero{padding:34px 0 30px}.lp .cp-body{padding:34px 0 64px}.lp .cp-cta{padding:28px 20px}.lp .cp-soal{padding:18px 16px 6px}.lp .cp-prose{font-size:15.5px}}