.ud{-webkit-font-smoothing:antialiased;font-family:Outfit,system-ui,sans-serif;display:flow-root}.ud svg{width:revert-layer;height:revert-layer;fill:revert-layer;stroke:revert-layer;stroke-width:revert-layer;stroke-linecap:revert-layer;stroke-linejoin:revert-layer;flex-shrink:revert-layer}.ud p{color:inherit}main:has(.ud){max-width:none;margin:0;padding:0}main:has(.ud) :has(>.ud){max-width:none;margin:0;padding:0}.ud{--canvas:#ecefef;--paper:#fff;--band:#ddebec;--ink:#193538;--muted:#556b6d;--line:#d5dfdf;--edge:#849596;--deep:#2d5558;--deep-hover:#234447;--accent:#519499;--accent-ink:#3f7d82;--night-accent:#9fd3d6;--night-line:#b9d6d8;--glow:#effcfc;--footer:#dfe9ea;--gutter:32px;--ease:cubic-bezier(.22,1,.36,1)}.ud *{box-sizing:border-box}.ud{-webkit-text-size-adjust:100%;scrollbar-color:#a9bcbd var(--canvas);background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.6 Outfit,system-ui,sans-serif}.ud ::selection{background:var(--band);color:var(--deep)}.ud :focus-visible{outline:2px solid var(--deep);outline-offset:3px}.ud a{color:inherit;text-decoration:none}.ud button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.ud h1,.ud h2,.ud h3,.ud p,.ud ol,.ud ul,.ud figure{margin:0}.ud ol,.ud ul{padding:0;list-style:none}.ud svg{display:block}.ud .ud-main{padding:28px var(--gutter) 0}.ud .ud-crumb{color:var(--muted);gap:10px;font-size:12px;display:flex}.ud .ud-crumb a:hover{color:var(--ink)}.ud .ud-intro{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:24px 56px;margin-top:20px;display:grid}.ud h1{letter-spacing:-.035em;color:var(--ink);font-size:clamp(44px,5vw,92px);font-weight:600;line-height:1.06}.ud .ud-nowrap{white-space:nowrap}.ud .ud-ukur{color:var(--deep)}.ud .ud-lead{color:var(--muted);max-width:46ch;padding-bottom:.6em;font-size:clamp(16px,1.15vw,19px);line-height:1.65}.ud .ud-lead strong{color:var(--ink);font-weight:600}.ud .ud-talk{background:var(--paper);border:1px solid var(--line);border-radius:20px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);margin-top:clamp(28px,2.6vw,44px);display:grid;overflow:hidden;box-shadow:0 40px 80px -60px #19353899}.ud .ud-talk-body{flex-direction:column;padding:clamp(24px,2.3vw,40px);display:flex}.ud .ud-talk-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.ud .ud-talk h2{letter-spacing:-.025em;font-size:clamp(26px,2vw,32px);font-weight:600;line-height:1.15}.ud .ud-format{color:var(--muted);font-size:13px}.ud .ud-topic{color:var(--deep);text-wrap:balance;margin-top:12px;font-size:clamp(19px,1.4vw,23px);font-weight:500;line-height:1.3}.ud .ud-desc{color:var(--muted);max-width:56ch;margin-top:10px}.ud .ud-agenda{border-top:1px solid var(--line);gap:12px;margin-top:22px;padding-top:20px;display:grid}.ud .ud-agenda li{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px;font-size:15px;line-height:1.4;display:grid}.ud .ud-agenda span{border:1.5px solid var(--deep);width:28px;height:28px;color:var(--deep);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.ud .ud-gets{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.ud .ud-gets li{background:var(--canvas);border-radius:999px;align-items:center;gap:7px;padding:6px 12px 6px 9px;font-size:13px;display:inline-flex}.ud .ud-gets svg{width:15px;height:15px;color:var(--accent-ink)}.ud .ud-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:20px;display:flex}.ud .ud-when{flex-wrap:wrap;gap:12px 40px;margin:auto 0 0;padding-top:24px;display:flex}.ud .ud-when dt{color:var(--muted);font-size:12px}.ud .ud-when dd{color:var(--ink);margin:3px 0 0;font-size:15px;font-weight:500}.ud .ud-btn{background:var(--deep);color:#fff;min-height:48px;transition:background-color .2s,transform .2s var(--ease);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:500;display:inline-flex}.ud .ud-btn:hover{background:var(--deep-hover)}.ud .ud-btn:active{transform:translateY(1px)}.ud .ud-btn svg{width:18px;height:18px;transition:transform .25s var(--ease)}.ud .ud-btn:hover svg{transform:translate(3px)}.ud .ud-textlink{color:var(--deep);text-underline-offset:5px;align-items:center;gap:8px;font-size:14px;font-weight:500;-webkit-text-decoration:underline #2d555859;text-decoration:underline #2d555859;text-decoration-thickness:1.5px;transition:text-decoration-color .2s;display:inline-flex}.ud .ud-textlink:hover{text-decoration-color:currentColor}.ud .ud-textlink svg{width:15px;height:15px;transition:transform .25s var(--ease)}.ud .ud-textlink:hover svg{transform:translate(3px)}.ud .ud-talk-media{background:#e4e9e8;align-self:stretch;width:100%;min-width:0;position:relative;overflow:hidden}.ud .ud-poster{aspect-ratio:1448/1086;width:100%;position:absolute;top:-2.07%;right:0}.ud .ud-poster img,.ud .ud-poster .ud-light{width:100%;height:100%;position:absolute;inset:0}.ud .ud-status{white-space:nowrap;z-index:2;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.ud .ud-status.ud-open{color:var(--deep);background:#fff;box-shadow:0 8px 20px -12px #193538b3}.ud .ud-status.ud-open:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite ud-denyut}.ud .ud-status.ud-soon{color:var(--deep);background:#ffffffeb}.ud .ud-talk-media .ud-status,.ud .ud-prog-media .ud-status{position:absolute;top:18px;left:18px}@keyframes ud-denyut{0%{box-shadow:0 0 #51949999}70%,to{box-shadow:0 0 0 8px #51949900}}.ud .ud-light{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.ud .ud-lm{opacity:0;animation-duration:8s;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-iteration-count:infinite;animation-fill-mode:both}.ud .ud-lw{fill:none;stroke:var(--glow);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #6cc3c9)drop-shadow(0 0 12px #519499e6)}.ud .ud-l-structure{fill:none;stroke:var(--glow);stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 4px #6cc3c9)drop-shadow(0 0 16px #519499f2)}.ud .ud-l-bars{fill:none;stroke:#e6f7f8;stroke-width:9px;stroke-linecap:round;filter:drop-shadow(0 0 6px #519499)}.ud .ud-l-touch{transform-origin:1031px 414px;animation-name:ud-lTouch}.ud .ud-l-ripple{transform-origin:1031px 414px;animation-name:ud-lRipple}.ud .ud-l-ripple.ud-r2{animation-delay:.32s}.ud .ud-l-ripple.ud-r3{animation-delay:.64s}.ud .ud-l-facade{animation-name:ud-lFacade}.ud .ud-l-scan{animation-name:ud-lScan}.ud .ud-l-sweep{animation-name:ud-lSweep}.ud .ud-l-up{animation-name:ud-lUp}.ud .ud-l-upcard{animation-name:ud-lUpCard}.ud .ud-l-low{animation-name:ud-lLow}.ud .ud-l-lowcard{animation-name:ud-lLowCard}.ud .ud-l-dot{fill:none;stroke:#fff;stroke-width:7px;stroke-linecap:round;stroke-dasharray:.06 .94;stroke-dashoffset:1px;filter:drop-shadow(0 0 6px #9fe6ea)}.ud .ud-l-dot.ud-up{animation:8s linear infinite ud-lDotUp}.ud .ud-l-dot.ud-low{animation:8s linear infinite ud-lDotLow}.ud .ud-l-barfill{transform-box:fill-box;transform-origin:0}.ud .ud-l-upcard .ud-l-barfill{animation:ud-lBarUp 8s var(--ease) infinite}.ud .ud-l-lowcard .ud-l-barfill{animation:ud-lBarLow 8s var(--ease) infinite}.ud .ud-l-breath{animation:4s ease-in-out infinite ud-lBreath}@keyframes ud-lTouch{0%,4%,34%,to{opacity:0;transform:scale(.85)}10%,18%{opacity:1;transform:scale(1.25)}26%{opacity:.4;transform:scale(1.05)}}@keyframes ud-lRipple{0%,6%{opacity:0;transform:scale(.9)}10%{opacity:1}30%,to{opacity:0;transform:scale(2.6)}}@keyframes ud-lFacade{0%,8%,78%,to{opacity:0}16%,40%{opacity:1}58%{opacity:.45}}@keyframes ud-lScan{0%,12%{opacity:0;transform:translateY(520px)}18%{opacity:1}42%{opacity:1;transform:translateY(190px)}48%,to{opacity:0;transform:translateY(170px)}}@keyframes ud-lSweep{0%,24%{opacity:0;transform:translate(720px)}30%{opacity:1}58%{opacity:1;transform:translate(0)}64%,to{opacity:0;transform:translate(-230px)}}@keyframes ud-lUp{0%,34%,74%,to{opacity:0}40%,58%{opacity:1}}@keyframes ud-lUpCard{0%,40%,84%,to{opacity:0}46%,66%{opacity:1}}@keyframes ud-lLow{0%,48%,84%,to{opacity:0}54%,68%{opacity:1}}@keyframes ud-lLowCard{0%,54%,96%,to{opacity:0}60%,80%{opacity:1}}@keyframes ud-lDotUp{0%,36%{stroke-dashoffset:1px;opacity:0}38%{opacity:1}52%{stroke-dashoffset:0;opacity:1}54%,to{stroke-dashoffset:0;opacity:0}}@keyframes ud-lDotLow{0%,50%{stroke-dashoffset:1px;opacity:0}52%{opacity:1}66%{stroke-dashoffset:0;opacity:1}68%,to{stroke-dashoffset:0;opacity:0}}@keyframes ud-lBarUp{0%,44%{transform:scaleX(0)}56%,84%{transform:scaleX(1)}92%,to{transform:scaleX(0)}}@keyframes ud-lBarLow{0%,58%{transform:scaleX(0)}70%,94%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes ud-lBreath{0%,to{opacity:.18}50%{opacity:.42}}.ud .ud-programs-head{justify-content:space-between;align-items:baseline;gap:16px;margin-top:clamp(48px,4.6vw,80px);display:flex}.ud .ud-programs-head h2{letter-spacing:-.025em;font-size:clamp(24px,1.9vw,30px);font-weight:600;line-height:1.2}.ud .ud-programs-head p{color:var(--muted);font-size:14px}.ud .ud-programs{grid-template-columns:1fr 1fr;gap:24px;margin-top:20px;display:grid}.ud .ud-prog{background:var(--paper);border:1px solid var(--line);transition:box-shadow .35s var(--ease);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.ud .ud-prog:hover{box-shadow:0 30px 60px -44px #19353899}.ud .ud-prog-media{background:var(--deep);height:clamp(230px,17.5vw,320px);position:relative;overflow:hidden}.ud .ud-prog-media svg.ud-art{width:100%;height:100%;position:absolute;inset:0}.ud .ud-prog-media .ud-note{color:var(--night-line);font-size:12px;position:absolute;bottom:14px;right:18px}.ud .ud-prog-body{flex-direction:column;flex:1;padding:24px 28px 0;display:flex}.ud .ud-prog-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.ud .ud-prog h3{letter-spacing:-.02em;font-size:clamp(22px,1.6vw,26px);font-weight:600;line-height:1.2}.ud .ud-prog .ud-desc{max-width:52ch}.ud .ud-toolchips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.ud .ud-toolchips a{background:var(--canvas);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;transition:background-color .2s,color .2s;display:inline-flex}.ud .ud-toolchips a:hover{background:var(--band);color:var(--deep)}.ud .ud-toolchips span{color:var(--muted);padding:7px 4px;font-size:13px}.ud .ud-themes{gap:10px;margin-top:18px;display:grid}.ud .ud-themes li{align-items:center;gap:12px;font-size:15px;font-weight:500;line-height:1.35;display:flex}.ud .ud-themes i{background:var(--band);width:36px;height:36px;color:var(--deep);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.ud .ud-themes svg{width:20px;height:20px}.ud .ud-prog-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:auto;padding:18px 0 22px;font-size:13px;display:flex}.ud .ud-prog-body>.ud-toolchips,.ud .ud-prog-body>.ud-themes{margin-bottom:24px}.ud .ud-ip-dim{fill:none;stroke:var(--night-accent);stroke-width:2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:ud-ipDraw 6.5s var(--ease) infinite;animation-delay:var(--d,0s)}.ud .ud-ip-num{opacity:0;animation:6.5s infinite ud-ipNum;animation-delay:var(--d,0s)}.ud .ud-ip-walls{animation:6.5s ease-in-out infinite ud-ipWalls}.ud .ud-ip-scan{opacity:0;animation:6.5s cubic-bezier(.65,0,.35,1) infinite ud-ipScan}.ud .ud-ip-cursor{opacity:0;animation:ud-ipCursor 6.5s var(--ease) infinite;transform-box:fill-box;transform-origin:50%}@keyframes ud-ipDraw{0%,4%{stroke-dashoffset:1px;opacity:1}20%,78%{stroke-dashoffset:0;opacity:1}88%,to{stroke-dashoffset:0;opacity:0}}@keyframes ud-ipNum{0%,16%{opacity:0;transform:translateY(4px)}24%,78%{opacity:1;transform:none}88%,to{opacity:0}}@keyframes ud-ipWalls{0%,52%,72%,to{filter:none}60%{filter:drop-shadow(0 0 6px #9fd3d6)}}@keyframes ud-ipScan{0%,46%{opacity:0;transform:translate(0)}50%{opacity:.45}70%{opacity:.45;transform:translate(250px)}74%,to{opacity:0;transform:translate(250px)}}@keyframes ud-ipCursor{0%,2%{opacity:0;transform:scale(.6)}6%{opacity:1;transform:scale(1.15)}12%{opacity:1;transform:scale(1)}20%,to{opacity:0;transform:scale(1)}}.ud .ud-mc-top{animation:5.5s ease-in-out infinite ud-mcTop}.ud .ud-mc-bot{animation:5.5s ease-in-out infinite ud-mcBot}.ud .ud-mc-flow{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:.1 .9;filter:drop-shadow(0 0 5px #9fd3d6);animation:2.2s linear infinite ud-mcFlow}.ud .ud-mc-flow.ud-slow{animation-duration:3.4s}.ud .ud-mc-node{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite ud-mcNode;animation-delay:var(--d,0s)}.ud .ud-mc-spark{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite ud-mcSpark;animation-delay:var(--d,0s)}.ud .ud-mc-guide{stroke-dasharray:4 8;animation:1.6s linear infinite ud-mcGuide}@keyframes ud-mcTop{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes ud-mcBot{0%,to{transform:translateY(0)}50%{transform:translateY(14px)}}@keyframes ud-mcFlow{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes ud-mcNode{0%,to{stroke-width:1.6px;transform:scale(1)}50%{stroke-width:2.4px;transform:scale(1.35)}}@keyframes ud-mcSpark{0%,to{opacity:.75;transform:scale(.85)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(18deg)}}@keyframes ud-mcGuide{to{stroke-dashoffset:-24px}}.ud [data-anim]:not([data-running=true]) *{animation-play-state:paused!important}.ud .ud-closing{margin:clamp(48px,4.6vw,80px) calc(var(--gutter) * -1) 0;padding:44px var(--gutter);background:var(--deep);color:#fff;isolation:isolate;justify-content:space-between;align-items:center;gap:32px;display:flex;position:relative;overflow:hidden}.ud .ud-closing h2{letter-spacing:-.025em;font-size:clamp(28px,2.6vw,40px);font-weight:600;line-height:1.15}.ud .ud-closing p{color:var(--band);max-width:56ch;margin-top:10px}.ud .ud-closing .ud-acts{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:14px 24px;display:flex}.ud .ud-closing .ud-btn{color:var(--deep);background:#fff}.ud .ud-closing .ud-btn:hover{background:var(--band)}.ud .ud-closing .ud-textlink{color:#fff;text-decoration-color:#fff6}.ud .ud-closing .ud-textlink:hover{text-decoration-color:#fff}.ud .ud-closing-grid{z-index:-1;pointer-events:none;opacity:.5;width:100%;height:100%;position:absolute;inset:0}@media (max-width:999px){.ud{--gutter:24px}.ud .ud-intro{grid-template-columns:1fr;gap:18px}.ud h1{font-size:clamp(40px,11vw,60px)}.ud .ud-lead{padding-bottom:0}.ud .ud-talk{grid-template-columns:1fr}.ud .ud-talk-media{aspect-ratio:1448/823;order:-1;min-height:0}.ud .ud-programs{grid-template-columns:1fr}.ud .ud-closing{flex-direction:column;align-items:flex-start}}@media (max-width:639px){.ud{--gutter:16px}.ud .ud-main{padding-top:20px}.ud .ud-lead{font-size:16px}.ud .ud-talk{border-radius:16px}.ud .ud-talk-body{padding:20px 18px 22px}.ud .ud-agenda li{font-size:14px}.ud .ud-actions .ud-btn{width:100%}.ud .ud-programs-head{flex-direction:column;gap:4px}.ud .ud-prog{border-radius:16px}.ud .ud-prog-media{aspect-ratio:16/10;height:auto}.ud .ud-prog-body{padding:20px 18px 0}.ud .ud-closing{padding:36px var(--gutter) 40px}.ud .ud-closing .ud-acts,.ud .ud-closing .ud-btn{width:100%}}@media (prefers-reduced-motion:reduce){.ud *,.ud :before,.ud :after{transition:none!important;animation:none!important}.ud .ud-l-facade{opacity:.7}.ud .ud-l-upcard,.ud .ud-l-lowcard{opacity:.6}.ud .ud-ip-dim{stroke-dashoffset:0}.ud .ud-ip-num{opacity:1}}.ud .ud-home{padding-top:0}.ud .ud-home section{scroll-margin-top:84px}.ud .ud-btn-line{color:var(--deep);border:1px solid var(--edge);background:0 0}.ud .ud-btn-line:hover{background:var(--paper);border-color:var(--deep)}.ud .ud-eyebrow{letter-spacing:.06em;color:var(--accent-ink);text-transform:uppercase;font-size:12px;font-weight:500}.ud .ud-sec-head h2{letter-spacing:-.03em;margin-top:6px;font-size:clamp(28px,2.4vw,40px);font-weight:600;line-height:1.1}.ud .ud-sec-head.ud-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px;display:flex}.ud .ud-sec-head.ud-row h2{margin-top:0}.ud .ud-sec-sub{color:var(--muted);max-width:60ch;margin-top:10px}.ud .ud-hero{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:24px 40px;min-height:min(760px,100svh - 68px);padding:40px 0 56px;display:grid}.ud .ud-hero h1{letter-spacing:-.045em;font-size:clamp(48px,5.4vw,96px);font-weight:600;line-height:.98}.ud .ud-hero h1 .ud-ln{padding-bottom:.06em;display:block;overflow:hidden}.ud .ud-hero h1 .ud-ln>span{animation:ud-naik .9s var(--ease) forwards;display:inline-block;transform:translateY(105%)}.ud .ud-hero h1 .ud-w1{color:var(--accent);animation-delay:.1s!important}.ud .ud-hero h1 .ud-w2{color:var(--deep);animation-delay:.24s!important}@keyframes ud-naik{to{transform:none}}.ud .ud-hero-lead{color:var(--muted);opacity:0;max-width:50ch;animation:ud-pudar .8s .45s var(--ease) forwards;margin-top:26px;font-size:clamp(15px,1.05vw,17px);line-height:1.7}.ud .ud-hero-acts{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:28px;display:flex}.ud .ud-hero-copy .ud-hero-acts,.ud .ud-platform{opacity:0;animation:ud-pudar .8s .6s var(--ease) forwards}@keyframes ud-pudar{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ud .ud-platform{color:var(--muted);align-items:center;gap:8px;margin-top:22px;font-size:13px;display:flex}.ud .ud-platform svg{width:14px;height:14px;color:var(--deep)}.ud .ud-hero-art{margin:0;position:relative}.ud .ud-house{width:100%;height:auto;overflow:visible}.ud .ud-grow{transform-origin:0 820px;animation:ud-tumbuh 1.4s .2s var(--ease) forwards;transform:scaleY(0)}@keyframes ud-tumbuh{to{transform:scaleY(1)}}.ud .ud-hero-art figcaption{color:var(--muted);text-align:right;margin-top:-6px;font-size:12px}.ud .ud-ribbon{background:var(--paper);border:1px solid var(--line);z-index:3;opacity:0;animation:ud-pudar .7s 1.3s var(--ease) forwards;border-radius:14px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-6px);box-shadow:0 18px 40px -26px #19353899}.ud .ud-ribbon-label{letter-spacing:.24em;color:var(--muted);border-right:1px solid var(--line);margin-right:2px;padding:0 10px 0 8px;font-size:10px;font-weight:600}.ud .ud-rb{min-height:38px;color:var(--ink);border-radius:10px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:500;transition:background-color .2s,color .2s,transform .15s;display:inline-flex}.ud .ud-rb img{background:#fff;border-radius:4px;width:20px;height:20px;padding:1px}.ud .ud-rb:hover{background:var(--canvas)}.ud .ud-rb:active{transform:scale(.96)}.ud .ud-rb[aria-pressed=true]{background:var(--deep);color:#fff}.ud .ud-rb.ud-ping{animation:ud-ping .5s var(--ease)}@keyframes ud-ping{40%{transform:scale(.92)}}.ud .ud-cursor{z-index:4;pointer-events:none;opacity:0;width:26px;height:26px;transition:transform .9s var(--ease),opacity .3s;position:absolute;top:0;left:0}.ud .ud-cursor svg{width:100%;height:100%;fill:var(--ink);stroke:#fff;stroke-width:1.5px;stroke-linejoin:round;filter:drop-shadow(0 3px 4px #19353859)}.ud .ud-cursor.ud-on{opacity:1}.ud .ud-cursor.ud-klik:after{content:"";border:2px solid var(--accent);border-radius:50%;width:10px;height:10px;animation:.5s ease-out forwards ud-riak;position:absolute;top:2px;left:2px}@keyframes ud-riak{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(3)}}.ud .ud-ov{pointer-events:none}.ud .ud-ov .ud-ln,.ud .ud-ov .ud-lv-line,.ud .ud-ov .ud-ld{fill:none;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s calc(var(--d) + .1s) var(--ease)}.ud .ud-ov rect,.ud .ud-ov text,.ud .ud-ov .ud-tk,.ud .ud-ov .ud-ext,.ud .ud-ov .ud-lv-head,.ud .ud-ov circle{opacity:0;transition:opacity .4s calc(var(--d) + .55s),transform .5s calc(var(--d) + .55s) var(--ease)}.ud .ud-ov.ud-on .ud-ln,.ud .ud-ov.ud-on .ud-lv-line,.ud .ud-ov.ud-on .ud-ld{stroke-dashoffset:0}.ud .ud-ov.ud-on rect,.ud .ud-ov.ud-on text,.ud .ud-ov.ud-on .ud-tk,.ud .ud-ov.ud-on .ud-ext,.ud .ud-ov.ud-on .ud-lv-head,.ud .ud-ov.ud-on circle{opacity:1}.ud .ud-ov-dim .ud-ln{stroke:var(--deep);stroke-width:4px}.ud .ud-ov-dim .ud-ext{stroke:var(--deep);stroke-width:2px;opacity:0}.ud .ud-ov.ud-on.ud-ov-dim .ud-ext{opacity:.55}.ud .ud-ov-dim .ud-tk{stroke:var(--deep);stroke-width:4px}.ud .ud-ov-dim rect{fill:var(--paper);stroke:var(--deep);stroke-width:2.5px}.ud .ud-ov-dim text{fill:var(--deep);text-anchor:middle;font-variant-numeric:tabular-nums;font:600 30px Outfit,sans-serif}.ud .ud-ov-lvl .ud-lv-line{stroke:var(--accent);stroke-width:2.5px;stroke-dasharray:1}.ud .ud-ov-lvl .ud-lv-head{fill:var(--accent)}.ud .ud-ov-lvl rect{fill:var(--deep)}.ud .ud-ov-lvl text{fill:#fff;text-anchor:middle;font-variant-numeric:tabular-nums;font:600 26px Outfit,sans-serif}.ud .ud-ov-tag .ud-ld{stroke:var(--deep);stroke-width:2.5px}.ud .ud-ov-tag circle{fill:var(--accent);stroke:#fff;stroke-width:3px}.ud .ud-ov-tag rect{fill:var(--paper);stroke:var(--deep);stroke-width:2.5px;transform-box:fill-box;transform-origin:0;transform:scale(.85)}.ud .ud-ov-tag.ud-on rect{transform:none}.ud .ud-ov-tag .ud-t1{fill:var(--ink);letter-spacing:.04em;font:600 25px Outfit,sans-serif}.ud .ud-ov-tag .ud-t2{fill:var(--muted);font:500 21px Outfit,sans-serif}.ud .ud-flow{border-top:1px solid var(--line);padding:clamp(56px,6vw,104px) 0 0}.ud .ud-flow-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:28px;margin-top:32px;display:grid}.ud .ud-steps{gap:6px;display:grid}.ud .ud-step{border-radius:14px;transition:background-color .3s}.ud .ud-step>button{text-align:left;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:4px 14px;width:100%;padding:14px 16px;display:grid}.ud .ud-step .ud-no{border:1.5px solid var(--line);width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;font-size:13px;font-weight:600;transition:all .3s;display:grid}.ud .ud-step .ud-nm{letter-spacing:-.01em;color:var(--muted);font-size:17px;font-weight:600;transition:color .3s}.ud .ud-step .ud-ct{color:var(--muted);background:var(--canvas);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px}.ud .ud-step .ud-pro{color:var(--deep);font-weight:600}.ud .ud-step:hover .ud-nm{color:var(--ink)}.ud .ud-step-more{transition:grid-template-rows .45s var(--ease);grid-template-rows:0fr;display:grid}.ud .ud-step-more>div{padding:0 16px 0 64px;overflow:hidden}.ud .ud-step-more p{color:var(--muted);font-size:14px;line-height:1.55}.ud .ud-step-tools{flex-wrap:wrap;gap:6px;margin:12px 0 6px;display:flex}.ud .ud-step-tools a{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:4px 10px;font-size:12.5px;transition:border-color .2s,color .2s}.ud .ud-step-tools a:hover{border-color:var(--deep);color:var(--deep)}.ud .ud-step .ud-textlink{margin:8px 0 16px;font-size:13px}.ud .ud-step .ud-bar{background:var(--line);opacity:0;border-radius:2px;height:2px;margin:0 16px;overflow:hidden}.ud .ud-step .ud-bar i{background:var(--deep);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.ud .ud-step.ud-is-on{background:var(--paper);box-shadow:0 20px 40px -34px #193538b3}.ud .ud-step.ud-is-on .ud-no{background:var(--deep);border-color:var(--deep);color:#fff}.ud .ud-step.ud-is-on .ud-nm{color:var(--ink)}.ud .ud-step.ud-is-on .ud-step-more{grid-template-rows:1fr}.ud .ud-step.ud-is-on .ud-bar{opacity:1;margin-bottom:12px}.ud .ud-stage-wrap{position:sticky;top:92px}.ud .ud-stage{background:var(--paper);border:1px solid var(--line);-webkit-user-select:none;user-select:none;border-radius:20px;height:clamp(380px,100svh - 230px,540px);position:relative;overflow:hidden}.ud .ud-stage-top{pointer-events:none;z-index:2;justify-content:space-between;display:flex;position:absolute;inset:14px 16px auto}.ud .ud-stage-top span{border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:500}.ud .ud-tag-done{background:var(--deep);color:#fff}.ud .ud-tag-start{background:var(--canvas);color:var(--muted)}.ud .ud-denah{width:100%;height:calc(100% - 30px);position:absolute;inset:30px 0 0}.ud .ud-paper path{stroke:#eef3f3;stroke-width:1px}.ud .ud-sc{display:none}.ud .ud-sc.ud-is-on{display:inline}.ud .ud-cover{fill:var(--paper)}.ud .ud-wall{fill:none;stroke:var(--deep);stroke-width:9px;stroke-linecap:butt}.ud .ud-win{fill:none;stroke:var(--deep);stroke-width:1.5px}.ud .ud-door{fill:none;stroke:var(--accent);stroke-width:1.2px;stroke-dasharray:3 2}.ud .ud-leaf{fill:none;stroke:var(--deep);stroke-width:3px}.ud .ud-cad{fill:none;stroke:#c2783f;stroke-width:1.5px;stroke-dasharray:12 4 2 4}.ud .ud-lbl{letter-spacing:.14em;fill:var(--muted);font:600 11px Outfit,sans-serif}.ud .ud-lbl.ud-on{fill:var(--deep)}.ud .ud-dim path{fill:none;stroke:var(--deep);stroke-width:1.2px}.ud .ud-dim .ud-tick{stroke-width:1.6px}.ud .ud-dim .ud-grid{stroke:var(--accent);stroke-dasharray:6 3 1 3}.ud .ud-num text{fill:var(--deep);text-anchor:middle;font-variant-numeric:tabular-nums;font:500 11px Outfit,sans-serif}.ud .ud-bubble circle{fill:var(--paper);stroke:var(--deep);stroke-width:1.4px}.ud .ud-bubble text{fill:var(--deep);text-anchor:middle;font:600 11px Outfit,sans-serif}.ud .ud-rtag rect{fill:var(--band);stroke:var(--deep);stroke-width:1.2px}.ud .ud-rtag .ud-t1{fill:var(--ink);letter-spacing:.04em;font:600 10.5px Outfit,sans-serif}.ud .ud-rtag .ud-t2{fill:var(--muted);font:500 9.5px Outfit,sans-serif}.ud .ud-sheet{fill:#fbfcfc;stroke:var(--edge);stroke-width:1.2px}.ud .ud-sheet.ud-sel{stroke:var(--accent);stroke-width:2.5px;stroke-dasharray:8 5}.ud .ud-tb{fill:var(--canvas);stroke:var(--edge);stroke-width:1.2px}.ud .ud-tbt{fill:var(--deep);letter-spacing:.06em;font:600 10px Outfit,sans-serif}.ud .ud-tbt.ud-sm{font-size:9px}.ud .ud-loose{color:var(--edge);opacity:.9}.ud .ud-loose use{stroke-dasharray:6 4}.ud .ud-placed{color:var(--deep)}.ud .ud-ref{stroke:var(--accent);stroke-width:1.5px}.ud #mini{color:inherit}.ud .ud-sc[data-s="4"] .ud-sebelum use{color:var(--deep)}.ud .ud-fpage{fill:#fbfcfc;stroke:var(--deep);stroke-width:1.6px}.ud .ud-ffold{fill:none;stroke:var(--deep);stroke-width:1.6px}.ud .ud-file{color:var(--deep)}.ud .ud-layers{stroke:var(--accent);stroke-width:6px;stroke-linecap:round}.ud .ud-fbadge{fill:var(--deep)}.ud .ud-ft{fill:#fff;text-anchor:middle;font:600 15px Outfit,sans-serif}.ud .ud-go{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.ud .ud-cube{transform-origin:320px 205px;animation:ud-orbit 6s var(--ease) infinite}.ud .ud-c-top{fill:var(--band);stroke:var(--deep);stroke-width:2px}.ud .ud-c-l{fill:#f4f8f8;stroke:var(--deep);stroke-width:2px}.ud .ud-c-r{fill:#e6efef;stroke:var(--deep);stroke-width:2px}.ud .ud-c-win{fill:none;stroke:var(--accent);stroke-width:1.5px}.ud .ud-hand path{fill:var(--paper);stroke:var(--deep);stroke-width:2px}.ud .ud-hand{animation:ud-tangan 6s var(--ease) infinite}.ud .ud-modes text{fill:var(--muted);text-anchor:middle;font:500 13px Outfit,sans-serif}.ud .ud-modes .ud-m1{animation:6s infinite ud-modus}.ud .ud-modes .ud-m2{animation:6s 2s infinite ud-modus}.ud .ud-modes .ud-m3{animation:6s 4s infinite ud-modus}@keyframes ud-modus{0%,30%{fill:var(--deep);font-weight:600}34%,to{fill:var(--muted)}}@keyframes ud-orbit{0%{transform:none}15%,30%{transform:scaleX(-1)}36%{transform:scaleX(-1)translate(0)}48%,64%{transform:scaleX(-1)translate(-50px)}70%{transform:none}82%,94%{transform:scale(1.25)}to{transform:none}}@keyframes ud-tangan{0%{transform:translate(470px,250px)}15%,30%{transform:translate(440px,250px)rotate(-10deg)}48%,64%{transform:translate(420px,250px)}82%,94%{transform:translate(470px,236px)scale(1.15)}to{transform:translate(470px,250px)}}.ud .ud-stage.ud-no-compare .ud-handle,.ud .ud-stage.ud-no-compare .ud-compare,.ud .ud-stage.ud-no-compare .ud-stage-top{display:none}.ud .ud-handle{background:var(--deep);z-index:2;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:0;transform:translate(-1px)}.ud .ud-handle span{background:var(--deep);border-radius:50%;width:38px;height:38px;margin:-19px 0 0 -19px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 5px #51949940}.ud .ud-handle span:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l-6 6 6 6M15 6l6 6-6 6'/%3E%3C/svg%3E") 50%/18px no-repeat;position:absolute;inset:0}.ud .ud-compare{opacity:0;cursor:ew-resize;z-index:3;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.ud .ud-compare:focus-visible~.ud-handle span{outline:2px solid var(--deep);outline-offset:4px}.ud .ud-stage:has(.ud-compare:focus-visible) .ud-handle span{outline:2px solid var(--deep);outline-offset:4px}.ud .ud-stage-foot{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:14px;display:flex}.ud .ud-cap{color:var(--muted);max-width:62ch;min-height:3em;font-size:14px}.ud .ud-cap b{color:var(--ink);margin-bottom:2px;font-size:15px;font-weight:500;display:block}.ud .ud-play{border:1px solid var(--edge);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;transition:border-color .2s;display:grid}.ud .ud-play:hover{border-color:var(--deep)}.ud .ud-play svg{fill:none;width:18px;height:18px;stroke:var(--deep);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.ud .ud-play .ud-i-play{fill:var(--deep);display:none}.ud .ud-play[aria-pressed=false] .ud-i-play{display:block}.ud .ud-play[aria-pressed=false] .ud-i-pause{display:none}.ud .ud-tools{padding:clamp(56px,6vw,104px) 0 0}.ud .ud-filters{flex-wrap:wrap;gap:8px;display:flex}.ud .ud-filters button{border:1px solid var(--edge);border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:7px 14px;font-size:13.5px;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.ud .ud-filters button:hover{border-color:var(--deep)}.ud .ud-filters button[aria-pressed=true]{background:var(--deep);border-color:var(--deep);color:#fff}.ud .ud-filters b{opacity:.7;font-size:11.5px;font-weight:600}.ud .ud-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.ud .ud-tool{transition:opacity .35s,transform .45s var(--ease);position:relative}.ud .ud-tool.ud-out{display:none}.ud .ud-tool.ud-masuk{animation:ud-masuk .5s var(--ease) both;animation-delay:calc(var(--i) * 35ms)}@keyframes ud-masuk{0%{opacity:0;transform:translateY(6px)}}.ud .ud-tool a{background:var(--paper);border:1px solid var(--line);height:100%;transition:border-color .25s,transform .35s var(--ease),box-shadow .35s;border-radius:16px;grid-template-rows:auto auto 1fr auto;padding:18px 18px 16px;display:grid}.ud .ud-tool a:hover{border-color:var(--edge);transform:translateY(-3px);box-shadow:0 22px 40px -30px #19353899}.ud .ud-tool .ud-gly{border:1px solid var(--line);background:#fff;border-radius:12px;place-items:center;width:48px;height:48px;transition:border-color .3s,box-shadow .3s;display:grid}.ud .ud-tool .ud-gly img{width:32px;height:32px}.ud .ud-tool a:hover .ud-gly{border-color:var(--accent);box-shadow:0 0 0 4px #51949924}.ud .ud-tool a:hover .ud-gly img{animation:ud-goyang .6s var(--ease)}@keyframes ud-goyang{30%{transform:scale(1.15)rotate(-6deg)}60%{transform:scale(.96)rotate(3deg)}}.ud .ud-tool h3{letter-spacing:-.01em;margin-top:16px;font-size:16px;font-weight:600}.ud .ud-tool p{color:var(--muted);margin-top:4px;font-size:13.5px;line-height:1.5}.ud .ud-tool .ud-ft2{color:var(--muted);justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;display:flex}.ud .ud-tool .ud-ft2 svg{width:16px;height:16px;color:var(--deep);opacity:0;transition:opacity .25s,transform .25s var(--ease);transform:translate(-6px)}.ud .ud-tool a:hover .ud-ft2 svg{opacity:1;transform:none}.ud .ud-tool .ud-badge{color:var(--deep);background:var(--band);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;position:absolute;top:16px;right:16px}.ud .ud-shown{color:var(--muted);margin-top:14px;font-size:12.5px}.ud .ud-pricing{padding:clamp(56px,6vw,104px) 0 0}.ud .ud-plans{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:14px;margin-top:28px;display:grid}.ud .ud-plan{background:var(--paper);border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s,border-color .25s;border-radius:16px;flex-direction:column;padding:22px 20px;display:flex;position:relative;overflow:hidden}.ud .ud-plan:hover{border-color:var(--edge);transform:translateY(-4px);box-shadow:0 26px 50px -36px #193538b3}.ud .ud-plan.ud-best{border-color:var(--deep);background:#f3f8f8}.ud .ud-ribbon-best{background:var(--deep);color:#fff;letter-spacing:.12em;padding:4px 50px;font-size:9.5px;font-weight:600;position:absolute;top:22px;right:-46px;transform:rotate(45deg)}.ud .ud-plan h3{font-size:16px;font-weight:600}.ud .ud-plan .ud-for{color:var(--muted);margin-top:2px;font-size:12.5px}.ud .ud-plan .ud-price{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:20px;font-size:clamp(24px,1.9vw,30px);font-weight:600}.ud .ud-plan .ud-price.ud-small{font-size:clamp(19px,1.4vw,22px)}.ud .ud-plan .ud-per{color:var(--muted);font-size:12.5px}.ud .ud-pbtn{border:1px solid var(--edge);min-height:42px;color:var(--deep);border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:18px 0 20px;font-size:13.5px;font-weight:500;transition:background-color .2s,border-color .2s;display:inline-flex}.ud .ud-pbtn svg{width:15px;height:15px;transition:transform .25s var(--ease)}.ud .ud-pbtn:hover{border-color:var(--deep);background:var(--canvas)}.ud .ud-pbtn:hover svg{transform:translate(3px)}.ud .ud-pbtn.ud-solid{background:var(--deep);border-color:var(--deep);color:#fff}.ud .ud-pbtn.ud-solid:hover{background:var(--deep-hover)}.ud .ud-plan ul{gap:9px;font-size:13px;display:grid}.ud .ud-plan li{grid-template-columns:16px minmax(0,1fr);gap:8px;line-height:1.45;display:grid}.ud .ud-plan li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7d82' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.2 4.2L19 7'/%3E%3C/svg%3E") 50%/14px no-repeat;width:14px;height:14px;margin-top:2px}.ud .ud-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px 28px;padding:clamp(56px,6vw,104px) 0 0;display:grid}.ud .ud-faq h2{letter-spacing:-.025em;font-size:clamp(24px,2vw,32px);font-weight:600;line-height:1.15}.ud .ud-faq-list{border-top:1px solid var(--line)}.ud .ud-faq details{border-bottom:1px solid var(--line)}.ud .ud-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:16px;font-weight:500;list-style:none;display:flex}.ud .ud-faq summary::-webkit-details-marker{display:none}.ud .ud-faq summary:hover{color:var(--deep)}.ud .ud-faq summary i{flex-shrink:0;width:14px;height:14px;position:relative}.ud .ud-faq summary i:before,.ud .ud-faq summary i:after{content:"";background:var(--deep);width:14px;height:2px;transition:transform .35s var(--ease);border-radius:2px;position:absolute;top:6px;left:0}.ud .ud-faq summary i:after{transform:rotate(90deg)}.ud .ud-faq details[open] summary i:after{transform:rotate(0)}.ud .ud-faq .ud-ans{transition:grid-template-rows .4s var(--ease);grid-template-rows:0fr;display:grid}.ud .ud-faq .ud-ans>p{color:var(--muted);max-width:62ch;overflow:hidden}.ud .ud-faq details.ud-buka .ud-ans{grid-template-rows:1fr}.ud .ud-faq details.ud-buka .ud-ans>p{padding-bottom:18px}.ud .ud-close{margin:clamp(64px,7vw,120px) calc(var(--gutter) * -1) 0;padding:clamp(56px,6vw,96px) var(--gutter);isolation:isolate;background:linear-gradient(180deg,var(--canvas),#e2eaea);position:relative;overflow:hidden}.ud .ud-wm{z-index:-1;width:min(1500px,120%);position:absolute;bottom:-6%;left:50%;transform:translate(-46%)}.ud .ud-wm text{letter-spacing:.01em;fill:#d6e1e1;font:700 230px Outfit,sans-serif}.ud .ud-wm{clip-path:inset(0 100% 0 0);transition:clip-path 1.8s var(--ease)}.ud .ud-close.ud-in .ud-wm{clip-path:inset(0)}.ud .ud-close h2{letter-spacing:-.04em;font-size:clamp(36px,4vw,64px);font-weight:600;line-height:1.02}.ud .ud-close h2 span{color:var(--accent)}.ud .ud-close p{color:var(--muted);max-width:44ch;margin-top:16px}@media (max-width:1199px){.ud .ud-tool-grid,.ud .ud-plans{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:999px){.ud .ud-hero{grid-template-columns:1fr;min-height:0;padding-top:24px}.ud .ud-hero-art{margin-top:40px}.ud .ud-flow-grid{grid-template-columns:1fr}.ud .ud-stage-wrap{order:-1;position:relative;top:0}.ud .ud-stage{aspect-ratio:640/450;height:auto}.ud .ud-faq{grid-template-columns:1fr}.ud .ud-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.ud .ud-hero h1{font-size:clamp(44px,13vw,60px)}.ud .ud-hero-acts .ud-btn{white-space:nowrap;flex:auto}.ud .ud-ribbon{width:100%;margin-bottom:8px;position:relative;left:auto;overflow-x:auto;transform:none}.ud .ud-ribbon-label{display:none}.ud .ud-rb{white-space:nowrap;flex:1;justify-content:center;padding:7px 8px;font-size:12px}.ud .ud-rb img{width:18px;height:18px}.ud .ud-cursor{display:none}.ud .ud-tool-grid{grid-template-columns:1fr}.ud .ud-tool a{grid-template-rows:auto;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:14px}.ud .ud-tool .ud-gly{grid-row:1/3}.ud .ud-tool h3{margin-top:0}.ud .ud-tool .ud-ft2{display:none}.ud .ud-plans{grid-template-columns:1fr}.ud .ud-step-more>div{padding-left:16px}.ud .ud-sec-head.ud-row{align-items:flex-start}.ud .ud-stage{aspect-ratio:640/470;height:auto}}@media (prefers-reduced-motion:reduce){.ud .ud-reveal{opacity:1;transition:none;transform:none}.ud .ud-hero h1 .ud-ln>span,.ud .ud-hero-lead,.ud .ud-hero-copy .ud-hero-acts,.ud .ud-platform,.ud .ud-ribbon{opacity:1;animation:none;transform:none}.ud .ud-grow{animation:none;transform:none}.ud .ud-cube,.ud .ud-hand,.ud .ud-modes text{animation:none}.ud .ud-wm{clip-path:none;transition:none}}.ud [hidden]{display:none!important}.ud .ud-pg{padding-bottom:clamp(64px,7vw,112px)}.ud .ud-pg-head{max-width:880px;margin-top:18px}.ud .ud-pg-head.ud-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;max-width:none;display:flex}.ud .ud-pg-title{letter-spacing:-.035em;font-weight:600;line-height:1.05;font-size:clamp(34px,3.4vw,56px)!important}.ud .ud-pg-sub{color:var(--muted);max-width:62ch;margin-top:12px;font-size:clamp(15px,1.05vw,17px)}.ud .ud-card{background:var(--paper);border:1px solid var(--line);border-radius:18px}.ud .ud-kicker{letter-spacing:.04em;color:var(--accent-ink);font-size:12px;font-weight:500}.ud .ud-chip{background:var(--canvas);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.ud .ud-chip.ud-ok{color:#2f6b5c;background:#e3f1ee}.ud .ud-chip.ud-warn{color:#8a5a22;background:#f7ecdf}.ud .ud-chip.ud-bad{color:#9a3b2c;background:#f6e3df}.ud .ud-chip.ud-dark{background:var(--deep);color:#fff}.ud .ud-chip:before{content:"";opacity:.8;background:currentColor;border-radius:50%;width:6px;height:6px}.ud .ud-chip.ud-plain:before{display:none}.ud .ud-f{border:0;align-content:start;gap:7px;min-width:0;margin:0;padding:0;display:grid}.ud .ud-f>span,.ud .ud-f legend{color:var(--ink);padding:0;font-size:13px;font-weight:500}.ud .ud-f i{color:var(--muted);margin-left:4px;font-style:normal;font-weight:400}.ud .ud-f input:not([type=radio]):not([type=checkbox]),.ud .ud-f textarea,.ud .ud-f select{width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--edge);border-radius:10px;min-height:46px;padding:11px 14px;font-size:15px;transition:border-color .18s,box-shadow .18s}.ud .ud-f textarea{resize:vertical;line-height:1.55}.ud .ud-f input:focus,.ud .ud-f textarea:focus,.ud .ud-f select:focus{border-color:var(--deep);outline:none;box-shadow:0 0 0 3px #51949938}.ud .ud-f input[readonly]{background:var(--canvas);border-color:var(--line);color:var(--muted)}.ud .ud-hint{color:var(--muted);font-size:12px}.ud .ud-sw{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:inline-flex}.ud .ud-sw input{opacity:0;width:1px;height:1px;position:absolute}.ud .ud-sw span{background:#c9d6d6;border-radius:999px;flex-shrink:0;width:40px;height:24px;transition:background-color .25s;position:relative}.ud .ud-sw span:after{content:"";width:18px;height:18px;transition:transform .3s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.ud .ud-sw input:checked+span{background:var(--deep)}.ud .ud-sw input:checked+span:after{transform:translate(16px)}.ud .ud-sw input:focus-visible+span{outline:2px solid var(--deep);outline-offset:3px}.ud .ud-callout{color:#6d4a1d;background:#fbf5ec;border:1px solid #efdcc0;border-radius:12px;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:14px 16px;font-size:14px;display:grid}.ud .ud-callout svg{width:20px;height:20px;margin-top:1px}.ud .ud-reveal{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:translateY(18px)}.ud .ud-reveal.ud-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.ud .ud-reveal{opacity:1;transition:none;transform:none}}.ud .ud-rel{background:var(--deep);color:#fff;isolation:isolate;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px 28px;margin-top:28px;padding:clamp(22px,2.6vw,36px);display:grid;position:relative;overflow:hidden}.ud .ud-rel:after{content:"";z-index:-1;border:1px dashed #9fd3d64d;border-radius:50%;width:340px;height:340px;position:absolute;inset:auto -60px -120px auto}.ud .ud-rel-ico{background:#ffffff14;border-radius:18px;place-items:center;width:72px;height:72px;display:grid}.ud .ud-rel-ico svg{width:44px;height:26px}.ud .ud-rel-t{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ud .ud-rel h2{letter-spacing:-.025em;font-size:clamp(22px,2vw,30px);font-weight:600}.ud .ud-ver{background:var(--accent);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.ud .ud-rel p{color:var(--band);margin-top:6px}.ud .ud-facts{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.ud .ud-facts li{color:#fff;background:#ffffff1a;border-radius:999px;padding:5px 12px;font-size:12.5px}.ud .ud-dl{color:var(--deep);background:#fff;min-height:56px;padding:14px 26px;font-size:16px;position:relative;overflow:hidden}.ud .ud-dl:hover{background:var(--band)}.ud .ud-dl-i{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.ud .ud-dl:hover .ud-dl-i{animation:ud-turun .7s var(--ease)}@keyframes ud-turun{40%{transform:translateY(4px)}}.ud .ud-dl-bar{background:var(--accent);transform-origin:0;width:100%;height:3px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.ud .ud-dl.ud-mulai .ud-dl-bar{animation:ud-jalan 1.6s var(--ease) forwards}@keyframes ud-jalan{to{transform:scaleX(1)}}.ud .ud-dlgrid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;margin-top:24px;display:grid}.ud .ud-steps-card{padding:clamp(22px,2.4vw,34px)}.ud .ud-sc-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ud .ud-sc-head h2,.ud .ud-tr-h,.ud .ud-verify h2,.ud .ud-help h2{letter-spacing:-.01em;font-size:18px;font-weight:600}.ud .ud-sc-head b{color:var(--ink);font-weight:600}.ud .ud-prog{background:var(--canvas);border-radius:4px;height:4px;margin-top:14px;overflow:hidden}.ud .ud-prog i{background:var(--accent);transform-origin:0;height:100%;transition:transform .5s var(--ease);display:block;transform:scaleX(0)}.ud .ud-isteps{margin-top:8px;display:grid}.ud .ud-isteps li{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr);gap:16px;padding:20px 0;display:grid;position:relative}.ud .ud-isteps li:last-child{border-bottom:0}.ud .ud-isteps h3{font-size:16px;font-weight:600}.ud .ud-isteps p{color:var(--muted);max-width:68ch;margin-top:4px;font-size:14.5px;line-height:1.6}.ud .ud-isteps p b{color:var(--ink);font-weight:500}.ud .ud-isteps code{background:var(--canvas);color:var(--ink);border-radius:5px;padding:2px 6px;font:500 13px ui-monospace,Consolas,monospace}.ud .ud-tick{border:1.5px solid var(--edge);counter-increment:none;width:36px;height:36px;color:var(--muted);transition:all .3s var(--ease);border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.ud .ud-isteps{counter-reset:s}.ud .ud-isteps li{counter-increment:s}.ud .ud-tick:before{content:counter(s)}.ud .ud-tick:hover{border-color:var(--deep);color:var(--deep)}.ud .ud-tick[aria-pressed=true]{background:var(--deep);border-color:var(--deep)}.ud .ud-tick[aria-pressed=true]:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.2 4.2L19 7'/%3E%3C/svg%3E") 50%/16px no-repeat;width:16px;height:16px}.ud .ud-isteps li.ud-selesai h3{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--edge);text-decoration-color:var(--edge)}.ud .ud-mini{margin-top:10px;font-size:13.5px}.ud .ud-mini summary{cursor:pointer;color:var(--deep);width:fit-content;font-weight:500}.ud .ud-mini p{color:#6d4a1d;background:#fbf5ec;border-radius:10px;margin-top:6px;padding:10px 12px;font-size:13.5px}.ud .ud-all-done{color:#2f6b5c;animation:ud-masuk .4s var(--ease);background:#e3f1ee;border-radius:12px;margin-top:12px;padding:14px 16px;font-size:14px;font-weight:500}.ud .ud-tr-h{margin-top:30px}.ud .ud-acc{border-top:1px solid var(--line);margin-top:10px}.ud .ud-acc details{border-bottom:1px solid var(--line)}.ud .ud-acc summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;font-size:15px;font-weight:500;list-style:none;display:flex}.ud .ud-acc summary::-webkit-details-marker{display:none}.ud .ud-acc summary i{flex-shrink:0;width:14px;height:14px;position:relative}.ud .ud-acc summary i:before,.ud .ud-acc summary i:after{content:"";background:var(--deep);width:14px;height:2px;transition:transform .3s var(--ease);border-radius:2px;position:absolute;top:6px;left:0}.ud .ud-acc summary i:after{transform:rotate(90deg)}.ud .ud-acc details[open] summary i:after{transform:none}.ud .ud-acc details p{color:var(--muted);max-width:66ch;padding:0 0 16px;font-size:14.5px}.ud .ud-dside{gap:16px;display:grid;position:sticky;top:92px}.ud .ud-verify,.ud .ud-help{padding:22px}.ud .ud-verify h2{align-items:center;gap:10px;display:flex}.ud .ud-verify h2 svg{fill:none;stroke:#2f6b5c;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;background:#e3f1ee;border-radius:50%;width:22px;height:22px;padding:3px}.ud .ud-verify .ud-hint{margin-top:8px}.ud .ud-ribbon-mock{border:1px solid var(--line);background:#f6f8f8;border-radius:10px;margin-top:14px;overflow:hidden}.ud .ud-rm-tabs{gap:2px;padding:6px 6px 0;font-size:11px;display:flex}.ud .ud-rm-tabs span{color:var(--muted);border-radius:6px 6px 0 0;padding:5px 10px}.ud .ud-rm-tabs .ud-on{color:var(--ink);background:#fff;font-weight:600}.ud .ud-rm-panel{background:#fff;gap:8px;padding:10px;display:flex}.ud .ud-rm-panel img{width:28px;height:28px;animation:ud-nyala .5s var(--ease) both}.ud .ud-rm-panel img:nth-child(2){animation-delay:80ms}.ud .ud-rm-panel img:nth-child(3){animation-delay:.16s}.ud .ud-rm-panel img:nth-child(4){animation-delay:.24s}.ud .ud-rm-panel img:nth-child(5){animation-delay:.32s}@keyframes ud-nyala{0%{opacity:0;transform:translateY(4px)}}.ud .ud-vlist{gap:10px;margin-top:14px;font-size:14px;display:grid}.ud .ud-vlist li{grid-template-columns:18px minmax(0,1fr);gap:10px;display:grid}.ud .ud-vlist li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7d82' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.2 4.2L19 7'/%3E%3C/svg%3E") 50%/16px no-repeat;width:16px;height:16px;margin-top:3px}.ud .ud-help p{color:var(--muted);margin:6px 0 10px;font-size:14px}@media (max-width:999px){.ud .ud-dlgrid{grid-template-columns:1fr}.ud .ud-dside{position:static}.ud .ud-rel{grid-template-columns:auto minmax(0,1fr)}.ud .ud-rel .ud-dl{grid-column:1/-1;justify-self:start}}@media (max-width:639px){.ud .ud-rel{grid-template-columns:1fr}.ud .ud-rel .ud-dl{width:100%}}@media (prefers-reduced-motion:reduce){.ud .ud-rm-panel img{animation:none}}