body{font-family:var(--font-main, "Poppins"),system-ui,sans-serif;color:#111827;background:var(--c-surface, #F5F8FA);overflow-x:hidden}button,input,textarea{font:inherit;font-family:inherit}img{max-width:100%}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}#beranda{--navy: var(--c-primary-mid, #18599E);--blue: var(--c-primary, #1B69BC);--blue-light: #6fc3e8;--text-dark: var(--c-text, #1b2530);--text-body: #46525f;--bg: var(--c-surface, #F5F8FA);--shadow: rgba(20, 60, 100, .16);--line: #a9d3ea;background:var(--bg);color:var(--text-dark)}#beranda{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;max-width:1280px;margin:0 auto;padding:200px 48px 60px;min-height:560px}#beranda .hero-copy{max-width:560px;flex-shrink:0;margin-top:0}#beranda .badge{display:flex;align-items:center;gap:10px;font-size:18px;color:var(--text-body);margin-bottom:22px}#beranda .badge .dot{width:9px;height:9px;border-radius:50%;background:var(--blue);display:inline-block}#beranda .hero-copy h1{font-size:44px;line-height:1.18;font-weight:700;color:var(--text-dark)}#beranda .hero-copy h1 .accent{background:linear-gradient(90deg,var(--navy),var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}#beranda .hero-copy p{margin-top:22px;font-size:16px;line-height:1.6;color:var(--text-body);max-width:480px}#beranda .cta-row{display:flex;gap:14px;margin-top:32px}#beranda .btn{padding:13px 26px;border-radius:999px;font-size:14.5px;font-weight:600;border:none;cursor:pointer;font-family:inherit;box-shadow:none;transition:transform .3s ease,box-shadow .3s ease}#beranda .btn-primary{background:linear-gradient(90deg,var(--navy),var(--blue));color:#fff}#beranda .btn-secondary{background:#c6e2f4;color:#000}#beranda .btn:hover{transform:translateY(-3px)}#beranda .btn-primary:hover{box-shadow:0 8px 30px color-mix(in srgb,var(--c-primary-light, #378DE9) 30%,transparent)}#beranda .btn-secondary:hover{box-shadow:0 8px 30px #184f552e}#beranda .hero-illustration{position:relative;width:460px;height:460px;flex-shrink:0;margin-top:-70px}#beranda .el{position:absolute;filter:drop-shadow(0 14px 16px var(--shadow));z-index:2}#beranda .el svg{width:100%;height:100%;display:block}#beranda .server{width:300px;left:50%;bottom:0;transform:translate(-50%);animation:float-main--hero 5s ease-in-out infinite}#beranda .shield{width:82px;left:4%;top:26%;animation:float-a--hero 4.6s ease-in-out infinite}#beranda .cloud{width:104px;left:36%;top:7%;animation:float-b--hero 5.4s ease-in-out infinite .3s}#beranda .code{width:66px;right:6%;top:28%;animation:float-c--hero 4.2s ease-in-out infinite .6s}#beranda .line{position:absolute;width:2px;background-image:linear-gradient(var(--line) 55%,transparent 45%);background-size:3px 10px;z-index:1;animation:pulse--hero 3s ease-in-out infinite}#beranda .line.l-shield{left:13%;top:46%;height:26px;animation-delay:.1s}#beranda .line.l-cloud{left:50%;top:38%;height:32px;animation-delay:.5s}#beranda .line.l-code{right:15%;top:48%;height:26px;animation-delay:.9s}@keyframes float-main--hero{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes float-a--hero{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-2deg)}}@keyframes float-b--hero{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes float-c--hero{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes pulse--hero{0%,to{opacity:.35}50%{opacity:.9}}@media(prefers-reduced-motion:reduce){#beranda .el,#beranda .line{animation:none!important}}@media(max-width:980px){#beranda{flex-direction:column;padding-top:50px}#beranda .hero-copy{max-width:100%;text-align:center}#beranda .badge,#beranda .cta-row{justify-content:center}#beranda .hero-copy p{margin-left:auto;margin-right:auto}#beranda .hero-illustration{width:340px;height:340px}}#layanan .services-section{position:relative;min-height:100vh;padding:75px 55px 90px;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(38,127,186,.08),transparent 27%),radial-gradient(circle at 90% 75%,rgba(67,169,204,.08),transparent 30%),var(--c-surface, #F5F8FA)}#layanan .background-circle{position:absolute;border:1px solid rgba(28,112,175,.1);border-radius:50%;pointer-events:none;transition:transform 1s cubic-bezier(.2,.8,.2,1)}#layanan .circle-1{width:450px;height:450px;top:-290px;left:-250px}#layanan .circle-2{width:550px;height:550px;right:-390px;bottom:-390px}#layanan .dots{position:absolute;width:110px;height:90px;right:13%;top:100px;background-image:radial-gradient(#a9cbe1 2px,transparent 2px);background-size:19px 19px;opacity:.5;pointer-events:none;transition:transform 1s cubic-bezier(.2,.8,.2,1)}#layanan .container{position:relative;z-index:2;max-width:1250px;margin:0 auto}#layanan .header{text-align:center;max-width:850px;margin:0 auto 50px}#layanan .badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 17px;margin-bottom:20px;border:1px solid #e3dcd4;border-radius:999px;background:var(--c-accent, #FF921C);color:var(--c-on-accent, #F8F5E1);font-size:13px;font-weight:500;opacity:0;transform:translateY(15px);animation:fadeUp--layanan .7s .05s ease forwards}#layanan .headline{margin-top:23px;font-size:44px;line-height:1.18;font-weight:700;opacity:0;transform:translateY(15px);animation:fadeUp--layanan .7s .12s ease forwards}#layanan .headline .blue{color:var(--c-primary-alt, #1768AA)}#layanan .headline .gradient{background:linear-gradient(100deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC));-webkit-background-clip:text;background-clip:text;color:transparent}#layanan .description{max-width:760px;margin:20px auto 0;color:var(--c-muted, #555);font-size:17px;line-height:1.5;opacity:0;transform:translateY(15px);animation:fadeUp--layanan .7s .2s ease forwards}#layanan .services-wrapper{position:relative;display:flex;width:100%;height:510px;margin-top:50px;overflow:hidden;border-radius:22px;border:1px solid #dfe6eb;background:#fff;box-shadow:0 20px 60px #234c6514;opacity:0;transform:translateY(25px);animation:fadeUp--layanan .8s .28s ease forwards}#layanan .service{position:relative;flex:1;min-width:0;padding:42px;overflow:hidden;cursor:pointer;transition:flex .65s cubic-bezier(.2,.8,.2,1),background .5s ease}#layanan .service+.service{border-left:1px solid #dce4e9}#layanan .services-wrapper:has(.service:hover) .service:not(:hover){flex:.72}#layanan .services-wrapper:has(.service:hover) .service:hover{flex:1.28}#layanan .service:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(52,154,198,.14),transparent 32%);opacity:0;transition:opacity .5s ease}#layanan .service:hover:before{opacity:1}#layanan .service-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}#layanan .service-number{font-size:15px;font-weight:700;color:var(--c-primary-alt, #1768AA);letter-spacing:1px}#layanan .service-arrow{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #d9e3ea;border-radius:50%;background:#ffffffb3;color:var(--c-primary-alt, #1768AA);font-size:19px;transition:transform .4s ease,background .4s ease,color .4s ease}#layanan .service:hover .service-arrow{transform:rotate(-45deg);background:linear-gradient(135deg,var(--c-accent, #FF921C),#f4bb7f);color:#fff;border-color:transparent}#layanan .service-title{position:relative;z-index:2;margin-top:85px;font-size:clamp(34px,4vw,54px);line-height:.98;letter-spacing:-2px;font-weight:700;transition:transform .55s cubic-bezier(.2,.8,.2,1)}#layanan .service-title .blue{display:block;color:var(--c-primary-alt, #1768AA)}#layanan .service-title .gradient{display:block;background:linear-gradient(100deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC));-webkit-background-clip:text;background-clip:text;color:transparent}#layanan .service:hover .service-title{transform:translateY(-5px)}#layanan .service-description{position:relative;z-index:2;max-width:410px;margin-top:23px;color:var(--c-muted, #555);font-size:14px;line-height:1.55;transition:transform .55s cubic-bezier(.2,.8,.2,1)}#layanan .service:hover .service-description{transform:translateY(-5px)}#layanan .service-button{position:absolute;z-index:3;left:42px;bottom:42px;display:inline-flex;align-items:center;gap:14px;padding:13px 20px;border:none;border-radius:999px;background:linear-gradient(100deg,var(--c-accent, #FF921C),#fd8302);color:#fff;font-size:13px;font-weight:600;cursor:pointer;opacity:0;transform:translateY(10px);transition:opacity .4s ease .12s,transform .4s ease .12s,box-shadow .3s ease}#layanan .service-button,#layanan .service-button:hover,#layanan .service-button:focus,#layanan .service-button:active,#layanan .service-button:visited{text-decoration:none}#layanan .service:hover .service-button{opacity:1;transform:translateY(0)}#layanan .service-button span{font-size:18px;line-height:1}#layanan .service-button:hover{box-shadow:0 8px 30px #fadb934d}#layanan .service-line{position:absolute;left:42px;right:42px;bottom:20px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC));transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.2,.8,.2,1)}#layanan .service:hover .service-line{transform:scaleX(1)}#layanan .visual{position:absolute;z-index:1;right:-20px;bottom:-20px;width:300px;height:250px;opacity:.75;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s ease}#layanan .service:hover .visual{transform:translate(-15px,-10px) scale(1.04);opacity:1}#layanan .tech-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--c-primary-alt, #1768AA) 20%,transparent);border-radius:50%}#layanan .tech-orbit.one{width:220px;height:220px;right:10px;bottom:5px;transform:rotate(-20deg)}#layanan .tech-orbit.two{width:160px;height:160px;right:40px;bottom:35px;border-style:dashed}#layanan .tech-core{position:absolute;right:98px;bottom:83px;display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:20px;background:linear-gradient(135deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC));color:#fff;font-size:28px;box-shadow:0 15px 35px color-mix(in srgb,var(--c-primary-alt, #1768AA) 25%,transparent);animation:floating--layanan 4s ease-in-out infinite}#layanan .tech-node{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--c-primary, #1B69BC);box-shadow:0 0 0 6px #43a5c91f}#layanan .tech-node.n1{right:37px;bottom:102px}#layanan .tech-node.n2{right:205px;bottom:170px}#layanan .tech-node.n3{right:158px;bottom:15px}#layanan .innovation-orbit{position:absolute;width:190px;height:190px;right:35px;bottom:25px;border:1px solid color-mix(in srgb,var(--c-primary-alt, #1768AA) 17%,transparent);border-radius:50%;animation:rotateSlow--layanan 16s linear infinite}#layanan .innovation-orbit:before,#layanan .innovation-orbit:after{content:"";position:absolute;inset:25px;border:1px dashed rgba(67,165,201,.28);border-radius:50%}#layanan .innovation-orbit:after{inset:55px;border-style:solid}#layanan .innovation-core{position:absolute;right:94px;bottom:88px;display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC));color:#fff;font-size:28px;box-shadow:0 15px 35px color-mix(in srgb,var(--c-primary-alt, #1768AA) 25%,transparent);animation:floating--layanan 4.5s .5s ease-in-out infinite}#layanan .spark{position:absolute;color:var(--c-primary, #1B69BC);font-size:22px;animation:sparkle--layanan 2.5s ease-in-out infinite}#layanan .spark.s1{right:22px;bottom:165px}#layanan .spark.s2{right:215px;bottom:55px;animation-delay:.7s}#layanan .spark.s3{right:185px;bottom:190px;font-size:14px;animation-delay:1.1s}#layanan .service-indicator{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:25px}#layanan .indicator-number{color:var(--c-primary-alt, #1768AA);font-size:13px;font-weight:700}#layanan .indicator-line{width:75px;height:3px;border-radius:999px;background:#d9e1e7;overflow:hidden}#layanan .indicator-line span{display:block;width:50%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC))}@keyframes fadeUp--layanan{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floating--layanan{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotateSlow--layanan{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkle--layanan{0%,to{opacity:.35;transform:scale(.85) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(15deg)}}@media(max-width:900px){#layanan .services-section{padding:65px 30px 75px}#layanan .services-wrapper{height:470px}#layanan .service{padding:32px}#layanan .service-button{left:32px;bottom:32px}#layanan .service-line{left:32px;right:32px;bottom:15px}#layanan .visual{transform:scale(.8)}#layanan .service:hover .visual{transform:translate(-10px,-5px) scale(.85)}}@media(max-width:650px){#layanan .services-section{padding:55px 20px 65px}#layanan .headline{font-size:42px;letter-spacing:-2px}#layanan .description{font-size:15px}#layanan .services-wrapper{flex-direction:column;height:auto;overflow:visible;border-radius:18px}#layanan .service{min-height:420px;flex:none;padding:30px}#layanan .service+.service{border-left:none;border-top:1px solid #dce4e9}#layanan .services-wrapper:has(.service:hover) .service:not(:hover),#layanan .services-wrapper:has(.service:hover) .service:hover{flex:none}#layanan .service-title{margin-top:65px;font-size:40px}#layanan .service-description{max-width:calc(100% - 20px);font-size:13px}#layanan .service-button{left:30px;bottom:30px;opacity:1;transform:translateY(0)}#layanan .service-line{left:30px;right:30px;bottom:14px;transform:scaleX(1)}#layanan .visual{right:-70px;bottom:-35px;transform:scale(.75);opacity:.5}#layanan .service:hover .visual{transform:translate(-5px,-5px) scale(.78)}#layanan .dots{display:none}}#produk .products-section{position:relative;width:100%;min-height:100vh;padding:70px 0 65px;overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(46,139,202,.09),transparent 28%),radial-gradient(circle at 90% 80%,rgba(68,171,205,.08),transparent 27%),var(--c-surface, #F5F8FA)}#produk .decor-circle{position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--c-primary-alt, #1768AA) 12%,transparent);pointer-events:none;transition:transform .8s cubic-bezier(.2,.8,.2,1)}#produk .decor-circle.one{width:360px;height:360px;top:-230px;left:-190px}#produk .decor-circle.two{width:480px;height:480px;right:-330px;bottom:-310px}#produk .decor-dots{position:absolute;width:100px;height:80px;top:110px;left:37%;background-image:radial-gradient(#9dc6e5 2px,transparent 2px);background-size:20px 20px;opacity:.55;pointer-events:none;transition:transform .8s cubic-bezier(.2,.8,.2,1)}#produk .container{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 55px;display:grid;grid-template-columns:340px minmax(0,1fr);gap:65px}#produk .intro{padding-top:70px}#produk .badge{display:inline-flex;align-items:center;gap:7px;padding:9px 17px;border:1px solid #f2f2f2;border-radius:999px;background:var(--c-accent, #FF921C);color:var(--c-on-accent, #F8F5E1);font-size:14px;font-weight:500;opacity:0;transform:translateY(15px);animation:fadeUp--produk .7s .05s cubic-bezier(.2,.8,.2,1) forwards}#produk .headline{margin-top:28px;font-size:clamp(45px,4.4vw,64px);line-height:1.03;letter-spacing:-3px;font-weight:700}#produk .headline-blue{color:var(--c-primary-alt, #1768AA)}#produk .intro-description{max-width:330px;margin-top:25px;color:var(--c-muted, #4F4F4F);font-size:17px;line-height:1.55;opacity:0;transform:translateY(15px);animation:fadeUp--produk .7s .2s cubic-bezier(.2,.8,.2,1) forwards}#produk .all-products{display:inline-flex;align-items:center;justify-content:center;gap:23px;margin-top:28px;padding:14px 21px;border:none;border-radius:999px;background:linear-gradient(100deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC));color:#fff;font-size:14px;font-weight:600;cursor:pointer;opacity:0;transform:translateY(15px);animation:fadeUp--produk .7s .28s cubic-bezier(.2,.8,.2,1) forwards;transition:transform .25s ease,box-shadow .25s ease;text-decoration:none}#produk .all-products span{font-size:20px;line-height:1}#produk .all-products:hover{transform:translateY(-3px);box-shadow:0 8px 32px color-mix(in srgb,var(--c-primary-light, #378DE9) 30%,transparent)}#produk .counter{display:flex;align-items:baseline;gap:7px;margin-top:55px;opacity:0;transform:translateY(15px);animation:fadeUp--produk .7s .36s cubic-bezier(.2,.8,.2,1) forwards}#produk .counter-current{font-size:55px;line-height:1;font-weight:700;color:var(--c-primary-alt, #1768AA);transition:transform .25s ease}#produk .counter-current.bump{animation:counterBump--produk .35s ease}@keyframes counterBump--produk{0%{transform:translateY(0)}50%{transform:translateY(-6px) scale(1.08)}to{transform:translateY(0) scale(1)}}#produk .counter-slash{color:#aaa;font-size:20px}#produk .counter-total{color:#999;font-size:18px}#produk .showcase{position:relative;min-width:0}#produk .controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:18px}#produk .arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #e2e6ea;border-radius:50%;background:#fff;color:var(--c-primary-alt, #1768AA);font-size:20px;cursor:pointer;box-shadow:0 5px 18px #0000000f;transition:background .25s ease,color .25s ease,transform .25s ease}#produk .arrow:hover{background:var(--c-accent, #FF921C);color:#fff;transform:scale(1.08)}#produk .dots{display:flex;align-items:center;gap:8px}#produk .dot{width:8px;height:8px;padding:0;border:none;border-radius:999px;background:#cbd5df;cursor:pointer;transition:width .35s ease,background .35s ease}#produk .dot.active{width:28px;background:var(--c-primary-alt, #1768AA)}#produk .carousel{--card-width: 365px;display:flex;gap:25px;overflow-x:auto;padding-top:20px;padding-bottom:35px;padding-left:calc((100% - var(--card-width)) / 2);padding-right:calc((100% - var(--card-width)) / 2);scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;user-select:none;overscroll-behavior-x:contain}#produk .carousel::-webkit-scrollbar{display:none}#produk .carousel.dragging{cursor:grabbing;scroll-snap-type:none}#produk .card{--card-width: 365px;position:relative;overflow:hidden;flex:0 0 var(--card-width);min-height:300px;padding:20px;border:1px solid #e1e6ea;border-radius:24px;background:#fffffff5;scroll-snap-align:center;opacity:.48;transform:scale(.9);box-shadow:0 12px 35px #1f425a12;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s ease,border-color .45s ease,box-shadow .45s ease}#produk .card.active{opacity:1;transform:scale(1);border:2px solid var(--c-primary-alt, #1768AA);box-shadow:0 25px 55px color-mix(in srgb,var(--c-primary-alt, #1768AA) 18%,transparent)}#produk .card-image{width:100%;height:215px;overflow:hidden;border-radius:13px;background:linear-gradient(135deg,#f7ecdf,#e7f2f5)}#produk .card-image img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .6s cubic-bezier(.2,.8,.2,1)}#produk .card:hover .card-image img{transform:scale(1.05)}#produk .card-content{position:relative;padding-top:18px}#produk .card-number{position:absolute;right:0;top:19px;color:#c5d2dc;font-size:13px;font-weight:600}#produk .card h2{margin-bottom:9px;font-size:21px;font-weight:700}#produk .card p{min-height:90px;color:var(--c-muted, #555);font-size:13px;line-height:1.45}#produk .detail{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;margin-top:20px;padding:13px;border:1.5px solid #fefefe;border-radius:10px;background:transparent;color:var(--c-accent, #FF921C);font-size:14px;font-weight:500;cursor:pointer;transition:transform .25s ease,background .3s ease,color .3s ease}#produk .detail span{font-size:18px}.detail,.detail:hover,.detail:focus,.detail:active,.detail:visited,.detail span{text-decoration:none!important}#produk .card.active .detail{border-color:transparent;background:linear-gradient(100deg,var(--c-accent, #FF921C),#ea9b48);color:#fff}#produk .detail:hover{transform:translateY(-2px)}#produk .card.active .active-line{transform:scaleX(1)}#produk .value strong{display:block;margin-bottom:5px;font-size:15px}#produk .value p{max-width:210px;color:var(--c-muted, #777);font-size:12px;line-height:1.45}@keyframes fadeUp--produk{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){#produk .container{grid-template-columns:1fr;gap:35px;padding:0 35px}#produk .intro{padding-top:0}#produk .intro-description{max-width:550px}#produk .counter{margin-top:35px}#produk .values{gap:30px}#produk .decor-dots{left:auto;right:50px;top:300px}}@media(max-width:650px){#produk .products-section{padding:55px 0 45px}#produk .container{padding:0 20px}#produk .headline{font-size:44px;letter-spacing:-2px}#produk .intro-description{font-size:15px}#produk .counter{margin-top:35px}#produk .carousel{--card-width: 300px;gap:15px;padding-top:15px;padding-bottom:35px;padding-left:calc((100% - var(--card-width)) / 2);padding-right:calc((100% - var(--card-width)) / 2)}#produk .card{--card-width: 300px;flex-basis:var(--card-width);min-height:475px}#produk .card-image{height:175px}#produk .values{grid-template-columns:1fr;gap:25px;margin-top:55px;padding:0 25px}#produk .value p{max-width:none}#produk .decor-dots{display:none}#produk .decor-circle.one{width:250px;height:250px}#produk .decor-circle.two{width:300px;height:300px}}#agenda .agenda-section{position:relative;width:100%;min-height:100vh;padding:64px 0 82px;overflow:hidden;background:radial-gradient(circle at 8% 15%,rgba(52,145,190,.08),transparent 24%),radial-gradient(circle at 92% 80%,rgba(67,166,201,.07),transparent 27%),var(--c-surface, #F5F8FA)}#agenda .circle-decoration{position:absolute;border:1px solid rgba(32,112,164,.08);border-radius:50%;pointer-events:none}#agenda .circle-decoration.left{width:500px;height:500px;left:-360px;top:-200px}#agenda .circle-decoration.right{width:600px;height:600px;right:-450px;bottom:-360px}#agenda .dots{position:absolute;width:95px;height:95px;right:7%;top:90px;background-image:radial-gradient(#9fc9de 1.5px,transparent 1.5px);background-size:16px 16px;opacity:.5;pointer-events:none}#agenda .container{position:relative;width:min(1280px,calc(100% - 80px));margin:auto;z-index:2}#agenda .header{max-width:720px;margin:0 auto;text-align:center}#agenda .badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 19px;border:1px solid #ded5cb;border-radius:999px;background:var(--c-accent, #FF921C);color:var(--c-on-accent, #F8F5E1);font-size:13px;font-weight:500}#agenda .title{margin-top:22px;font-size:44px;line-height:1.18;font-weight:700}#agenda .title-blue{color:var(--c-primary-alt, #1768AA)}#agenda .title-gradient{background:linear-gradient(100deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC));-webkit-background-clip:text;background-clip:text;color:transparent}#agenda .description{max-width:650px;margin:20px auto 0;font-size:17px;line-height:1.5;color:#5d5d5d}#agenda .toolbar{display:flex;align-items:center;justify-content:space-between;margin:32px 0 0}#agenda .view-all{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:999px;text-decoration:none;color:#fff;font-size:14px;font-weight:600;background:linear-gradient(100deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC));box-shadow:none;transition:transform .3s ease,box-shadow .3s ease}#agenda .view-all:hover{box-shadow:0 8px 30px color-mix(in srgb,var(--c-primary-light, #378DE9) 30%,transparent)}#agenda .view-all:focus-visible,#agenda .detail:focus-visible,#agenda .nav-btn:focus-visible{outline:3px solid rgba(67,166,201,.28);outline-offset:3px}#agenda .view-all span{font-size:17px;transition:transform .3s ease}#agenda .view-all:hover span{transform:translate(4px)}#agenda .navigation{display:flex;gap:9px}#agenda .nav-btn{width:38px;height:38px;border-radius:50%;border:1px solid #d4e0e6;background:#fffffff2;color:var(--c-primary-alt, #1768AA);display:flex;align-items:center;justify-content:center;font-size:19px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}#agenda .nav-btn:hover{transform:translateY(-2px);box-shadow:0 7px 18px color-mix(in srgb,var(--c-primary-alt, #1768AA) 12%,transparent)}#agenda .nav-btn.next{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC))}#agenda .carousel-wrapper{position:relative;width:100%;margin-top:26px;padding:10px 0 30px}#agenda .carousel{display:flex;align-items:stretch;gap:22px;width:100%;overflow-x:auto;overflow-y:hidden;padding:15px 8px 45px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;cursor:grab;touch-action:pan-x}#agenda .carousel::-webkit-scrollbar{display:none}#agenda .carousel.dragging{cursor:grabbing;scroll-behavior:auto}#agenda .card{position:relative;flex:0 0 calc((100% - 66px)/4);min-width:0;background:#fff;border:1px solid #dce6eb;border-radius:24px;box-shadow:0 8px 24px color-mix(in srgb,var(--c-primary-mid, #18599E) 5%,transparent);overflow:hidden;transform:translateY(0);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease;z-index:1}#agenda .card:before{content:"";position:absolute;left:10px;right:10px;bottom:-18px;height:30px;border-radius:50%;background:#23648729;filter:blur(18px);opacity:0;transform:scaleX(.9);transition:opacity .35s ease,transform .35s ease;pointer-events:none;z-index:-1}#agenda .card:hover{transform:translateY(-6px);border-color:#3091be59;z-index:5}#agenda .card:hover:before{opacity:1;transform:scaleX(1) translateY(3px)}#agenda .card:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:4px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC));transform:scaleX(0);transform-origin:center;transition:transform .35s cubic-bezier(.2,.8,.2,1);z-index:10}#agenda .card:hover:after{transform:scaleX(1)}#agenda .card-image{position:relative;width:100%;height:205px;overflow:hidden;background:linear-gradient(135deg,#071b4d,#0c4285 55%,#2998bd)}#agenda .image-inner{position:absolute;inset:-12px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}#agenda .card:hover .image-inner{transform:scale(1.045)}#agenda .image-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:30px 30px}#agenda .glow{position:absolute;border-radius:50%;pointer-events:none}#agenda .glow-a{width:240px;height:240px;right:-80px;top:-30px;background:radial-gradient(circle,rgba(53,209,255,.5),transparent 67%)}#agenda .glow-b{width:260px;height:260px;left:-100px;bottom:-150px;background:radial-gradient(circle,rgba(37,92,255,.55),transparent 67%)}#agenda .object{position:absolute;width:190px;height:130px;left:50%;top:53%;transform:translate(-50%,-50%) rotate(-5deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}#agenda .card:hover .object{transform:translate(-50%,-54%) rotate(-3deg) scale(1.04)}#agenda .platform{position:absolute;width:190px;height:44px;bottom:7px;border-radius:50%;background:linear-gradient(180deg,#bcecf9,#62bad9);box-shadow:0 17px 25px #00000040}#agenda .platform:after{content:"";position:absolute;left:18px;right:18px;bottom:-7px;height:15px;border-radius:50%;background:#1a5d9159;filter:blur(6px)}#agenda .stack{position:absolute;width:125px;height:92px;left:32px;top:10px}#agenda .layer{position:absolute;width:112px;height:31px;left:7px;border-radius:6px;border:2px solid rgba(255,255,255,.65);background:linear-gradient(135deg,#e1f7ff,#65c5e7);box-shadow:0 7px 14px #0003}#agenda .layer:nth-child(1){top:2px}#agenda .layer:nth-child(2){top:25px;left:2px}#agenda .layer:nth-child(3){top:48px;left:-4px}#agenda .screen{position:absolute;width:68px;height:50px;left:27px;top:-31px;border-radius:7px;background:linear-gradient(135deg,#e0f8ff,#8bd4eb);border:3px solid rgba(255,255,255,.75);box-shadow:0 7px 16px #0003;transform:rotate(-3deg)}#agenda .screen:after{content:"\25b6";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#2382b3;font-size:16px}#agenda .floating-icon{position:absolute;width:38px;height:38px;right:8px;top:5px;border-radius:10px;background:#ffffffbf;box-shadow:0 7px 15px #00000024;transform:rotate(8deg)}#agenda .floating-icon:before{content:"";position:absolute;width:17px;height:12px;left:9px;top:12px;border-radius:3px;border:3px solid #2887b7}#agenda .date{position:absolute;left:16px;top:16px;z-index:5;padding:9px 11px;border-radius:12px;background:#5eaad2eb;color:#fff;box-shadow:0 5px 14px #00000026;backdrop-filter:blur(8px);transition:transform .35s ease}#agenda .card:hover .date{transform:translateY(-3px)}#agenda .date-day{display:block;font-size:25px;font-weight:700;line-height:.9}#agenda .date-rest{display:block;margin-top:5px;font-size:10px;letter-spacing:1.5px;font-weight:600}#agenda .card-content{position:relative;min-height:80px;padding:10px;background:#fff}#agenda .category{display:inline-block;margin-bottom:8px;color:var(--blue);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}#agenda .card-title{font-size:17px;line-height:1.18;letter-spacing:-.4px;font-weight:500;min-height:47px}#agenda .meta{display:flex;align-items:center;justify-content:stretch;margin-top:5px}.card-content .detail{position:relative;top:-10px}#agenda .detail{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:18px;padding:10px;border:0;border-radius:14px;background:linear-gradient(100deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC));color:#fff;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 8px 18px color-mix(in srgb,var(--c-primary-alt, #1768AA) 14%,transparent);transition:gap .25s ease,transform .25s ease,box-shadow .25s ease,filter .25s ease}#agenda .detail:hover{gap:23px;transform:translateY(-2px);box-shadow:0 12px 24px color-mix(in srgb,var(--c-primary-alt, #1768AA) 20%,transparent);filter:saturate(1.05)}#agenda .detail span{font-size:22px;line-height:1}#agenda .indicators{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:0}#agenda .dot{width:7px;height:7px;border-radius:50%;background:#d7e0e5;transition:width .3s ease,background .3s ease}#agenda .dot.active{width:24px;border-radius:10px;background:linear-gradient(90deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC))}@media(max-width:1050px){#agenda .container{width:calc(100% - 50px)}#agenda .card{flex:0 0 calc((100% - 44px) / 3)}}@media(max-width:750px){#agenda .agenda-section{padding:50px 0 68px}#agenda .container{width:calc(100% - 36px)}#agenda .title{font-size:42px;letter-spacing:-2px}#agenda .description{font-size:15px;padding:0 10px}#agenda .toolbar{margin-top:26px}#agenda .carousel-wrapper{margin-top:20px;padding:10px 0 26px}#agenda .carousel{gap:16px;padding:12px 4px 42px}#agenda .card{flex:0 0 290px;border-radius:22px}#agenda .card-image{height:190px}#agenda .card-content{min-height:175px;padding:20px 22px 22px}#agenda .card-title{font-size:18px}#agenda .navigation{gap:6px}#agenda .nav-btn{width:35px;height:35px}#agenda .dots{display:none}}@media(max-width:450px){#agenda .title{font-size:37px}#agenda .description{font-size:14px}#agenda .view-all{padding:10px 16px;font-size:14px;font-weight:600px}#agenda .card{flex:0 0 275px;border-radius:20px}#agenda .meta{margin-top:5px}#agenda .detail{min-height:50px;border-radius:13px;font-size:14px;gap:15px}#agenda .detail span{font-size:21px}}#kontak .page{min-height:100vh;padding:34px 0 0;position:relative;overflow:hidden}#kontak .bg-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}#kontak .bg-orb.one{width:430px;height:430px;top:-220px;left:-230px;background:radial-gradient(circle,rgba(57,160,202,.12),transparent 68%)}#kontak .bg-orb.two{width:520px;height:520px;right:-310px;top:350px;background:radial-gradient(circle,rgba(31,105,170,.09),transparent 68%)}#kontak .container{width:min(1180px,calc(100% - 60px));margin:auto;position:relative;z-index:2}#kontak .intro{max-width:850px;margin:0 auto 48px;text-align:center}#kontak .eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 17px;margin-bottom:20px;border:1px solid #e3dcd4;border-radius:999px;background:var(--c-accent, #FF921C);color:var(--c-on-accent, #F8F5E1);font-size:13px;font-weight:500;opacity:0;transform:translateY(15px);animation:fadeUp--layanan .7s .05s ease forwards}#kontak h1{margin-top:20px;font-size:44px;line-height:1.18;font-weight:700}#kontak .gradient{background:linear-gradient(100deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC));-webkit-background-clip:text;background-clip:text;color:transparent}#kontak .intro p{max-width:650px;margin:20px auto 0;color:#697078;font-size:16px;line-height:1.6}#kontak .consultation{width:min(960px,100%);margin:0 auto;padding:10px;border-radius:34px;background:#ffffffb3;border:1px solid rgba(218,226,231,.9);box-shadow:0 22px 70px #164a6914;backdrop-filter:blur(12px)}#kontak .inner{position:relative;min-height:510px;padding:50px;border-radius:27px;background:#fff;overflow:hidden}#kontak .inner:before{content:"";position:absolute;width:300px;height:300px;right:-170px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(60,166,204,.13),transparent 70%);pointer-events:none}#kontak .progress-area{display:flex;align-items:center;gap:12px;margin-bottom:42px}#kontak .progress-line{flex:1;height:5px;background:#e7edf0;border-radius:999px;overflow:hidden}#kontak .progress-fill{height:100%;width:33.33%;border-radius:inherit;background:linear-gradient(90deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC));transition:width .4s cubic-bezier(.2,.8,.2,1)}#kontak .step-text{flex:0 0 auto;color:#8a9298;font-size:12px;font-weight:600}#kontak .step{display:none;animation:stepIn--kontak .45s ease both}#kontak .step.active{display:block}@keyframes stepIn--kontak{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#kontak .step-label{color:var(--c-primary-alt, #1768AA);font-size:13px;font-weight:700;margin-bottom:10px}#kontak .step h2{font-size:clamp(27px,3.4vw,40px);letter-spacing:-1.7px;line-height:1.08}#kontak .step-description{margin-top:10px;color:#7a8187;font-size:14px}#kontak .options{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}#kontak .option{position:relative;min-height:125px;padding:22px;text-align:left;border:1px solid #e0e7eb;border-radius:20px;background:#fff;cursor:pointer;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}#kontak .option:hover{transform:translateY(-4px);border-color:#8bc4da;box-shadow:0 13px 30px #1c64891a}#kontak .option.selected{border-color:#2584b3;background:linear-gradient(135deg,#f7fcff,#edf8fc);box-shadow:0 12px 30px #2381ae1c}#kontak .option-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:var(--c-primary-alt, #1768AA);background:#eaf5fa;font-size:20px;margin-bottom:15px}#kontak .option-title{font-size:16px;font-weight:700}#kontak .option-desc{margin-top:5px;color:#80878d;font-size:12px;line-height:1.45}#kontak .check{position:absolute;right:17px;top:17px;width:21px;height:21px;border:1px solid #cbd9df;border-radius:50%}#kontak .option.selected .check{border-color:#2584b3;background:#2584b3}#kontak .option.selected .check:after{content:"\2713";position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);color:#fff;font-size:12px;font-weight:800}#kontak .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:28px}#kontak .field{display:flex;flex-direction:column;gap:8px}#kontak .field.full{grid-column:1 / -1}#kontak .field label{font-size:12px;color:#5f6870;font-weight:650}#kontak .field input,#kontak .field textarea{width:100%;border:1px solid #dfe7eb;outline:none;border-radius:14px;padding:14px 16px;background:#fbfcfd;color:#18212a;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}#kontak .field textarea{min-height:120px;resize:vertical}#kontak .field input:focus,#kontak .field textarea:focus{background:#fff;border-color:#65abc9;box-shadow:0 0 0 4px #3a9dc41a}#kontak .actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:32px}#kontak .btn{border:0;border-radius:999px;padding:13px 22px;cursor:pointer;font-size:13px;font-weight:700;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}#kontak .btn-back{background:#f1f4f5;color:#68747c}#kontak .btn-back:hover{background:#e8edef}#kontak .btn-next,#kontak .btn-submit{color:#fff;background:linear-gradient(100deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC));box-shadow:0 9px 22px color-mix(in srgb,var(--c-primary-alt, #1768AA) 18%,transparent)}#kontak .btn-next:hover,#kontak .btn-submit:hover{transform:translateY(-2px);box-shadow:0 13px 27px color-mix(in srgb,var(--c-primary-alt, #1768AA) 25%,transparent)}#kontak .btn-next span,#kontak .btn-submit span{margin-left:7px;font-size:16px}#kontak .success{display:none;text-align:center;padding:35px 10px 20px;animation:stepIn--kontak .5s ease both}#kontak .success.active{display:block}#kontak .success-icon{width:74px;height:74px;margin:0 auto 22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:31px;font-weight:700;background:linear-gradient(135deg,var(--c-primary-dark, #0E3D6B),var(--c-primary, #1B69BC));box-shadow:0 15px 35px color-mix(in srgb,var(--c-primary-alt, #1768AA) 20%,transparent)}#kontak .success h2{font-size:35px;letter-spacing:-1.5px}#kontak .success p{max-width:500px;margin:12px auto 0;color:#737c83;line-height:1.6;font-size:14px}#kontak .success .home-btn{display:inline-flex;margin-top:27px;text-decoration:none}.about-visual{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}.visual-main{width:min(440px,90%);aspect-ratio:1 / 1;border-radius:38px;background:linear-gradient(145deg,#dcebf1,#c9e0e9);position:relative;box-shadow:0 30px 70px #2f5b6e1f;overflow:hidden}.visual-main:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:color-mix(in srgb,var(--c-teal, #459ABF) 15%,transparent);top:-80px;right:-60px}.visual-main:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#ffffff80;bottom:-100px;left:-80px}.visual-content{position:absolute;inset:35px;border-radius:26px;background:#ffffffb8;border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;z-index:2}.visual-icon{width:82px;height:82px;border-radius:24px;background:linear-gradient(135deg,var(--c-primary-alt, #2169A9),var(--c-primary, #1B69BC));display:flex;align-items:center;justify-content:center;color:#fff;font-size:35px;margin-bottom:25px;box-shadow:0 15px 35px color-mix(in srgb,var(--c-teal, #459ABF) 25%,transparent)}.visual-content h3{font-size:25px;margin-bottom:10px}.visual-content p{font-size:13px;line-height:1.6;color:var(--c-muted, #555);max-width:260px}.floating-card{position:absolute;z-index:10;padding:16px 20px;background:#ffffffe0;border:1px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 18px 40px #1f4f6424;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:13px;animation:float 5s ease-in-out infinite}.floating-card strong{display:block;color:var(--c-primary-alt, #2169A9);font-size:18px;margin-bottom:3px}.floating-one{top:45px;right:0}.floating-two{bottom:45px;left:0;animation-delay:-2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(max-width:900px){.about-hero{padding:100px 6vw 80px}.about-hero-inner{grid-template-columns:1fr;gap:60px}.about-title{letter-spacing:-2px}.about-visual{min-height:420px}.visual-main{width:min(440px,90%);aspect-ratio:1 / 1;border-radius:38px;background:linear-gradient(145deg,#dcebf1,#c9e0e9);position:relative;box-shadow:0 30px 70px #2f5b6e1f;overflow:hidden;z-index:2}}@media(max-width:600px){.about-hero{padding:90px 22px 70px}.about-title{font-size:42px}.about-description{font-size:15px}.about-visual{min-height:350px}.visual-main{width:310px;border-radius:28px}.visual-content{inset:22px}.floating-card{display:none}}#tentang{--bg: #eef4f8;--panel: #ffffff;--navy: var(--c-primary-dark, #0E3D6B);--blue-deep: var(--c-primary-dark, #0E3D6B);--blue-mid: var(--c-primary, #1B69BC);--blue-light: var(--c-primary, #1B69BC);--blue-pale: #cfe4ef;--cream: #f3ead4;--accent: #e8935a;--muted: #8fa0ab;--line: #d8dee3;font-family:var(--font-main, "Poppins"),system-ui,sans-serif}#tentang .mono{font-family:IBM Plex Mono,monospace}#tentang .stage{position:relative;max-width:1280px;margin:0 auto;height:400vh}#tentang .pinned{position:sticky;top:78px;height:calc(100vh - 78px);display:grid;grid-template-columns:48% 52%;align-items:center}#tentang .dial-col{position:relative;display:flex;align-items:center;justify-content:center}#tentang .dial-wrap{position:relative;width:420px;height:420px}#tentang .dial-wrap svg{width:100%;height:100%;overflow:visible;display:block}#tentang .ring-base{fill:none;stroke:var(--blue-pale);stroke-width:38}#tentang .ring-progress{fill:none;stroke:var(--navy);stroke-width:38;stroke-linecap:butt;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .6s cubic-bezier(.65,0,.35,1)}#tentang .ring-rim{fill:none;stroke:var(--accent);stroke-width:3;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .6s cubic-bezier(.65,0,.35,1)}#tentang .dial-core{position:absolute;inset:86px;border-radius:50%;background:linear-gradient(150deg,var(--blue-deep),#0e2d45 80%);box-shadow:inset 0 0 0 9px #fff,0 20px 44px #0f2d4447;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}#tentang .grid4{display:grid;grid-template-columns:repeat(2,40px);grid-template-rows:repeat(2,40px);gap:10px}#tentang .grid4 span{border-radius:10px;background:#41627c;transition:background .5s ease}#tentang .grid4 span.brand{background:var(--blue-light)}#tentang .grid4 span.hot{background:var(--accent)}#tentang .dial-word{color:#fff;font-size:19px;font-weight:700;transition:opacity .35s ease}#tentang .tag{position:absolute;font-size:12px;font-weight:600;color:var(--navy);background:#fff;padding:7px 15px;border-radius:20px;box-shadow:0 8px 18px #14324b1f;opacity:.55;transform:scale(.92);transition:all .5s ease;white-space:nowrap}#tentang .tag.active{opacity:1;transform:scale(1);background:var(--accent);color:#fff;box-shadow:0 10px 22px #e8935a66}#tentang .tag.t0{top:0;left:16%}#tentang .tag.t1{bottom:6%;right:-2%}#tentang .tag.t2{bottom:6%;left:-4%}#tentang .flare{position:absolute;top:-6px;left:-18px;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px #e8935a29;animation:pulse--tentang 2.4s ease-in-out infinite}@keyframes pulse--tentang{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}#tentang .dial-dots{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px}#tentang .dial-dots .d{width:8px;height:8px;border-radius:5px;background:var(--line);transition:all .4s ease}#tentang .dial-dots .d.active{width:26px;background:var(--accent)}#tentang .copy-col{padding:0 60px 0 20px;position:relative;transform:translate(30px)}#tentang .badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 17px;border:1px solid #e3dcd4;border-radius:999px;background:var(--c-accent, #FF921C);color:var(--c-on-accent, #F8F5E1);font-size:13px;font-weight:500;opacity:0;transform:translateY(15px);animation:fadeUp--layanan .7s .05s ease forwards;margin-bottom:16px}#tentang .badge .spark{color:var(--accent)}#tentang .headline-viewport{height:148px;overflow:hidden;margin-bottom:8px}#tentang .headline-track{transition:transform .65s cubic-bezier(.65,0,.35,1)}#tentang .h-item{height:148px;display:flex;flex-direction:column;justify-content:center;font-size:40px;font-weight:800;line-height:1.22;color:var(--navy);max-width:520px}#tentang .h-item .accent{color:var(--blue-mid)}#tentang .preview-wrap{height:26px;overflow:hidden;margin-bottom:22px}#tentang .preview{font-size:18px;font-weight:500;color:var(--muted);opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}#tentang .preview.show{opacity:1;transform:translateY(0)}#tentang .rule{width:120px;height:3px;background:linear-gradient(90deg,var(--blue-mid),transparent);margin-bottom:26px}#tentang .desc{max-width:440px;font-size:15px;line-height:1.75;color:#4c6474;margin:0 0 30px}#tentang .btn{background:linear-gradient(120deg,var(--blue-mid),var(--blue-deep));color:#fff;border:none;padding:13px 28px;border-radius:24px;font-size:14px;font-weight:600;text-decoration:none;font-family:inherit;cursor:pointer;box-shadow:none;transition:transform .3s ease,box-shadow .3s ease}#tentang .btn:hover{transform:translateY(-3px)!important;box-shadow:0 8px 30px color-mix(in srgb,var(--c-primary-light, #378DE9) 30%,transparent)}@media(max-width:900px){#tentang .pinned{grid-template-columns:1fr;height:auto;position:relative;padding:60px 0;row-gap:36px}#tentang .stage{height:auto}#tentang .dial-wrap{width:300px;height:300px}#tentang .dial-core{inset:60px;gap:12px}#tentang .grid4{grid-template-columns:repeat(2,30px);grid-template-rows:repeat(2,30px)}#tentang .copy-col{padding:0 24px}#tentang .h-item{font-size:44px}#tentang .headline-viewport,#tentang .h-item{height:96px}#tentang .rail{display:none}}body{margin:0;font-family:var(--font-main, "Poppins"),system-ui,sans-serif;background:var(--c-surface, #F7FAFB);color:#15191c;overflow-x:hidden}.principles-section{position:relative;width:100%;min-height:100vh;padding:100px 6vw 110px;background:radial-gradient(circle at 8% 15%,color-mix(in srgb,var(--c-teal, #459ABF) 7%,transparent),transparent 27%),radial-gradient(circle at 92% 82%,color-mix(in srgb,var(--c-teal, #459ABF) 6%,transparent),transparent 30%),var(--c-surface, #F7FAFB)}.bg-star{position:absolute;color:var(--c-primary, #1B69BC);pointer-events:none;line-height:1;opacity:.38;z-index:0}.star-1{top:90px;right:10%;font-size:18px}.star-2{bottom:90px;left:7%;font-size:14px}.star-3{top:42%;left:3%;font-size:10px;opacity:.2}.principles-container{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto}.principles-header{width:100%;max-width:850px;margin:0 auto 68px;text-align:center}.principles-badge{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 17px;margin-bottom:26px;border:1px solid color-mix(in srgb,var(--c-teal, #459ABF) 20%,transparent);border-radius:999px;background:#ffffffc7;color:#64757d;font-size:12px;font-weight:600;letter-spacing:.4px;box-shadow:0 6px 20px #264d5b0a}.principles-badge span{color:var(--c-primary, #1B69BC);font-size:16px;line-height:1}.principles-title{max-width:820px;margin:0 auto 24px;font-size:44px;line-height:1.18;letter-spacing:-1px;font-weight:700;color:var(--c-ink, #171B1E)}.principles-title .blue{color:var(--c-primary, #1B69BC)}.principles-description{max-width:720px;margin:0 auto;color:var(--c-muted, #68767D);font-size:16px;line-height:1.85;font-weight:400}.principles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}.principle-card{position:relative;min-height:320px;padding:30px 28px 34px;display:flex;flex-direction:column;background:#fff;border:1px solid #e1e9ed;border-radius:32px;box-shadow:none;overflow:hidden;cursor:default;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}.principle-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--c-teal, #459ABF) 40%,transparent);box-shadow:0 20px 48px #31697e1f}.principle-card:after{content:"";position:absolute;left:30px;right:30px;bottom:0;height:4px;border-radius:999px 999px 0 0;background:var(--c-primary, #1B69BC);transform:scaleX(0);transform-origin:center;transition:transform .32s ease}.principle-card:hover:after{transform:scaleX(1)}.card-decoration{position:absolute;width:150px;height:150px;top:-70px;right:-70px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c-teal, #459ABF) 10%,transparent),color-mix(in srgb,var(--c-teal, #459ABF) 0%,transparent));pointer-events:none;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.principle-card:hover .card-decoration{transform:scale(1.25)}.card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;margin-bottom:34px}.card-star{width:46px;height:46px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:15px;background:#eef7fa;color:var(--c-primary, #1B69BC);font-size:19px;line-height:1;transition:transform .35s ease,background .35s ease,color .35s ease}.principle-card:hover .card-star{transform:rotate(10deg) scale(1.06);background:var(--c-primary, #1B69BC);color:#fff}.card-content{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.principle-card:hover .card-content{transform:translateY(-3px)}.card-title{margin:0 0 15px;color:#171a1d;font-size:27px;line-height:1.2;letter-spacing:-1.2px;font-weight:600}.card-text{margin:0;color:var(--c-muted, #68767D);font-size:14px;line-height:1.8;font-weight:400}.principle-card:focus-visible{outline:3px solid color-mix(in srgb,var(--c-teal, #459ABF) 28%,transparent);outline-offset:4px}@media(max-width:1050px){.principles-section{padding:90px 5vw 100px}.principles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.principle-card{min-height:290px}}@media(max-width:650px){.principles-section{padding:70px 20px 80px}.principles-header{margin-bottom:48px}.principles-badge{margin-bottom:20px}.principles-title{font-size:40px;line-height:1.08;letter-spacing:-2px}.principles-description{font-size:14px;line-height:1.8}.principles-grid{grid-template-columns:1fr;gap:16px}.principle-card{min-height:auto;padding:26px 24px 32px;border-radius:28px}.card-top{margin-bottom:26px}.card-title{font-size:25px}.card-text{font-size:14px}.star-1{top:70px;right:8%}.star-2{bottom:60px;left:8%}}body{font-family:var(--font-main, "Poppins"),system-ui,sans-serif;background:#fff;color:var(--c-ink, #171B1E)}.approach-section{position:relative;min-height:720px;padding:110px 7vw;overflow:hidden;background:radial-gradient(circle at 78% 50%,color-mix(in srgb,var(--c-teal, #459ABF) 9%,transparent),transparent 30%),#fff}.approach-section:before{content:"";position:absolute;width:420px;height:420px;right:-180px;top:-180px;border-radius:50%;border:1px solid color-mix(in srgb,var(--c-teal, #459ABF) 8%,transparent);pointer-events:none}.approach-section:after{content:"";position:absolute;width:280px;height:280px;left:-180px;bottom:-160px;border-radius:50%;background:#f7f0e873;pointer-events:none}.approach-container{position:relative;max-width:1250px;margin:0 auto;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(500px,1.15fr);align-items:center;gap:60px;z-index:2}.approach-copy{max-width:560px;padding-bottom:20px}.section-label{display:inline-flex;align-items:center;gap:9px;padding:9px 18px;border-radius:999px;background:#f7f0e8;border:1px solid #e6d8c9;color:#171717;font-size:13px;font-weight:500;letter-spacing:.1px}.section-label span{font-size:15px;line-height:1}.approach-copy h2{margin-top:25px;max-width:560px;font-size:clamp(42px,4.2vw,64px);line-height:1.02;letter-spacing:-3px;font-weight:700;color:#111518}.approach-copy h2 .accent{color:var(--c-primary, #1B69BC)}.approach-description{max-width:500px;margin-top:27px;font-size:16px;line-height:1.8;color:#6e797f}.principles{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.principle{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:#f8fafb;border:1px solid #e7edef;color:#5d6970;font-size:12px;transition:transform .3s ease,border-color .3s ease,background .3s ease,color .3s ease}.principle:before{content:"\2726";color:var(--c-primary, #1B69BC);font-size:10px}.principle:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c-teal, #459ABF) 30%,transparent);background:#f0f8fa;color:var(--c-primary, #1B69BC)}.ecosystem-wrap{position:relative;width:min(620px,100%);aspect-ratio:1 / 1;margin-left:auto;display:flex;align-items:center;justify-content:center}.ecosystem-wrap:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c-teal, #459ABF) 10%,transparent),color-mix(in srgb,var(--c-teal, #459ABF) 2%,transparent) 45%,transparent 70%);animation:ambientPulse 5s ease-in-out infinite;pointer-events:none}@keyframes ambientPulse{0%,to{transform:scale(.94);opacity:.7}50%{transform:scale(1.06);opacity:1}}.cycle-svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible;pointer-events:none}.cycle-main{fill:none;stroke:url(#circleGradient);stroke-width:2;stroke-dasharray:5 10;opacity:.42;transition:opacity .4s ease,stroke-width .4s ease}.cycle-inner{fill:none;stroke:var(--c-primary, #1B69BC);stroke-width:1;stroke-dasharray:2 11;opacity:.12}.cycle-outer{fill:none;stroke:var(--c-primary, #1B69BC);stroke-width:1;stroke-dasharray:1 15;opacity:.09}.moving-dot{fill:var(--c-primary, #1B69BC);filter:url(#dotGlow)}.cycle-center{position:absolute;width:245px;height:245px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:#ffffffeb;border:1px solid color-mix(in srgb,var(--c-teal, #459ABF) 13%,transparent);box-shadow:0 25px 70px #2353651a,inset 0 0 0 8px color-mix(in srgb,var(--c-teal, #459ABF) 2%,transparent);backdrop-filter:blur(8px);z-index:2}.center-symbol{position:relative;width:54px;height:54px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--c-primary, #1B69BC),#69b7cb);color:#fff;font-size:21px;box-shadow:0 10px 25px color-mix(in srgb,var(--c-teal, #459ABF) 22%,transparent)}.center-symbol:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--c-teal, #459ABF) 28%,transparent);animation:rotateRing 15s linear infinite}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.center-eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#9aa6ac}.center-title{margin-top:6px;font-size:24px;line-height:1.15;color:var(--c-primary, #1B69BC);transition:opacity .2s ease,transform .2s ease}.center-description{max-width:190px;margin-top:9px;font-size:11px;line-height:1.6;color:#778289;transition:opacity .2s ease,transform .2s ease}.eco-node{position:absolute;width:175px;min-height:76px;padding:12px 15px;display:flex;align-items:center;gap:12px;border-radius:20px;border:1px solid color-mix(in srgb,var(--c-teal, #459ABF) 13%,transparent);background:#fffffff2;box-shadow:0 12px 35px #224b5c14;cursor:pointer;text-align:left;z-index:5;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease,background .45s ease,opacity .4s ease}.eco-node:hover,.eco-node.active{border-color:var(--c-primary, #1B69BC);background:#fff;box-shadow:0 22px 50px color-mix(in srgb,var(--c-teal, #459ABF) 18%,transparent),0 0 0 5px color-mix(in srgb,var(--c-teal, #459ABF) 5%,transparent)}.node-icon{width:43px;height:43px;flex:0 0 43px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#e9f5f8;color:var(--c-primary, #1B69BC);font-size:19px;transition:transform .4s ease,background .4s ease,color .4s ease}.eco-node:hover .node-icon,.eco-node.active .node-icon{transform:scale(1.08) rotate(-4deg);background:linear-gradient(135deg,var(--c-primary, #1B69BC),var(--c-primary-dark, #0E3D6B));color:#fff}.node-text{display:flex;flex-direction:column;gap:4px}.node-text strong{font-size:14px;color:#20282d}.node-text small{font-size:10px;color:#98a3a8}.node-top{top:4%;left:50%;transform:translate(-50%)}.node-right{top:50%;right:1%;transform:translateY(-50%)}.node-bottom{bottom:4%;left:50%;transform:translate(-50%)}.node-left{top:50%;left:1%;transform:translateY(-50%)}.node-top:hover,.node-top.active{transform:translate(-50%) translateY(-7px) scale(1.04)}.node-right:hover,.node-right.active{transform:translateY(-50%) translate(7px) scale(1.04)}.node-bottom:hover,.node-bottom.active{transform:translate(-50%) translateY(7px) scale(1.04)}.node-left:hover,.node-left.active{transform:translateY(-50%) translate(-7px) scale(1.04)}@media(max-width:950px){.approach-section{padding:90px 5vw}.approach-container{grid-template-columns:1fr;gap:30px}.approach-copy{max-width:680px}.ecosystem-wrap{margin:10px auto 0;width:min(600px,100%)}}@media(max-width:600px){.approach-section{padding:75px 20px}.approach-copy h2{font-size:39px;letter-spacing:-2px}.approach-description{font-size:14px}.ecosystem-wrap{width:100%;min-height:480px;aspect-ratio:auto}.cycle-svg{width:480px;height:480px}.cycle-center{width:190px;height:190px;padding:22px}.center-symbol{width:45px;height:45px;font-size:18px}.center-title{font-size:20px}.center-description{font-size:10px}.eco-node{width:135px;min-height:62px;padding:9px;border-radius:16px;gap:8px}.node-icon{width:35px;height:35px;flex-basis:35px;border-radius:11px;font-size:15px}.node-text strong{font-size:11px}.node-text small{display:none}.node-top{top:0}.node-right{right:-5px}.node-bottom{bottom:0}.node-left{left:-5px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main, "Poppins"),system-ui,sans-serif;background:var(--c-surface, #F7F9FA);color:var(--c-ink, #111);overflow-x:hidden}.vision-section{position:relative;min-height:100vh;padding:120px 7vw;overflow:hidden;background:radial-gradient(circle at 8% 20%,color-mix(in srgb,var(--c-teal, #459ABF) 7%,transparent),transparent 27%),radial-gradient(circle at 92% 70%,color-mix(in srgb,var(--c-teal, #459ABF) 8%,transparent),transparent 30%),var(--c-surface, #F7F9FA)}.decor-star{position:absolute;color:var(--c-primary, #1B69BC);opacity:.35;pointer-events:none}.decor-star.one{top:105px;right:10%;font-size:18px}.decor-star.two{bottom:100px;left:6%;font-size:12px}.decor-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--c-primary, #1B69BC);opacity:.25;pointer-events:none}.decor-dot.one{top:30%;right:6%}.decor-dot.two{bottom:25%;left:4%}.vision-container{position:relative;width:100%;max-width:1240px;margin:0 auto}.vision-header{max-width:780px;margin:0 auto 70px;text-align:center}.vision-badge{display:inline-flex;align-items:center;gap:9px;padding:9px 18px;margin-bottom:25px;background:#f8efe6;border:1px solid #e7dacc;border-radius:999px;font-size:13px;font-weight:500}.vision-badge span{color:var(--c-primary, #1B69BC);font-size:17px;line-height:1}.vision-title{font-size:clamp(43px,5vw,66px);line-height:1.05;letter-spacing:-3px;font-weight:600;margin-bottom:23px}.vision-title .blue{color:var(--c-primary, #1B69BC)}.vision-intro{max-width:650px;margin:0 auto;color:#666;font-size:15px;line-height:1.8}.vision-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}.vision-card{position:relative;min-height:490px;padding:45px;border-radius:32px;overflow:hidden;color:#fff;background:linear-gradient(145deg,var(--c-primary, #1B69BC) 0%,#3f91b5 45%,var(--c-primary-dark, #0E3D6B) 100%);box-shadow:0 25px 60px #31708c29;display:flex;flex-direction:column;justify-content:space-between}.vision-card:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-130px;top:-130px;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 35px #ffffff09,0 0 0 70px #ffffff06;pointer-events:none}.vision-card:after{content:"\2726";position:absolute;right:42px;bottom:30px;font-size:85px;line-height:1;color:#ffffff14;transform:rotate(12deg);pointer-events:none}.vision-card-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.vision-label{font-size:11px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase;opacity:.8}.vision-star{width:48px;height:48px;border-radius:15px;background:#ffffff21;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:21px}.vision-body{position:relative;z-index:2;max-width:520px}.vision-heading{font-size:37px;line-height:1.15;letter-spacing:-1.5px;font-weight:600;margin-bottom:20px}.vision-text{font-size:15px;line-height:1.85;color:#ffffffd6}.mission-wrapper{min-height:490px;padding:35px 38px;border-radius:32px;background:#fffffff0;border:1px solid #e3eaed;box-shadow:0 15px 45px #264b590f}.mission-header{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #e7edef;margin-bottom:5px}.mission-label{color:var(--c-primary, #1B69BC);font-size:11px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:8px}.mission-title{font-size:30px;line-height:1.2;font-weight:600}.mission-symbol{width:44px;height:44px;border-radius:50%;background:#eef7fa;color:var(--c-primary, #1B69BC);display:flex;align-items:center;justify-content:center;font-size:18px}.mission-list{list-style:none}.mission-item{position:relative;display:grid;grid-template-columns:35px 1fr 34px;gap:15px;align-items:center;padding:23px 8px;border-bottom:1px solid #e8edef;cursor:pointer;transition:padding .35s ease,background .35s ease}.mission-item:last-child{border-bottom:none}.mission-item:hover{padding-left:14px;padding-right:14px;background:var(--c-surface, #F8FBFC)}.mission-item-star{color:var(--c-primary, #1B69BC);font-size:17px;transition:transform .35s ease}.mission-item:hover .mission-item-star{transform:rotate(15deg) scale(1.15)}.mission-item-text{color:#444;font-size:14px;line-height:1.7;transition:color .3s ease}.mission-item:hover .mission-item-text{color:var(--c-ink, #111)}.mission-arrow{width:32px;height:32px;border-radius:50%;border:1px solid #e0e8eb;display:flex;align-items:center;justify-content:center;color:#9aa6aa;font-size:14px;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease}.mission-item:hover .mission-arrow{background:var(--c-primary, #1B69BC);border-color:var(--c-primary, #1B69BC);color:#fff;transform:translate(3px)}.mission-item.active{background:var(--c-surface, #F8FBFC);padding-left:14px;padding-right:14px}.mission-item.active .mission-item-star{transform:scale(1.12);color:var(--c-primary, #1B69BC)}.mission-item.active .mission-arrow{background:var(--c-primary, #1B69BC);border-color:var(--c-primary, #1B69BC);color:#fff}.vision-statement{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:55px;color:var(--c-muted, #777);font-size:13px;text-align:center}.vision-statement span{color:var(--c-primary, #1B69BC);font-size:16px}@media(max-width:950px){.vision-grid{grid-template-columns:1fr}.vision-card,.mission-wrapper{min-height:auto}.vision-card{min-height:430px}.mission-wrapper{min-height:450px}}@media(max-width:600px){.vision-section{padding:85px 22px}.vision-header{margin-bottom:45px}.vision-title{font-size:40px;letter-spacing:-2px}.vision-intro{font-size:14px}.vision-card{min-height:390px;padding:30px;border-radius:27px}.vision-heading{font-size:30px}.vision-text{font-size:14px}.mission-wrapper{padding:28px 22px;border-radius:27px}.mission-title{font-size:26px}.mission-item{grid-template-columns:28px 1fr 30px;gap:10px;padding:20px 4px}.mission-item-text{font-size:13px}.mission-arrow{width:29px;height:29px;font-size:12px}.decor-star,.decor-dot{display:none}}:root{--blue: var(--c-primary, #1B69BC);--blue-dark: var(--c-primary-dark, #0E3D6B);--blue-light: #EAF7FB;--cyan: var(--c-org-cyan, #5FC5E2);--cyan-light: var(--c-org-cyan-light, #EAF9FC);--purple: var(--c-org-purple, #B878E7);--purple-light: var(--c-org-purple-light, #F5ECFB);--green: var(--c-org-green, #A8D95A);--green-light: var(--c-org-green-light, #F2F9DF);--yellow: var(--c-org-yellow, #FFB52E);--yellow-light: var(--c-org-yellow-light, #FFF5DE);--navy: #17263A;--text: #263548;--muted: #78899A;--line: #C8DDE5;--white: #FFFFFF;--background: var(--c-surface, #F8FBFC);--radius-lg: 26px;--radius-md: 20px;--shadow: 0 18px 45px rgba(37, 78, 96, .075);--shadow-hover: 0 22px 50px rgba(37, 78, 96, .13)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--c-teal, #459ABF) 9%,transparent),transparent 32%),var(--background);color:var(--text);font-family:var(--font-main, "Poppins"),system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;width:620px;height:620px;left:50%;top:150px;transform:translate(-50%);border-radius:50%;border:1px dashed color-mix(in srgb,var(--c-teal, #459ABF) 12%,transparent);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;width:10px;height:10px;left:8%;top:30%;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 8px #ffb52e1a;pointer-events:none;z-index:-1}.page{width:100%;padding:90px 0 120px}.container{width:min(1500px,calc(100% - 80px));margin:0 auto}.section-intro{max-width:760px;margin:0 auto 75px;text-align:center}.section-intro h1{color:var(--navy);font-family:var(--font-main, "Poppins"),system-ui,sans-serif;font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-.035em;margin-bottom:20px}.section-intro h1 em{color:var(--blue);font-style:normal}.section-intro p{max-width:650px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.8}.org-scroll{width:100%;overflow:visible}.org-chart{position:relative;width:100%;overflow:visible}.org-chart-inner{position:relative;width:100%;min-height:1080px;padding-bottom:50px}.org-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.connector{fill:none;stroke:var(--line);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.connector-dot{fill:var(--white);stroke:var(--blue);stroke-width:2}.connector-dot.yellow{stroke:var(--yellow)}.connector-dot.purple{stroke:var(--purple)}.connector-dot.green{stroke:var(--green)}.top-level{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:0}.org-card{position:relative;background:#fffffff5;border:1px solid #DCE8ED;border-radius:var(--radius-md);box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:hidden}.org-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:#c5dce5}.org-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--blue)}.org-card.yellow:before{background:var(--yellow)}.org-card.blue:before{background:var(--blue)}.org-card.purple:before{background:var(--purple)}.org-card.green:before{background:var(--green)}.org-card.cyan:before{background:var(--cyan)}.card-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.card-icon{flex:0 0 48px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:var(--blue-light);color:var(--blue);font-size:20px;line-height:1}.yellow .card-icon{background:var(--yellow-light);color:#eaa21b}.purple .card-icon{background:var(--purple-light);color:var(--purple)}.green .card-icon{background:var(--green-light);color:#86bc31}.cyan .card-icon{background:var(--cyan-light);color:var(--c-primary, #1B69BC)}.card-label{color:#8998a5;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.org-card h2,.org-card h3{color:var(--navy);font-weight:700;letter-spacing:-.025em;line-height:1.28}.org-card p{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.65}.commissioner{width:300px;padding:20px;border-radius:25px}.commissioner h2{font-size:22px}.ceo{width:300px;margin-top:72px;padding:20px;border-radius:25px}.ceo h2{font-size:24px}.directors-level{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;width:100%;margin-top:115px}.director-column{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}.director-card{width:100%;max-width:400px;min-height:190px;padding:20px;border-radius:25px}.director-card h3{font-size:22px}.director-card p{font-size:13px;max-width:290px}.manager-group{width:100%;margin-top:82px}.manager-card{min-height:135px;padding:22px 23px;border-radius:21px}.manager-card h3{font-size:17px;line-height:1.35}.manager-card p{font-size:12px}.manager-row{width:100%}.manager-row.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%}.lower-managers{margin-top:58px}.lower-managers .manager-card{min-height:150px}.technical .manager-group,.strategy .manager-group,.marketing .manager-group{margin-top:82px}.structure-note{display:flex;align-items:center;justify-content:center;gap:12px;max-width:700px;margin:30px auto 0;padding:17px 22px;border:1px solid #DDE9ED;border-radius:100px;background:#ffffffa6;color:var(--muted);font-size:12px;text-align:center}.structure-note .star{color:var(--yellow);font-size:17px}@media(max-width:1100px){.container{width:calc(100% - 40px)}.directors-level{gap:22px}.director-card{padding:23px 21px}.manager-row.two{gap:12px}.manager-card{padding:19px 17px}.director-card h3{font-size:19px}.manager-card h3{font-size:15px}}@media(max-width:760px){body{overflow-x:hidden}.page{padding:65px 0 80px}.container{width:calc(100% - 30px)}.section-intro{margin-bottom:45px}.section-intro h1{font-size:40px}.section-intro p{font-size:14px}.org-scroll{width:100%;overflow-x:auto;overflow-y:visible;padding:10px 0 35px;-webkit-overflow-scrolling:touch}.org-chart-inner{width:1050px;min-width:1050px;min-height:1100px}.directors-level{grid-template-columns:repeat(3,320px);gap:35px}.director-card{width:320px;max-width:320px}.structure-note{border-radius:18px;line-height:1.6}}@media(max-width:420px){.section-intro h1{font-size:34px}}#agenda .card-image img.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}#agenda .card-image .date{z-index:2}#beranda .hero-illustration{width:min(460px,100%);height:auto;aspect-ratio:1;flex-shrink:1}#beranda .server{width:min(300px,88%)}@media(max-width:980px){#beranda .hero-illustration{width:min(340px,100%);height:auto}}@media(max-width:900px){#tentang .pinned{grid-template-columns:minmax(0,1fr)}#tentang .dial-col,#tentang .copy-col{min-width:0}#tentang .copy-col{transform:none}#tentang .h-item{font-size:clamp(28px,9vw,44px);overflow-wrap:anywhere}}@media(max-width:400px){#tentang .dial-wrap{width:min(300px,82vw);height:min(300px,82vw)}}#tentang .copy-col{transform:none;padding-left:50px}@media(max-width:900px){#tentang .copy-col{padding-left:24px}}html,body,#layanan,#products,#agenda,#kontak{overflow-x:clip}