.hr{-webkit-font-smoothing:antialiased;font-family:Outfit,system-ui,sans-serif;display:flow-root}.hr 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}.hr p{color:inherit}main:has(.hr){max-width:none;margin:0;padding:0}main:has(.hr) :has(>.hr){max-width:none;margin:0;padding:0}.hr{--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)}.hr *{box-sizing:border-box}.hr{-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}.hr ::selection{background:var(--band);color:var(--deep)}.hr :focus-visible{outline:2px solid var(--deep);outline-offset:3px}.hr a{color:inherit;text-decoration:none}.hr button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.hr h1,.hr h2,.hr h3,.hr p,.hr ol,.hr ul,.hr figure{margin:0}.hr ol,.hr ul{padding:0;list-style:none}.hr svg{display:block}.hr .hr-main{padding:28px var(--gutter) 0}.hr .hr-crumb{color:var(--muted);gap:10px;font-size:12px;display:flex}.hr .hr-crumb a:hover{color:var(--ink)}.hr .hr-intro{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:24px 56px;margin-top:20px;display:grid}.hr h1{letter-spacing:-.035em;color:var(--ink);font-size:clamp(44px,5vw,92px);font-weight:600;line-height:1.06}.hr .hr-nowrap{white-space:nowrap}.hr .hr-ukur{color:var(--deep)}.hr .hr-lead{color:var(--muted);max-width:46ch;padding-bottom:.6em;font-size:clamp(16px,1.15vw,19px);line-height:1.65}.hr .hr-lead strong{color:var(--ink);font-weight:600}.hr .hr-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}.hr .hr-talk-body{flex-direction:column;padding:clamp(24px,2.3vw,40px);display:flex}.hr .hr-talk-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.hr .hr-talk h2{letter-spacing:-.025em;font-size:clamp(26px,2vw,32px);font-weight:600;line-height:1.15}.hr .hr-format{color:var(--muted);font-size:13px}.hr .hr-topic{color:var(--deep);text-wrap:balance;margin-top:12px;font-size:clamp(19px,1.4vw,23px);font-weight:500;line-height:1.3}.hr .hr-desc{color:var(--muted);max-width:56ch;margin-top:10px}.hr .hr-agenda{border-top:1px solid var(--line);gap:12px;margin-top:22px;padding-top:20px;display:grid}.hr .hr-agenda li{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px;font-size:15px;line-height:1.4;display:grid}.hr .hr-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}.hr .hr-gets{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.hr .hr-gets li{background:var(--canvas);border-radius:999px;align-items:center;gap:7px;padding:6px 12px 6px 9px;font-size:13px;display:inline-flex}.hr .hr-gets svg{width:15px;height:15px;color:var(--accent-ink)}.hr .hr-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:20px;display:flex}.hr .hr-when{flex-wrap:wrap;gap:12px 40px;margin:auto 0 0;padding-top:24px;display:flex}.hr .hr-when dt{color:var(--muted);font-size:12px}.hr .hr-when dd{color:var(--ink);margin:3px 0 0;font-size:15px;font-weight:500}.hr .hr-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}.hr .hr-btn:hover{background:var(--deep-hover)}.hr .hr-btn:active{transform:translateY(1px)}.hr .hr-btn svg{width:18px;height:18px;transition:transform .25s var(--ease)}.hr .hr-btn:hover svg{transform:translate(3px)}.hr .hr-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}.hr .hr-textlink:hover{text-decoration-color:currentColor}.hr .hr-textlink svg{width:15px;height:15px;transition:transform .25s var(--ease)}.hr .hr-textlink:hover svg{transform:translate(3px)}.hr .hr-talk-media{background:#e4e9e8;align-self:stretch;width:100%;min-width:0;position:relative;overflow:hidden}.hr .hr-poster{aspect-ratio:1448/1086;width:100%;position:absolute;top:-2.07%;right:0}.hr .hr-poster img,.hr .hr-poster .hr-light{width:100%;height:100%;position:absolute;inset:0}.hr .hr-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}.hr .hr-status.hr-open{color:var(--deep);background:#fff;box-shadow:0 8px 20px -12px #193538b3}.hr .hr-status.hr-open:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite hr-denyut}.hr .hr-status.hr-soon{color:var(--deep);background:#ffffffeb}.hr .hr-talk-media .hr-status,.hr .hr-prog-media .hr-status{position:absolute;top:18px;left:18px}@keyframes hr-denyut{0%{box-shadow:0 0 #51949999}70%,to{box-shadow:0 0 0 8px #51949900}}.hr .hr-light{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.hr .hr-lm{opacity:0;animation-duration:8s;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-iteration-count:infinite;animation-fill-mode:both}.hr .hr-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)}.hr .hr-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)}.hr .hr-l-bars{fill:none;stroke:#e6f7f8;stroke-width:9px;stroke-linecap:round;filter:drop-shadow(0 0 6px #519499)}.hr .hr-l-touch{transform-origin:1031px 414px;animation-name:hr-lTouch}.hr .hr-l-ripple{transform-origin:1031px 414px;animation-name:hr-lRipple}.hr .hr-l-ripple.hr-r2{animation-delay:.32s}.hr .hr-l-ripple.hr-r3{animation-delay:.64s}.hr .hr-l-facade{animation-name:hr-lFacade}.hr .hr-l-scan{animation-name:hr-lScan}.hr .hr-l-sweep{animation-name:hr-lSweep}.hr .hr-l-up{animation-name:hr-lUp}.hr .hr-l-upcard{animation-name:hr-lUpCard}.hr .hr-l-low{animation-name:hr-lLow}.hr .hr-l-lowcard{animation-name:hr-lLowCard}.hr .hr-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)}.hr .hr-l-dot.hr-up{animation:8s linear infinite hr-lDotUp}.hr .hr-l-dot.hr-low{animation:8s linear infinite hr-lDotLow}.hr .hr-l-barfill{transform-box:fill-box;transform-origin:0}.hr .hr-l-upcard .hr-l-barfill{animation:hr-lBarUp 8s var(--ease) infinite}.hr .hr-l-lowcard .hr-l-barfill{animation:hr-lBarLow 8s var(--ease) infinite}.hr .hr-l-breath{animation:4s ease-in-out infinite hr-lBreath}@keyframes hr-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 hr-lRipple{0%,6%{opacity:0;transform:scale(.9)}10%{opacity:1}30%,to{opacity:0;transform:scale(2.6)}}@keyframes hr-lFacade{0%,8%,78%,to{opacity:0}16%,40%{opacity:1}58%{opacity:.45}}@keyframes hr-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 hr-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 hr-lUp{0%,34%,74%,to{opacity:0}40%,58%{opacity:1}}@keyframes hr-lUpCard{0%,40%,84%,to{opacity:0}46%,66%{opacity:1}}@keyframes hr-lLow{0%,48%,84%,to{opacity:0}54%,68%{opacity:1}}@keyframes hr-lLowCard{0%,54%,96%,to{opacity:0}60%,80%{opacity:1}}@keyframes hr-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 hr-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 hr-lBarUp{0%,44%{transform:scaleX(0)}56%,84%{transform:scaleX(1)}92%,to{transform:scaleX(0)}}@keyframes hr-lBarLow{0%,58%{transform:scaleX(0)}70%,94%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes hr-lBreath{0%,to{opacity:.18}50%{opacity:.42}}.hr .hr-programs-head{justify-content:space-between;align-items:baseline;gap:16px;margin-top:clamp(48px,4.6vw,80px);display:flex}.hr .hr-programs-head h2{letter-spacing:-.025em;font-size:clamp(24px,1.9vw,30px);font-weight:600;line-height:1.2}.hr .hr-programs-head p{color:var(--muted);font-size:14px}.hr .hr-programs{grid-template-columns:1fr 1fr;gap:24px;margin-top:20px;display:grid}.hr .hr-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}.hr .hr-prog:hover{box-shadow:0 30px 60px -44px #19353899}.hr .hr-prog-media{background:var(--deep);height:clamp(230px,17.5vw,320px);position:relative;overflow:hidden}.hr .hr-prog-media svg.hr-art{width:100%;height:100%;position:absolute;inset:0}.hr .hr-prog-media .hr-note{color:var(--night-line);font-size:12px;position:absolute;bottom:14px;right:18px}.hr .hr-prog-body{flex-direction:column;flex:1;padding:24px 28px 0;display:flex}.hr .hr-prog-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.hr .hr-prog h3{letter-spacing:-.02em;font-size:clamp(22px,1.6vw,26px);font-weight:600;line-height:1.2}.hr .hr-prog .hr-desc{max-width:52ch}.hr .hr-toolchips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.hr .hr-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}.hr .hr-toolchips a:hover{background:var(--band);color:var(--deep)}.hr .hr-toolchips span{color:var(--muted);padding:7px 4px;font-size:13px}.hr .hr-themes{gap:10px;margin-top:18px;display:grid}.hr .hr-themes li{align-items:center;gap:12px;font-size:15px;font-weight:500;line-height:1.35;display:flex}.hr .hr-themes i{background:var(--band);width:36px;height:36px;color:var(--deep);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.hr .hr-themes svg{width:20px;height:20px}.hr .hr-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}.hr .hr-prog-body>.hr-toolchips,.hr .hr-prog-body>.hr-themes{margin-bottom:24px}.hr .hr-ip-dim{fill:none;stroke:var(--night-accent);stroke-width:2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:hr-ipDraw 6.5s var(--ease) infinite;animation-delay:var(--d,0s)}.hr .hr-ip-num{opacity:0;animation:6.5s infinite hr-ipNum;animation-delay:var(--d,0s)}.hr .hr-ip-walls{animation:6.5s ease-in-out infinite hr-ipWalls}.hr .hr-ip-scan{opacity:0;animation:6.5s cubic-bezier(.65,0,.35,1) infinite hr-ipScan}.hr .hr-ip-cursor{opacity:0;animation:hr-ipCursor 6.5s var(--ease) infinite;transform-box:fill-box;transform-origin:50%}@keyframes hr-ipDraw{0%,4%{stroke-dashoffset:1px;opacity:1}20%,78%{stroke-dashoffset:0;opacity:1}88%,to{stroke-dashoffset:0;opacity:0}}@keyframes hr-ipNum{0%,16%{opacity:0;transform:translateY(4px)}24%,78%{opacity:1;transform:none}88%,to{opacity:0}}@keyframes hr-ipWalls{0%,52%,72%,to{filter:none}60%{filter:drop-shadow(0 0 6px #9fd3d6)}}@keyframes hr-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 hr-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)}}.hr .hr-mc-top{animation:5.5s ease-in-out infinite hr-mcTop}.hr .hr-mc-bot{animation:5.5s ease-in-out infinite hr-mcBot}.hr .hr-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 hr-mcFlow}.hr .hr-mc-flow.hr-slow{animation-duration:3.4s}.hr .hr-mc-node{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite hr-mcNode;animation-delay:var(--d,0s)}.hr .hr-mc-spark{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite hr-mcSpark;animation-delay:var(--d,0s)}.hr .hr-mc-guide{stroke-dasharray:4 8;animation:1.6s linear infinite hr-mcGuide}@keyframes hr-mcTop{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes hr-mcBot{0%,to{transform:translateY(0)}50%{transform:translateY(14px)}}@keyframes hr-mcFlow{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes hr-mcNode{0%,to{stroke-width:1.6px;transform:scale(1)}50%{stroke-width:2.4px;transform:scale(1.35)}}@keyframes hr-mcSpark{0%,to{opacity:.75;transform:scale(.85)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(18deg)}}@keyframes hr-mcGuide{to{stroke-dashoffset:-24px}}.hr [data-anim]:not([data-running=true]) *{animation-play-state:paused!important}.hr .hr-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}.hr .hr-closing h2{letter-spacing:-.025em;font-size:clamp(28px,2.6vw,40px);font-weight:600;line-height:1.15}.hr .hr-closing p{color:var(--band);max-width:56ch;margin-top:10px}.hr .hr-closing .hr-acts{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:14px 24px;display:flex}.hr .hr-closing .hr-btn{color:var(--deep);background:#fff}.hr .hr-closing .hr-btn:hover{background:var(--band)}.hr .hr-closing .hr-textlink{color:#fff;text-decoration-color:#fff6}.hr .hr-closing .hr-textlink:hover{text-decoration-color:#fff}.hr .hr-closing-grid{z-index:-1;pointer-events:none;opacity:.5;width:100%;height:100%;position:absolute;inset:0}@media (max-width:999px){.hr{--gutter:24px}.hr .hr-intro{grid-template-columns:1fr;gap:18px}.hr h1{font-size:clamp(40px,11vw,60px)}.hr .hr-lead{padding-bottom:0}.hr .hr-talk{grid-template-columns:1fr}.hr .hr-talk-media{aspect-ratio:1448/823;order:-1;min-height:0}.hr .hr-programs{grid-template-columns:1fr}.hr .hr-closing{flex-direction:column;align-items:flex-start}}@media (max-width:639px){.hr{--gutter:16px}.hr .hr-main{padding-top:20px}.hr .hr-lead{font-size:16px}.hr .hr-talk{border-radius:16px}.hr .hr-talk-body{padding:20px 18px 22px}.hr .hr-agenda li{font-size:14px}.hr .hr-actions .hr-btn{width:100%}.hr .hr-programs-head{flex-direction:column;gap:4px}.hr .hr-prog{border-radius:16px}.hr .hr-prog-media{aspect-ratio:16/10;height:auto}.hr .hr-prog-body{padding:20px 18px 0}.hr .hr-closing{padding:36px var(--gutter) 40px}.hr .hr-closing .hr-acts,.hr .hr-closing .hr-btn{width:100%}}@media (prefers-reduced-motion:reduce){.hr *,.hr :before,.hr :after{transition:none!important;animation:none!important}.hr .hr-l-facade{opacity:.7}.hr .hr-l-upcard,.hr .hr-l-lowcard{opacity:.6}.hr .hr-ip-dim{stroke-dashoffset:0}.hr .hr-ip-num{opacity:1}}.hr .hr-home{padding-top:0}.hr .hr-home section{scroll-margin-top:84px}.hr .hr-btn-line{color:var(--deep);border:1px solid var(--edge);background:0 0}.hr .hr-btn-line:hover{background:var(--paper);border-color:var(--deep)}.hr .hr-eyebrow{letter-spacing:.06em;color:var(--accent-ink);text-transform:uppercase;font-size:12px;font-weight:500}.hr .hr-sec-head h2{letter-spacing:-.03em;margin-top:6px;font-size:clamp(28px,2.4vw,40px);font-weight:600;line-height:1.1}.hr .hr-sec-head.hr-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px;display:flex}.hr .hr-sec-head.hr-row h2{margin-top:0}.hr .hr-sec-sub{color:var(--muted);max-width:60ch;margin-top:10px}.hr .hr-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}.hr .hr-hero h1{letter-spacing:-.045em;font-size:clamp(48px,5.4vw,96px);font-weight:600;line-height:.98}.hr .hr-hero h1 .hr-ln{padding-bottom:.06em;display:block;overflow:hidden}.hr .hr-hero h1 .hr-ln>span{animation:hr-naik .9s var(--ease) forwards;display:inline-block;transform:translateY(105%)}.hr .hr-hero h1 .hr-w1{color:var(--accent);animation-delay:.1s!important}.hr .hr-hero h1 .hr-w2{color:var(--deep);animation-delay:.24s!important}@keyframes hr-naik{to{transform:none}}.hr .hr-hero-lead{color:var(--muted);opacity:0;max-width:50ch;animation:hr-pudar .8s .45s var(--ease) forwards;margin-top:26px;font-size:clamp(15px,1.05vw,17px);line-height:1.7}.hr .hr-hero-acts{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:28px;display:flex}.hr .hr-hero-copy .hr-hero-acts,.hr .hr-platform{opacity:0;animation:hr-pudar .8s .6s var(--ease) forwards}@keyframes hr-pudar{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hr .hr-platform{color:var(--muted);align-items:center;gap:8px;margin-top:22px;font-size:13px;display:flex}.hr .hr-platform svg{width:14px;height:14px;color:var(--deep)}.hr .hr-hero-art{margin:0;position:relative}.hr .hr-house{width:100%;height:auto;overflow:visible}.hr .hr-grow{transform-origin:0 820px;animation:hr-tumbuh 1.4s .2s var(--ease) forwards;transform:scaleY(0)}@keyframes hr-tumbuh{to{transform:scaleY(1)}}.hr .hr-hero-art figcaption{color:var(--muted);text-align:right;margin-top:-6px;font-size:12px}.hr .hr-ribbon{background:var(--paper);border:1px solid var(--line);z-index:3;opacity:0;animation:hr-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}.hr .hr-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}.hr .hr-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}.hr .hr-rb img{background:#fff;border-radius:4px;width:20px;height:20px;padding:1px}.hr .hr-rb:hover{background:var(--canvas)}.hr .hr-rb:active{transform:scale(.96)}.hr .hr-rb[aria-pressed=true]{background:var(--deep);color:#fff}.hr .hr-rb.hr-ping{animation:hr-ping .5s var(--ease)}@keyframes hr-ping{40%{transform:scale(.92)}}.hr .hr-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}.hr .hr-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)}.hr .hr-cursor.hr-on{opacity:1}.hr .hr-cursor.hr-klik:after{content:"";border:2px solid var(--accent);border-radius:50%;width:10px;height:10px;animation:.5s ease-out forwards hr-riak;position:absolute;top:2px;left:2px}@keyframes hr-riak{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(3)}}.hr .hr-ov{pointer-events:none}.hr .hr-ov .hr-ln,.hr .hr-ov .hr-lv-line,.hr .hr-ov .hr-ld{fill:none;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s calc(var(--d) + .1s) var(--ease)}.hr .hr-ov rect,.hr .hr-ov text,.hr .hr-ov .hr-tk,.hr .hr-ov .hr-ext,.hr .hr-ov .hr-lv-head,.hr .hr-ov circle{opacity:0;transition:opacity .4s calc(var(--d) + .55s),transform .5s calc(var(--d) + .55s) var(--ease)}.hr .hr-ov.hr-on .hr-ln,.hr .hr-ov.hr-on .hr-lv-line,.hr .hr-ov.hr-on .hr-ld{stroke-dashoffset:0}.hr .hr-ov.hr-on rect,.hr .hr-ov.hr-on text,.hr .hr-ov.hr-on .hr-tk,.hr .hr-ov.hr-on .hr-ext,.hr .hr-ov.hr-on .hr-lv-head,.hr .hr-ov.hr-on circle{opacity:1}.hr .hr-ov-dim .hr-ln{stroke:var(--deep);stroke-width:4px}.hr .hr-ov-dim .hr-ext{stroke:var(--deep);stroke-width:2px;opacity:0}.hr .hr-ov.hr-on.hr-ov-dim .hr-ext{opacity:.55}.hr .hr-ov-dim .hr-tk{stroke:var(--deep);stroke-width:4px}.hr .hr-ov-dim rect{fill:var(--paper);stroke:var(--deep);stroke-width:2.5px}.hr .hr-ov-dim text{fill:var(--deep);text-anchor:middle;font-variant-numeric:tabular-nums;font:600 30px Outfit,sans-serif}.hr .hr-ov-lvl .hr-lv-line{stroke:var(--accent);stroke-width:2.5px;stroke-dasharray:1}.hr .hr-ov-lvl .hr-lv-head{fill:var(--accent)}.hr .hr-ov-lvl rect{fill:var(--deep)}.hr .hr-ov-lvl text{fill:#fff;text-anchor:middle;font-variant-numeric:tabular-nums;font:600 26px Outfit,sans-serif}.hr .hr-ov-tag .hr-ld{stroke:var(--deep);stroke-width:2.5px}.hr .hr-ov-tag circle{fill:var(--accent);stroke:#fff;stroke-width:3px}.hr .hr-ov-tag rect{fill:var(--paper);stroke:var(--deep);stroke-width:2.5px;transform-box:fill-box;transform-origin:0;transform:scale(.85)}.hr .hr-ov-tag.hr-on rect{transform:none}.hr .hr-ov-tag .hr-t1{fill:var(--ink);letter-spacing:.04em;font:600 25px Outfit,sans-serif}.hr .hr-ov-tag .hr-t2{fill:var(--muted);font:500 21px Outfit,sans-serif}.hr .hr-flow{border-top:1px solid var(--line);padding:clamp(56px,6vw,104px) 0 0}.hr .hr-flow-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:28px;margin-top:32px;display:grid}.hr .hr-steps{gap:6px;display:grid}.hr .hr-step{border-radius:14px;transition:background-color .3s}.hr .hr-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}.hr .hr-step .hr-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}.hr .hr-step .hr-nm{letter-spacing:-.01em;color:var(--muted);font-size:17px;font-weight:600;transition:color .3s}.hr .hr-step .hr-ct{color:var(--muted);background:var(--canvas);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px}.hr .hr-step .hr-pro{color:var(--deep);font-weight:600}.hr .hr-step:hover .hr-nm{color:var(--ink)}.hr .hr-step-more{transition:grid-template-rows .45s var(--ease);grid-template-rows:0fr;display:grid}.hr .hr-step-more>div{padding:0 16px 0 64px;overflow:hidden}.hr .hr-step-more p{color:var(--muted);font-size:14px;line-height:1.55}.hr .hr-step-tools{flex-wrap:wrap;gap:6px;margin:12px 0 6px;display:flex}.hr .hr-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}.hr .hr-step-tools a:hover{border-color:var(--deep);color:var(--deep)}.hr .hr-step .hr-textlink{margin:8px 0 16px;font-size:13px}.hr .hr-step .hr-bar{background:var(--line);opacity:0;border-radius:2px;height:2px;margin:0 16px;overflow:hidden}.hr .hr-step .hr-bar i{background:var(--deep);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.hr .hr-step.hr-is-on{background:var(--paper);box-shadow:0 20px 40px -34px #193538b3}.hr .hr-step.hr-is-on .hr-no{background:var(--deep);border-color:var(--deep);color:#fff}.hr .hr-step.hr-is-on .hr-nm{color:var(--ink)}.hr .hr-step.hr-is-on .hr-step-more{grid-template-rows:1fr}.hr .hr-step.hr-is-on .hr-bar{opacity:1;margin-bottom:12px}.hr .hr-stage-wrap{position:sticky;top:92px}.hr .hr-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}.hr .hr-stage-top{pointer-events:none;z-index:2;justify-content:space-between;display:flex;position:absolute;inset:14px 16px auto}.hr .hr-stage-top span{border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:500}.hr .hr-tag-done{background:var(--deep);color:#fff}.hr .hr-tag-start{background:var(--canvas);color:var(--muted)}.hr .hr-denah{width:100%;height:calc(100% - 30px);position:absolute;inset:30px 0 0}.hr .hr-paper path{stroke:#eef3f3;stroke-width:1px}.hr .hr-sc{display:none}.hr .hr-sc.hr-is-on{display:inline}.hr .hr-cover{fill:var(--paper)}.hr .hr-wall{fill:none;stroke:var(--deep);stroke-width:9px;stroke-linecap:butt}.hr .hr-win{fill:none;stroke:var(--deep);stroke-width:1.5px}.hr .hr-door{fill:none;stroke:var(--accent);stroke-width:1.2px;stroke-dasharray:3 2}.hr .hr-leaf{fill:none;stroke:var(--deep);stroke-width:3px}.hr .hr-cad{fill:none;stroke:#c2783f;stroke-width:1.5px;stroke-dasharray:12 4 2 4}.hr .hr-lbl{letter-spacing:.14em;fill:var(--muted);font:600 11px Outfit,sans-serif}.hr .hr-lbl.hr-on{fill:var(--deep)}.hr .hr-dim path{fill:none;stroke:var(--deep);stroke-width:1.2px}.hr .hr-dim .hr-tick{stroke-width:1.6px}.hr .hr-dim .hr-grid{stroke:var(--accent);stroke-dasharray:6 3 1 3}.hr .hr-num text{fill:var(--deep);text-anchor:middle;font-variant-numeric:tabular-nums;font:500 11px Outfit,sans-serif}.hr .hr-bubble circle{fill:var(--paper);stroke:var(--deep);stroke-width:1.4px}.hr .hr-bubble text{fill:var(--deep);text-anchor:middle;font:600 11px Outfit,sans-serif}.hr .hr-rtag rect{fill:var(--band);stroke:var(--deep);stroke-width:1.2px}.hr .hr-rtag .hr-t1{fill:var(--ink);letter-spacing:.04em;font:600 10.5px Outfit,sans-serif}.hr .hr-rtag .hr-t2{fill:var(--muted);font:500 9.5px Outfit,sans-serif}.hr .hr-sheet{fill:#fbfcfc;stroke:var(--edge);stroke-width:1.2px}.hr .hr-sheet.hr-sel{stroke:var(--accent);stroke-width:2.5px;stroke-dasharray:8 5}.hr .hr-tb{fill:var(--canvas);stroke:var(--edge);stroke-width:1.2px}.hr .hr-tbt{fill:var(--deep);letter-spacing:.06em;font:600 10px Outfit,sans-serif}.hr .hr-tbt.hr-sm{font-size:9px}.hr .hr-loose{color:var(--edge);opacity:.9}.hr .hr-loose use{stroke-dasharray:6 4}.hr .hr-placed{color:var(--deep)}.hr .hr-ref{stroke:var(--accent);stroke-width:1.5px}.hr #mini{color:inherit}.hr .hr-sc[data-s="4"] .hr-sebelum use{color:var(--deep)}.hr .hr-fpage{fill:#fbfcfc;stroke:var(--deep);stroke-width:1.6px}.hr .hr-ffold{fill:none;stroke:var(--deep);stroke-width:1.6px}.hr .hr-file{color:var(--deep)}.hr .hr-layers{stroke:var(--accent);stroke-width:6px;stroke-linecap:round}.hr .hr-fbadge{fill:var(--deep)}.hr .hr-ft{fill:#fff;text-anchor:middle;font:600 15px Outfit,sans-serif}.hr .hr-go{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.hr .hr-cube{transform-origin:320px 205px;animation:hr-orbit 6s var(--ease) infinite}.hr .hr-c-top{fill:var(--band);stroke:var(--deep);stroke-width:2px}.hr .hr-c-l{fill:#f4f8f8;stroke:var(--deep);stroke-width:2px}.hr .hr-c-r{fill:#e6efef;stroke:var(--deep);stroke-width:2px}.hr .hr-c-win{fill:none;stroke:var(--accent);stroke-width:1.5px}.hr .hr-hand path{fill:var(--paper);stroke:var(--deep);stroke-width:2px}.hr .hr-hand{animation:hr-tangan 6s var(--ease) infinite}.hr .hr-modes text{fill:var(--muted);text-anchor:middle;font:500 13px Outfit,sans-serif}.hr .hr-modes .hr-m1{animation:6s infinite hr-modus}.hr .hr-modes .hr-m2{animation:6s 2s infinite hr-modus}.hr .hr-modes .hr-m3{animation:6s 4s infinite hr-modus}@keyframes hr-modus{0%,30%{fill:var(--deep);font-weight:600}34%,to{fill:var(--muted)}}@keyframes hr-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 hr-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)}}.hr .hr-stage.hr-no-compare .hr-handle,.hr .hr-stage.hr-no-compare .hr-compare,.hr .hr-stage.hr-no-compare .hr-stage-top{display:none}.hr .hr-handle{background:var(--deep);z-index:2;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:0;transform:translate(-1px)}.hr .hr-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}.hr .hr-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}.hr .hr-compare{opacity:0;cursor:ew-resize;z-index:3;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.hr .hr-compare:focus-visible~.hr-handle span{outline:2px solid var(--deep);outline-offset:4px}.hr .hr-stage:has(.hr-compare:focus-visible) .hr-handle span{outline:2px solid var(--deep);outline-offset:4px}.hr .hr-stage-foot{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:14px;display:flex}.hr .hr-cap{color:var(--muted);max-width:62ch;min-height:3em;font-size:14px}.hr .hr-cap b{color:var(--ink);margin-bottom:2px;font-size:15px;font-weight:500;display:block}.hr .hr-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}.hr .hr-play:hover{border-color:var(--deep)}.hr .hr-play svg{fill:none;width:18px;height:18px;stroke:var(--deep);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.hr .hr-play .hr-i-play{fill:var(--deep);display:none}.hr .hr-play[aria-pressed=false] .hr-i-play{display:block}.hr .hr-play[aria-pressed=false] .hr-i-pause{display:none}.hr .hr-tools{padding:clamp(56px,6vw,104px) 0 0}.hr .hr-filters{flex-wrap:wrap;gap:8px;display:flex}.hr .hr-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}.hr .hr-filters button:hover{border-color:var(--deep)}.hr .hr-filters button[aria-pressed=true]{background:var(--deep);border-color:var(--deep);color:#fff}.hr .hr-filters b{opacity:.7;font-size:11.5px;font-weight:600}.hr .hr-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.hr .hr-tool{transition:opacity .35s,transform .45s var(--ease);position:relative}.hr .hr-tool.hr-out{display:none}.hr .hr-tool.hr-masuk{animation:hr-masuk .5s var(--ease) both;animation-delay:calc(var(--i) * 35ms)}@keyframes hr-masuk{0%{opacity:0;transform:translateY(12px)scale(.98)}}.hr .hr-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}.hr .hr-tool a:hover{border-color:var(--edge);transform:translateY(-3px);box-shadow:0 22px 40px -30px #19353899}.hr .hr-tool .hr-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}.hr .hr-tool .hr-gly img{width:32px;height:32px}.hr .hr-tool a:hover .hr-gly{border-color:var(--accent);box-shadow:0 0 0 4px #51949924}.hr .hr-tool a:hover .hr-gly img{animation:hr-goyang .6s var(--ease)}@keyframes hr-goyang{30%{transform:scale(1.15)rotate(-6deg)}60%{transform:scale(.96)rotate(3deg)}}.hr .hr-tool h3{letter-spacing:-.01em;margin-top:16px;font-size:16px;font-weight:600}.hr .hr-tool p{color:var(--muted);margin-top:4px;font-size:13.5px;line-height:1.5}.hr .hr-tool .hr-ft2{color:var(--muted);justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;display:flex}.hr .hr-tool .hr-ft2 svg{width:16px;height:16px;color:var(--deep);opacity:0;transition:opacity .25s,transform .25s var(--ease);transform:translate(-6px)}.hr .hr-tool a:hover .hr-ft2 svg{opacity:1;transform:none}.hr .hr-tool .hr-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}.hr .hr-shown{color:var(--muted);margin-top:14px;font-size:12.5px}.hr .hr-pricing{padding:clamp(56px,6vw,104px) 0 0}.hr .hr-plans{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:14px;margin-top:28px;display:grid}.hr .hr-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}.hr .hr-plan:hover{border-color:var(--edge);transform:translateY(-4px);box-shadow:0 26px 50px -36px #193538b3}.hr .hr-plan.hr-best{border-color:var(--deep);background:#f3f8f8}.hr .hr-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)}.hr .hr-plan h3{font-size:16px;font-weight:600}.hr .hr-plan .hr-for{color:var(--muted);margin-top:2px;font-size:12.5px}.hr .hr-plan .hr-price{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:34px;font-size:clamp(24px,1.9vw,30px);font-weight:600;position:relative}.hr .hr-plan .hr-price.hr-small{font-size:clamp(19px,1.4vw,22px)}.hr .hr-plan .hr-per{color:var(--muted);font-size:12.5px}.hr .hr-plan .hr-coret{letter-spacing:0;white-space:nowrap;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;font-weight:400;line-height:20px;display:flex;position:absolute;bottom:100%;left:0}.hr .hr-plan .hr-coret s{color:var(--muted);text-decoration-thickness:1.5px}.hr .hr-plan .hr-coret em{color:#7a4f00;letter-spacing:.02em;background:#fdf1d8;border-radius:6px;padding:0 7px;font-size:11.5px;font-style:normal;font-weight:700}.hr .hr-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hr .hr-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}.hr .hr-pbtn svg{width:15px;height:15px;transition:transform .25s var(--ease)}.hr .hr-pbtn:hover{border-color:var(--deep);background:var(--canvas)}.hr .hr-pbtn:hover svg{transform:translate(3px)}.hr .hr-pbtn.hr-solid{background:var(--deep);border-color:var(--deep);color:#fff}.hr .hr-pbtn.hr-solid:hover{background:var(--deep-hover)}.hr .hr-plan ul{gap:9px;font-size:13px;display:grid}.hr .hr-plan li{grid-template-columns:16px minmax(0,1fr);gap:8px;line-height:1.45;display:grid}.hr .hr-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}.hr .hr-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px 28px;padding:clamp(56px,6vw,104px) 0 0;display:grid}.hr .hr-faq h2{letter-spacing:-.025em;font-size:clamp(24px,2vw,32px);font-weight:600;line-height:1.15}.hr .hr-faq-list{border-top:1px solid var(--line)}.hr .hr-faq details{border-bottom:1px solid var(--line)}.hr .hr-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}.hr .hr-faq summary::-webkit-details-marker{display:none}.hr .hr-faq summary:hover{color:var(--deep)}.hr .hr-faq summary i{flex-shrink:0;width:14px;height:14px;position:relative}.hr .hr-faq summary i:before,.hr .hr-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}.hr .hr-faq summary i:after{transform:rotate(90deg)}.hr .hr-faq details[open] summary i:after{transform:rotate(0)}.hr .hr-faq .hr-ans{transition:grid-template-rows .4s var(--ease);grid-template-rows:0fr;display:grid}.hr .hr-faq .hr-ans>p{color:var(--muted);max-width:62ch;overflow:hidden}.hr .hr-faq details.hr-buka .hr-ans{grid-template-rows:1fr}.hr .hr-faq details.hr-buka .hr-ans>p{padding-bottom:18px}.hr .hr-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}.hr .hr-wm{z-index:-1;width:min(1500px,120%);position:absolute;bottom:-6%;left:50%;transform:translate(-46%)}.hr .hr-wm text{letter-spacing:.01em;fill:#d6e1e1;font:700 230px Outfit,sans-serif}.hr .hr-wm{clip-path:inset(0 100% 0 0);transition:clip-path 1.8s var(--ease)}.hr .hr-close.hr-in .hr-wm{clip-path:inset(0)}.hr .hr-close h2{letter-spacing:-.04em;font-size:clamp(36px,4vw,64px);font-weight:600;line-height:1.02}.hr .hr-close h2 span{color:var(--accent)}.hr .hr-close p{color:var(--muted);max-width:44ch;margin-top:16px}@media (max-width:1199px){.hr .hr-tool-grid,.hr .hr-plans{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:999px){.hr .hr-hero{grid-template-columns:1fr;min-height:0;padding-top:24px}.hr .hr-hero-art{margin-top:40px}.hr .hr-flow-grid{grid-template-columns:1fr}.hr .hr-stage-wrap{order:-1;position:relative;top:0}.hr .hr-stage{aspect-ratio:640/450;height:auto}.hr .hr-faq{grid-template-columns:1fr}.hr .hr-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.hr .hr-hero h1{font-size:clamp(44px,13vw,60px)}.hr .hr-hero-acts .hr-btn{white-space:nowrap;flex:auto}.hr .hr-ribbon{width:100%;margin-bottom:8px;position:relative;left:auto;overflow-x:auto;transform:none}.hr .hr-ribbon-label{display:none}.hr .hr-rb{white-space:nowrap;flex:1;justify-content:center;padding:7px 8px;font-size:12px}.hr .hr-rb img{width:18px;height:18px}.hr .hr-cursor{display:none}.hr .hr-tool-grid{grid-template-columns:1fr}.hr .hr-tool a{grid-template-rows:auto;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:14px}.hr .hr-tool .hr-gly{grid-row:1/3}.hr .hr-tool h3{margin-top:0}.hr .hr-tool .hr-ft2{display:none}.hr .hr-plans{grid-template-columns:1fr}.hr .hr-step-more>div{padding-left:16px}.hr .hr-sec-head.hr-row{align-items:flex-start}.hr .hr-stage{aspect-ratio:640/470;height:auto}}@media (prefers-reduced-motion:reduce){.hr .hr-reveal{opacity:1;transition:none;transform:none}.hr .hr-hero h1 .hr-ln>span,.hr .hr-hero-lead,.hr .hr-hero-copy .hr-hero-acts,.hr .hr-platform,.hr .hr-ribbon{opacity:1;animation:none;transform:none}.hr .hr-grow{animation:none;transform:none}.hr .hr-cube,.hr .hr-hand,.hr .hr-modes text{animation:none}.hr .hr-wm{clip-path:none;transition:none}}.hr [hidden]{display:none!important}.hr .hr-pg{padding-bottom:clamp(64px,7vw,112px)}.hr .hr-pg-head{max-width:880px;margin-top:18px}.hr .hr-pg-head.hr-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;max-width:none;display:flex}.hr .hr-pg-title{letter-spacing:-.035em;font-weight:600;line-height:1.05;font-size:clamp(34px,3.4vw,56px)!important}.hr .hr-pg-sub{color:var(--muted);max-width:62ch;margin-top:12px;font-size:clamp(15px,1.05vw,17px)}.hr .hr-card{background:var(--paper);border:1px solid var(--line);border-radius:18px}.hr .hr-kicker{letter-spacing:.04em;color:var(--accent-ink);font-size:12px;font-weight:500}.hr .hr-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}.hr .hr-chip.hr-ok{color:#2f6b5c;background:#e3f1ee}.hr .hr-chip.hr-warn{color:#8a5a22;background:#f7ecdf}.hr .hr-chip.hr-bad{color:#9a3b2c;background:#f6e3df}.hr .hr-chip.hr-dark{background:var(--deep);color:#fff}.hr .hr-chip:before{content:"";opacity:.8;background:currentColor;border-radius:50%;width:6px;height:6px}.hr .hr-chip.hr-plain:before{display:none}.hr .hr-f{border:0;align-content:start;gap:7px;min-width:0;margin:0;padding:0;display:grid}.hr .hr-f>span,.hr .hr-f legend{color:var(--ink);padding:0;font-size:13px;font-weight:500}.hr .hr-f i{color:var(--muted);margin-left:4px;font-style:normal;font-weight:400}.hr .hr-f input:not([type=radio]):not([type=checkbox]),.hr .hr-f textarea,.hr .hr-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}.hr .hr-f textarea{resize:vertical;line-height:1.55}.hr .hr-f input:focus,.hr .hr-f textarea:focus,.hr .hr-f select:focus{border-color:var(--deep);outline:none;box-shadow:0 0 0 3px #51949938}.hr .hr-f input[readonly]{background:var(--canvas);border-color:var(--line);color:var(--muted)}.hr .hr-hint{color:var(--muted);font-size:12px}.hr .hr-sw{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:inline-flex}.hr .hr-sw input{opacity:0;width:1px;height:1px;position:absolute}.hr .hr-sw span{background:#c9d6d6;border-radius:999px;flex-shrink:0;width:40px;height:24px;transition:background-color .25s;position:relative}.hr .hr-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}.hr .hr-sw input:checked+span{background:var(--deep)}.hr .hr-sw input:checked+span:after{transform:translate(16px)}.hr .hr-sw input:focus-visible+span{outline:2px solid var(--deep);outline-offset:3px}.hr .hr-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}.hr .hr-callout svg{width:20px;height:20px;margin-top:1px}.hr .hr-reveal{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:translateY(18px)}.hr .hr-reveal.hr-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.hr .hr-reveal{opacity:1;transition:none;transform:none}}.hr .hr-pick{background:var(--paper);border:1px solid var(--line);border-radius:20px;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);margin-top:32px;display:grid;overflow:hidden}.hr .hr-pick-q{padding:clamp(22px,2.4vw,36px)}.hr .hr-pick h2{letter-spacing:-.02em;font-size:clamp(20px,1.6vw,24px);font-weight:600}.hr .hr-pick-sub{color:var(--muted);margin-top:4px;font-size:14px}.hr .hr-ctls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 28px;display:grid}.hr .hr-ctl{margin-top:22px}.hr .hr-ctl label{justify-content:space-between;align-items:baseline;gap:10px;font-size:14px;font-weight:500;display:flex}.hr .hr-ctl output{color:var(--deep);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.hr .hr-ctl input[type=range]{width:100%;accent-color:var(--deep);cursor:pointer;height:24px;margin:10px 0 4px}.hr .hr-ticks{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.hr .hr-toggles{border-top:1px solid var(--line);flex-wrap:wrap;gap:14px 28px;margin-top:24px;padding-top:20px;display:flex}.hr .hr-pick-a{background:var(--deep);color:#fff;isolation:isolate;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(22px,2.4vw,36px);display:flex;position:relative;overflow:hidden}.hr .hr-pick-a:after{content:"";z-index:-1;border:1px dashed #9fd3d659;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-80px;right:-80px}.hr .hr-pick-a .hr-kicker{color:var(--night-accent)}.hr .hr-rec-name{letter-spacing:-.03em;margin-top:6px;font-size:clamp(28px,2.6vw,40px);font-weight:600;line-height:1.05}.hr .hr-rec-name.hr-flip{animation:hr-flip .45s var(--ease)}@keyframes hr-flip{0%{opacity:0;transform:translateY(10px)}}.hr .hr-rec-price{font-variant-numeric:tabular-nums;margin-top:6px;font-size:18px;font-weight:500}.hr .hr-rec-price span{color:var(--band);font-size:13px;font-weight:400}.hr .hr-rec-price s{color:var(--band);margin-right:8px;font-size:13px;font-weight:400;text-decoration-thickness:1.5px}.hr .hr-rec-why{color:var(--band);max-width:40ch;min-height:4.6em;margin-top:14px;font-size:14px}.hr .hr-pick-a .hr-btn{color:var(--deep);background:#fff;margin-top:18px}.hr .hr-pick-a .hr-btn:hover{background:var(--band)}.hr .hr-rec-note{color:var(--band);margin-top:14px;font-size:13px}.hr .hr-rec-note a{color:#fff;text-underline-offset:3px;text-decoration:underline}.hr .hr-plans{margin-top:20px}.hr .hr-plan.hr-is-rec{border-color:var(--deep);transform:translateY(-4px);box-shadow:0 0 0 3px #51949959,0 26px 50px -36px #193538b3}.hr .hr-plan.hr-is-rec:before{content:"Rekomendasi untuk Anda";letter-spacing:.04em;color:#fff;background:var(--accent-ink);border-radius:0 0 8px 8px;padding:3px 10px;font-size:10.5px;font-weight:600;position:absolute;top:-1px;left:20px}.hr .hr-plan.hr-is-rec h3{margin-top:10px}.hr .hr-cmp{margin-top:clamp(56px,6vw,96px)}.hr .hr-cmp .hr-sec-head h2{margin-top:0}.hr .hr-tbl-wrap{border:1px solid var(--line);background:var(--paper);max-height:2000px;transition:max-height .5s var(--ease),opacity .35s;border-radius:18px;margin-top:22px;overflow:auto}.hr .hr-tbl-wrap.hr-tutup{opacity:0;border-color:#0000;max-height:0}.hr .hr-tbl{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}.hr .hr-tbl th,.hr .hr-tbl td{text-align:center;border-bottom:1px solid var(--line);padding:14px 16px;transition:background-color .25s}.hr .hr-tbl tbody th[scope=row]{text-align:left;color:var(--ink);font-weight:500}.hr .hr-tbl thead th{z-index:1;background:#f4f8f8;font-size:13px;font-weight:600;position:sticky;top:0}.hr .hr-tbl thead th:first-child{text-align:left}.hr .hr-tbl .hr-grp th{text-align:left;background:var(--canvas);letter-spacing:.04em;color:var(--muted);padding:9px 16px;font-size:12px;font-weight:600}.hr .hr-tbl tr:last-child td,.hr .hr-tbl tr:last-child th{border-bottom:0}.hr .hr-tbl td.hr-hl{background:#eef6f6}.hr .hr-tbl thead th.hr-hl{background:var(--deep);color:#fff}.hr .hr-tbl tbody tr:not(.hr-grp):hover th,.hr .hr-tbl tbody tr:not(.hr-grp):hover td{background:#f7fafa}.hr .hr-tbl tbody tr:not(.hr-grp):hover td.hr-hl{background:#e4f0f0}.hr .hr-tbl i{vertical-align:middle;background:50%/18px no-repeat;width:18px;height:18px;display:inline-block}.hr .hr-tbl i.hr-ok{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d5558' 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")}.hr .hr-tbl i.hr-no{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b9ba' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7 7 17'/%3E%3C/svg%3E")}@media (max-width:1199px){.hr .hr-ctls{grid-template-columns:1fr}}@media (max-width:999px){.hr .hr-pick{grid-template-columns:1fr}}.hr .hr-ribbon-best{text-align:center;width:180px;height:22px;padding:0;line-height:22px;top:27px;right:-52px;overflow:hidden}.hr .hr-ribbon-best:after,.hr .hr-plan.hr-best .hr-pbtn.hr-solid:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff8c 50%,#0000 65%);animation:3.6s ease-in-out infinite hr-kilau;position:absolute;inset:0;transform:translate(-130%)}.hr .hr-plan.hr-best .hr-pbtn.hr-solid{position:relative;overflow:hidden}.hr .hr-plan.hr-best .hr-pbtn.hr-solid:after{animation-delay:1.4s}@keyframes hr-kilau{0%{transform:translate(-130%)}60%,to{transform:translate(130%)}}@property --aura-sudut{syntax:"<angle>";inherits:false;initial-value:0deg}.hr .hr-plan.hr-is-rec{animation:2.8s ease-in-out infinite hr-aura}.hr .hr-plan.hr-is-rec:after{content:"";border-radius:inherit;background:conic-gradient(from var(--aura-sudut),transparent 0deg 240deg,#9fd3d6 315deg,#519499 345deg,transparent 360deg);-webkit-mask-composite:xor;pointer-events:none;padding:2px;animation:4s linear infinite hr-keliling;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes hr-keliling{to{--aura-sudut:360deg}}@keyframes hr-aura{0%,to{box-shadow:0 0 0 3px #51949947,0 0 14px 2px #51949938,0 26px 50px -36px #193538b3}50%{box-shadow:0 0 0 3px #51949980,0 0 30px 7px #51949966,0 26px 50px -36px #193538b3}}.hr .hr-pick-a:after{animation:40s linear infinite hr-putar,6s ease-in-out infinite hr-napas}.hr .hr-pick-a:before{content:"";z-index:-1;border:1px dashed #9fd3d640;border-radius:50%;width:156px;height:156px;animation:26s linear infinite reverse hr-putar;position:absolute;bottom:-28px;right:-28px}@keyframes hr-putar{to{rotate:360deg}}@keyframes hr-napas{0%,to{opacity:1;scale:1}50%{opacity:.55;scale:1.06}}.hr .hr-tbl-note{color:var(--muted);max-width:80ch;margin-top:12px;font-size:13px}
