.kawal{isolation:isolate;text-align:center;color:#fff;width:100%;max-width:1240px;margin:0 auto;padding:clamp(56px,7vw,110px) 16px clamp(36px,4vw,56px);font-family:Poppins,sans-serif;position:relative}.kawal__marquee{z-index:-1;pointer-events:none;flex-direction:column;gap:clamp(4px,1vw,14px);width:100vw;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.kawal__row{white-space:nowrap;will-change:transform;transform:translate3d(var(--x,0px), 0, 0)}.kawal__row span{letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1.5px #ffffff42;text-transform:uppercase;font-size:clamp(64px,11vw,200px);font-weight:800;line-height:1;display:inline-block}.kawal__row{margin-left:-20vw}.kawal__row--alt{margin-left:-120vw}.kawal__row--alt span{-webkit-text-stroke-color:#1b1b1d2e}.kawal .kawal__title{letter-spacing:-.045em;color:#fff;text-wrap:balance;margin:0;font-size:clamp(42px,6.6vw,112px);font-weight:800;line-height:1.02}.kawal__line{display:inline}.kawal__w,.kawal__w>span{display:inline-block}.kawal__w.is-hl{margin:0 -.06em;padding:0 .18em .06em;position:relative}.kawal__w.is-hl:before{content:"";z-index:-1;transform-origin:0;transform:scaleX(var(--hl,1)) rotate(-1.5deg);background:#1b1b1d;border-radius:.22em;position:absolute;inset:.1em 0 0}.kawal .kawal__sub{color:#fff;opacity:var(--sub,1);transform:translateY(calc((1 - var(--sub,1)) * 14px));margin:clamp(18px,2vw,28px) 0 0;font-size:clamp(17px,1.6vw,24px);font-weight:700}.kawal-band{--inset:clamp(15px, 4.2vw, 60px);--radius:clamp(40px, 7vw, 100px);clip-path:inset(0 calc((1 - var(--open,1)) * var(--inset)) round calc((1 - var(--open,1)) * var(--radius)));will-change:clip-path}.kawal.is-live .kawal__w>span{opacity:calc(.14 + var(--k,0) * .86);transform:translateY(calc((1 - var(--k,0)) * .55em)) scale(calc(.86 + var(--k,0) * .14)) rotate(calc((1 - var(--k,0)) * 4deg));filter:blur(calc((1 - var(--k,0)) * 10px));will-change:transform, opacity, filter}@media (width<=767px){.kawal{padding-top:64px;padding-bottom:32px}.kawal__row span{-webkit-text-stroke-width:1px;font-size:clamp(56px,17vw,90px)}}.fs{color:#fff;width:100%;max-width:1240px;margin:0 auto;padding:0 16px clamp(56px,7vw,120px);font-family:Poppins,sans-serif}.fs__chips{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;margin:0 -16px 22px;padding:2px 16px 6px;display:flex;overflow-x:auto}.fs__chips::-webkit-scrollbar{display:none}.fs .fs__chip{scroll-snap-align:center;color:#fff;white-space:nowrap;cursor:pointer;isolation:isolate;background:0 0;border:1px solid #ffffff73;border-radius:100px;flex:none;padding:10px 16px;font:600 13.5px/1.2 Poppins,sans-serif;position:relative;overflow:hidden}.fs .fs__chip[aria-selected=true]{color:#232323;background:#fff;border-color:#fff}.fs__chip-bar{z-index:-1;transform-origin:0;transform:scaleX(var(--p,0));background:#ffd8c8;transition:transform .3s linear;position:absolute;inset:0}.fs .fs__chip:not([aria-selected=true]) .fs__chip-bar{display:none}.fs__stage{align-items:center;gap:10px;position:relative}.fs .fs__nav{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff80;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;padding:0;display:grid}.fs .fs__nav:active{color:#232323;background:#fff}.fs__count{color:#ffffffd9;letter-spacing:.04em;background:#0000002e;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;bottom:-34px;left:50%;transform:translate(-50%)}.fs__count b{color:#fff}.fs__grid{flex-direction:column-reverse;gap:56px;display:flex}.fs__steps{margin:0;padding:0;list-style:none}.fs .fs__step{text-align:center;margin:0;padding:0;display:none}.fs .fs__step:before{display:none}.fs .fs__step.is-active{display:block}.fs__num,.fs__progress{display:none}.fs .fs__title{letter-spacing:-.02em;color:#fff;margin:0 0 10px;font-size:24px;font-weight:800;line-height:1.2}.fs__tag{color:#fff;background:#1b1b1d;border-radius:100px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-block}.fs .fs__text{color:#ffffffe6;max-width:420px;margin:12px auto 0;font-size:15px;line-height:1.65}.fs__stage{justify-content:center;display:flex}.fs__phone{aspect-ratio:504/1080;background:#111;border-radius:34px;width:min(270px,100vw - 140px);padding:8px;position:relative;box-shadow:0 24px 50px #6e1e0059}.fs__video{-o-object-fit:cover;object-fit:cover;background:#1b1b1d;border-radius:27px;width:100%;height:100%;display:block}.fs__loading{opacity:0;border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;transition:opacity .2s;position:absolute;inset:50% auto auto 50%}.fs.is-switching .fs__loading{opacity:1;animation:.8s linear infinite fs-spin}@keyframes fs-spin{to{transform:rotate(360deg)}}@media (width>=1025px){.fs{padding-bottom:clamp(40px,5vw,80px)}.fs__chips,.fs .fs__nav,.fs__count{display:none}.fs__grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:clamp(40px,6vw,110px);display:grid}.fs__steps{padding-left:40px;position:relative}.fs .fs__step{text-align:left;opacity:.28;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;min-height:68vh;transition:opacity .45s,transform .45s;display:flex;transform:translate(-8px)}.fs .fs__step.is-active{opacity:1;transform:none}.fs__num{letter-spacing:.08em;color:#ffffffd9;margin-bottom:14px;font-size:15px;font-weight:700;display:block}.fs__num small{color:#ffffff8c;font-size:13px}.fs .fs__title{letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(34px,3.6vw,58px);line-height:1.06}.fs__tag{padding:6px 13px;font-size:13px}.fs .fs__text{max-width:480px;margin:16px 0 0;font-size:18px}.fs__progress{background:#ffffff38;border-radius:3px;width:3px;display:block;position:absolute;top:0;bottom:0;left:0}.fs__progress i{border-radius:inherit;transform-origin:top;background:#fff;position:absolute;inset:0;transform:scaleY(0)}.fs__stage{justify-content:center;position:sticky;top:calc(50vh - min(310px,38vh))}.fs__phone{border-radius:40px;width:min(300px,36vh);padding:9px;transform:rotate(2deg)}.fs__video{border-radius:32px}}@media (width>=1025px) and (prefers-reduced-motion:reduce){.fs .fs__step{transition:none;transform:none}}.cpf{color:#232323;box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:0 16px;font-family:Poppins,sans-serif;position:relative}.cpf *,.cpf :before,.cpf :after{box-sizing:border-box}.cpf .cpf__title{text-align:center;letter-spacing:-.04em;color:#232323;max-width:760px;margin:0 auto 32px;font-size:clamp(28px,7vw,44px);font-weight:800;line-height:1.12}.cpf__num{color:#f15a24;font-style:normal}.cpf__orbit,.cpf__map{display:none}.cpf__rows{flex-direction:column;gap:10px;margin:0 -16px;display:flex}.cpf__row{touch-action:pan-y;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.cpf ul.cpf__track{will-change:transform;gap:10px;width:max-content;margin:0;padding:0 10px 0 0;list-style:none;display:flex}.cpf__track li{background:#fff;border-radius:16px;flex:none;align-items:center;gap:10px;width:212px;height:64px;margin:0;padding:10px;display:flex}.cpf__track li:before{display:none}.cpf__track img{-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-drag:none;background:#eee;border-radius:50%;flex:none;width:38px;height:38px}.cpf__track span{flex-direction:column;min-width:0;display:flex}.cpf__track b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;overflow:hidden}.cpf__track small{color:#6b7280;font-size:11.5px;line-height:1.35}@media (width>=1025px){.cpf{place-items:center;width:calc(100% - 120px);max-width:1830px;min-height:560px;padding:0;display:grid}.cpf__rows{display:none}.cpf .cpf__title{z-index:1;max-width:820px;margin:0;font-size:clamp(24px,2.4vw,36px);line-height:1.2;position:relative}.cpf__pre{letter-spacing:-.01em;color:#6b7280;margin-bottom:4px;font-size:.62em;font-weight:700;display:block}.cpf__num{letter-spacing:-.06em;font-size:clamp(110px,10.5vw,170px);line-height:.95;display:block}.cpf__rest{margin-top:12px;display:block}.cpf__orbit{display:block;position:absolute;inset:0}.cpf__map{opacity:.38;pointer-events:none;width:min(92%,1300px);height:auto;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.cpf__av{animation:cpf-float 6.5s var(--d) ease-in-out infinite;position:absolute}.cpf__av img{width:var(--s,64px);height:var(--s,64px);-o-object-fit:cover;object-fit:cover;background:#eee;border:4px solid #fff;border-radius:50%;transition:transform .25s;display:block;box-shadow:0 10px 24px #0000001f}.cpf__av:hover{z-index:2}.cpf__av:hover img{transform:scale(1.12)}.cpf__tip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#232323;border-radius:10px;padding:7px 11px;font-size:12px;line-height:1.4;transition:opacity .2s,translate .2s;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 4px}.cpf__tip b{font-size:13px;display:block}.cpf__av:hover .cpf__tip,.cpf__av.is-tip .cpf__tip{opacity:1;translate:-50%}.cpf__av.is-tip{z-index:2}.cpf__av.is-tip img{transform:scale(1.12)}.cpf__orbit{pointer-events:none}.cpf__av{pointer-events:auto}.cpf__av--1{--s:84px;top:6%;left:4%}.cpf__av--2{--s:58px;top:34%;left:18%}.cpf__av--3{--s:70px;top:62%;left:6%}.cpf__av--4{--s:54px;top:82%;left:22%}.cpf__av--5{--s:52px;top:4%;left:24%}.cpf__av--6{--s:66px;top:88%;left:34%}.cpf__av--7{--s:48px;top:38%;left:2%}.cpf__av--8{--s:80px;top:8%;right:4%}.cpf__av--9{--s:56px;top:30%;right:18%}.cpf__av--10{--s:72px;top:58%;right:6%}.cpf__av--11{--s:52px;top:80%;right:22%}.cpf__av--12{--s:54px;top:3%;right:24%}.cpf__av--13{--s:60px;top:88%;right:34%}.cpf__av--14{--s:46px;top:36%;right:1%}.cpf__av--15{--s:44px;top:2%;left:38%}.cpf__av--16{--s:50px;top:6%;right:38%}.cpf__av--17{--s:42px;top:20%;left:12%}.cpf__av--18{--s:50px;top:20%;right:12%}.cpf__av--19{--s:46px;top:86%;left:13%}.cpf__av--20{--s:48px;top:88%;right:13%}.cpf__av--21{--s:42px;top:91%;left:46%}.cpf__av--22{--s:40px;top:20%;left:33%}.cpf__av--23{--s:44px;top:19%;right:31%}.cpf__av--24{--s:40px;top:46%;right:15%}.cpf__av--25{--s:40px;top:52%;left:11%}}@media (width>=1025px) and (width<=1279px){.cpf__av:nth-child(n+15){display:none}}@keyframes cpf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.cpf__av{animation:none}}