@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 properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@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-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}: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;--type-display:clamp(2.6rem, 6.4vw, 5.2rem);--type-section:clamp(2rem, 4.6vw, 3.3rem);--type-heading:clamp(1.35rem, 2.5vw, 1.65rem);--type-body:clamp(1rem, .8rem + 1.05vw, 1.125rem);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{z-index:50;border-bottom:2px solid var(--ink);background:var(--bg);padding:.8rem 0;position:sticky;top:0}header .wrap{justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-nav{align-items:center;gap:clamp(.85rem,2.2vw,1.6rem);margin-left:auto;display:flex}.site-nav a{text-underline-offset:.25em;font-size:.95rem;font-weight:600;text-decoration:none}.site-nav a:hover{color:var(--blue);text-decoration:underline}.mobile-nav{display:none}.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}.consultation-float{z-index:30;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));color:#fff;width:3.5rem;height:3.5rem;box-shadow:0 0 0 0 var(--blue);background:#1fbd5c;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:fixed}@supports (color:color-mix(in lab, red, red)){.consultation-float{box-shadow:0 0 0 0 color-mix(in srgb, var(--blue) 38%, transparent)}}.consultation-float{animation:2.4s ease-out infinite consultation-pulse}.consultation-float svg{fill:currentColor;width:1.9rem;height:1.9rem;display:block}@keyframes consultation-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--blue) 38%, transparent)}70%{box-shadow:0 0 0 .75rem color-mix(in srgb, var(--blue) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--blue) 0%, transparent)}}.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:var(--type-display);font-weight:800}.lead{max-width:30rem;color:var(--mute);font-size:var(--type-body);margin:1.5rem 0 2rem}.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{font-size:var(--type-section);max-width:18ch;color:var(--ink);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{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-color:var(--blue) var(--blue);gap:1.25rem;margin:1.25rem 0 0;padding:.25rem .25rem 1rem;display:flex;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.work{scrollbar-color:var(--blue) color-mix(in srgb, var(--blue) 12%, transparent)}}.work{scrollbar-width:thin}.work::-webkit-scrollbar{height:.65rem}.work::-webkit-scrollbar-track{background:var(--blue);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.work::-webkit-scrollbar-track{background:color-mix(in srgb, var(--blue) 12%, transparent)}}.work::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:var(--blue);border-radius:999px}.work-hint{color:var(--mute);margin:.65rem 0 0;font-size:.9rem}.work-card{scroll-snap-align:start;border:2px solid var(--ink);background:var(--paper);min-width:0;box-shadow:4px 4px 0 var(--ink);border-radius:14px;flex:0 0 min(82vw,390px);margin:0;overflow:hidden}.work-card:focus-visible{outline-offset:5px}.work-card .frame{box-shadow:none;border:0;border-radius:0}.work-card .frame>b{border-bottom:2px solid var(--ink)}.work-card .frame .viewport{min-height:240px}.work-info{margin:0;padding:1rem 1.1rem 1.15rem}.work-info>.kal{margin-top:.4rem}.work figure{margin:0}.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}figcaption{margin-top:.6rem;font-weight:600}#faq details{border:1px solid var(--line);background:var(--paper);box-shadow:3px 3px 0 var(--ink);border-radius:14px;margin-top:.8rem;padding:1rem 1.1rem}@supports (color:color-mix(in lab, red, red)){#faq details{box-shadow:3px 3px 0 color-mix(in srgb, var(--ink) 12%, transparent)}}#faq summary{font:600 clamp(.95rem, .9rem + .3vw, 1.05rem)/1.4 var(--body);color:var(--mute);cursor:pointer;justify-content:space-between;gap:1rem;list-style:none;display:flex}#faq details[open] summary{color:var(--ink)}#faq details[open]{border-color:var(--blue)}#faq summary::-webkit-details-marker{display:none}#faq summary:after{content:"+";font:600 1.25rem/1 var(--body);color:var(--blue);flex:none}#faq details[open] summary:after{content:"−"}#faq details>.kal{max-width:42rem;margin:.65rem 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{font-size:var(--type-section);max-width:16ch}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{grid-template-columns:1fr}.nota{transform:none}}@media (max-width:760px){.site-nav{display:none}.mobile-nav{margin-left:auto;display:block;position:relative}.mobile-nav-toggle{border:2px solid var(--ink);width:2.5rem;height:2.5rem;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:7px;place-items:center;padding:0;display:grid}.menu-glyph{gap:4px;width:1.1rem;display:grid}.menu-glyph i{background:currentColor;border-radius:2px;width:100%;height:2px;transition:rotate .2s,translate .2s,opacity .2s;display:block}.mobile-nav nav{z-index:40;border:2px solid var(--ink);background:var(--paper);width:min(16rem,100vw - 2.2rem);box-shadow:5px 5px 0 var(--ink);border-radius:14px;gap:.15rem;padding:.6rem;display:grid;position:absolute;top:calc(100% + .75rem);right:0}.mobile-nav nav[hidden]{display:none}.mobile-nav.is-open>.mobile-nav-toggle{background:var(--muda);border-color:var(--blue);color:var(--blue)}.mobile-nav.is-open>nav{display:grid}.mobile-nav nav a{border-radius:8px;padding:.65rem .75rem;font-weight:600;text-decoration:none}.mobile-nav nav a:hover{background:var(--bg)}}@media (max-width:480px){.steps li{grid-template-columns:3rem 1fr}.steps li:before{font-size:2rem}}@media (prefers-reduced-motion:reduce){.btn,.menu-glyph i{transition:none}.consultation-float{animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@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 .logo{min-width:0}@media (max-width:600px){header{padding:.65rem 0}header .wrap{gap:.75rem}header .logo{font-size:1.25rem}header .logo img{height:1.9rem}}@media (max-width:380px){header .logo{gap:.4rem;font-size:1.1rem}header .logo img{height:1.7rem}}
: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}}