.papan{--pn-porcelain:#eaefec;--pn-porcelain-2:#dfe6e2;--pn-white:#fafcfb;--pn-enamel:#0f3a4d;--pn-enamel-deep:#072330;--pn-enamel-mid:#2c5f74;--pn-ink-soft:#4a6b78;--pn-yolk:#e5a01c;--pn-yolk-deep:#8a5a00;--pn-pandan:#2c7a53;--pn-chili:#ad3927;--pn-line:#c2cfc9;--pn-line-soft:#d5ded9;--cream:var(--pn-white);--cream-dark:var(--pn-porcelain-2);--ink:var(--pn-enamel-deep);--ink-soft:var(--pn-ink-soft);--clay:var(--pn-enamel);--clay-deep:var(--pn-enamel-deep);--leaf:var(--pn-pandan);--turmeric:var(--pn-yolk);--paper-line:var(--pn-line);--font-display:"Archivo";--font-body:"Archivo";--font-mono:"Archivo";background:var(--pn-porcelain);color:var(--pn-enamel-deep);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;font-family:Archivo,system-ui,-apple-system,sans-serif;font-stretch:100%}.pn-display{letter-spacing:-.025em;text-wrap:balance;font-weight:700;font-stretch:116%;line-height:.98}.pn-label{letter-spacing:.2em;text-transform:uppercase;font-size:.6875rem;font-weight:600;font-stretch:74%;line-height:1.4}.pn-lead{color:var(--pn-ink-soft);font-size:1.0625rem;line-height:1.6}@media (min-width:768px){.pn-lead{font-size:1.1875rem}}.papan .font-mono{font-weight:600;font-stretch:74%}.papan .font-display{font-feature-settings:normal;font-family:Archivo,system-ui,sans-serif;font-stretch:116%}.papan .italic-display{color:var(--pn-yolk-deep);font-family:Archivo,system-ui,sans-serif;font-style:normal;font-stretch:116%}.pn-wrap{max-width:74rem;margin-inline:auto;padding-inline:1.125rem}@media (min-width:768px){.pn-wrap{padding-inline:2.5rem}}.pn-sec{padding-block:4rem}@media (min-width:768px){.pn-sec{padding-block:6.5rem}}.pn-sec-head{max-width:44rem}.pn-sec-head .pn-label{color:var(--pn-yolk-deep)}.pn-h2{margin-top:.75rem;font-size:clamp(1.85rem,6.2vw,3.25rem)}.pn-h3{letter-spacing:-.01em;font-size:1.0625rem;font-weight:650;font-stretch:108%}.pn-topbar{z-index:40;background:var(--pn-porcelain);border-bottom:1px solid var(--pn-line);position:sticky;top:0}.pn-topbar-inner{justify-content:space-between;align-items:center;gap:.75rem;padding-block:.75rem;display:flex}.pn-navlink{color:var(--pn-ink-soft);white-space:nowrap;padding:.5rem .25rem;font-size:.875rem;transition:color .15s}.pn-navlink:hover{color:var(--pn-enamel-deep)}.pn-btn{white-space:nowrap;border:1.5px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.35rem;font-size:.9375rem;font-weight:650;font-stretch:90%;transition:background-color .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.pn-btn-primary{background:var(--pn-enamel);color:var(--pn-white)}.pn-btn-primary:hover{background:var(--pn-enamel-deep)}.pn-btn-yolk{background:var(--pn-yolk);color:var(--pn-enamel-deep)}.pn-btn-yolk:hover{background:#f2b23a}.pn-btn-quiet{border-color:var(--pn-line);color:var(--pn-enamel);background:0 0}.pn-btn-quiet:hover{border-color:var(--pn-enamel);background:color-mix(in srgb, var(--pn-white) 70%, transparent)}.pn-btn-sm{padding:.55rem 1rem;font-size:.8125rem}.pn-btn:active{transform:translateY(1px)}.papan a:focus-visible,.papan button:focus-visible,.papan input:focus-visible,.papan [role=tab]:focus-visible{outline:2px solid var(--pn-yolk-deep);outline-offset:2px}.pn-hero{padding-block:2.75rem 3.5rem}@media (min-width:900px){.pn-hero{grid-template-columns:1fr 23.5rem;align-items:start;gap:3.5rem;padding-block:4.5rem 5.5rem;display:grid}}.pn-hero-copy{container-type:inline-size}.pn-hero h1{text-wrap:nowrap;margin-top:1.25rem;font-size:clamp(1.7rem,9cqw,4.25rem);line-height:1.16}@supports not (font-size:1cqw){.pn-hero h1{text-wrap:balance;font-size:clamp(1.7rem,7.4vw,4.25rem)}}.pn-hero-days{color:var(--pn-yolk-deep)}.pn-hero-lead{max-width:34rem;margin-top:1.5rem}.pn-hero-quote{color:var(--pn-yolk-deep);font-weight:600}.pn-hero-cta{flex-direction:column;gap:.625rem;margin-top:2rem;display:flex}@media (min-width:560px){.pn-hero-cta{flex-flow:wrap}}.pn-define{border-top:1px solid var(--pn-line);max-width:34rem;color:var(--pn-ink-soft);margin-top:2.25rem;padding-top:.875rem;font-size:.9375rem;line-height:1.6}.pn-define b{color:var(--pn-enamel-deep);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.375rem;font-size:.6875rem;font-weight:600;font-stretch:74%;display:block}.pn-uses{border-block:1px solid var(--pn-line);background:var(--pn-white)}.pn-uses-inner{gap:1rem;padding-block:1.75rem;display:grid}@media (min-width:900px){.pn-uses-inner{grid-template-columns:10rem 1fr;align-items:start;gap:2.5rem;padding-block:2rem}}.pn-uses-inner>.pn-label{padding-top:.125rem}.pn-uses .pn-label{color:var(--pn-ink-soft)}.pn-uses ul{grid-template-columns:1fr;gap:.5rem 1.75rem;padding:0;font-size:.9375rem;list-style:none;display:grid}@media (min-width:460px){.pn-uses ul{grid-template-columns:1fr 1fr}}@media (min-width:900px){.pn-uses ul{grid-template-columns:repeat(3,1fr)}}.pn-uses li{padding-left:.9375rem;line-height:1.45;position:relative}.pn-uses li:before{content:"";background:var(--pn-yolk);width:5px;height:5px;position:absolute;top:.5rem;left:0}.pn-batch{background:var(--pn-white);border:1.5px solid var(--pn-line);border-top:5px solid var(--pn-enamel);border-radius:3px;margin-top:2.5rem}@media (min-width:900px){.pn-batch{margin-top:.5rem;position:sticky;top:5.5rem}}.pn-batch-head{border-bottom:1px dashed var(--pn-line);padding:1rem 1.125rem .875rem}.pn-batch-head .pn-label{color:var(--pn-ink-soft)}.pn-batch-title{letter-spacing:-.015em;margin-top:.35rem;font-size:1.125rem;font-weight:700;font-stretch:108%}.pn-batch-body{padding:1.125rem}.pn-window{grid-template-columns:repeat(4,1fr);gap:.25rem;display:grid}.pn-window-step{padding-top:1.1rem;position:relative}.pn-window-step:before{content:"";background:var(--pn-line);height:2px;position:absolute;top:.3125rem;left:0;right:0}.pn-window-step:after{content:"";background:var(--pn-porcelain);border:2px solid var(--pn-line);border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:0;left:0}.pn-window-step[data-state=done]:before{background:var(--pn-enamel)}.pn-window-step[data-state=done]:after{background:var(--pn-enamel);border-color:var(--pn-enamel)}.pn-window-step[data-state=now]:before{background:linear-gradient(90deg, var(--pn-enamel) 50%, var(--pn-line) 50%)}.pn-window-step[data-state=now]:after{background:var(--pn-yolk);border-color:var(--pn-enamel)}.pn-window-step .pn-label{letter-spacing:.14em;color:var(--pn-ink-soft);font-size:.625rem}.pn-window-step[data-state=now] .pn-label{color:var(--pn-enamel-deep)}.pn-batch-figures{border-top:1px solid var(--pn-line-soft);grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.375rem;padding-top:1.125rem;display:grid}.pn-figure-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:700;font-stretch:100%}.pn-figure-label{color:var(--pn-ink-soft);margin-top:.125rem;font-size:.75rem}.pn-batch-feed{border-top:1px solid var(--pn-line-soft);margin-top:1.375rem;padding-top:1rem;font-size:.8125rem}.pn-batch-feed>.pn-label{color:var(--pn-ink-soft);margin-bottom:.25rem}.pn-actors{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.pn-actor{color:var(--pn-ink-soft);align-items:center;gap:.5rem;display:inline-flex}.pn-actor:before{content:"";background:var(--pn-c);border-radius:50%;width:.625rem;height:.625rem}.pn-rail{margin-top:2.5rem;padding:0;list-style:none;position:relative}.pn-rail:before{content:"";background:linear-gradient(var(--pn-line) 60%, transparent);width:2px;position:absolute;top:.5rem;bottom:3rem;left:.4375rem}.pn-station{padding-bottom:2.75rem;padding-left:2.125rem;position:relative}@media (min-width:860px){.pn-station{grid-template-columns:15rem 1fr;gap:2.5rem;padding-left:3rem;display:grid}}.pn-station:before{content:"";background:var(--pn-porcelain);border:3px solid var(--pn-c);border-radius:50%;width:1rem;height:1rem;position:absolute;top:.375rem;left:0}.pn-station-when{color:var(--pn-c)}.pn-station-who{color:var(--pn-ink-soft);margin-top:.125rem;font-size:.8125rem}.pn-station h3{margin-top:.5rem}@media (min-width:860px){.pn-station h3{margin-top:0}}.pn-station p{color:var(--pn-ink-soft);max-width:34rem;margin-top:.5rem;font-size:.9375rem;line-height:1.6}.pn-artifact{background:var(--pn-white);border:1px solid var(--pn-line);border-radius:3px;max-width:30rem;margin-top:1rem;padding:.75rem .875rem;font-size:.8125rem}.pn-art-row{justify-content:space-between;align-items:baseline;gap:.75rem;padding-block:.375rem;display:flex}.pn-art-row+.pn-art-row{border-top:1px dashed var(--pn-line-soft)}.pn-art-name{color:var(--pn-enamel-deep)}.pn-art-value{color:var(--pn-ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap;font-stretch:88%}.pn-art-value[data-tone=good]{color:var(--pn-pandan);font-weight:650}.pn-art-value[data-tone=wait]{color:var(--pn-yolk-deep);font-weight:650}.pn-compare{background:var(--pn-line);border:1px solid var(--pn-line);border-radius:3px;gap:1px;margin-top:2.75rem;display:grid;overflow:hidden}@media (min-width:800px){.pn-compare{grid-template-columns:1fr 1fr}}.pn-col{background:var(--pn-porcelain);padding:1.5rem 1.375rem}.pn-col-now{background:var(--pn-white)}.pn-col-old{isolation:isolate;position:relative}.pn-strike{z-index:1;pointer-events:none;mix-blend-mode:multiply;opacity:.62;width:calc(100% + 1rem);height:calc(100% + 1rem);position:absolute;top:-.5rem;left:-.5rem;transform:rotate(-.6deg)}.pn-strike path{fill:none;stroke:var(--pn-chili);stroke-width:3.25px;stroke-linecap:round;vector-effect:non-scaling-stroke}.pn-strike path+path{stroke-width:2.75px;opacity:.88}@media (min-width:800px){.pn-strike path{stroke-width:4px}.pn-strike path+path{stroke-width:3.25px}}.pn-col>.pn-label{color:var(--pn-ink-soft)}.pn-col-now>.pn-label{color:var(--pn-pandan)}.pn-col ul{margin-top:1.25rem;padding:0;list-style:none}.pn-col li{padding-block:.875rem;font-size:.9375rem;line-height:1.55}.pn-col li+li{border-top:1px solid var(--pn-line-soft)}.pn-col li b{margin-bottom:.1875rem;font-weight:650;font-stretch:104%;display:block}.pn-col-old li b{color:var(--pn-chili)}.pn-col-now li b{color:var(--pn-enamel-deep)}.pn-col li span{color:var(--pn-ink-soft)}.pn-grid{background:var(--pn-line);border:1px solid var(--pn-line);border-radius:3px;gap:1px;margin-top:2.75rem;display:grid;overflow:hidden}@media (min-width:640px){.pn-grid{grid-template-columns:1fr 1fr}}@media (min-width:1000px){.pn-grid{grid-template-columns:repeat(3,1fr)}}.pn-cell{background:var(--pn-white);padding:1.5rem 1.375rem}.pn-cell .pn-label{color:var(--pn-yolk-deep)}.pn-cell h3{margin-top:.625rem}.pn-cell p{color:var(--pn-ink-soft);margin-top:.5rem;font-size:.9375rem;line-height:1.6}.pn-cell a{color:var(--pn-enamel);text-underline-offset:3px;text-decoration:underline}.pn-brief{background:var(--pn-line);border-block:1px solid var(--pn-line);gap:1px;margin-top:2.25rem;padding:0;list-style:none;display:grid}@media (min-width:700px){.pn-brief{grid-template-columns:1fr 1fr}}.pn-brief li{background:var(--pn-porcelain);padding:.875rem 0;padding-left:1.625rem;font-size:.9375rem;line-height:1.5;position:relative}@media (min-width:700px){.pn-brief li{padding-left:1.625rem;padding-right:1.25rem}}.pn-brief li:before{content:"";background:var(--pn-yolk);width:.5rem;height:.5rem;position:absolute;top:1.375rem;left:.25rem}.pn-spec-nav{border-block:1px solid var(--pn-line);background:var(--pn-white)}.pn-spec-nav ol{grid-template-columns:1fr;gap:0 2rem;margin:0;padding:1rem 0 1.25rem;list-style:none;display:grid}@media (min-width:560px){.pn-spec-nav ol{grid-template-columns:1fr 1fr}}@media (min-width:1000px){.pn-spec-nav ol{grid-template-columns:repeat(3,1fr)}}.pn-spec-nav a{color:var(--pn-enamel-deep);letter-spacing:.14em;border-bottom:1px solid var(--pn-line-soft);grid-template-columns:2.25rem 1fr;align-items:baseline;gap:.25rem;padding-block:.5rem;text-decoration:none;display:grid}.pn-spec-nav li:last-child a{border-bottom-color:#0000}@media (min-width:560px){.pn-spec-nav li:nth-last-child(-n+2) a{border-bottom-color:#0000}}.pn-spec-nav a span:first-child{color:var(--pn-ink-soft);font-variant-numeric:tabular-nums}.pn-spec-nav a:hover,.pn-spec-nav a:hover span:first-child{color:var(--pn-yolk-deep)}.pn-band{border-top:1px solid var(--pn-line);scroll-margin-top:4.5rem}.pn-band:nth-child(2n){background:var(--pn-white)}.pn-group{padding-block:2.5rem}@media (min-width:960px){.pn-group{grid-template-columns:16rem 1fr;gap:3.5rem;padding-block:3.5rem;display:grid}}.pn-group-num{letter-spacing:-.04em;color:var(--pn-line);font-variant-numeric:tabular-nums;font-size:2.75rem;font-weight:700;font-stretch:116%;line-height:1}.pn-group-head h2{margin-top:.375rem;font-size:clamp(1.5rem,4.5vw,2rem)}.pn-group-head p{color:var(--pn-ink-soft);max-width:22rem;margin-top:.75rem;font-size:.9375rem;line-height:1.6}.pn-group-count{color:var(--pn-ink-soft);margin-top:1rem}@media (min-width:960px){.pn-group-head{align-self:start;position:sticky;top:5rem}}.pn-items{margin-top:1.75rem;padding:0;list-style:none}@media (min-width:960px){.pn-items{margin-top:0}}.pn-items li{border-top:1px solid var(--pn-line-soft);padding-block:1.125rem}.pn-items li:first-child{border-top:0;padding-top:0}@media (min-width:640px){.pn-items li{grid-template-columns:15rem 1fr;align-items:baseline;gap:1.75rem;display:grid}}.pn-item-name{letter-spacing:-.005em;font-size:.9375rem;font-weight:650;font-stretch:106%}.pn-item-desc{color:#3f5a66;max-width:40rem;margin-top:.3125rem;font-size:.9375rem;line-height:1.65}@media (min-width:640px){.pn-item-desc{margin-top:0}}.pn-item-desc a{color:var(--pn-enamel);text-underline-offset:3px;text-decoration:underline}.pn-item-desc code{background:var(--pn-porcelain-2);border-radius:2px;padding:.05em .35em;font-stretch:88%}.pn-who{gap:1.25rem 2rem;margin-top:2.75rem;display:grid}@media (min-width:800px){.pn-who{grid-template-columns:1.5fr 1fr 1fr;gap:1.25rem 2.5rem}.pn-who-card:first-child .pn-h3{font-size:1.3125rem}.pn-who-card:first-child p{font-size:1rem}}.pn-who-card{border-top:3px solid var(--pn-c);padding-top:1.125rem}.pn-who-card h3{margin-top:.5rem}.pn-who-card p{color:var(--pn-ink-soft);margin-top:.5rem;font-size:.9375rem;line-height:1.6}.pn-who-card .pn-label{color:var(--pn-c)}.pn-dark{background:var(--pn-enamel-deep);color:var(--pn-porcelain)}.pn-dark .pn-label{color:var(--pn-yolk)}.pn-dark .pn-lead{color:color-mix(in srgb, var(--pn-porcelain) 78%, transparent)}.pn-dark .platform-logo{filter:brightness(0)invert()}.pn-numbers{grid-template-columns:1fr 1fr;gap:1.75rem 1.25rem;margin-top:2.5rem;display:grid}@media (min-width:720px){.pn-numbers{grid-template-columns:repeat(3,1fr)}}@media (min-width:1060px){.pn-numbers{grid-template-columns:repeat(6,1fr);gap:1.75rem 1rem}.pn-number-value{font-size:clamp(1.75rem,2.6vw,2.5rem)}}.pn-number-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(2rem,7vw,3rem);font-weight:700;font-stretch:110%;line-height:1}.pn-number-label{color:color-mix(in srgb, var(--pn-porcelain) 70%, transparent);margin-top:.5rem;font-size:.875rem}.pn-close{text-align:center;max-width:40rem;margin-inline:auto}.pn-close h2{margin-top:.75rem;font-size:clamp(2rem,7.5vw,3.75rem)}.pn-close-cta{flex-direction:column;gap:.625rem;margin-top:2.25rem;display:flex}@media (min-width:560px){.pn-close-cta{flex-direction:row;justify-content:center}}.pn-dark .pn-btn-quiet{border-color:color-mix(in srgb, var(--pn-porcelain) 35%, transparent);color:var(--pn-porcelain)}.pn-dark .pn-btn-quiet:hover{border-color:var(--pn-porcelain);background:color-mix(in srgb, var(--pn-porcelain) 10%, transparent)}.pn-footer{border-top:1px solid var(--pn-line);background:var(--pn-porcelain)}.pn-footer-grid{gap:2rem;padding-block:3rem 2rem;display:grid}@media (min-width:800px){.pn-footer-grid{grid-template-columns:2fr 1fr 1fr}}.pn-footer ul{gap:.5rem;margin-top:.875rem;padding:0;font-size:.9375rem;list-style:none;display:grid}.pn-footer a:hover{color:var(--pn-enamel)}.pn-footer-base{border-top:1px solid var(--pn-line);color:var(--pn-ink-soft);gap:.5rem;padding-block:1.25rem;display:grid}@media (min-width:640px){.pn-footer-base{grid-auto-flow:column;justify-content:space-between}}.pn-auth{flex-direction:column;min-height:100svh;display:flex}.pn-auth-main{flex:1;display:grid}@media (min-width:940px){.pn-auth-main{grid-template-columns:1fr 1fr}}.pn-auth-aside{display:none}@media (min-width:940px){.pn-auth-aside{background:var(--pn-enamel-deep);color:var(--pn-porcelain);flex-direction:column;justify-content:center;padding:3.5rem 3rem;display:flex}}.pn-auth-aside h2{max-width:20rem;margin-top:.875rem;font-size:clamp(1.75rem,3vw,2.5rem)}.pn-auth-aside .pn-label{color:var(--pn-yolk)}.pn-auth-steps{max-width:22rem;margin-top:2.5rem;padding:0;list-style:none}.pn-auth-steps li{grid-template-columns:4.5rem 1fr;align-items:baseline;gap:1rem;padding-block:.875rem;font-size:.9375rem;display:grid}.pn-auth-steps li+li{border-top:1px solid color-mix(in srgb, var(--pn-porcelain) 18%, transparent)}.pn-auth-steps .pn-label{color:color-mix(in srgb, var(--pn-porcelain) 60%, transparent)}.pn-auth-panel{flex-direction:column;justify-content:center;padding:2rem 1.125rem 3rem;display:flex}@media (min-width:940px){.pn-auth-panel{padding:3.5rem 3rem}}.pn-auth-card{width:100%;max-width:26rem;margin-inline:auto}.pn-auth-card h1{margin-top:.75rem;font-size:clamp(1.875rem,6.5vw,2.5rem)}.pn-auth-card>.pn-label{color:var(--pn-yolk-deep)}.pn-auth-sub{color:var(--pn-ink-soft);margin-top:.875rem;font-size:.9375rem;line-height:1.6}.pn-auth-form{margin-top:2rem}.pn-auth-foot{border-top:1px solid var(--pn-line);color:var(--pn-ink-soft);margin-top:1.75rem;padding-top:1.5rem;font-size:.9375rem}.pn-auth-foot a{color:var(--pn-enamel);text-underline-offset:3px;font-weight:650;text-decoration:underline}.papan input,.papan .btn-clay{border-radius:3px}.papan input{background:var(--pn-white);border-width:1.5px}.papan input:focus{border-color:var(--pn-enamel)}.papan .btn-clay{box-shadow:none;font-weight:650;font-stretch:90%}.papan .btn-clay:hover{background:var(--pn-enamel-deep);transform:none}.papan [role=tablist]{background:var(--pn-porcelain-2);border-width:1.5px;border-radius:3px}.papan [role=tab]{border-radius:2px}