html:has(.ob-root){scroll-behavior:smooth;scroll-padding-top:96px}.ob-root{--ob-ink: #0a1b3d;--ob-muted: #52627f;--ob-blue: #0a84ff;--ob-blue-deep: #0a5cff;--ob-cyan: #19b0ff;--ob-line: rgba(10, 132, 255, .12);position:relative;overflow-x:clip;min-height:100vh;min-height:100dvh;color:var(--ob-ink);background:linear-gradient(180deg,#eaf7ff,#f6fbff 45%,#fff);font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.ob-grid{position:absolute;inset:0;background-image:linear-gradient(var(--ob-line) 1px,transparent 1px),linear-gradient(90deg,var(--ob-line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 35%,#000 35%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 50% 35%,#000 35%,transparent 80%);animation:ob-grid-pan 40s linear infinite}@keyframes ob-grid-pan{to{background-position:64px 64px}}.ob-blob{position:absolute;border-radius:9999px;filter:blur(70px);opacity:.55;animation:ob-blob 14s ease-in-out infinite}@keyframes ob-blob{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(40px,-30px,0) scale(1.15)}}.ob-pill{border-radius:2rem;background:#ffffffd1;border:1px solid rgba(10,132,255,.14);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 12px 40px -14px #0a84ff47;transition:box-shadow .3s,background .3s}.ob-pill-scrolled{background:#fffffff2;box-shadow:0 16px 48px -12px #0a3ca047}.ob-logo-pill{display:flex;align-items:center;padding:.5rem 1rem;border-radius:1.25rem;background:#fff;border:1px solid rgba(10,132,255,.14);box-shadow:0 6px 18px -10px #0a84ff59}.ob-nav-link{position:relative;isolation:isolate;padding:.6rem 1.05rem;border-radius:9999px;font-weight:700;font-size:.95rem;color:var(--ob-ink);text-decoration:none;transition:color .2s}.ob-nav-link:hover{color:var(--ob-blue-deep)}.ob-btn-primary{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 2.1rem;border-radius:1rem;font-weight:800;font-size:1.05rem;color:#fff;text-decoration:none;background:linear-gradient(135deg,#19b0ff,#0a6cff);box-shadow:0 14px 32px -10px #0a84ff99,inset 0 1px #ffffff59;transition:box-shadow .25s,filter .25s}.ob-btn-primary:hover{filter:brightness(1.06);box-shadow:0 20px 40px -10px #0a84ffb3,inset 0 1px #ffffff59}.ob-btn-primary:after{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);animation:ob-shine 3.6s ease-in-out infinite}@keyframes ob-shine{0%,55%{left:-70%}to{left:140%}}.ob-btn-sm{padding:.7rem 1.5rem;font-size:.95rem;border-radius:.9rem}.ob-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 2rem;border-radius:1rem;font-weight:800;font-size:1.05rem;color:var(--ob-ink);text-decoration:none;background:#fff;border:1px solid rgba(10,60,160,.14);box-shadow:0 8px 24px -12px #0a3ca040;transition:box-shadow .25s,border-color .25s}.ob-btn-ghost:hover{border-color:#0a84ff80;box-shadow:0 14px 30px -12px #0a84ff66}.ob-btn-white{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 2.2rem;border-radius:1rem;font-weight:800;color:var(--ob-blue-deep);background:#fff;text-decoration:none;box-shadow:0 16px 34px -12px #00145a80}.ob-flag{position:absolute;top:-14px;right:-10px;z-index:2;padding:.2rem .6rem;border-radius:.5rem;white-space:nowrap;font-size:.72rem;font-weight:800;color:#fff;background:#ef4444;box-shadow:0 6px 14px -4px #ef444499}.ob-ribbon{position:absolute;top:-14px;left:50%;transform:translate(-50%);z-index:2;padding:.3rem 1rem;border-radius:9999px;white-space:nowrap;font-size:.75rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#19b0ff,#0a5cff);box-shadow:0 8px 18px -6px #0a84ffb3}.ob-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.4rem 1.1rem .4rem .5rem;border-radius:9999px;font-size:.9rem;font-weight:600;background:#ffffffe6;border:1px solid rgba(10,132,255,.14);box-shadow:0 8px 22px -14px #0a3ca066}.ob-h1{font-size:clamp(2.5rem,6.4vw,5.4rem);line-height:1.06;font-weight:800;letter-spacing:-.035em}.ob-h2{font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.15;font-weight:800;letter-spacing:-.02em}.ob-grad-text{background:linear-gradient(135deg,#19b0ff,#0a5cff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.ob-rotor{display:block;min-height:1.2em}.ob-tag{padding:.25rem .8rem;border-radius:9999px;white-space:nowrap;font-size:.85rem;font-weight:700;background:#fff;box-shadow:0 8px 20px -10px #0a3ca066}.ob-section{position:relative;padding:5.5rem 1.25rem}.ob-eyebrow{display:inline-block;padding:.35rem .9rem;border-radius:9999px;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ob-blue-deep);background:#0a84ff1a}.ob-card{background:#fff;border:1px solid rgba(10,132,255,.1);border-radius:1.5rem;box-shadow:0 14px 40px -22px #0a3ca04d}.ob-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:1rem;color:#fff;background:linear-gradient(135deg,#19b0ff,#0a5cff);box-shadow:0 10px 24px -10px #0a84ffb3}.ob-chip{padding:.2rem .7rem;border-radius:9999px;font-size:.78rem;font-weight:700;color:var(--ob-muted);background:#f1f5f9}.ob-chip-blue{color:var(--ob-blue-deep);background:#0a84ff1a}.ob-check{display:inline-flex;flex:none;align-items:center;justify-content:center;width:22px;height:22px;margin-top:1px;border-radius:9999px;color:var(--ob-blue-deep);background:#0a84ff1f}.ob-marquee{overflow:hidden;padding:1rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.ob-marquee-track{display:flex;width:-moz-max-content;width:max-content;animation:ob-marquee 60s linear infinite}.ob-marquee-track>*{margin-right:20px}.ob-marquee:hover .ob-marquee-track{animation-play-state:paused}.ob-marquee-rev .ob-marquee-track{animation-direction:reverse}@keyframes ob-marquee{to{transform:translate(-50%)}}.ob-glow{animation:ob-glow 3s ease-in-out infinite}@keyframes ob-glow{0%,to{box-shadow:0 20px 50px -20px #0a84ff8c,0 0 0 2px #0a84ff80}50%{box-shadow:0 30px 70px -18px #0a84ffbf,0 0 0 4px #19b0ff66}}.ob-cta{position:relative;background:linear-gradient(135deg,#19b0ff,#0a5cff 60%,#0037e0)}.ob-cta:before,.ob-cta:after{content:"";position:absolute;border-radius:9999px;background:#ffffff1f;animation:ob-blob 12s ease-in-out infinite}.ob-cta:before{width:320px;height:320px;left:-80px;top:-120px}.ob-cta:after{width:260px;height:260px;right:-60px;bottom:-110px;animation-delay:-5s}.ob-footer{border-top:1px solid var(--ob-line)}@media(prefers-reduced-motion:reduce){.ob-grid,.ob-blob,.ob-btn-primary:after,.ob-marquee-track,.ob-glow,.ob-cta:before,.ob-cta:after{animation:none!important}html:has(.ob-root){scroll-behavior:auto}}.ob-event-float{position:fixed;right:1.25rem;bottom:1.25rem;z-index:60;display:flex;align-items:flex-start;gap:.75rem;max-width:320px;padding:1rem 1.1rem;border-radius:1.25rem;background:#fff;box-shadow:0 18px 40px -12px #0a5cff59,0 4px 12px #0f172a14;border:1px solid rgba(10,132,255,.12)}.ob-event-float-close{position:absolute;top:.5rem;right:.5rem;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#0f172a0f;color:#64748b;border:none;cursor:pointer}.ob-event-float-close:hover{background:#0f172a1f}.ob-event-float-icon{flex:0 0 auto;width:38px;height:38px;border-radius:.9rem;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#19b0ff,#0a5cff)}.ob-event-float-eyebrow{margin:0;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#0a5cff}.ob-event-float-title{margin:.15rem 0 0;font-size:.92rem;font-weight:800;color:#0f172a;line-height:1.3}.ob-event-float-date{margin:.35rem 0 0;display:flex;align-items:center;gap:.3rem;font-size:.74rem;font-weight:600;color:#64748b}.ob-event-float-cta{display:inline-flex;margin-top:.6rem;padding:.45rem .9rem;border-radius:.8rem;font-size:.8rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#19b0ff,#0a5cff)}@media(max-width:480px){.ob-event-float{left:1rem;right:1rem;max-width:none}}.ob-wa-float{position:fixed;right:1.25rem;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));z-index:70;display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1.15rem;border-radius:999px;background:#25d366;color:#fff;font-size:.9rem;font-weight:800;text-decoration:none;box-shadow:0 12px 28px -8px #25d366b3;transition:transform .2s ease,box-shadow .2s ease}.ob-wa-float:hover{transform:translateY(-2px);box-shadow:0 16px 32px -8px #25d366cc}.ob-wa-float:before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid rgba(37,211,102,.6);animation:ob-wa-pulse 2.4s ease-out infinite;pointer-events:none}@keyframes ob-wa-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.35);opacity:0}}@media(max-width:480px){.ob-wa-float span{display:none}.ob-wa-float{padding:.95rem}.ob-event-float{bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.ob-wa-float:before{animation:none;opacity:0}}.ob-event-float{bottom:calc(5.75rem + env(safe-area-inset-bottom,0px))}@media(max-width:1023px){.ob-grid,.ob-cta:before,.ob-cta:after,.ob-glow{animation:none}.ob-blob{filter:blur(40px);animation:none}.ob-glow{box-shadow:0 20px 50px -20px #0a84ff73,0 0 0 2px #0a84ff80}.ob-btn-primary:after{display:none}.ob-pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff5}.ob-root .fixed.inset-x-0.top-0.z-50{padding-top:calc(1rem + env(safe-area-inset-top,0px))}.ob-pill button[aria-label="Buka menu"]{width:44px;height:44px}.ob-marquee-track>.ob-card{width:min(320px,85vw)}.ob-event-float-close:before{content:"";position:absolute;inset:-11px}.ob-root a.h-9,.ob-root span.h-9{height:44px;min-width:44px}.ob-root .prose{font-size:1.0625rem;line-height:1.7;text-align:left;overflow-wrap:anywhere}.ob-root .prose table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ob-root .prose img,.ob-root .prose video{max-width:100%;height:auto}.ob-root .prose iframe{max-width:100%}.ob-root .prose pre{max-width:100%;overflow-x:auto}.ob-root article .rounded-3xl>img{aspect-ratio:16 / 9;height:auto}}@media(max-width:767px){.ob-section{padding:3.5rem 1rem}.ob-section .mb-12{margin-bottom:2rem}.ob-section .text-lg{font-size:1rem}.ob-section .ob-card.p-7,.ob-section .ob-card.p-8{padding:1.5rem}.ob-cta.p-10{padding:2rem 1.5rem}.ob-h1{font-size:clamp(2.1rem,9.5vw,2.75rem)}}@media(max-width:1023px){.ob-section[id]{scroll-margin-top:calc(84px + env(safe-area-inset-top,0px))}}@media(max-width:1023px)and (hover:none){.ob-marquee:hover .ob-marquee-track{animation-play-state:running}.ob-root .ob-blog-card:hover:before{animation:none;opacity:0}.ob-root .ob-blog-cta:hover:after{animation:none}.ob-root .hover\:-translate-y-1:hover{--tw-translate-y: 0px}.ob-root .group:hover .group-hover\:scale-105{--tw-scale-x: 1;--tw-scale-y: 1}.ob-root .group:hover .group-hover\:translate-x-1{--tw-translate-x: 0px}}@media(max-width:1023px){:where(.ob-root) :where(a[href],button,summary,[role=button],[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid var(--ob-ink, #0a1b3d);outline-offset:2px}}