.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 rgba(27,27,47,.05);--sh:0 14px 34px -16px rgba(27,27,47,.2);--sh-pop:0 18px 40px -14px rgba(27,27,47,.24);--sh-violet:0 26px 60px -22px rgba(91,75,225,.55);font-family:var(--font-inter),system-ui,sans-serif;color:var(--ink);background:var(--bg);background-image:radial-gradient(rgba(27,27,47,.045) 1.1px,transparent 0);background-size:22px 22px;-webkit-font-smoothing:antialiased;overflow-x:clip}.lp *,.lp :after,.lp :before{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{gap:7px;font-size:12.5px;font-weight:800;letter-spacing:.02em;padding:7px 13px;border-radius:999px;border:1.5px solid var(--ink)}.lp .btn,.lp .tagx{display:inline-flex;align-items:center;background:#fff;box-shadow:3px 3px 0 var(--ink)}.lp .btn{justify-content:center;gap:8px;font-weight:700;font-size:14.5px;line-height:1;cursor:pointer;border:2px solid var(--ink);border-radius:14px;padding:13px 20px;color:var(--ink);transition:transform .12s ease,box-shadow .12s ease,background .15s}.lp .btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.lp .btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.lp .btn-primary{background:var(--violet);color:#fff}.lp .btn-ghost{border-color:transparent;box-shadow:none;background:transparent;color:var(--ink-soft);padding:10px 12px}.lp .btn-ghost:hover{transform:none;box-shadow:none;color:var(--violet)}.lp .btn-lg{padding:16px 26px;font-size:15.5px}.lp .btn-block{width:100%}.lp .sec{padding:72px 0}.lp .sec-head{max-width:660px;margin:0 auto 44px;text-align:center}.lp .sec-head h2{font-size:clamp(28px,4.4vw,44px);font-weight:800;line-height:1.05;margin:18px 0 14px}.lp .sec-head p{font-size:16.5px;color:var(--ink-soft);line-height:1.6}.lp .uline{background-image:linear-gradient(transparent 62%,var(--sun-l) 62%);padding:0 2px}.lp .nav{position:sticky;top:0;z-index:50;background:hsla(36,38%,97%,.82);backdrop-filter:saturate(180%) blur(12px);border-bottom:1.5px solid var(--line-2)}.lp .nav-inner{justify-content:space-between;height:60px}.lp .brand,.lp .nav-inner{display:flex;align-items:center}.lp .brand{gap:11px}.lp .brand-mark{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;color:#fff;background:var(--violet);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);transform:rotate(-4deg)}.lp .brand-name{font-family:var(--font-jakarta),sans-serif;font-weight:800;font-size:18px;letter-spacing:-.03em}.lp .brand-name span{color:var(--violet)}.lp .nav-links{display:flex;gap:26px;list-style:none;margin:0;padding:0}.lp .nav-links a{font-size:14.5px;font-weight:600;color:var(--ink-soft);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:"";position:absolute;left:0;right:0;bottom:-8px;height:2.5px;border-radius:2px;background:var(--violet)}.lp .nav-cta{display:flex;align-items:center;gap:10px}.lp .hamburger{display:none;flex-direction:column;gap:4px;background:none;border:0;cursor:pointer;padding:8px}.lp .hamburger span{width:22px;height:2.5px;background:var(--ink);border-radius:2px}.lp .sheet{display:none}.lp .sheet[data-open=true]{display:flex}.lp .sheet{position:fixed;inset:60px 0 auto 0;z-index:49;flex-direction:column;gap:2px;padding:16px 24px 24px;background:var(--bg);border-bottom:2px solid var(--ink);box-shadow:var(--sh)}.lp .sheet a{padding:13px 4px;font-weight:600;color:var(--ink-soft);border-bottom:1px solid var(--line)}.lp .hero{padding:40px 0 52px;position:relative}.lp .hero-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:44px;align-items:center;text-align:left}.lp .hero-pill{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--ink-soft);background:#fff;border:1.5px solid var(--line-2);padding:7px 14px;border-radius:999px;box-shadow:var(--sh-sm)}.lp .hero-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px var(--mint-l)}.lp .hero h1{font-size:clamp(30px,3.6vw,46px);font-weight:800;line-height:1.06;margin:16px 0 14px;max-width:560px}.lp .hero h1 .hl{position:relative;color:var(--violet);white-space:nowrap}.lp .hero h1 .hl svg{position:absolute;left:0;right:0;bottom:-8px;width:100%;height:12px}.lp .hero-sub{font-size:16px;line-height:1.6;color:var(--ink-soft);max-width:500px;margin:0}.lp .hero-ctas{display:flex;gap:14px;justify-content:flex-start;flex-wrap:wrap;margin:24px 0 12px}.lp .hero-note{font-size:13px;color:var(--muted);font-weight:500}.lp .hero-media{position:relative}.lp .countdown{position:absolute;z-index:6;bottom:22px;left:-46px;width:fit-content;max-width:280px;display:flex;flex-direction:column;gap:9px;padding:13px 15px;background:#fff;border:2px solid var(--ink);border-radius:16px;box-shadow:var(--sh-pop);transform:rotate(-2.5deg)}.lp .cd-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--coral)}.lp .cd-label:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px var(--coral-l);animation:lp-pulse 1.6s ease-in-out infinite}@keyframes lp-pulse{0%,to{box-shadow:0 0 0 4px var(--coral-l)}50%{box-shadow:0 0 0 6px hsla(2,95%,70%,.12)}}.lp .cd-grid{display:flex;gap:8px}.lp .cd-cell{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:48px;padding:8px 6px;border-radius:11px;background:var(--violet-l);border:1.5px solid var(--line-2)}.lp .cd-cell b{font-family:var(--font-jakarta),sans-serif;font-size:21px;font-weight:800;line-height:1;color:var(--violet);font-variant-numeric:tabular-nums}.lp .cd-cell span{font-size:9.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.lp .cd-foot{font-size:11.5px;font-weight:600;color:var(--ink-soft);display:flex;align-items:center;gap:6px}@media (prefers-reduced-motion:reduce){.lp .cd-label:before{animation:none}}.lp .seg{display:inline-flex;gap:4px;padding:5px;border-radius:14px;background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);margin-top:28px}.lp .seg button{border:0;background:transparent;cursor:pointer;font-weight:800;font-size:13.5px;color:var(--ink-soft);padding:9px 18px;border-radius:10px;transition:all .15s}.lp .seg button[aria-selected=true]{background:var(--violet);color:#fff}.lp .showcase{position:relative;max-width:none;margin:0}.lp .appwin{position:relative;z-index:2;background:#fff;border:2.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:10px 12px 0 var(--ink);overflow:hidden;max-height:432px}.lp .appwin:after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(hsla(0,0%,100%,0),#fff);pointer-events:none;z-index:4}.lp .appwin-bar{display:flex;align-items:center;gap:8px;padding:13px 18px;border-bottom:2px solid var(--line-2);background:var(--bg-2)}.lp .appwin-bar .dots{display:flex;gap:6px}.lp .appwin-bar .dots i{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--ink)}.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{font-size:12.5px;font-weight:700;color:var(--ink-soft);margin:0 auto}.lp .appwin-bar .live{font-size:11px;font-weight:800;color:var(--mint);display:inline-flex;align-items:center;gap:6px}.lp .appwin-bar .live i{width:7px;height:7px;border-radius:50%;background:var(--mint)}.lp .appwin-body{display:grid;grid-template-columns:1fr 200px;gap:0;text-align:left}.lp .q-main{padding:22px 24px}.lp .q-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.lp .q-tab{font-size:12.5px;font-weight:800;color:var(--violet);background:var(--violet-l);padding:6px 12px;border-radius:9px}.lp .q-timer{font-family:var(--font-mono),monospace;font-size:13px;font-weight:700;color:var(--ink);background:var(--sun-l);border:1.5px solid var(--sun);padding:5px 10px;border-radius:9px}.lp .q-num{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:8px}.lp .q-badge{display:inline-block;font-size:10.5px;font-weight:800;color:var(--mint);background:var(--mint-l);border:1.5px solid var(--mint);padding:3px 9px;border-radius:999px;margin-bottom:12px}.lp .q-text{font-size:15.5px;font-weight:600;line-height:1.5;margin-bottom:16px}.lp .q-opts{display:flex;flex-direction:column;gap:9px}.lp .q-opt{display:flex;align-items:center;gap:11px;padding:12px 14px;border:2px solid var(--line-2);border-radius:12px;font-size:13.5px;font-weight:500}.lp .q-opt .box{width:20px;height:20px;border-radius:6px;border:2px solid var(--line-2);flex-shrink:0;display:grid;place-items:center;color:transparent}.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{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.lp .navgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.lp .navcell{aspect-ratio:1;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:700;border:1.5px solid var(--line-2);color:var(--muted);background:#fff}.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{margin-top:14px;display:flex;flex-direction:column;gap:6px}.lp .q-legend span{font-size:10.5px;color:var(--ink-soft);display:inline-flex;align-items:center;gap:7px}.lp .q-legend i{width:11px;height:11px;border-radius:4px}.lp .pop{position:absolute;z-index:3;background:#fff;border:2px solid var(--ink);border-radius:16px;box-shadow:var(--sh-pop);padding:13px 15px}.lp .pop .pl{font-size:10.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.lp .pop-radar{top:-24px;right:-20px;width:146px;transform:rotate(2deg)}.lp .pop-radar svg{width:100%;height:auto;display:block;margin-top:6px}.lp .pop-rank{bottom:34px;left:-40px;transform:rotate(-3deg)}.lp .pop-rank .row{display:flex;align-items:center;gap:9px;margin-top:8px}.lp .pop-rank .av{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;background:var(--violet);border:1.5px solid var(--ink)}.lp .pop-rank .nm{font-size:12.5px;font-weight:700}.lp .pop-rank .pts{font-size:11px;color:var(--muted)}.lp .pop-rank .me{margin-left:auto;font-size:11px;font-weight:800;color:var(--mint)}.lp .pop-score{bottom:-22px;right:30px;transform:rotate(-2deg);display:flex;align-items:center;gap:12px}@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{font-size:11px;font-weight:800;color:#16a34a}.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{display:flex;gap:0;white-space:nowrap;animation:lp-marq 26s linear infinite}.lp .factbar-track>span{display:inline-flex;align-items:center;gap:12px;padding:16px 28px;font-weight:700;font-size:14.5px}.lp .factbar-track .sep{color:hsla(0,0%,100%,.5)}@keyframes lp-marq{to{transform:translateX(-50%)}}.lp .bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:188px;gap:18px}.lp .tile{border:2px solid var(--ink);border-radius:var(--r);padding:22px;box-shadow:5px 5px 0 var(--ink);background:#fff;position:relative;overflow:hidden;transition:transform .14s ease,box-shadow .14s ease}.lp .tile:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.lp .tile h3{font-size:18px;font-weight:800;margin-bottom:6px}.lp .tile p{font-size:13.5px;color:var(--ink-soft);line-height:1.5}.lp .tile .tic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px;border:2px solid var(--ink)}.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:hsla(0,0%,100%,.85)}.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;left:22px;right:22px;bottom:18px}.lp .mini-bars{display:flex;align-items:flex-end;gap:8px;height:64px}.lp .mini-bars i{flex:1;border-radius:6px 6px 0 0;border:2px solid var(--ink);border-bottom:0}.lp .chk-row{display:flex;align-items:center;gap:9px;padding:9px 11px;border:2px solid var(--ink);border-radius:10px;background:#fff;font-size:12.5px;font-weight:700;margin-top:8px}.lp .chk-row .b{width:17px;height:17px;border-radius:5px;border:2px solid var(--ink);display:grid;place-items:center;color:#fff}.lp .chk-row.on .b{background:var(--violet)}.lp .pill-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.lp .pill-row span{font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;border:1.5px solid var(--ink);background:#fff}.lp .jpanel{display:grid;grid-template-columns:.85fr 1.15fr;gap:0;border:2.5px solid var(--ink);border-radius:var(--r-lg);overflow:hidden;box-shadow:8px 8px 0 var(--ink);background:#fff}.lp .jpanel-info{padding:34px;background:var(--violet);color:#fff}.lp .jpanel-info h3{font-size:26px;font-weight:800}.lp .jpanel-info .kelas{display:inline-block;margin:10px 0 16px;font-size:12.5px;font-weight:800;color:var(--ink);background:var(--sun);padding:5px 12px;border-radius:999px;border:1.5px solid var(--ink)}.lp .jpanel-info p{font-size:14.5px;color:hsla(0,0%,100%,.9);line-height:1.6}.lp .jmeta{display:flex;gap:24px;margin-top:22px}.lp .jmeta .n{font-family:var(--font-jakarta),sans-serif;font-size:24px;font-weight:800}.lp .jmeta .l{font-size:11.5px;color:hsla(0,0%,100%,.75)}.lp .jpanel-body{padding:30px}.lp .subj{display:flex;align-items:center;gap:13px;padding:14px 16px;border:2px solid var(--line-2);border-radius:13px;margin-bottom:10px}.lp .subj .sdot{width:11px;height:11px;border-radius:4px;flex-shrink:0}.lp .subj .sname{font-weight:700;font-size:14.5px;flex:1}.lp .subj .stag{font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--violet-l);color:var(--violet)}.lp .subj .smeta{font-size:11.5px;color:var(--muted);font-family:var(--font-mono),monospace}.lp .pilihan-note{margin-top:14px;padding:16px;border:2px dashed var(--line-2);border-radius:14px;background:var(--bg);font-size:13px;color:var(--ink-soft)}.lp .pilihan-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.lp .pilihan-chips .pc{font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:999px;background:#fff;border:1.5px solid var(--line-2);color:var(--ink-soft)}.lp .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.lp .step{background:#fff;border:2px solid var(--ink);border-radius:var(--r);padding:24px 22px;box-shadow:4px 4px 0 var(--ink)}.lp .step .num{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:16px;color:#fff;background:var(--violet);border:2px solid var(--ink);margin-bottom:14px}.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{font-size:16.5px;font-weight:800;margin-bottom:6px}.lp .step p{font-size:13.5px;color:var(--ink-soft);line-height:1.55}.lp .jalur-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:900px;margin:0 auto}.lp .jalur-card{position:relative;background:#fff;border:2.5px solid var(--ink);border-radius:var(--r-lg);padding:30px 28px;box-shadow:6px 6px 0 var(--ink);display:flex;flex-direction:column}.lp .jalur-card.gt{background:var(--violet);color:#fff}.lp .jalur-card .jtag{align-self:flex-start;font-size:11.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:5px 12px;border-radius:999px;background:var(--violet-l);color:var(--violet);border:1.5px solid var(--violet)}.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;font-size:22px;font-weight:800;margin:14px 0 8px}.lp .jalur-card>p{font-size:13.5px;line-height:1.55;color:var(--ink-soft)}.lp .jalur-card.gt>p{color:hsla(0,0%,100%,.85)}.lp .jalur-feats{list-style:none;margin:16px 0 22px;padding:0;display:flex;flex-direction:column;gap:9px}.lp .jalur-feats li{display:flex;gap:9px;align-items:flex-start;font-size:13px;font-weight:600;line-height:1.45}.lp .jalur-card.gt .jalur-feats li{color:hsla(0,0%,100%,.92)}.lp .jalur-feats li .mk{flex-shrink:0;width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:var(--violet);color:#fff;margin-top:1px}.lp .jalur-card.gt .jalur-feats li .mk{background:#fff;color:var(--violet)}.lp .jalur-card .btn{margin-top:auto}.lp .price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:840px;margin:0 auto}.lp .price{background:#fff;border:2.5px solid var(--ink);border-radius:var(--r-lg);padding:32px;box-shadow:6px 6px 0 var(--ink);position:relative}.lp .price.pro{background:var(--violet);color:#fff}.lp .price .tier{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.lp .price.pro .tier{color:#d6d0fb}.lp .price .amt{font-family:var(--font-jakarta),sans-serif;font-size:40px;font-weight:800;margin:10px 0 4px}.lp .price .amt span{font-size:15px;font-weight:500;color:var(--muted)}.lp .price.pro .amt span{color:#c4bcf7}.lp .price .old{font-size:15px;color:var(--muted);text-decoration:line-through}.lp .price .pnote{font-size:13.5px;color:var(--ink-soft);margin-bottom:22px}.lp .price.pro .pnote{color:#d6d0fb}.lp .price .badge{position:absolute;top:-14px;right:26px;font-size:11.5px;font-weight:800;background:var(--sun);color:var(--ink);padding:6px 13px;border-radius:999px;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.lp .feats{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:12px}.lp .feats li{display:flex;align-items:flex-start;gap:11px;font-size:14px;line-height:1.45}.lp .feats li .mk{flex-shrink:0;width:20px;height:20px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:800;margin-top:1px;border:1.5px solid var(--ink)}.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{background:#fff;color:var(--violet)}.lp .pay-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:30px;font-size:13px;color:var(--muted)}.lp .pay-row .chip,.lp .pay-row b{color:var(--ink-soft);font-weight:700}.lp .pay-row .chip{background:#fff;border:1.5px solid var(--line-2);padding:5px 12px;border-radius:9px}.lp .faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.lp .faq{border:2px solid var(--ink);border-radius:16px;background:#fff;overflow:hidden;box-shadow:3px 3px 0 var(--ink)}.lp .faq-q{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:19px 20px;font-size:15.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:16px}.lp .faq-q .tg{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:var(--violet);color:#fff;display:grid;place-items:center;font-size:18px;transition:transform .2s;border:1.5px solid var(--ink)}.lp .faq[data-open=true] .faq-q .tg{transform:rotate(45deg);background:var(--coral)}.lp .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease}.lp .faq[data-open=true] .faq-a{max-height:340px}.lp .faq-a p{padding:0 20px 19px;font-size:14px;color:var(--ink-soft);line-height:1.65}.lp .cta{padding:92px 0}.lp .cta-box{position:relative;overflow:hidden;border:2.5px solid var(--ink);border-radius:var(--r-lg);padding:60px 40px;text-align:center;background:var(--sun);box-shadow:10px 10px 0 var(--ink)}.lp .cta-box h2{font-size:clamp(28px,4.4vw,44px);font-weight:800;margin-bottom:12px}.lp .cta-box p{font-size:17px;color:#4a3a10;max-width:560px;margin:0 auto 28px;line-height:1.6}.lp .cta-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.lp footer{border-top:2.5px solid var(--ink);padding:54px 0 38px;background:var(--bg-2)}.lp .foot-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:28px}.lp .foot-tag{font-size:14px;color:var(--ink-soft);max-width:320px;margin-top:14px;line-height:1.6}.lp .foot-links{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start}.lp .foot-links a{font-size:14px;color:var(--ink-soft);font-weight:600}.lp .foot-links a:hover{color:var(--violet)}.lp .foot-bottom{margin-top:38px;padding-top:22px;border-top:1.5px solid var(--line-2);font-size:13px;color:var(--muted);text-align:center}.lp .syarat{margin-top:56px;border:2.5px solid var(--ink);border-radius:var(--r-lg);overflow:hidden;box-shadow:8px 8px 0 var(--ink);display:grid;grid-template-columns:.8fr 1.2fr;background:#fff}.lp .syarat-head{padding:32px;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center}.lp .syarat-head h3{font-size:22px;font-weight:800;margin-bottom:10px}.lp .syarat-head p{font-size:14px;color:hsla(0,0%,100%,.78);line-height:1.6}.lp .syarat-list{list-style:none;margin:0;padding:28px 30px;display:flex;flex-direction:column;gap:14px}.lp .syarat-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;color:var(--ink-soft)}.lp .syarat-list li .mk{flex-shrink:0;width:22px;height:22px;border-radius:7px;background:var(--mint);color:#fff;display:grid;place-items:center;border:1.5px solid var(--ink);margin-top:1px}.lp .tahap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.lp .tahap{position:relative;background:#fff;border:2.5px solid var(--ink);border-radius:var(--r-lg);padding:28px 24px;box-shadow:6px 6px 0 var(--ink)}.lp .tahap[data-focus=true]{background:var(--violet);color:#fff}.lp .tahap-no{font-family:var(--font-jakarta),sans-serif;font-size:40px;font-weight:800;line-height:1;color:var(--line-2);margin-bottom:12px}.lp .tahap[data-focus=true] .tahap-no{color:hsla(0,0%,100%,.35)}.lp .tahap h3{font-size:19px;font-weight:800;margin-bottom:8px}.lp .tahap-ringkas{font-size:14px;font-weight:700;line-height:1.5;margin-bottom:10px}.lp .tahap[data-focus=true] .tahap-ringkas{color:#fff}.lp .tahap-detail{font-size:13px;color:var(--ink-soft);line-height:1.6;margin-bottom:16px}.lp .tahap[data-focus=true] .tahap-detail{color:hsla(0,0%,100%,.85)}.lp .tahap-metode{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:var(--ink-soft);background:var(--bg-2);border:1.5px solid var(--line-2);padding:7px 12px;border-radius:999px}.lp .tahap[data-focus=true] .tahap-metode{color:#fff;background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.3)}.lp .tahap-tag{position:absolute;top:-13px;right:20px;font-size:11px;font-weight:800;background:var(--sun);color:var(--ink);padding:5px 12px;border-radius:999px;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.lp .komposisi{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lp .kom-card{background:#fff;border:2.5px solid var(--ink);border-radius:var(--r-lg);padding:28px 26px;box-shadow:6px 6px 0 var(--ink);position:relative;overflow:hidden}.lp .kom-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--kc)}.lp .kom-top{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.lp .kom-jml{font-family:var(--font-jakarta),sans-serif;font-size:48px;font-weight:800;line-height:1;color:var(--kc)}.lp .kom-soal{font-size:14px;font-weight:700;color:var(--muted)}.lp .kom-card h3{font-size:19px;font-weight:800;margin-bottom:8px}.lp .kom-card p{font-size:13.5px;color:var(--ink-soft);line-height:1.6;margin-bottom:16px}.lp .kom-bar{height:9px;border-radius:999px;background:var(--bg-2);border:1.5px solid var(--line-2);overflow:hidden}.lp .kom-bar i{display:block;height:100%;background:var(--kc)}.lp .kom-total{margin-top:26px;text-align:center;font-size:14.5px;color:var(--ink-soft)}.lp .kom-total b{color:var(--ink);font-weight:800}.lp .bidang-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:960px;margin:0 auto}.lp .bidang-chip{font-size:13.5px;font-weight:700;padding:9px 15px;border-radius:12px;background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}.lp .bidang-chip:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink);background:var(--violet-l)}.lp .bidang-note{margin-top:28px;text-align:center;font-size:13.5px;color:var(--muted)}.lp .timeline{max-width:720px;margin:0 auto;position:relative;padding-left:28px}.lp .timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2.5px;background:var(--line-2)}.lp .tl-item{position:relative;padding:0 0 22px 22px}.lp .tl-item:last-child{padding-bottom:0}.lp .tl-dot{position:absolute;left:-28px;top:4px;width:15px;height:15px;border-radius:50%;background:var(--violet);border:2.5px solid var(--ink);box-shadow:0 0 0 4px var(--bg-2)}.lp .tl-body{background:#fff;border:2px solid var(--ink);border-radius:14px;padding:14px 18px;box-shadow:3px 3px 0 var(--ink)}.lp .tl-date{font-size:12px;font-weight:800;color:var(--violet);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{display:flex;width:fit-content;align-items:center;gap:8px;margin:16px 0 0;font-size:12px;font-weight:700;color:var(--mint);background:var(--mint-l);border:1.5px solid var(--mint);padding:7px 14px;border-radius:999px}.lp .materi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lp .materi-card{background:#fff;border:2.5px solid var(--ink);border-radius:var(--r-lg);padding:26px 24px;box-shadow:6px 6px 0 var(--ink);transition:transform .14s ease,box-shadow .14s ease}.lp .materi-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.lp .materi-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.lp .materi-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--mc);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);flex-shrink:0}.lp .materi-card h3{font-size:18px;font-weight:800}.lp .materi-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.lp .materi-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--ink-soft);line-height:1.45}.lp .materi-list li .dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--mc);margin-top:7px}.lp .materi-foot{text-align:center;margin-top:34px}.lp .statband{padding:40px 0;border-bottom:1.5px solid var(--line-2)}.lp .statband-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.lp .stat{text-align:center;padding:8px}.lp .stat-n{font-family:var(--font-jakarta),sans-serif;font-size:clamp(30px,4.5vw,44px);font-weight:800;color:var(--violet);line-height:1}.lp .stat-l{font-size:13px;font-weight:600;color:var(--ink-soft);margin-top:8px}.lp .quiz{max-width:720px;margin:0 auto;background:#fff;border:2.5px solid var(--ink);border-radius:var(--r-lg);padding:30px;box-shadow:8px 8px 0 var(--ink)}.lp .quiz-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.lp .quiz-pill{font-size:12px;font-weight:800;color:#fff;background:var(--qc);padding:6px 13px;border-radius:999px;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.lp .quiz-count{font-size:12.5px;font-weight:700;color:var(--muted);font-family:var(--font-mono),monospace}.lp .quiz-stim{font-size:14px;line-height:1.65;color:var(--ink-soft);background:var(--bg-2);border-left:4px solid var(--line-2);padding:14px 16px;border-radius:10px;margin-bottom:16px}.lp .quiz-q{font-size:16.5px;font-weight:700;line-height:1.5;margin-bottom:18px}.lp .quiz-opts{display:flex;flex-direction:column;gap:10px}.lp .quiz-opt{display:flex;align-items:center;gap:13px;width:100%;text-align:left;cursor:pointer;padding:13px 15px;border:2px solid var(--line-2);border-radius:13px;background:#fff;font-size:14.5px;font-weight:500;color:var(--ink);transition:border-color .12s,background .12s}.lp .quiz-opt:hover:not(:disabled){border-color:var(--violet)}.lp .quiz-opt:disabled{cursor:default}.lp .quiz-opt .qz-letter{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:800;background:var(--bg-2);border:1.5px solid var(--line-2)}.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{margin-top:16px;padding:15px 17px;border-radius:13px;font-size:14px;line-height:1.6;color:var(--ink-soft);border:2px solid var(--line-2);background:var(--bg)}.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{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.lp .quiz-actions .btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:3px 3px 0 var(--ink)}.lp .lin{max-width:680px;margin:0 auto 34px}.lp .lin-label{display:block;font-size:13px;font-weight:800;color:var(--ink-soft);margin-bottom:10px;text-align:center}.lp .lin-box{display:flex;align-items:center;gap:10px;background:#fff;border:2.5px solid var(--ink);border-radius:16px;padding:4px 14px;box-shadow:5px 5px 0 var(--ink);color:var(--muted)}.lp .lin-box input{flex:1;border:0;outline:0;background:transparent;font-size:15px;font-weight:500;color:var(--ink);padding:14px 0;font-family:inherit}.lp .lin-clear{border:0;background:var(--bg-2);cursor:pointer;width:26px;height:26px;border-radius:8px;font-size:12px;font-weight:800;color:var(--ink-soft);flex-shrink:0}.lp .lin-result{margin-top:14px;display:flex;flex-direction:column;gap:9px}.lp .lin-empty{font-size:13.5px;color:var(--muted);text-align:center;padding:8px}.lp .lin-hit{display:flex;align-items:center;gap:12px;justify-content:space-between;background:#fff;border:2px solid var(--line-2);border-radius:13px;padding:13px 16px}.lp .lin-hit-nama{font-size:14.5px;font-weight:800}.lp .lin-hit-prodi{font-size:12px;color:var(--muted);margin-top:2px}.lp .lin-hit-kat{flex-shrink:0;font-size:11px;font-weight:800;padding:4px 11px;border-radius:999px;border:1.5px solid var(--ink)}.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{display:inline-block;font-size:11px;font-weight:800;color:var(--ink-soft);background:var(--bg-2);border:1.5px solid var(--line-2);padding:4px 10px;border-radius:999px;margin-bottom:12px}.lp .why{padding:0 0 92px}.lp .why-box{display:grid;grid-template-columns:1.2fr .8fr;gap:0;align-items:stretch;border:2.5px solid var(--ink);border-radius:var(--r-lg);overflow:hidden;box-shadow:10px 10px 0 var(--ink)}.lp .why-text{background:var(--ink);color:#fff;padding:44px 40px}.lp .why-text h2{font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.15;margin-bottom:14px}.lp .why-text p{font-size:15px;line-height:1.65;color:hsla(0,0%,100%,.8);margin-bottom:24px}.lp .why-text .btn{background:var(--sun);border-color:var(--sun);box-shadow:3px 3px 0 rgba(0,0,0,.4)}.lp .why-list{list-style:none;margin:0;padding:40px 34px;background:var(--sun-l);display:flex;flex-direction:column;gap:18px;justify-content:center}.lp .why-list li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;font-weight:700;line-height:1.45;color:var(--ink)}.lp .why-list li .mk{flex-shrink:0;width:22px;height:22px;border-radius:7px;background:var(--mint);color:#fff;display:grid;place-items:center;border:1.5px solid var(--ink);margin-top:1px}@media (max-width:980px){.lp .nav-links,.lp .nav-masuk{display:none}.lp .hamburger{display:flex}.lp .hero-grid{grid-template-columns:1fr;gap:36px;text-align:center}.lp .hero-copy{display:flex;flex-direction:column;align-items:center}.lp .hero h1{max-width:720px}.lp .hero-sub{max-width:560px}.lp .hero-ctas{justify-content:center}.lp .hero-media{max-width:720px;margin:0 auto;width:100%}.lp .appwin{max-height:none}.lp .appwin:after{display:none}.lp .countdown{position:relative;inset:auto;transform:none;margin:0 auto 20px;max-width:none;box-shadow:4px 4px 0 var(--ink)}.lp .pop-radar{right:-8px;top:-26px;width:140px}.lp .pop-rank{left:0;bottom:20px}.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-column:auto;grid-row:auto;min-height:188px}.lp .jpanel{grid-template-columns:1fr}.lp .steps{grid-template-columns:repeat(2,1fr)}.lp .komposisi,.lp .materi-grid,.lp .syarat,.lp .tahap-grid,.lp .why-box{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 .jalur-cards,.lp .price-grid,.lp .steps{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{max-width:100%;font-size:11px;padding:7px 13px;line-height:1.4;text-align:left}.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}}