.home{background:var(--paper);overflow-x:clip}.home .sec{padding:clamp(64px,8vw,104px) 0}.home .sec+.sec{padding-top:0}.home .sec-head{max-width:720px;margin-bottom:clamp(32px,4vw,48px)}.home .sec-title{font-size:clamp(30px,3.8vw,46px);font-weight:600;line-height:1.12;letter-spacing:-.03em;text-wrap:balance}.home .sec-lede{margin:14px 0 0;max-width:58ch;font-size:clamp(16.5px,1.4vw,19px);line-height:1.55;color:var(--ink-mute)}.home .hbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:6px 15px;font-family:var(--font-sans);font-size:16px;font-weight:500;line-height:24px;white-space:nowrap;border:1px solid transparent;border-radius:8px;transition:background .2s ease,border-color .2s ease}.home .hbtn-icon{width:16px;height:16px;transition:transform .2s ease}.home .hbtn:hover .hbtn-icon{transform:translate(2px)}.home .hbtn-solid{background:var(--daun);color:#fff}.home .hbtn-solid:hover{background:var(--daun-deep)}.home .hbtn-ghost{background:var(--daun-wash);color:var(--daun-deep)}.home .hbtn-ghost:hover{background:#d6ebe0}.home .hbtn-line{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.home .hbtn-line:hover{background:var(--paper)}.home .hero-wrap{background:#fff;padding-bottom:16px}.home .hero{padding:calc(var(--nav-h) + 80px) 0 80px}.home .hero>.container{max-width:1316px;padding-left:32px;padding-right:32px}.home .hero-copy{text-align:center;animation:home-rise .6s ease both}.home .hero-title{margin:0 0 12px;font-family:var(--font-display);font-size:96px;font-weight:600;line-height:100px;letter-spacing:-4.6px;color:#000000f2;text-wrap:balance}.home .hero-pill{display:inline-flex;align-items:baseline;gap:12px;padding:8px 28px;border-radius:var(--r-full);font-size:72px;font-weight:500;line-height:87px;letter-spacing:-2px;white-space:nowrap;vertical-align:baseline;transition:background-color .45s ease}.home .hero-pill-dot{align-self:center;flex-shrink:0;margin-top:.1em;width:.42em;height:.42em;border-radius:50%;transition:background-color .45s ease}.home .hero-pill-word{display:inline-block;animation:home-word .5s cubic-bezier(.2,.8,.2,1) both}.home .hero-pill-green{background:#cdebd9}.home .hero-pill-green .hero-pill-dot{background:#127a43}.home .hero-pill-yellow{background:#ffe4af}.home .hero-pill-yellow .hero-pill-dot{background:#e89d01}.home .hero-pill-purple{background:#eadbfa}.home .hero-pill-purple .hero-pill-dot{background:#8d5fd3}.home .hero-pill-blue{background:#dceefd}.home .hero-pill-blue .hero-pill-dot{background:#0b76d6}.home .hero-sub{margin:0 0 20px;font-size:20px;font-weight:400;line-height:28px;letter-spacing:-.125px;color:#000000e6;text-wrap:balance}.home .hero-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:16px;width:max-content;max-width:100%;margin:0 auto}.home .hero-pile{display:none}.home .hero-media{position:relative;width:min(960px,100%);margin:80px auto 0;animation:home-rise .7s ease .15s both}.home .doodle{position:absolute;width:160px;height:170px}.home .doodle-svg{display:block;width:100%;height:100%;overflow:visible}.home .doodle-top{top:-146px;right:0;z-index:0;animation:home-peek .7s cubic-bezier(.34,1.56,.64,1) .6s both}.home .doodle-side{top:215px;left:-136px;z-index:2;animation:home-bob 5s ease-in-out 1.2s infinite}.home .doodle-eye{transform-box:fill-box;transform-origin:center;animation:home-blink 4.2s infinite}.home .doodle-side .doodle-eye{animation-delay:1.3s}.home .doodle-check{stroke:var(--daun)}.home .doodle-veil{fill:var(--purple-bg)}.home .mock{position:relative;z-index:1;transform:perspective(1600px) rotateX(var(--tilt, 0deg));transform-origin:50% 0;will-change:transform;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 .667px 3.502px #00000002,0 2.933px 7.252px #00000004,0 7.2px 14.462px #00000005,0 13.867px 28.348px #00000006,0 23.333px 52.123px #00000008,0 36px 89px #0000000a;overflow:hidden;text-align:left}.home .mock-bar{display:flex;align-items:center;gap:14px;height:40px;padding:0 14px;background:var(--nav-card, #f9f9f8);border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink-mute)}.home .mock-dots{display:inline-flex;gap:6px}.home .mock-dots i{width:10px;height:10px;border-radius:50%;background:#0000001f}.home .mock-crumb{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--ink-soft)}.home .mock-sep{color:var(--ink-faint)}.home .mock-live{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:2px 10px;border-radius:var(--r-full);background:var(--green-bg);color:var(--green-fg);font-size:12px;font-weight:600}.home .mock-live:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:home-pulse 2s ease-in-out infinite}.home .mock-layout{display:grid;grid-template-columns:170px minmax(0,1fr)}.home .mock-side{display:flex;flex-direction:column;gap:2px;padding:14px 8px;background:#f9f9f8;border-right:1px solid var(--line)}.home .mock-side-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:13px;font-weight:500;color:var(--ink-mute)}.home .mock-side-active{background:#0000000d;color:var(--ink)}.home .mock-side-dot{width:8px;height:8px;border-radius:3px;flex-shrink:0;background:currentColor}.home .mock-body{position:relative;display:grid;gap:16px;padding:28px 24px 24px}.home .mock-title{display:flex;align-items:center;gap:14px;font-family:var(--font-brand);font-size:26px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}.home .mock-title-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f1f1ef;color:var(--ink)}.home .mock-title-icon svg{width:24px;height:24px}.home .mock-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home .mock-stat{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:center;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px}.home .mock-stat .nav-ic{grid-row:span 2;width:36px;height:36px}.home .mock-stat-label{font-size:12.5px;color:var(--ink-mute)}.home .mock-stat-value{font-family:var(--font-display);font-size:24px;font-weight:700;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink)}.home .board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home .board-col{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:8px}.home .board-desa{background:var(--green-bg)}.home .board-kecamatan{background:var(--blue-bg)}.home .board-kabupaten{background:var(--yellow-bg)}.home .board-head{padding:0 2px 2px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}.home .rung{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;background:#fff;border:1px solid var(--line);border-radius:6px}.home .rung-title{font-size:13px;font-weight:500;line-height:1.35;color:var(--ink)}.home .board-ghost{height:30px;border-radius:6px;background:#ffffffa6}.home .board-ghost-short{width:62%}.home .seal{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--daun);color:#fff;animation:home-stamp .4s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(1s + var(--i) * .25s)}.home .seal-icon{width:13px;height:13px;stroke-width:3}.home .mock-note{position:absolute;top:18px;right:20px;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 12px #00000014;animation:home-bob 4.5s ease-in-out .8s infinite}.home .mock-note-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#f1f1ef;flex-shrink:0}.home .mock-note-text{display:flex;flex-direction:column;line-height:1.3}.home .mock-note-name{font-size:12.5px;font-weight:600;color:var(--ink)}.home .mock-note-line{font-size:12px;color:var(--ink-mute)}.home .mock-note-badge{position:absolute;top:-7px;left:-7px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#eb5757;color:#fff;font-size:11px;font-weight:600}.home .mock-cursor{position:absolute;left:0;top:0;z-index:3;display:flex;align-items:flex-start;pointer-events:none;animation:home-cursor 9s cubic-bezier(.65,0,.35,1) 1.8s infinite both}.home .mock-cursor svg{width:20px;height:20px;fill:#b0570a;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.home .mock-cursor-tag{margin:14px 0 0 -2px;padding:2px 8px;border-radius:6px 10px 10px;background:#b0570a;color:#fff;font-size:11.5px;font-weight:600;white-space:nowrap}@keyframes home-cursor{0%{transform:translate(140px,150px);opacity:0}8%{opacity:1}22%,30%{transform:translate(150px,285px)}48%,56%{transform:translate(390px,292px)}74%,84%{transform:translate(630px,286px);opacity:1}to{transform:translate(700px,200px);opacity:0}}@keyframes home-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes home-word{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:translateY(0)}}@keyframes home-stamp{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}@keyframes home-peek{0%{transform:translateY(70px)}to{transform:translateY(0)}}@keyframes home-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes home-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes home-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(max-width:1239px){.home .doodle-side{left:-44px}}@media(max-width:1079px){.home .hero-title{font-size:72px;line-height:76px;letter-spacing:-3.2px}.home .hero-pill{padding:6px 22px;font-size:54px;line-height:66px;letter-spacing:-1.5px;gap:10px}}@media(max-width:839px){.home .hero{padding:calc(var(--nav-h) + 56px) 0 56px}.home .hero-title{font-size:56px;line-height:60px;letter-spacing:-2.4px}.home .hero-pill{padding:4px 18px;font-size:42px;line-height:52px;letter-spacing:-1.2px;gap:8px}.home .hero-media{margin-top:56px}.home .doodle-side,.home .mock-side,.home .mock-note,.home .mock-cursor{display:none}.home .mock-layout{grid-template-columns:minmax(0,1fr)}.home .doodle-top{width:120px;height:128px;top:-110px}}@media(max-width:599px){.home .hero{padding:calc(var(--nav-h) + 40px) 0 40px}.home .hero>.container{padding-left:16px;padding-right:16px}.home .hero-pile{display:flex;justify-content:center;height:48px;margin-bottom:24px}.home .hero-pile span{width:48px;height:48px;margin:0 -5px;border-radius:50%;overflow:hidden;background:#fff;border:2px solid #fff;box-shadow:0 0 0 1px #0000001a}.home .hero-pile span:nth-child(2){background:var(--purple-bg);z-index:1}.home .hero-title{font-size:42px;line-height:48px;letter-spacing:-1.5px}.home .hero-pill{padding:2px 12px;font-size:31.5px;line-height:38px;letter-spacing:-.875px;gap:6px}.home .hero-sub{font-size:16px;line-height:24px}.home .hero-actions{display:flex;flex-direction:column;gap:8px;width:280px}.home .hero-media{display:none}}.home .wall{display:contents}.home .wall-caption{margin:32px 16px 0;text-align:center;font-size:14px;line-height:20px;color:#0000008a}.home .wall-strip{position:sticky;bottom:-48px;z-index:3;height:96px;margin-top:16px;padding:8px 0;background:#fff;box-shadow:0 -1px #00000014}.home .wall-group{display:grid;grid-template-columns:repeat(7,auto);justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.home .wall-group[aria-hidden=true]{display:none}.home .wall-group li{display:flex;align-items:center;justify-content:center;min-width:116px;height:36px;padding:6px 15px;font-family:var(--font-brand);font-size:17px;font-weight:600;letter-spacing:-.02em;color:#000000bf;white-space:nowrap}@keyframes home-slide{to{transform:translate(-50%)}}@media(max-width:1079px){.home .wall-strip{position:static;height:52px;padding:4px 0;overflow:hidden;box-shadow:none}.home .wall-track{display:flex;width:max-content;animation:home-slide 60s linear infinite}.home .wall-group,.home .wall-group[aria-hidden=true]{display:flex;gap:8px;padding-right:8px}}.home .bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.home .tile{grid-column:span 2;display:flex;flex-direction:column;min-height:300px;padding:24px;border:1px solid transparent;border-radius:var(--r-lg);color:var(--ink);transition:border-color .2s ease}.home .tile-wide{grid-column:span 3}.home .tile-green{background:var(--green-bg);--tone: var(--green-fg)}.home .tile-yellow{background:var(--yellow-bg);--tone: var(--yellow-fg)}.home .tile-blue{background:var(--blue-bg);--tone: var(--blue-fg)}.home .tile-purple{background:var(--purple-bg);--tone: var(--purple-fg)}.home .tile-red{background:var(--red-bg);--tone: var(--red-fg)}.home a.tile:hover{border-color:var(--tone)}.home .tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:auto;padding-bottom:24px}.home .tile-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-md);background:var(--surface);color:var(--tone)}.home .tile-icon svg{width:21px;height:21px;stroke-width:1.9}.home .tile-go{display:grid;place-items:center;width:32px;height:32px;color:var(--ink-faint);transition:color .2s ease,transform .2s ease}.home .tile-go svg{width:20px;height:20px}.home a.tile:hover .tile-go{color:var(--tone);transform:translate(2px,-2px)}.home .tile-cat{display:block;margin:0 0 4px;font-size:13.5px;font-weight:600;color:var(--tone)}.home .tile-title{font-size:clamp(20px,1.8vw,24px);font-weight:600;line-height:1.2;letter-spacing:-.02em}.home .tile-desc{display:block;margin:8px 0 0;max-width:46ch;font-size:15px;line-height:1.55;color:var(--ink-mute)}.home .tile-art{display:block;margin-top:20px;color:var(--tone)}.home .tile-art .art{display:block;width:100%;max-width:300px;height:auto;overflow:visible}.home .tile-wide .tile-art .art{max-width:340px}@media(max-width:980px){.home .bento{grid-template-columns:repeat(2,minmax(0,1fr))}.home .tile{grid-column:span 1}.home .tile-wide{grid-column:span 2}.home .tile:last-child{grid-column:span 2}}@media(max-width:600px){.home .bento{grid-template-columns:1fr}.home .tile,.home .tile-wide{grid-column:span 1;min-height:0}}.home .flow-loop{position:relative}.home .flow-line{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.home .flow-stop{position:relative;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.home .flow-stop:not(:last-child):after{content:"";position:absolute;top:36px;right:-10px;z-index:1;width:8px;height:8px;border-top:2px solid var(--ink-faint);border-right:2px solid var(--ink-faint);transform:rotate(45deg)}.home .flow-art{display:block;margin:-8px -8px 18px;padding:10px 14px 0;border-radius:8px;background:var(--step-wash, var(--green-bg));color:var(--step-tone, var(--green-fg))}.home .flow-art .art{display:block;width:100%;height:auto;overflow:visible}.home .flow-masyarakat{--step-wash: var(--orange-bg)}.home .flow-kecamatan{--step-wash: var(--blue-bg)}.home .flow-kabupaten{--step-wash: var(--purple-bg)}.home .flow-seal{display:grid;place-items:center;width:32px;height:32px;margin-bottom:14px;border-radius:var(--r-md);background:var(--green-bg);color:var(--green-fg);font-family:var(--font-display);font-size:16px;font-weight:700}.home .flow-masyarakat .flow-seal{background:var(--orange-bg);color:var(--orange-fg)}.home .flow-kecamatan .flow-seal{background:var(--blue-bg);color:var(--blue-fg)}.home .flow-kabupaten .flow-seal{background:var(--purple-bg);color:var(--purple-fg)}.home .flow-role{margin:0 0 4px;font-size:13.5px;font-weight:600;color:var(--ink-mute)}.home .flow-title{font-size:clamp(17px,1.5vw,20px);font-weight:600;line-height:1.25;letter-spacing:-.015em}.home .flow-desc{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--ink-mute)}.home .flow-return{position:relative;height:96px}.home .flow-return-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.home .flow-return-path path{fill:none;stroke:var(--line-strong);stroke-width:2;stroke-linejoin:round;stroke-dasharray:6 8;vector-effect:non-scaling-stroke}.home .flow-return-head{position:absolute;left:12.5%;top:6px;translate:-50% 0;width:10px;height:10px;border-top:2px solid var(--ink-faint);border-left:2px solid var(--ink-faint);rotate:45deg}.home .flow-return-dot{position:absolute;left:87.5%;top:0;translate:-50% -50%;opacity:0;width:14px;height:14px;border-radius:50%;background:var(--orange-fg);box-shadow:0 0 0 6px #c2620a2e}.home .flow-return-label{position:absolute;left:50%;top:62%;translate:-50% -50%;margin:0;display:inline-flex;align-items:center;gap:10px;padding:9px 18px;background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--r-full);font-family:var(--font-brand);font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap}.home .flow-return-icon{width:17px;height:17px;color:var(--orange-fg)}.home .flow-return-desc{max-width:62ch;margin:14px auto 0;text-align:center;font-size:15.5px;line-height:1.55;color:var(--ink-mute)}@media(max-width:999px){.home .flow-line{grid-template-columns:repeat(2,minmax(0,1fr))}.home .flow-stop:nth-child(2n):after{display:none}.home .flow-return{height:auto;margin-top:22px;text-align:center}.home .flow-return-path,.home .flow-return-head,.home .flow-return-dot{display:none}.home .flow-return-label{position:static;translate:none}}@media(max-width:599px){.home .flow-line{grid-template-columns:1fr}.home .flow-stop:nth-child(2n):not(:last-child):after{display:block}.home .flow-stop:not(:last-child):after{top:auto;bottom:-10px;right:50%;transform:rotate(135deg)}.home .flow-art .art{max-height:150px}}.home .why-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,88px);align-items:start}.home .why-head{position:sticky;top:calc(var(--nav-h) + 40px)}.home .why-list{margin:0;padding:0;list-style:none}.home .why-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:24px 0;border-top:1px solid var(--line)}.home .why-item:last-child{border-bottom:1px solid var(--line)}.home .why-ic{width:52px;height:52px;border-radius:12px}.home .why-ic .art{width:30px;height:30px;overflow:visible}.home .why-title{font-size:clamp(18px,1.6vw,21px);font-weight:600;letter-spacing:-.015em}.home .why-desc{margin:6px 0 0;max-width:52ch;font-size:15.5px;line-height:1.55;color:var(--ink-mute)}@media(max-width:900px){.home .why-grid{grid-template-columns:1fr}.home .why-head{position:static}}.home .security-panel{padding:clamp(32px,5vw,64px);border-radius:var(--r-lg);background:var(--hutan);color:#fff}.home .security-panel .sec-lede{color:#ffffffb8}.home .guard-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,5vw,64px);margin:0;padding:0;list-style:none}.home .guard{display:grid;grid-template-columns:108px minmax(0,1fr);gap:20px;align-items:center;padding:24px 0;border-top:1px solid rgba(255,255,255,.14)}.home .guard-art{display:block;padding:8px 10px;border-radius:10px;background:#ffffff12;color:#9fe0b8;--art-fill: #173a29}.home .guard-art .art{display:block;width:100%;height:auto;overflow:visible}.home .guard-title{font-size:18px;font-weight:600;letter-spacing:-.01em}.home .guard-desc{margin:6px 0 0;font-size:15px;line-height:1.55;color:#ffffffb8}@media(max-width:800px){.home .guard-list{grid-template-columns:1fr}}@media(max-width:599px){.home .security-panel{padding:28px 20px}.home .guard{grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:start;padding:20px 0}.home .guard-art{padding:5px 6px;border-radius:8px}.home .guard-title{font-size:16.5px}}.home .stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home .stat{display:flex;flex-direction:column-reverse;gap:8px;padding:28px 24px}.home .stat+.stat{border-left:1px solid var(--line)}.home .stat-value{display:flex;flex-direction:column;gap:18px;margin:0}.home .stat-ic{width:40px;height:40px}.home .stat-ic svg{width:21px;height:21px}.home .stat-number{font-family:var(--font-display);font-size:clamp(40px,5.4vw,68px);font-weight:700;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.home .stat-number span{letter-spacing:inherit}.home .stat-label{font-size:15px;color:var(--ink-mute)}@media(max-width:800px){.home .stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.home .stat{padding:24px 16px}.home .stat:nth-child(odd){border-left:0}.home .stat:nth-child(n+3){border-top:1px solid var(--line)}}.home .cta-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(40px,6vw,80px) clamp(24px,4vw,48px);border-radius:var(--r-lg);background:var(--green-bg);color:var(--ink)}.home .cta-title{font-family:var(--font-display);font-size:clamp(32px,4.6vw,58px);font-weight:700;line-height:1.06;letter-spacing:-.04em;text-wrap:balance}.home .cta-desc{margin:16px 0 0;max-width:52ch;font-size:clamp(16.5px,1.4vw,19px);line-height:1.55;color:var(--ink-mute)}.home .cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}.home.motion [data-reveal]{opacity:0;transform:translateY(32px);filter:blur(8px)}.home.motion [data-reveal=right]{transform:translate(44px)}.home.motion [data-reveal=zoom]{transform:translateY(28px) scale(.93)}.home.motion [data-reveal].is-in{opacity:1;transform:none;filter:none;transition:opacity .7s ease calc(var(--d, 0) * 90ms),transform .95s cubic-bezier(.22,1,.36,1) calc(var(--d, 0) * 90ms),filter .7s ease calc(var(--d, 0) * 90ms)}.home.motion [data-reveal=head]{opacity:1;transform:none;filter:none}.home.motion [data-reveal=head] .sec-title{clip-path:inset(0 0 100% 0);transform:translateY(46%)}.home.motion [data-reveal=head] .sec-lede{opacity:0;transform:translateY(16px)}.home.motion [data-reveal=head].is-in .sec-title{clip-path:inset(-10% 0 -10% 0);transform:none;transition:clip-path .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.home.motion [data-reveal=head].is-in .sec-lede{opacity:1;transform:none;transition:opacity .7s ease .3s,transform .8s cubic-bezier(.22,1,.36,1) .3s}.home.motion .flow-stop[data-reveal]:after{opacity:0}.home.motion .flow-stop[data-reveal].is-in:after{opacity:1;transition:opacity .4s ease calc(var(--d, 0) * 90ms + .5s)}.home.motion [data-reveal] :is(.tile-icon,.stat-ic) svg :is(path,circle,rect,line,polyline,polygon,ellipse){stroke-dasharray:var(--len, 100);stroke-dashoffset:var(--len, 100)}.home.motion [data-reveal].is-in :is(.tile-icon,.stat-ic) svg :is(path,circle,rect,line,polyline,polygon,ellipse){stroke-dashoffset:0;transition:stroke-dashoffset 1s ease calc(var(--d, 0) * 90ms + .25s)}.home :is(.tile-icon,.why-ic,.flow-seal){transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.home a.tile:hover .tile-icon{transform:translateY(-3px) rotate(-8deg) scale(1.08)}.home .why-item:hover .why-ic{transform:rotate(-8deg) scale(1.1)}.home .flow-stop:hover .flow-seal{transform:scale(1.15) rotate(-6deg)}.home .tile{transition:border-color .2s ease,transform .3s cubic-bezier(.2,.8,.2,1)}.home a.tile:hover{transform:translateY(-4px)}.home .flow-stop{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.home .flow-stop:hover{transform:translateY(-4px)}.home .flow-stop{--step-tone: var(--green-fg);animation:home-step 12.5s ease-in-out infinite;animation-delay:calc(var(--d, 0) * 2.5s)}.home .flow-masyarakat{--step-tone: var(--orange-fg)}.home .flow-kecamatan{--step-tone: var(--blue-fg)}.home .flow-kabupaten{--step-tone: var(--purple-fg)}.home .flow-stop:before{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px;background:var(--step-tone);transform:scaleX(0);transform-origin:left;animation:home-step-line 12.5s linear infinite;animation-delay:inherit}.home .flow-stop .flow-seal{animation:home-step-seal 12.5s ease-in-out infinite;animation-delay:inherit}.home .flow-stop:not(:last-child):after{animation:home-step-arrow 12.5s ease-in-out infinite;animation-delay:inherit}@keyframes home-step{0%,22%,to{border-color:var(--line);box-shadow:0 0 0 0 transparent}2%,18%{border-color:var(--step-tone);box-shadow:0 10px 28px #00000012}}@keyframes home-step-line{0%{transform:scaleX(0);opacity:1}20%{transform:scaleX(1);opacity:1}23%,to{transform:scaleX(1);opacity:0}}@keyframes home-step-seal{0%,22%,to{transform:none}2%{transform:scale(1.3) rotate(-8deg)}6%,18%{transform:scale(1.1);background:var(--step-tone);color:#fff}}@keyframes home-step-arrow{0%,16%,26%,to{transform:rotate(45deg);border-color:var(--ink-faint)}20%{transform:translate(6px) rotate(45deg);border-color:var(--step-tone)}}@keyframes home-step-arrow-down{0%,16%,26%,to{transform:rotate(135deg);border-color:var(--ink-faint)}20%{transform:translateY(6px) rotate(135deg);border-color:var(--step-tone)}}@media(max-width:599px){.home .flow-stop:not(:last-child):after{animation-name:home-step-arrow-down}}.home .flow-return-path path{animation:home-return-dash 1s linear infinite,home-return-glow 12.5s ease-in-out infinite}.home .flow-return-dot{animation:home-return-dot 12.5s linear infinite}.home .flow-return-label{animation:home-return-label 12.5s ease-in-out infinite}.home .flow-return-icon{animation:home-return-spin 12.5s cubic-bezier(.65,0,.35,1) infinite}.home .flow-return-head{animation:home-return-head 12.5s ease-in-out infinite}@keyframes home-return-dash{to{stroke-dashoffset:-14}}@keyframes home-return-glow{0%,78%,to{stroke:var(--line-strong)}84%,96%{stroke:var(--orange-fg)}}@keyframes home-return-dot{0%,80%{left:87.5%;top:0;opacity:0}81%{left:87.5%;top:0;opacity:1}85%{left:87.5%;top:62%;opacity:1}95%{left:12.5%;top:62%;opacity:1}99%{left:12.5%;top:12%;opacity:1}to{left:12.5%;top:6%;opacity:0}}@keyframes home-return-label{0%,80%,to{border-color:var(--line-strong);scale:1}88%,94%{border-color:var(--orange-fg);scale:1.06}}@keyframes home-return-spin{0%,80%{rotate:0deg}to{rotate:-360deg}}@keyframes home-return-head{0%,94%,to{border-color:var(--ink-faint);translate:-50% 0}98%{border-color:var(--orange-fg);translate:-50% -5px}}.home .art *{transform-box:fill-box;transform-origin:center}.home .art :is(.art-hub,.art-box rect,.art-node){fill:var(--surface)}.home .art-flowline{stroke-dasharray:4 7;opacity:.55;animation:home-art-stream .9s linear infinite}.home .art-node{animation:home-art-pop 2.6s ease-in-out infinite;animation-delay:calc(var(--n) * .65s)}.home .art-ripple{opacity:0;animation:home-art-ripple 2.6s ease-out infinite}.home .art-hub{animation:home-art-beat 2.6s ease-in-out infinite}@keyframes home-art-stream{to{stroke-dashoffset:-11}}@keyframes home-art-pop{0%,30%,to{transform:scale(1)}12%{transform:scale(1.25)}}@keyframes home-art-ripple{0%{transform:scale(1);opacity:.6}70%,to{transform:scale(1.8);opacity:0}}@keyframes home-art-beat{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.home .art-bar{fill:var(--surface);transform-origin:bottom;animation:home-art-rise 5s cubic-bezier(.22,1,.36,1) infinite;animation-delay:calc(var(--n) * .14s)}.home .art-trend{stroke-dasharray:100;animation:home-art-draw 5s ease-in-out infinite}.home .art-trend-tip{animation:home-art-tip 5s ease-in-out infinite}.home .art-coin{fill:var(--surface);animation:home-art-coin 5s cubic-bezier(.34,1.56,.64,1) infinite}@keyframes home-art-rise{0%{transform:scaleY(0)}18%,86%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes home-art-draw{0%,16%{stroke-dashoffset:100}48%,86%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@keyframes home-art-tip{0%,44%{opacity:0;transform:scale(.4)}52%,86%{opacity:1;transform:scale(1)}to{opacity:0}}@keyframes home-art-coin{0%,46%{transform:translateY(-30px);opacity:0}58%{transform:translateY(12px);opacity:1}64%{transform:translateY(4px)}70%,86%{transform:translateY(12px);opacity:1}to{transform:translateY(12px);opacity:0}}.home .art-outline{fill:var(--surface);stroke-dasharray:100;animation:home-art-trace 6s ease-in-out infinite}.home .art-border{stroke-dasharray:3 6;opacity:.5}.home .art-pin{fill:var(--surface);transform-origin:bottom;animation:home-art-land 6s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:calc(var(--n) * .35s)}.home .art-pin-shadow{fill:currentColor;stroke:none;opacity:0;animation:home-art-shadow 6s ease-out infinite;animation-delay:calc(var(--n) * .35s)}@keyframes home-art-trace{0%{stroke-dashoffset:100}22%,to{stroke-dashoffset:0}}@keyframes home-art-land{0%,24%{transform:translateY(-34px) scale(.6);opacity:0}34%{transform:translateY(0) scale(1);opacity:1}88%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(0) scale(1);opacity:0}}@keyframes home-art-shadow{0%,30%{opacity:0;transform:scale(.3)}36%{opacity:.28;transform:scale(1)}88%{opacity:.18}to{opacity:0}}.home .art-wire{stroke-dasharray:100;animation:home-art-wire 5.5s ease-in-out infinite}.home .art-box{animation:home-art-box 5.5s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:calc(var(--n) * .22s)}@keyframes home-art-wire{0%,8%{stroke-dashoffset:100}34%,88%{stroke-dashoffset:0}to{stroke-dashoffset:100}}@keyframes home-art-box{0%,6%{transform:scale(.5);opacity:0}22%,88%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}.home .art-ink{stroke-dasharray:100;animation:home-art-write 5.5s ease-in-out infinite;animation-delay:calc(var(--n) * .45s)}.home .art-seal{fill:var(--surface);animation:home-art-seal 5.5s cubic-bezier(.34,1.56,.64,1) infinite}.home .art-seal-ring{stroke-dasharray:2.5 3.5;fill:none}@keyframes home-art-write{0%{stroke-dashoffset:100}14%,86%{stroke-dashoffset:0}to{stroke-dashoffset:100}}@keyframes home-art-seal{0%,44%{transform:scale(2) rotate(-25deg);opacity:0}54%,86%{transform:scale(1) rotate(-10deg);opacity:1}to{transform:scale(1) rotate(-10deg);opacity:0}}.home .art-speaker{transform-origin:bottom;animation:home-art-nod 3s ease-in-out infinite}.home .art-bubble{transform-origin:20% 100%;animation:home-art-bubble 3s cubic-bezier(.34,1.56,.64,1) infinite}.home .art-typing{animation:home-art-typing 1.2s ease-in-out infinite;animation-delay:calc(var(--n) * .18s)}@keyframes home-art-nod{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}@keyframes home-art-bubble{0%{transform:scale(0);opacity:0}16%,86%{transform:scale(1);opacity:1}to{transform:scale(.6);opacity:0}}@keyframes home-art-typing{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}.home .art-flag{transform-origin:left;animation:home-art-flag 1.8s ease-in-out infinite}.home .art-doc-in{animation:home-art-carry 4s ease-in-out infinite}@keyframes home-art-flag{0%,to{transform:skewY(0) scaleX(1)}50%{transform:skewY(-8deg) scaleX(.9)}}@keyframes home-art-carry{0%{transform:translate(0);opacity:0}12%{opacity:1}70%{transform:translate(72px);opacity:1}85%,to{transform:translate(78px) scale(.6);opacity:0}}.home .art-lens{animation:home-art-sweep 4.5s ease-in-out infinite}.home .art-scanline{opacity:.35;animation:home-art-read 4.5s ease-in-out infinite;animation-delay:calc(var(--n) * .55s)}@keyframes home-art-sweep{0%,to{transform:translate(-14px,-12px)}25%{transform:translate(22px,-6px)}50%{transform:translate(-10px,8px)}75%{transform:translate(20px,16px)}}@keyframes home-art-read{0%,to{opacity:.35}12%,30%{opacity:1}}.home .art-press{animation:home-art-press 3.6s cubic-bezier(.65,0,.35,1) infinite}.home .art-mark{animation:home-art-mark 3.6s ease-out infinite}@keyframes home-art-press{0%,20%,to{transform:translateY(0)}34%{transform:translateY(17px)}40%{transform:translateY(15px)}54%{transform:translateY(0)}}@keyframes home-art-mark{0%,36%{opacity:0;transform:scale(1.4)}44%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.home .guard-art .art :is(.art-lockbody,.art-card,.art-clock,.art-entry circle,.art-store ellipse,.art-approve circle,.art-saved circle){fill:var(--art-fill)}.home .art-shackle{animation:home-art-shackle 4s cubic-bezier(.34,1.56,.64,1) infinite}.home .art-lockbody{animation:home-art-settle 4s ease-in-out infinite}.home .art-shield{opacity:0;animation:home-art-shield 4s ease-out infinite}@keyframes home-art-shackle{0%,18%{transform:translateY(-9px) rotate(-14deg)}34%,88%{transform:translateY(0) rotate(0)}to{transform:translateY(-9px) rotate(-14deg)}}@keyframes home-art-settle{0%,30%,46%,to{transform:scale(1)}38%{transform:scale(1.08)}}@keyframes home-art-shield{0%,36%{transform:scale(.7);opacity:0}44%{opacity:.7}80%,to{transform:scale(1.25);opacity:0}}.home .art-scan{animation:home-art-scan 4s ease-in-out infinite}.home .art-approve{animation:home-art-approve 4s cubic-bezier(.34,1.56,.64,1) infinite}@keyframes home-art-scan{0%{transform:translateY(0);opacity:0}8%{opacity:1}46%{transform:translateY(48px);opacity:1}54%,to{transform:translateY(48px);opacity:0}}@keyframes home-art-approve{0%,50%{transform:scale(0);opacity:0}62%,90%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}.home .art-entry{animation:home-art-entry 5s cubic-bezier(.22,1,.36,1) infinite;animation-delay:calc(var(--n) * .7s)}.home .art-hand{transform-origin:bottom;animation:home-art-hand 5s linear infinite}@keyframes home-art-entry{0%{transform:translate(-10px);opacity:0}12%,84%{transform:translate(0);opacity:1}to{transform:translate(0);opacity:0}}@keyframes home-art-hand{to{transform:rotate(360deg)}}.home .art-copy{animation:home-art-copy 3.6s ease-in-out infinite}.home .art-saved{animation:home-art-approve 3.6s cubic-bezier(.34,1.56,.64,1) infinite}@keyframes home-art-copy{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.home :is(a.tile,.flow-stop,.guard):hover .art *{animation-duration:2.4s}.home .doodle-top .doodle-svg{animation:home-duck 7s ease-in-out 2.5s infinite}@keyframes home-duck{0%,62%,to{transform:translateY(0) rotate(0)}70%{transform:translateY(34px) rotate(-3deg)}80%{transform:translateY(0) rotate(4deg)}88%{transform:translateY(0) rotate(0)}}.home .doodle-check{stroke-dasharray:34;animation:home-check 5s ease-in-out 1.6s infinite}@keyframes home-check{0%,12%{stroke-dashoffset:34}30%,to{stroke-dashoffset:0}}.home .art-eye{animation:home-art-blink 4.5s ease-in-out infinite}.home .art-pupil{animation:home-art-look 4.5s ease-in-out infinite}@keyframes home-art-blink{0%,44%,52%,to{transform:scaleY(1)}48%{transform:scaleY(.12)}}@keyframes home-art-look{0%,to{transform:translate(0)}20%{transform:translate(-5px)}70%{transform:translate(5px)}}.home .art-needle{transform-origin:bottom;animation:home-art-hand 2.4s cubic-bezier(.65,0,.35,1) infinite}.home .art-tick{animation:home-art-tickoff 2.4s ease-in-out infinite}@keyframes home-art-tickoff{0%,to{opacity:.4}50%{opacity:1}}.home .art-tickmark{stroke-dasharray:100;animation:home-art-checkoff 4.2s ease-in-out infinite;animation-delay:calc(var(--n) * .5s)}@keyframes home-art-checkoff{0%{stroke-dashoffset:100}16%,80%{stroke-dashoffset:0}to{stroke-dashoffset:100}}.home .art-pointer{animation:home-art-press-in 3s cubic-bezier(.65,0,.35,1) infinite}.home .art-button{animation:home-art-pressed 3s ease-in-out infinite}.home .art-tap{opacity:0;animation:home-art-tap 3s ease-out infinite}@keyframes home-art-press-in{0%,to{transform:translate(7px,7px)}40%,52%{transform:translate(-2px,-3px)}46%{transform:translate(-2px,-3px) scale(.86)}}@keyframes home-art-pressed{0%,42%,54%,to{transform:scale(1)}47%{transform:scale(.93)}}@keyframes home-art-tap{0%,44%{transform:scale(.3);opacity:0}50%{opacity:.8}78%,to{transform:scale(2);opacity:0}}.home .why-item:hover .art *{animation-duration:1.4s}.home .mock-carry{position:absolute;left:18px;top:18px;opacity:0;padding:7px 12px;background:#fff;border:1px solid var(--line-strong);border-radius:6px;box-shadow:0 6px 16px #00000024;font-size:12.5px;font-weight:500;color:var(--ink);white-space:nowrap;rotate:-3deg;animation:home-carry 9s cubic-bezier(.65,0,.35,1) 1.8s infinite both}@keyframes home-carry{0%,24%{opacity:0;scale:.8}30%,80%{opacity:1;scale:1}86%,to{opacity:0;scale:.8}}.home .board-col{animation:home-drop 9s ease-in-out 1.8s infinite both}.home .board-desa{animation-name:home-drop-a}.home .board-kecamatan{animation-name:home-drop-b}.home .board-kabupaten{animation-name:home-drop-c}@keyframes home-drop-a{0%,20%,34%,to{box-shadow:inset 0 0 0 0 transparent}24%,30%{box-shadow:inset 0 0 0 2px var(--green-fg)}}@keyframes home-drop-b{0%,44%,60%,to{box-shadow:inset 0 0 0 0 transparent}48%,56%{box-shadow:inset 0 0 0 2px var(--blue-fg)}}@keyframes home-drop-c{0%,70%,88%,to{box-shadow:inset 0 0 0 0 transparent}74%,84%{box-shadow:inset 0 0 0 2px var(--yellow-fg)}}.home .cta-doodle{position:absolute;bottom:-34px;width:150px;height:160px;pointer-events:none}.home .cta-doodle .doodle-svg{display:block;width:100%;height:100%;overflow:visible}.home .cta-doodle-left{left:4%;animation:home-lean-left 5s ease-in-out infinite;transform-origin:bottom center}.home .cta-doodle-right{right:4%;bottom:-14px;animation:home-lean-right 5s ease-in-out .8s infinite;transform-origin:bottom center}@keyframes home-lean-left{0%,to{transform:translateY(26px) rotate(0)}40%,60%{transform:translateY(0) rotate(7deg)}}@keyframes home-lean-right{0%,to{transform:translateY(18px) rotate(0)}40%,60%{transform:translateY(0) rotate(-6deg)}}.home .cta-title,.home .cta-desc,.home .cta-actions{position:relative;z-index:1}@media(max-width:1099px){.home .cta-doodle{display:none}}.home .stat-ic{animation:home-bob 4.5s ease-in-out infinite;animation-delay:calc(var(--d, 0) * .5s)}.home.motion .stat-row:has([data-reveal]){border-color:transparent}.home .stat-row{transition:border-color .9s ease .3s}@media(prefers-reduced-motion:reduce){.home *,.home *:before,.home *:after{animation:none!important}.home .art-packet{display:none}.home .wall-strip{height:auto}.home .wall-track{width:auto}.home .wall-group{flex-wrap:wrap;justify-content:center}.home .wall-group[aria-hidden=true]{display:none}}