.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.4s cubic-bezier(0.23,1,0.32,1),transform 0.4s cubic-bezier(0.23,1,0.32,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(24px);transition:opacity 0.4s cubic-bezier(0.23,1,0.32,1),transform 0.4s cubic-bezier(0.23,1,0.32,1)}.reveal-stagger.is-visible>*{opacity:1;transform:translateY(0)}.reveal-stagger>*:nth-child(1){transition-delay:0s}.reveal-stagger>*:nth-child(2){transition-delay:0.06s}.reveal-stagger>*:nth-child(3){transition-delay:0.12s}.reveal-stagger>*:nth-child(4){transition-delay:0.18s}.reveal-stagger>*:nth-child(5){transition-delay:0.24s}.hero-section{padding-top:132px;padding-bottom:60px;background:url(../images/hero-bg.webp)lightgray 0px -41.569px/100% 107.072%no-repeat;overflow:hidden;min-height:600px}.hero-inner{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--section-x);display:flex;flex-direction:column;gap:48px}.hero-content{display:flex;align-items:flex-start;gap:48px}.hero-text{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:48px;flex:1 0 0;max-width:640px}.hero-text-inner{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%}.hero-visual{flex:1 0 0;align-self:stretch}.hero-heading{font-family:var(--font-geist);font-size:clamp(28px,3vw,42px);font-weight:600;line-height:120%;color:var(--color-black)}.hero-description{font-family:var(--font-inter);font-size:clamp(15px,1.1vw,16px);font-weight:400;line-height:130%;color:var(--color-gray)}.hero-cta-group{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-clutch-link{display:inline-flex;align-items:center;transition:opacity 0.2s ease}.hero-clutch-link:hover{opacity:0.85}.hero-clutch-image{width:105px;height:32px;aspect-ratio:210/64;object-fit:contain}.hero-thumbnails{display:flex;height:367px;align-items:center;gap:24px}.hero-thumb{flex:1 0 0;height:367px;border-radius:16px;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;min-width:0}.section-inner{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--section-x);display:flex;flex-direction:column;gap:48px}.stats-section{padding:var(--section-y)0;background:#fff}.stats-inner{display:flex;width:100%;max-width:1440px;margin:0 auto;padding:0 var(--section-x);align-items:center;gap:32px}.stats-headline{flex:1}.stats-title{font-family:var(--font-onest);font-size:clamp(20px,1.8vw,28px);font-weight:600;line-height:135%;color:var(--color-black);white-space:pre-line}.stats-right{flex:1}.stats-grid{display:flex;flex-direction:column;gap:32px;width:100%}.stats-numbers{display:flex;align-items:flex-start;gap:48px;flex-wrap:wrap}.stats-section .stat-item{gap:8px}.stats-section .stat-value{font-family:var(--font-geist);font-size:clamp(32px,3vw,40px);font-weight:600;color:var(--color-navy);line-height:1.2}.stats-section .stat-label{font-family:var(--font-inter);font-size:14px;color:var(--color-gray);line-height:1.3}.stats-divider{width:100%;border-top:1px dashed #D3E4FA}.stats-platforms{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.platform-label{font-family:var(--font-inter);font-size:15px;color:var(--color-gray)}.platform-logos{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.platform-logos img{height:32px;width:auto;object-fit:contain}.solutions-section{padding:var(--section-y)0;background:#fff}.solutions-grid-new{display:flex;gap:24px;align-items:stretch;width:100%}.solution-card-new{display:flex;padding:36px;flex-direction:column;justify-content:space-between;gap:48px;flex:1;border-radius:18px;background:var(--color-bg-light);text-decoration:none;color:inherit;transition:box-shadow 0.3s,transform 0.3s}.solution-card-new:hover{box-shadow:0 4px 24px rgba(0,0,0,0.08);transform:translateY(-2px)}.solution-card--erp{background:linear-gradient(135deg,#36a4ff 0%,#0c7dfa 100%)!important;color:#fff!important}.solution-card--erp .solution-card-title{color:#fff!important}.solution-card--erp .solution-card-desc{color:rgba(255,255,255,0.95)!important}.solution-card-body{display:flex;flex-direction:column;gap:24px;flex:1}.solution-card-title{font-family:var(--font-geist);font-size:clamp(20px,1.7vw,24px);font-weight:600;line-height:125%;color:#000}.solution-card-desc{font-family:var(--font-inter);font-size:15px;font-weight:400;line-height:130%;color:var(--color-gray)}.btn-solution-more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:#212121;color:#fff;border-radius:10px;font-family:var(--font-inter);font-size:15px;font-weight:500;text-align:center;transition:background 0.25s ease,transform 0.2s ease}.solution-card-new:hover .btn-solution-more{background:#1080FB}.solution-card--erp .btn-solution-more{background:#212121!important;color:#fff!important}.solution-card--erp:hover .btn-solution-more{background:#192363!important}.feature-box{display:flex;padding:12px;border-radius:12px;background:#fff;flex:1;align-self:stretch}.feature-box-inner{display:flex;flex-direction:column;gap:12px;flex:1}.checklist-label{font-family:var(--font-inter);font-size:14px;font-weight:600;line-height:130%;color:var(--color-dark)}.checklist{display:flex;flex-direction:column;gap:10px}.checklist-item{display:flex;align-items:flex-start;gap:8px}.checklist-item svg{margin-top:2px;flex-shrink:0}.checklist-item span{flex:1;font-family:var(--font-inter);font-size:14px;font-weight:400;line-height:130%;color:var(--color-gray)}.solution-card--erp .feature-box{background:rgba(255,255,255,0.12)!important;border:1px solid rgba(255,255,255,0.1)}.solution-card--erp .checklist-label{color:#fff!important}.solution-card--erp .checklist-item span{color:rgba(255,255,255,0.95)!important}.problems-section{padding:var(--section-y)0 80px;background:var(--color-bg-blue)}.problems-inner{gap:48px}.problems-header{display:flex;justify-content:flex-end;align-items:flex-end;gap:32px;width:100%}.problems-heading-col{display:flex;flex-direction:column;align-items:flex-start;gap:32px;flex:1}.problems-body-text{flex:1;font-family:var(--font-inter);font-size:16px;font-weight:400;line-height:130%;color:var(--color-gray);margin:0}.problems-grid{display:flex;gap:24px;align-items:stretch;width:100%}.problem-card{display:flex;padding:36px;flex-direction:column;justify-content:center;gap:24px;flex:1;border-radius:18px;background:#fff}.problem-card svg{stroke:#E46E6E}.problem-card-label{font-family:var(--font-geist);font-size:18px;font-weight:400;line-height:125%;color:#000;min-height:46px;display:flex;flex-direction:column;justify-content:center;margin:0}.framework-section{padding:var(--section-y)0;background:#fff}.ce-timeline{width:100%;display:flex;flex-direction:column;gap:16px}.ce-timeline-label-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.ce-timeline-tag{display:inline-flex;padding:8px 18px;border-radius:12px;border:1px solid var(--color-border);background:#fff;font-size:14px;line-height:24px;color:#434343}.ce-timeline-tag.active{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary-contrast)}.ce-timeline-tag .check-dot{display:inline-flex;width:16px;height:16px;border-radius:50%;background:linear-gradient(146deg,#14D94C 31%,#0FA339 107%);align-items:center;justify-content:center;flex-shrink:0}.ce-timeline-bars{display:flex;gap:6px;width:100%}.ce-timeline-bar{display:flex;flex-direction:column;padding:10px 16px;border-radius:14px;background:var(--color-bg-light);gap:2px}.ce-timeline-bar.gradient-bar{background:linear-gradient(90deg,#1080FB 0%,#74B1FE 100%)}.ce-bar-label{font-size:14px;font-weight:500;line-height:130%;color:#434343;white-space:nowrap}.ce-bar-dur{font-size:11px;font-weight:500;color:#434343;line-height:130%}.ce-timeline-bar.gradient-bar .ce-bar-label,.ce-timeline-bar.gradient-bar .ce-bar-dur{color:#fff}.ce-iterasi-bar{flex-direction:row;justify-content:space-between;align-items:center;padding:12px 24px}.ce-iterasi-left{display:flex;flex-direction:column;gap:4px}.ce-iterasi-middle{flex:1;display:flex;flex-direction:column;align-items:stretch;margin:0 32px}.ce-iterasi-versions{display:flex;justify-content:space-between;font-size:11px;color:#fff;margin-bottom:4px;padding:0 8px}.ce-iterasi-dotted{border-bottom:2px dotted rgba(255,255,255,0.6);margin-bottom:8px}.ce-iterasi-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#fff}.ce-iterasi-right{display:flex;align-items:center}.portfolio-section{padding:var(--section-y)0;background:#fff}.portfolio-inner{max-width:1440px;margin:0 auto;padding:0 var(--section-x);display:flex;flex-direction:column;gap:48px}.portfolio-header{display:flex;justify-content:flex-end;align-items:flex-end;gap:24px;flex-wrap:wrap}.portfolio-headline{display:flex;flex-direction:column;align-items:flex-start;gap:32px;flex:1 1 300px;padding-right:40px}.portfolio-title{font-family:var(--font-geist);font-size:clamp(24px,2.5vw,36px);font-weight:600;line-height:125%;color:#000}.portfolio-subtitle{font-family:var(--font-inter);font-size:16px;font-weight:400;line-height:130%;color:var(--color-gray)}.portfolio-stats{display:flex;align-items:flex-start;gap:32px;flex:1 1 200px;flex-wrap:wrap}.portfolio-row{display:flex;align-items:flex-start;gap:24px}.portfolio-col{display:flex;flex-direction:column;align-items:flex-start;gap:48px;flex:1 0 0;min-width:0}.portfolio-col-offset{padding-top:120px}.portfolio-card{display:flex;flex-direction:column;align-items:flex-start;gap:32px;width:100%}.portfolio-image{height:558px;width:100%;border-radius:12px;overflow:hidden;object-fit:cover}.portfolio-info{display:flex;padding:0 8px;flex-direction:column;align-items:flex-start;gap:24px;width:100%}.portfolio-case-title{font-family:var(--font-geist);font-size:clamp(16px,1.4vw,20px);font-weight:500;line-height:130%;color:#000}.portfolio-case-footer{display:flex;justify-content:space-between;align-items:center;width:100%;gap:16px;flex-wrap:wrap}.client-logo{width:120px;height:auto;max-height:56px;object-fit:contain}.why-section{padding:clamp(48px,4.3vw,61px)0;background:var(--color-bg-blue)}.why-inner{max-width:1440px;margin:0 auto;padding:0 var(--section-x);display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.why-headline{display:flex;flex-direction:column;align-items:flex-start;gap:32px}.why-title{font-family:var(--font-geist);font-size:clamp(22px,2.5vw,36px);font-weight:600;line-height:125%;color:#000}.why-card{display:flex;padding:32px;flex-direction:column;align-items:flex-start;gap:24px;border-radius:18px;background:#fff;transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%}.why-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.05)}.why-card-title{font-family:var(--font-geist);font-size:clamp(18px,1.7vw,24px);font-weight:600;line-height:125%;color:#000}.why-card-title-onest{font-family:var(--font-onest)}.why-card-body{font-family:var(--font-inter);font-size:16px;font-weight:400;line-height:130%;color:var(--color-gray);flex:1}@media (max-width:1100px){.stats-inner{flex-direction:column;gap:40px;align-items:flex-start}.stats-right{flex-wrap:wrap}.portfolio-headline{padding-right:0}.why-inner{grid-template-columns:repeat(2,1fr)}.why-headline{grid-column:span 2;margin-bottom:12px}.solutions-grid-new{flex-direction:column}.solution-card-new{flex:none;width:100%}.problems-header{flex-direction:column;align-items:flex-start;gap:24px}.problems-body-text{flex:none}.problems-grid{flex-wrap:wrap}.problem-card{flex:1 1 calc(50% - 12px);min-width:200px}.ce-timeline-bars{flex-direction:column}.ce-iterasi-bar{flex-direction:column;align-items:flex-start;gap:16px}.ce-iterasi-middle{margin:0;width:100%}}@media (max-width:900px){.hero-content{flex-direction:column}.hero-visual{display:none}.hero-text{max-width:100%}.hero-thumbnails{flex-direction:column;height:auto;gap:24px;overflow-x:visible;padding-bottom:0}.hero-thumb{width:100%;max-width:100%;height:367px;flex:none;border-radius:16px}.solution-card-new{padding:24px}.solution-card-title{font-size:20px}.problem-card{flex:1 1 100%}.problems-grid{flex-direction:column}.portfolio-row{flex-direction:column}.portfolio-col-offset{padding-top:0}.portfolio-image{height:320px}.framework-step-title{font-size:18px}.framework-image{max-height:220px}.section-inner{gap:36px}}@media (max-width:640px){.hero-section{padding-top:80px;padding-bottom:40px;min-height:auto;background-size:cover;background-position:center}.hero-heading{font-size:clamp(22px,5.5vw,28px)}.hero-description{font-size:15px}.hero-cta-group{flex-direction:column;width:100%;gap:12px}.stats-section{padding:40px 0}.stats-inner{gap:32px}.stats-title{font-size:clamp(20px,5.5vw,28px);white-space:normal}.stats-numbers{gap:32px}.stats-body{font-size:15px}.solutions-section{padding:40px 0}.solutions-grid-new{gap:16px}.problems-section{padding:40px 0}.problems-grid{gap:16px}.framework-section{padding:40px 0}.framework-image{max-height:180px}.section-inner{gap:28px}.portfolio-section{padding:40px 0}.portfolio-inner{gap:32px}.portfolio-header{flex-direction:column;gap:24px}.portfolio-headline{padding-right:0;gap:16px}.portfolio-title{font-size:clamp(22px,5.5vw,28px)}.portfolio-stats{gap:20px}.portfolio-image{height:220px}.portfolio-case-title{font-size:15px}.portfolio-case-footer{flex-direction:column;align-items:flex-start;gap:12px}.client-logo{width:100px}.why-section{padding:40px 0}.why-inner{grid-template-columns:1fr;gap:16px}.why-headline{grid-column:span 1;gap:16px}.why-card{padding:24px;height:auto}.why-title{font-size:clamp(20px,5.5vw,28px)}.why-card-title{font-size:18px}}@media (max-width:380px){.hero-heading{font-size:24px}.why-card-title{font-size:16px}}@media print{.hero-section{display:none}.stats-section,.solutions-section,.problems-section,.framework-section,.portfolio-section,.why-section{padding:24px 0}}.hero-thumb-testimonial{background:linear-gradient(135deg,#0C7DFA 0%,#a4d3ff 100%);display:flex;flex-direction:column;justify-content:space-between;padding:24px;box-sizing:border-box}.testimonial-thumb-header{display:flex;align-items:center;gap:16px}.testimonial-thumb-percentage{font-family:var(--font-onest);font-size:48px;font-weight:700;color:#fff;line-height:1}.testimonial-thumb-stat-desc{font-family:var(--font-inter);font-size:14px;color:rgba(255,255,255,0.9);line-height:1.3}.testimonial-thumb-card{background:#fff;border-radius:16px;padding:20px 20px;position:relative;z-index:3;overflow:visible;margin-top:16px}.testimonial-thumb-card::before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:90%;height:100%;border-radius:16px;background:rgba(255,255,255,.35);z-index:-1}.hero-thumb-testimonial:hover .testimonial-thumb-card{transform:translateY(-2px);box-shadow:0 12px 30px rgba(12,125,250,0.2)}.testimonial-thumb-quote-icon{line-height:1;margin-bottom:-4px}.testimonial-thumb-quote-icon svg{opacity:0.8}.testimonial-thumb-text{font-family:var(--font-inter);font-size:14px;line-height:1.45;color:#344054;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.testimonial-thumb-author{display:flex;align-items:center;gap:8px;margin-top:4px;border-top:1px solid #f2f4f7;padding-top:8px}.testimonial-thumb-author-info{display:flex;align-items:center;gap:4px;font-family:var(--font-inter);font-size:10px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.testimonial-thumb-name{font-weight:600;color:#1d2939}.testimonial-thumb-separator{color:#d0d5dd}.testimonial-thumb-role{color:#667085}.testimonial-thumb-link{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-family:var(--font-inter);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:opacity 0.25s ease;width:fit-content;margin:0 auto}.testimonial-thumb-link:hover{opacity:0.9;text-decoration:underline}.testimonial-thumb-play-btn{width:20px;height:20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:transform 0.2s ease}.testimonial-thumb-link:hover .testimonial-thumb-play-btn{transform:scale(1.1)}.hero-thumb-case-study{position:relative}.btn-case-study{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background:#fff;border-radius:12px;border:1px solid #D1EBFA;padding:12px 24px;display:flex;align-items:center;gap:8px;color:#1d2939;font-family:var(--font-inter);font-size:14px;font-weight:500;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,0.06);transition:transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease;white-space:nowrap}.btn-case-study:hover{background:#f9fafb;transform:translateX(-50%) translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,0.1)}@media (max-width:640px){.hero-thumb-testimonial{padding:16px}.testimonial-thumb-percentage{font-size:36px}.testimonial-thumb-card{padding:12px}.testimonial-thumb-text{font-size:14px}.btn-case-study{padding:10px 20px;font-size:13px;bottom:16px}}.testimonial-thumb-slides-container{position:relative;width:100%;margin-top:0.75rem}.testimonial-thumb-slide{display:none;flex-direction:column;gap:10px;opacity:0;transition:opacity 0.3s ease-in-out}.testimonial-thumb-slide.active{display:flex;opacity:1}