:root{--primary-blue:#193676;--primary-blue-hover:#12285a;--bg-light:#f0f7fe;--grey:#e0e0e0;--text-main:#333;--text-muted:#666;--white:#fff;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background-color:var(--white);font-family:Montserrat,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:90%;max-width:1200px;margin:0 auto}h1{color:var(--primary-blue);margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.2}h2{color:var(--primary-blue);margin-bottom:1rem;font-size:2.25rem;font-weight:700}h3{color:var(--primary-blue);font-size:1.25rem;font-weight:600}p{color:var(--text-muted);text-align:justify;margin-bottom:1.5rem}.section-header p,.section-title-center p,.cta-container p,.center-btn p,.target-card p{text-align:center}.footer-brand p,.footer-bottom p,.core-system-text p,.acc-inner{text-align:left}.btn{cursor:pointer;transition:var(--transition);border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary-blue);color:var(--white)}.btn-primary:hover{background-color:var(--primary-blue-hover);box-shadow:0 4px 12px #19367633}.btn-outline{color:var(--primary-blue);border-color:var(--primary-blue);background-color:#0000}.btn-outline:hover{background-color:var(--primary-blue);color:var(--white)}.btn-white{background-color:var(--white);color:var(--primary-blue)}.btn-white:hover{background-color:var(--bg-light);box-shadow:0 4px 12px #fff3}.link-arrow{color:var(--primary-blue);align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.link-arrow:hover{gap:.5rem}.navbar{background-color:var(--primary-blue);z-index:1000;padding:1rem 0;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.navbar .btn-outline{color:var(--white);border-color:var(--white)}.navbar .btn-outline:hover{background-color:var(--white);color:var(--primary-blue)}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--primary-blue);align-items:center;gap:.75rem;display:flex}.navbar .logo{color:var(--white)}.logo-img{object-fit:contain;width:auto;display:block}.navbar .logo-img{height:60px}.footer .logo-img{height:85px}.logo-icon{color:var(--primary-blue);font-size:2rem}.navbar .logo-icon{color:var(--white)}.logo-text{flex-direction:column;line-height:1.1;display:flex}.brand-name{letter-spacing:1px;font-size:1.1rem;font-weight:800}.brand-sub{letter-spacing:2px;font-size:.8rem;font-weight:500}.nav-links{gap:2rem;display:flex}.nav-links a{color:#ffffffbf;font-size:.9rem;font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--white);font-weight:600}.nav-actions{align-items:center;gap:1.5rem;display:flex}.lang-toggle{color:#fff9;cursor:pointer;font-size:.9rem;font-weight:500}.lang-toggle .active{color:var(--white);font-weight:700}.mobile-menu-btn{color:var(--white);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.hero{background-color:var(--bg-light);padding:4rem 0 6rem}.hero-container{align-items:center;gap:4rem;display:flex}.hero-content{flex:1}.badge{background-color:var(--grey);color:var(--primary-blue);letter-spacing:1px;border-radius:20px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.35rem .85rem;font-size:.75rem;font-weight:700;display:inline-flex}.hero-image{border-radius:12px;flex:1;overflow:hidden;box-shadow:0 20px 40px #0000001a}.about{background-color:var(--white);padding:6rem 0}.about-container{align-items:center;gap:4rem;display:flex}.about-content{flex:1}.about-image{border-radius:12px;flex:1;overflow:hidden;box-shadow:0 20px 40px #0000001a}.services{background-color:var(--bg-light);padding:6rem 0}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-header.text-light h2,.section-header.text-light p{color:var(--white)}.services-grid{grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem;display:grid}.service-card{background-color:var(--white);text-align:center;transition:var(--transition);border-bottom:4px solid #0000;border-radius:8px;padding:2.5rem 2rem;box-shadow:0 4px 15px #0000000d}.service-card:hover{border-bottom-color:var(--primary-blue);transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.icon-wrapper{color:var(--primary-blue);margin-bottom:1.5rem;font-size:2.5rem}.center-btn{text-align:center}.workflow{background-color:var(--primary-blue);color:var(--white);padding:6rem 0}.workflow-grid{justify-content:space-between;align-items:flex-start;margin-bottom:4rem;display:flex}.workflow-step{text-align:center;flex:1;padding:0 1rem}.workflow-step h3{color:var(--white);margin-bottom:1rem}.workflow-step p{color:#fffc;font-size:.9rem}.step-icon{width:80px;height:80px;transition:var(--transition);border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2.5rem;display:flex}.workflow-step:hover .step-icon{background-color:#ffffff1a;transform:scale(1.05)}.workflow-arrow{color:#ffffff80;justify-content:center;align-items:center;height:80px;font-size:1.5rem;display:flex}.footer{background-color:var(--grey);padding:4rem 0 2rem}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:3rem;display:grid}.footer-brand p{margin-top:1rem;font-size:.9rem}.footer h4{color:var(--primary-blue);margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.footer ul li{margin-bottom:.75rem}.footer ul li a{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.footer ul li a:hover{color:var(--primary-blue)}.footer-bottom{text-align:left;border-top:1px solid #0000001a;padding-top:2rem}.footer-bottom p{margin-bottom:0;font-size:.8rem}.strategy-hero{padding-bottom:2rem}.strategy-details{background-color:var(--white);padding:2rem 0 6rem}.strategy-cards-wrapper{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.strategy-card{background-color:var(--white);border:1px solid var(--grey);border-radius:12px;padding:3rem;box-shadow:0 10px 30px #0000000d}.strategy-card .icon-wrapper{border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;font-size:2rem;display:inline-flex}.bg-grey{background-color:var(--grey)}.strategy-card h3{margin-bottom:1rem;font-size:1.4rem}.strategy-card p{color:var(--text-muted);font-size:.95rem}.cta-section{background-color:var(--primary-blue);text-align:center;color:var(--white);padding:5rem 0}.cta-container h2{color:var(--white);margin-bottom:1rem}.cta-container p{color:#fffc;margin-bottom:2rem;font-size:1.1rem}.services-hero{padding-bottom:2rem}.target-pemilihan{background-color:var(--bg-light);padding:4rem 0}.section-title-center{text-align:center;margin-bottom:3rem}.section-title-center h2{color:var(--primary-blue);margin-bottom:.5rem}.title-underline,.title-underline-left{background-color:var(--primary-blue);width:60px;height:4px}.title-underline{margin:0 auto}.target-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.target-card{background-color:var(--white);text-align:center;border:1px solid var(--grey);border-radius:8px;padding:2.5rem 1.5rem;box-shadow:0 4px 15px #00000008}.target-card .icon-box{background-color:var(--grey);width:50px;height:50px;color:var(--text-main);border-radius:8px;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:inline-flex}.target-card h3{color:var(--text-main);margin-bottom:.5rem;font-size:1.1rem;line-height:1.4}.target-card h3:last-child{margin-bottom:0}.target-card p{color:var(--text-muted);margin-bottom:0;font-size:.85rem}.detail-layanan{background-color:var(--bg-light);padding:6rem 0}.detail-container{align-items:stretch;gap:4rem;display:flex}.detail-left{flex:1}.detail-left h2{margin-bottom:1rem}.detail-left .subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.1rem}.title-underline-left{margin-bottom:2rem}.detail-image{border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.detail-right{flex:1.2;padding-top:3.5rem}.accordion{flex-direction:column;gap:1rem;display:flex}.accordion-item{background-color:var(--white);border:1px solid var(--grey);border-radius:8px;overflow:hidden}.accordion-header{cursor:pointer;transition:var(--transition);align-items:center;padding:1.5rem;display:flex}.accordion-header:hover{background-color:#f9f9f9}.acc-num{color:var(--text-main);margin-right:1rem;font-size:1.1rem;font-weight:700}.accordion-header h4{color:var(--text-main);flex:1;font-size:1rem;font-weight:600}.acc-icon{color:var(--text-muted);font-size:1.2rem;transition:transform .3s}.accordion-item.active .acc-icon{transform:rotate(180deg)}.accordion-content{max-height:0;transition:max-height .3s;overflow:hidden}.acc-inner{color:var(--text-muted);border-left:2px solid var(--grey);margin-bottom:1.5rem;margin-left:1.5rem;padding:0 1.5rem 1.5rem 3.6rem;font-size:.9rem}@media (width<=1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.workflow-grid{flex-direction:column;align-items:center;gap:2rem}.workflow-arrow{height:40px}.workflow-arrow i{transform:rotate(90deg)}}@media (width<=768px){.nav-links,.nav-actions .btn{display:none}.mobile-menu-btn{display:block}.hero-container,.about-container,.strategy-cards-wrapper,.detail-container{text-align:center;flex-direction:column}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:2rem 1.5rem}.target-grid{grid-template-columns:repeat(2,1fr)}.title-underline-left{margin:0 auto 2rem}.detail-left{text-align:justify}.detail-left h2{text-align:left}.detail-left .title-underline-left{margin:0 0 2rem}.acc-inner{text-align:left}.strategy-cards-wrapper{grid-template-columns:1fr}h1{font-size:2.2rem}.detail-right{padding-top:2rem}.footer-container{grid-template-columns:1fr;gap:2rem}}@media (width<=480px){.target-grid{grid-template-columns:1fr}}.nav-links a{padding-bottom:4px;position:relative}.nav-links a.active:after{content:"";background-color:var(--white);border-radius:2px;width:100%;height:2px;position:absolute;bottom:0;left:0}.methodology-hero{background-color:var(--bg-light)}.methodology-hero-container{align-items:center}.methodology-badge{border:1px solid var(--primary-blue);color:var(--primary-blue);letter-spacing:1px;background-color:#0000;border-radius:4px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.35rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.hero-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem}.core-systems-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;max-width:550px;margin-top:2rem;display:grid}.core-system-card{background-color:var(--white);transition:var(--transition);border:1px solid #0000000f;border-radius:6px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 12px #00000005}.core-system-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.core-system-icon{color:var(--primary-blue);flex-shrink:0;justify-content:center;align-items:center;width:40px;font-size:1.75rem;display:flex}.core-system-text h3{color:var(--primary-blue);margin-bottom:.2rem;font-size:.95rem;font-weight:700}.core-system-text p{color:var(--text-muted);margin-bottom:0;font-size:.8rem}.methodology-hero-image-wrapper{border-radius:12px;flex:1;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}.methodology-hero-img{object-fit:cover;width:100%;height:420px;display:block}.floating-chart-btn{background-color:var(--primary-blue);width:44px;height:44px;color:var(--white);cursor:pointer;transition:var(--transition);z-index:10;border-radius:6px;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute;top:1.25rem;right:1.25rem;box-shadow:0 4px 12px #00000040}.floating-chart-btn:hover{background-color:var(--primary-blue-hover);transform:scale(1.05)}.work-process{background-color:var(--primary-blue);color:var(--white);padding:6rem 0}.timeline{max-width:1000px;margin:5rem auto 0;position:relative}.timeline:before{content:"";background-color:#fff3;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-row{align-items:center;margin-bottom:5rem;display:flex;position:relative}.timeline-row:last-child{margin-bottom:0}.timeline-col{width:45%}.timeline-center{z-index:2;justify-content:center;width:10%;display:flex;position:relative}.timeline-dot{background-color:var(--white);border:4px solid var(--primary-blue);outline:3px solid var(--white);width:16px;height:16px;transition:var(--transition);border-radius:50%}.timeline-row:hover .timeline-dot{background-color:var(--bg-light);transform:scale(1.25)}.timeline-text-col.left-align{text-align:right;padding-right:3rem}.timeline-text-col.right-align{text-align:left;padding-left:3rem}.step-card h3{color:var(--white);margin-bottom:.75rem;font-size:1.6rem;font-weight:700}.step-card p{color:#fffc;margin-bottom:0;font-size:.95rem;line-height:1.7}.timeline-image-wrapper{transition:var(--transition);border-radius:12px;overflow:hidden;box-shadow:0 15px 35px #00000040}.timeline-image-wrapper img{object-fit:cover;width:100%;height:220px;transition:var(--transition);display:block}.timeline-row:hover .timeline-image-wrapper img{transform:scale(1.04)}.reverse-row{flex-direction:row-reverse}.reverse-row .timeline-text-col{text-align:left;padding-left:3rem;padding-right:0}.reverse-row .timeline-img-col{padding-left:0;padding-right:3rem}.timeline-row:not(.reverse-row) .timeline-img-col{padding-left:3rem;padding-right:0}.empty-col{visibility:hidden}@media (width<=768px){.timeline:before{left:20px;transform:none}.timeline-row{align-items:flex-start;gap:1.5rem;margin-bottom:3.5rem;padding-left:45px;flex-direction:column!important}.timeline-col{text-align:left!important;width:100%!important;padding:0!important}.timeline-center{width:auto;position:absolute;top:8px;left:20px;transform:translate(-50%)}.timeline-image-wrapper{margin-top:.5rem}.timeline-image-wrapper img{height:180px}.empty-col{display:none}.methodology-hero-container{flex-direction:column;gap:2.5rem}.core-systems-grid{grid-template-columns:1fr;max-width:100%}.methodology-hero-img{height:300px}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity 1s cubic-bezier(.215,.61,.355,1),transform 1s cubic-bezier(.215,.61,.355,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;will-change:opacity, transform;transition:opacity 1s cubic-bezier(.215,.61,.355,1),transform 1s cubic-bezier(.215,.61,.355,1);transform:translate(-50px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;will-change:opacity, transform;transition:opacity 1s cubic-bezier(.215,.61,.355,1),transform 1s cubic-bezier(.215,.61,.355,1);transform:translate(50px)}.reveal-right.visible{opacity:1;transform:translate(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%{box-shadow:0 4px 12px #19367640}50%{transform:scale(1.06);box-shadow:0 4px 24px #1936768c}to{box-shadow:0 4px 12px #19367640}}.methodology-badge{animation:.7s cubic-bezier(.215,.61,.355,1) forwards fadeInUp}.methodology-hero-content h1{opacity:0;animation:.7s cubic-bezier(.215,.61,.355,1) .15s forwards fadeInUp}.methodology-hero-content .hero-subtitle{opacity:0;animation:.7s cubic-bezier(.215,.61,.355,1) .3s forwards fadeInUp}.core-systems-grid{opacity:0;animation:.7s cubic-bezier(.215,.61,.355,1) .45s forwards fadeInUp}.methodology-hero-image-wrapper{animation:.9s cubic-bezier(.215,.61,.355,1) forwards fadeInRight}.floating-chart-btn{animation:3s ease-in-out infinite pulseGlow}@media (width<=768px){.reveal-left,.reveal-right{transform:translateY(30px)!important}.reveal-left.visible,.reveal-right.visible{transform:translateY(0)!important}}.delay-100{transition-delay:.1s}.delay-150{transition-delay:.15s}.delay-200{transition-delay:.2s}.delay-250{transition-delay:.25s}.delay-300{transition-delay:.3s}.delay-350{transition-delay:.35s}.delay-400{transition-delay:.4s}.hero .hero-content{opacity:0;animation:.8s cubic-bezier(.215,.61,.355,1) .1s forwards fadeInUp}.hero .hero-image{opacity:0;animation:1s cubic-bezier(.215,.61,.355,1) .2s forwards fadeInRight}#header-placeholder{background-color:var(--primary-blue);z-index:1000;min-height:92px;display:block;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}#footer-placeholder{background-color:var(--light-gray);min-height:290px;display:block}