@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.197tvtifbphtu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.2e115y8-hourl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.PLbYGq_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.PLbYGq_variable{--font-disp:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.0klc_mi0-5f4_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.2874ccu1_u7jf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Fallback;src:local(Arial);ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.0%;size-adjust:102.74%}.izaPfW_className{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.izaPfW_variable{--font-body:"Instrument Sans", "Instrument Sans Fallback"}
@font-face{font-family:Courier Prime;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7f6e389592deb6d0-s.18kjkh28iesz_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-weight:400;font-display:swap;src:url(../media/87d3ffffac5dafea-s.p.3a10o7es2neby.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime;font-style:normal;font-weight:700;font-display:swap;src:url(../media/69c6d7b79c8b79fe-s.1_9u50gws63pa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5f440d3eea613716-s.p.1xmps1tcyqv34.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime Fallback;src:local(Arial);ascent-override:58.08%;descent-override:25.41%;line-gap-override:0.0%;size-adjust:134.5%}.UIY0Fa_className{font-family:Courier Prime,Courier Prime Fallback;font-style:normal}.UIY0Fa_variable{--font-mono:"Courier Prime", "Courier Prime Fallback"}
@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.block{display:block}}:root{--bg:#eaf3fc;--paper:#fff;--ink:#0b2342;--mute:#4a5f7a;--line:#c2d8ee;--blue:#0058a0;--on-blue:#fff;--mark:#50a8f0;--on-mark:#06203b;--disp:var(--font-disp), "Trebuchet MS", system-ui, sans-serif;--body:var(--font-body), system-ui, -apple-system, "Segoe UI", sans-serif;--mono:var(--font-mono), "Courier New", monospace;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1626;--paper:#16233a;--ink:#e8eef8;--mute:#9db0cc;--line:#2a3b58;--blue:#50a8f0;--on-blue:#0d1626}}:root[data-theme=dark]{--bg:#0d1626;--paper:#16233a;--ink:#e8eef8;--mute:#9db0cc;--line:#2a3b58;--blue:#50a8f0;--on-blue:#0d1626}html{scroll-padding-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--body);margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(1.1rem,4vw,2rem)}h1,h2,h3{font-family:var(--disp);letter-spacing:-.02em;margin:0;line-height:1.05}header{border-bottom:2px solid var(--ink);padding:1.25rem 0}header .wrap{justify-content:space-between;align-items:center;gap:1rem;display:flex}.logo{font:800 1.4rem var(--disp);letter-spacing:-.03em;align-items:center;gap:.5rem;text-decoration:none;display:flex}.logo img{width:auto;height:2.2rem}.logo i{color:var(--blue);font-style:normal}.btn{font:600 1rem var(--body);border:2px solid var(--ink);background:var(--blue);color:var(--on-blue);cursor:pointer;border-radius:999px;padding:.85rem 1.4rem;text-decoration:none;transition:transform .15s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn.ghost{color:var(--ink);background:0 0}.hero{padding:clamp(2.5rem,7vw,5.5rem) 0}.hero .wrap{grid-template-columns:1.1fr .9fr;align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}h1{font-size:clamp(2.6rem,6.4vw,5.2rem);font-weight:800}.lead{max-width:30rem;color:var(--mute);margin:1.5rem 0 2rem;font-size:1.15rem}.row{flex-wrap:wrap;gap:.75rem;display:flex}.small{color:var(--mute);max-width:28rem;margin-top:1.25rem;font-size:.92rem}.nota{background:var(--paper);border:2px solid var(--ink);font-family:var(--mono);box-shadow:8px 8px 0 var(--ink);padding:1.4rem 1.4rem 2.2rem;position:relative;transform:rotate(1.2deg)}.nota:after{content:"";background:linear-gradient(135deg, var(--paper) 50%, transparent 50%) 0 0/16px 12px, linear-gradient(225deg, var(--paper) 50%, transparent 50%) 0 0/16px 12px;border:0;height:12px;position:absolute;bottom:-12px;left:-2px;right:-2px}.nota h2{font:800 1.5rem var(--disp);margin-bottom:.2rem}.nota .meta{color:var(--mute);margin:0 0 1rem;font-size:.85rem}.nota label.item{border-top:1px dashed var(--line);cursor:pointer;align-items:flex-start;gap:.7rem;padding:.6rem 0;display:flex}.nota input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--blue);flex:none;margin-top:.35rem}.nota .nm{flex:1;line-height:1.3}.nota .nm small{color:var(--mute);font-size:.8rem;display:block}.nota .fields{gap:.6rem;margin:1.1rem 0;display:grid}.nota input[type=text]{width:100%;font:400 1rem var(--mono);border:2px solid var(--ink);background:var(--bg);color:var(--ink);border-radius:4px;padding:.6rem .7rem}.nota .btn{text-align:center;width:100%;font-family:var(--body)}.nota .note{color:var(--mute);margin:.7rem 0 0;font-size:.78rem}.lay{border-top:2px solid var(--ink);margin:2.5rem 0 0;padding:0;list-style:none}.lay li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:baseline;gap:.5rem 2rem;padding:1.5rem 0;display:grid}.lay h3{font-size:1.5rem}.lay p{color:var(--mute);max-width:38rem;margin:.3rem 0 0}.lay .isi{font-size:.95rem}.lay .kisaran{font:700 1.15rem var(--mono);white-space:nowrap;text-align:right}.lay .kisaran small{font:400 .85rem var(--body);color:var(--mute);display:block}.lay-note{color:var(--mute);max-width:40rem;margin:1.5rem 0 0}@media (max-width:600px){.lay li{grid-template-columns:1fr}.lay .kisaran{text-align:left}}section.s{border-top:2px solid var(--ink);padding:clamp(3rem,7vw,5.5rem) 0}h2.t{max-width:18ch;font-size:clamp(2rem,4.6vw,3.3rem);font-weight:800}.steps{counter-reset:s;gap:0;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;border-top:1px solid var(--line);grid-template-columns:4.5rem 1fr;gap:1rem;padding:1.4rem 0;display:grid}.steps li:before{content:counter(s);font:800 2.8rem/1 var(--disp);color:var(--blue)}.steps h3{margin-bottom:.3rem;font-size:1.35rem}.steps p{color:var(--mute);max-width:44rem;margin:0}.work{grid-template-columns:1.4fr 1fr;gap:1.5rem;margin-top:2.5rem;display:grid}.work figure{margin:0}.work figure:first-child{grid-row:span 2}.frame{border:2px solid var(--ink);background:var(--paper);border-radius:10px;overflow:hidden}.frame b{border-bottom:2px solid var(--ink);gap:.35rem;padding:.55rem .7rem;display:flex}.frame b i{background:var(--line);border-radius:50%;width:.6rem;height:.6rem}.frame div{min-height:220px;color:var(--mute);text-align:center;place-items:center;padding:1rem;font-size:.95rem;display:grid}.work figure:first-child .frame div{min-height:420px}figcaption{margin-top:.6rem;font-weight:600}figcaption span{color:var(--mute);font-size:.95rem;font-weight:400;display:block}details{border-top:1px solid var(--line);padding:1.1rem 0}details:last-of-type{border-bottom:1px solid var(--line)}summary{font:600 1.15rem var(--disp);cursor:pointer;justify-content:space-between;gap:1rem;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:1.5rem;line-height:1}details[open] summary:after{content:"−"}details p{color:var(--mute);max-width:42rem;margin:.7rem 0 0}.faq{margin-top:2rem}footer{background:var(--ink);color:var(--bg);padding:clamp(2.5rem,6vw,4rem) 0}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:2rem;display:flex}footer h2{max-width:16ch;font-size:clamp(1.8rem,4vw,2.8rem)}footer .btn{background:var(--mark);color:var(--on-mark);border-color:var(--mark)}footer small{opacity:.7;width:100%;margin-top:2rem;display:block}@media (max-width:860px){.hero .wrap,.work{grid-template-columns:1fr}.nota{transform:none}.work figure:first-child{grid-row:auto}.work figure:first-child .frame div{min-height:260px}}@media (max-width:480px){.steps li{grid-template-columns:3rem 1fr}.steps li:before{font-size:2rem}}@media (prefers-reduced-motion:reduce){.btn{transition:none}}
@property --n{syntax:"<integer>";inherits:true;initial-value:0}.aw{white-space:nowrap;display:inline-block}.ac{opacity:clamp(0, calc(var(--n) - var(--i)), 1);display:inline-block}.ai{cursor:default;transition:translate .25s cubic-bezier(.3,1.6,.5,1),color .2s;display:inline-block}.ai:hover{color:var(--blue);translate:0 -.12em}.ac.q{color:var(--blue)}.q .ai:hover{animation:.7s ease-in-out goyang}@keyframes goyang{0%,to{rotate:0deg}20%{rotate:-18deg;scale:1.2}40%{rotate:14deg}60%{rotate:-9deg}80%{rotate:4deg}}.fu{animation:naik .8s cubic-bezier(.2, .8, .2, 1) var(--fd,1s) backwards}.fd1{--fd:1.1s}.fd2{--fd:1.25s}.fd3{--fd:1.4s}@keyframes naik{0%{opacity:0;translate:0 22px}to{opacity:1;translate:0}}header .wrap{animation:.7s cubic-bezier(.2,.8,.2,1) backwards turun}@keyframes turun{0%{opacity:0;translate:0 -14px}to{opacity:1;translate:0}}.hero .nota{animation:1s cubic-bezier(.2,.9,.25,1.1) .7s backwards notaMasuk}@keyframes notaMasuk{0%{opacity:0;translate:0 50px;rotate:6deg}to{opacity:1;translate:0;rotate:0deg}}.rv{opacity:0;transition:opacity .8s,translate .8s cubic-bezier(.2,.8,.2,1);translate:0 28px}.rv.in{opacity:1;translate:0}.btn:active{translate:0 1px}.nota label.item{transition:background-color .2s,padding-left .2s}.nota label.item:hover{background:color-mix(in srgb, var(--blue) 9%, transparent);padding-left:.5rem}.lay h3{transition:color .2s}.lay li:hover h3{color:var(--blue)}.steps li:before{transform-origin:0;transition:scale .3s cubic-bezier(.3,1.6,.5,1)}.steps li:hover:before{scale:1.15}summary{transition:color .2s}summary:hover{color:var(--blue)}@media (prefers-reduced-motion:reduce){.ty{animation:none!important}.ac{opacity:1!important}.fu,header .wrap,.hero .nota{animation:none!important}.ai{transition:none}.rv{opacity:1;transition:none;translate:none}}
.lay li{--ik:2.75rem;--gp:1rem}.lay-main{gap:var(--gp);align-items:flex-start;display:flex}.ik{width:var(--ik);height:var(--ik);border:2px solid var(--ink);background:color-mix(in srgb, var(--blue) 12%, var(--paper));color:var(--blue);border-radius:12px;flex:none;place-items:center;transition:rotate .3s cubic-bezier(.3,1.6,.5,1);display:grid}.ik svg{width:1.4rem;height:1.4rem}.lay .kisaran{align-self:start}.lay .kisaran small{margin-bottom:.2rem}@media (max-width:600px){.lay li{--ik:2.5rem;--gp:.8rem}.ik{border-radius:10px}.lay .kisaran{padding-left:calc(var(--ik) + var(--gp));text-align:left;margin-top:.35rem}}@media (hover:hover){.lay li:hover .ik{rotate:-8deg}}@media (hover:none){.ai:hover{color:inherit;translate:none}.q .ai:hover{animation:none}.nota label.item:hover{background:0 0;padding-left:0}.lay li:hover h3{color:inherit}.steps li:hover:before{scale:1}summary:hover{color:inherit}}
header .btn{white-space:nowrap;align-items:center;min-height:2.75rem;display:inline-flex}header .logo{min-width:0}@media (max-width:600px){header{padding:1rem 0}header .wrap{gap:.75rem}header .logo{font-size:1.25rem}header .logo img{height:1.9rem}header .btn{padding:.5rem 1rem;font-size:.9rem}}@media (max-width:380px){header .logo{gap:.4rem;font-size:1.1rem}header .logo img{height:1.7rem}header .btn{padding:.45rem .8rem;font-size:.85rem}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--asli:#eaf3fc;--muda:#d3e7fb;--putih:#fff;--navy:#0a2347}body{background:var(--asli)}.mulai,#hasil{background-color:var(--asli);background-image:radial-gradient(color-mix(in srgb, var(--blue) 13%, transparent) 1.2px, transparent 1.4px);background-size:22px 22px}#layanan,#faq{background:var(--putih)}#cara{background:var(--muda);--line:#9fc0e3}section.s{border-top:0}section.s h2.t{max-width:22ch}.mulai .wrap{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.mulai .lead{max-width:26rem;margin:1.2rem 0 0}@media (max-width:860px){.mulai .wrap{grid-template-columns:1fr}}