:root{--black: #111111;--white: #ffffff;--red: #e2231a;--grid: rgba(17, 17, 17, .13);--grid-strong: rgba(17, 17, 17, .32);--gray: #6e6e6e;--maxw: 1280px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;font-feature-settings:"cv05","ss01";letter-spacing:-.01em;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}main{display:block}:focus-visible{outline:2px solid var(--red);outline-offset:2px}.pk-grid{position:fixed;inset:0;max-width:var(--maxw);margin:0 auto;pointer-events:none;z-index:1;display:grid;grid-template-columns:repeat(12,1fr)}.pk-grid span{border-right:1px solid var(--grid)}.pk-grid span:first-child{border-left:1px solid var(--grid)}.pk-wrap{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;border-left:1px solid var(--grid);border-right:1px solid var(--grid);background:var(--white)}.pk-red{color:var(--red)}.pk-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--gray)}.pk-head{position:sticky;top:0;z-index:40;background:var(--white);border-bottom:1px solid var(--black)}.pk-hdr{display:grid;grid-template-columns:repeat(12,1fr);align-items:center;height:64px}.pk-logo{grid-column:1 / 4;font-weight:800;font-size:18px;letter-spacing:-.03em;padding-left:28px}.pk-logo b{color:var(--red)}.pk-nav{grid-column:5 / 10;display:flex;gap:26px;justify-content:center}.pk-nav a{font-size:13px;font-weight:500;color:var(--gray);transition:color .2s}.pk-nav a:hover{color:var(--black)}.pk-hdr-r{grid-column:10 / 13;display:flex;justify-content:flex-end;align-items:center;gap:16px;padding-right:28px}.pk-login{font-size:13px;font-weight:600}.pk-start{font-size:13px;font-weight:600;background:var(--red);color:#fff;padding:9px 16px}.pk-strip{display:grid;grid-template-columns:repeat(12,1fr);border-bottom:1px solid var(--grid);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--gray)}.pk-strip div{padding:8px 12px;border-right:1px solid var(--grid)}.pk-strip div:first-child{padding-left:28px;color:var(--red)}.pk-strip div:last-child{border-right:none}.pk-strip .s2{grid-column:span 2}.pk-strip .s3{grid-column:span 3}.pk-strip .s5{grid-column:span 5}.pk-sec{display:grid;grid-template-columns:repeat(12,1fr);border-bottom:1px solid var(--black);align-items:end}.pk-sec .no{grid-column:1 / 2;padding:20px 0 18px 28px;font-size:11px;font-weight:600;color:var(--red)}.pk-sec .ti{grid-column:2 / 9;padding:20px 12px 18px;font-weight:700;font-size:clamp(22px,3vw,40px);letter-spacing:-.03em;line-height:1}.pk-sec .de{grid-column:9 / 13;padding:20px 28px 18px 12px;font-size:13px;color:var(--gray);align-self:end;border-left:1px solid var(--grid)}.pk-page-hero{display:grid;grid-template-columns:repeat(12,1fr);border-bottom:1px solid var(--black)}.pk-page-hero-lead{grid-column:1 / 9;padding:52px 28px 48px;border-right:1px solid var(--grid)}.pk-page-hero-lead .pk-label{margin-bottom:18px}.pk-page-hero h1{font-weight:800;font-size:clamp(32px,5vw,64px);line-height:.96;letter-spacing:-.035em}.pk-page-hero-lead p{margin-top:20px;max-width:520px;font-size:16px;color:#2a2a2a;line-height:1.55}.pk-page-hero-lead .cta{display:inline-block;margin-top:28px;font-size:14px;font-weight:700;background:var(--red);color:#fff;padding:14px 24px}.pk-page-hero-side{grid-column:9 / 13;padding:52px 28px;display:flex;flex-direction:column;justify-content:flex-end}.pk-page-hero-side .stat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--gray);margin-bottom:6px}.pk-page-hero-side .stat-val{font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1}.pk-page-hero-side .stat-val+.stat-label{margin-top:24px}.pk-contoh{display:grid;grid-template-columns:repeat(12,1fr);border-bottom:1px solid var(--black)}.pk-contoh .cell{grid-column:span 4;border-right:1px solid var(--grid);border-bottom:1px solid var(--grid)}.pk-contoh .cell:nth-child(3n){border-right:none}.pk-contoh .cell:nth-child(n+4){border-bottom:none}.pk-contoh .img{position:relative;aspect-ratio:4 / 3;border-bottom:1px solid var(--grid);overflow:hidden}.pk-contoh .img .no{position:absolute;top:10px;left:12px;font-size:11px;font-weight:700;color:#fff;z-index:2}.pk-contoh .img .tag{position:absolute;top:10px;right:12px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;background:var(--red);color:#fff;padding:3px 6px;z-index:2}.pk-contoh .img .mk{position:absolute;width:10px;height:10px;z-index:2}.pk-contoh .img .mk.tr{top:8px;right:8px;border-top:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5)}.pk-contoh .img .mk.bl{bottom:8px;left:8px;border-bottom:1px solid rgba(255,255,255,.5);border-left:1px solid rgba(255,255,255,.5)}.pk-contoh .meta{padding:14px 16px 18px;display:grid;grid-template-columns:1fr auto;gap:3px}.pk-contoh .meta h3{font-size:17px;font-weight:700;letter-spacing:-.02em}.pk-contoh .meta .fg{font-size:11px;font-weight:600;color:var(--gray);text-align:right}.pk-contoh .meta p{grid-column:1 / 3;font-size:12.5px;color:var(--gray);margin-top:2px}.pk-contoh .meta .view{grid-column:1 / 3;margin-top:10px;font-size:12px;font-weight:600;color:var(--red)}.pk-contoh .cell:hover .pk-fill{filter:contrast(1.3)}.pk-check{display:grid;grid-template-columns:repeat(12,1fr);border-bottom:1px solid var(--black)}.pk-check li{grid-column:span 3;border-right:1px solid var(--grid);border-bottom:1px solid var(--grid);padding:22px 18px;display:grid;grid-template-columns:22px 1fr;gap:11px;align-items:start;font-size:14px;font-weight:500;line-height:1.4}.pk-check li:nth-child(4n){border-right:none}.pk-check li:nth-child(n+5){border-bottom:none}.pk-check li .x{font-size:13px;font-weight:800;color:var(--red);line-height:1.5}.pk-cta-bar{display:grid;grid-template-columns:repeat(12,1fr);border-bottom:1px solid var(--black)}.pk-cta-bar-inner{grid-column:1 / 13;padding:36px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.pk-cta-bar-inner p{font-size:18px;font-weight:700;letter-spacing:-.02em}.pk-cta-bar-inner a{font-size:14px;font-weight:700;background:var(--red);color:#fff;padding:14px 24px}.pk-final{display:grid;grid-template-columns:repeat(12,1fr);border-bottom:1px solid var(--black);background:var(--black);color:#fff}.pk-final .l{grid-column:1 / 9;padding:62px 28px;border-right:1px solid rgba(255,255,255,.16)}.pk-final .l h2{font-size:clamp(34px,5vw,74px);font-weight:800;line-height:.95;letter-spacing:-.035em}.pk-final .l p{margin-top:22px;max-width:440px;font-size:16px;color:#bbb;line-height:1.5}.pk-final .r{grid-column:9 / 13;display:flex;flex-direction:column;justify-content:flex-end;padding:28px}.pk-final .r a{display:block;text-align:center;font-size:15px;font-weight:700;padding:18px;background:var(--red);color:#fff;margin-bottom:12px}.pk-final .r a.alt{background:transparent;border:1px solid #fff}.pk-final .r .note{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.1em;margin-top:10px}.pk-fill{position:absolute;inset:0}.plate-p1{background:repeating-linear-gradient(0deg,#222 0 1px,transparent 1px 5px),linear-gradient(135deg,#444,#1a1a1a)}.plate-p2{background:repeating-linear-gradient(90deg,#222 0 1px,transparent 1px 5px),linear-gradient(135deg,#555,#222)}.plate-p3{background:repeating-linear-gradient(45deg,#2a2a2a 0 2px,transparent 2px 7px),linear-gradient(135deg,#3a3a3a,#111)}.plate-p4{background:radial-gradient(circle at 40% 40%,#5a5a5a,#161616 70%)}.plate-p5{background:repeating-linear-gradient(0deg,#252525 0 2px,transparent 2px 8px),#1e1e1e}.plate-p6{background:conic-gradient(from 0deg at 50% 50%,#3a3a3a,#111 25%,#3a3a3a,#111 75%,#3a3a3a)}.pk-foot{display:grid;grid-template-columns:repeat(12,1fr)}.pk-foot .col{grid-column:span 2;padding:40px 16px;border-right:1px solid var(--grid)}.pk-foot .col:last-of-type{border-right:none}.pk-foot .col h3{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--red);margin-bottom:16px}.pk-foot .col a{display:block;font-size:13px;padding:6px 0;color:#333;transition:padding .2s}.pk-foot .col a:hover{padding-left:4px;color:var(--black)}.pk-footrow{grid-column:1 / 13;display:flex;justify-content:space-between;border-top:1px solid var(--black);padding:16px 28px;font-size:11px;font-weight:500;color:var(--gray);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;gap:10px}@media(max-width:900px){.pk-nav{display:none}.pk-hdr{grid-template-columns:1fr auto;padding:0 28px}.pk-logo{grid-column:auto;padding-left:0}.pk-hdr-r{grid-column:auto;padding-right:0}.pk-contoh .cell{grid-column:span 6}.pk-contoh .cell:nth-child(3n){border-right:1px solid var(--grid)}.pk-contoh .cell:nth-child(2n){border-right:none}.pk-contoh .cell:nth-child(n+4){border-bottom:1px solid var(--grid)}.pk-contoh .cell:nth-child(n+5){border-bottom:none}.pk-check li{grid-column:span 6}.pk-check li:nth-child(4n){border-right:1px solid var(--grid)}.pk-check li:nth-child(2n){border-right:none}.pk-check li:nth-child(n+5){border-bottom:1px solid var(--grid)}.pk-check li:nth-child(n+7){border-bottom:none}.pk-page-hero{grid-template-columns:1fr}.pk-page-hero-lead{grid-column:auto;border-right:none}.pk-page-hero-side{grid-column:auto;padding:0 28px 40px}}@media(max-width:760px){.pk-wrap{border-left:none;border-right:none}.pk-grid,.pk-strip{display:none}.pk-hdr{gap:12px}.pk-sec,.pk-contoh,.pk-check,.pk-cta-bar,.pk-final,.pk-foot{grid-template-columns:1fr}.pk-sec .no,.pk-sec .ti,.pk-sec .de{grid-column:auto;border-left:none;padding-left:22px;padding-right:22px}.pk-page-hero-lead{padding:32px 22px 30px}.pk-page-hero-side{padding:0 22px 32px}.pk-contoh .cell,.pk-check li{grid-column:auto;border-right:none}.pk-contoh .cell:nth-child(2n),.pk-check li:nth-child(2n),.pk-check li:nth-child(4n){border-right:none}.pk-contoh .cell,.pk-check li{border-bottom:1px solid var(--grid)}.pk-cta-bar-inner{padding:28px 22px;flex-direction:column;text-align:center}.pk-final .l,.pk-final .r{grid-column:auto;border-right:none}.pk-final .l{padding:40px 22px}.pk-final .r{padding:0 22px 32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}