:root{--bg:#fdf6ee;--card:#fff;--soft:#f5ece0;--ink:#1f2d29;--ink-2:#56635e;--line:#eadfd2;--teal:#0f7a66;--teal-ink:#fff;--mint:#bfead9;--peach:#ffb89a;--sun:#ffd98a;--error:#b4321f;--warm-ink:#1f2d29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:"fontSans Fallback", "Helvetica Neue", Arial, sans-serif;--font-display:var(--font-display-face), "Helvetica Neue", Arial, sans-serif;--display-tracking:-.03em;--text-display:clamp(2.3rem, 1.1rem + 4.6vw, 4.1rem);--text-h2:clamp(2rem, min(1.2rem + 3vw, 5.4svh), 3.3rem);--text-h3:1.35rem;--text-lead:clamp(1.06rem, 1rem + .25vw, 1.15rem);--text-body:1.03rem;--text-small:.9rem;--text-label:.86rem;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--gutter:max(clamp(16px, 4vw, 56px), env(safe-area-inset-left,0px));--content:1320px;--section-pad:clamp(56px, 8vw, 110px);--panel-pad:clamp(20px, min(5vw, 4.6svh), 64px);--board-pad:clamp(20px, 3.5vw, 40px);--header-h:80px;--screen:calc(100svh - var(--header-h));--screen-pad:clamp(16px, 3.6svh, 56px);--radius-panel:24px;--radius:14px;--radius-sm:11px;--radius-chip:999px;--hairline:1.5px solid var(--line);--button-border:1.5px solid var(--ink);--dur-instant:.12s;--dur-quick:.2s;--dur-base:.32s;--dur-slow:.56s;--dur-morph:.9s;--dur-hold:1.6s;--stagger-tight:40ms;--stagger-loose:80ms;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-snap:cubic-bezier(.2, .9, .1, 1);--ease-draw:cubic-bezier(.45, 0, .2, 1);--ease-lift:cubic-bezier(.3, 1.5, .6, 1)}:root[data-fonts]{--font-body:var(--font-sans), "Helvetica Neue", Arial, sans-serif}:root[data-fonts=first] main>section~section{--font-body:"fontSans Fallback", "Helvetica Neue", Arial, sans-serif;font-family:var(--font-body)}@media (scripting:none){:root{--font-body:var(--font-sans), "Helvetica Neue", Arial, sans-serif}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121a18;--card:#1a2421;--soft:#18211f;--ink:#eef3f0;--ink-2:#a6b3ae;--line:#2a3733;--teal:#5ccfae;--teal-ink:#0e1a16;--mint:#23443b;--peach:#8e5a47;--sun:#ffd98a;--error:#ff9c86;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121a18;--card:#1a2421;--soft:#18211f;--ink:#eef3f0;--ink-2:#a6b3ae;--line:#2a3733;--teal:#5ccfae;--teal-ink:#0e1a16;--mint:#23443b;--peach:#8e5a47;--sun:#ffd98a;--error:#ff9c86;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-body);overflow-wrap:break-word;-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--display-tracking);text-wrap:balance;margin:0;font-weight:700;line-height:1.05}.hl{text-decoration-line:underline;-webkit-text-decoration-color:var(--sun);text-decoration-color:var(--sun);text-underline-offset:-.18em;text-decoration-skip-ink:none;text-decoration-thickness:.3em}:root[data-theme=dark] .hl{text-decoration-color:#ffd98a59}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hl{text-decoration-color:#ffd98a59}}p{margin:0}a{color:inherit}img,svg,video{max-width:100%;height:auto;display:block}:focus-visible{outline:2.5px solid var(--teal);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-currency=IDR] [data-currency-only=USD],html[data-currency=USD] [data-currency-only=IDR]{display:none}html{scroll-padding-top:var(--header-h)}html[data-motion=full][data-smooth-scroll]{scroll-behavior:smooth}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html:is([data-motion=full],[data-motion=lite]) [data-reveal-state=pending]{opacity:0;transform:translateY(16px)}html:is([data-motion=full],[data-motion=lite]) [data-reveal-state=in]{transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out)}::view-transition{pointer-events:none}::view-transition-old(.mv-page){animation:var(--dur-slow) var(--ease-in-out) both mv-clip-out}::view-transition-new(.mv-page){animation:var(--dur-slow) var(--ease-in-out) both mv-clip-in}::view-transition-group(site-header){z-index:10;animation:none}::view-transition-old(site-header){display:none}::view-transition-new(site-header){animation:none}html:is([data-motion=off],[data-transitions=off])::view-transition-old(*){animation:none!important}html:is([data-motion=off],[data-transitions=off])::view-transition-new(*){animation:none!important}html:is([data-motion=off],[data-transitions=off])::view-transition-group(*){animation:none!important}:root[data-theme-change] *{view-transition-name:none!important}:root[data-theme-change]::view-transition-old(root){mix-blend-mode:normal;animation:none}:root[data-theme-change]::view-transition-new(root){mix-blend-mode:normal;animation:none}:root[data-theme-change]::view-transition-new(root){animation:mv-theme-in .7s var(--ease-in-out) both}@keyframes mv-theme-in{0%{clip-path:circle(0 at var(--theme-x,100%) var(--theme-y,0))}to{clip-path:circle(var(--theme-r,150vmax) at var(--theme-x,100%) var(--theme-y,0))}}:root[data-theme-fade] *,:root[data-theme-fade] :before,:root[data-theme-fade] :after{transition:background-color .5s var(--ease-in-out), color .5s var(--ease-in-out), border-color .5s var(--ease-in-out), fill .5s var(--ease-in-out), stroke .5s var(--ease-in-out)!important}@keyframes mv-clip-out{to{clip-path:inset(0 0 0 100%)}}@keyframes mv-clip-in{0%{clip-path:inset(0 100% 0 0)}}h1[tabindex="-1"]:focus{outline:none}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){html:is([data-motion=full],[data-motion=lite]) :is([data-sm=head]>*,[data-sm=list]>*,[data-sm=scene],[data-sm=device],main>section:not(:first-child) .hl){animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view()}html:is([data-motion=full],[data-motion=lite]) [data-sm=head]>*{animation-name:sm-rise;animation-range:entry entry 90%}html:is([data-motion=full],[data-motion=lite]) [data-sm=head]>:nth-child(2){animation-range:entry 10%}html:is([data-motion=full],[data-motion=lite]) [data-sm=head]>:nth-child(3){animation-range:entry 20% cover 30%}html:is([data-motion=full],[data-motion=lite]) main>section:not(:first-child) .hl{animation-name:sm-highlight;animation-range:entry 40% cover 40%}html:is([data-motion=full],[data-motion=lite]) [data-sm=list]>*{animation-name:sm-card;animation-range:entry entry 75%}html:is([data-motion=full],[data-motion=lite]) [data-sm=list]>:nth-child(3n+2){animation-range:entry 8% entry 85%}html:is([data-motion=full],[data-motion=lite]) [data-sm=list]>:nth-child(3n+3){animation-range:entry 16% entry 95%}html:is([data-motion=full],[data-motion=lite]) [data-sm=scene]{animation-name:sm-drop;animation-range:entry cover 35%}html:is([data-motion=full],[data-motion=lite]) [data-build] [data-sm=scene]{animation:none}html:is([data-motion=full],[data-motion=lite]) [data-sm=device]{animation-name:sm-device;animation-range:entry cover 30%}}}@keyframes sm-rise{0%{transform:translateY(42px)}}@keyframes sm-card{0%{transform:translateY(72px)scale(.96)}}@keyframes sm-drop{0%{opacity:0;transform:translateY(-56px)scale(.9)}60%{opacity:1}}@keyframes sm-device{0%{transform:perspective(1400px)rotateX(14deg)translateY(60px)scale(.94)}}@keyframes sm-highlight{0%{text-decoration-thickness:0}}