:root{--up-gradient-ai: linear-gradient(288deg, #0C7DFA -1.61%, #9BCAFD 62.97%, #F0A8A8 86%, #DEE357 112.28%);--up-navy: #192363;--up-red-icon: #E46E6E;--up-card-bg: #F6FAFC}.up-badge{display:inline-flex;padding:8px 18px;border-radius:12px;border:1px solid var(--color-border);color:var(--color-primary);font-size:14px;font-weight:400;line-height:24px;width:fit-content;background:rgba(16,128,251,0.04)}.up-badge.sm{font-size:12px}.up-ai-badge{display:inline-flex;padding:4px 16px;border-radius:100px;background:var(--up-gradient-ai);color:#fff;font-size:10px;font-weight:600;line-height:24px;width:fit-content}.up-section-title{font-family:var(--font-geist);font-size:clamp(28px,3vw,36px);font-weight:600;line-height:130%;color:#000}.up-section-desc{color:var(--color-gray, #706F72);font-size:16px;line-height:160%}.up-gradient-check{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:100px;background:var(--up-gradient-ai);flex-shrink:0}.up-hero{position:relative;min-height:480px;padding:154px 0 121px;background:linear-gradient(256deg,rgba(255,255,255,0) 25.27%,#FFF 70.84%),url(../images/bg-system-upgrade.webp)center/cover no-repeat;margin-top:72px}.up-hero-inner{max-width:1440px;margin:0 auto;padding:0 var(--section-x)}.up-hero-content{max-width:600px}.up-hero-badge{margin-bottom:24px}.up-hero-title{font-family:var(--font-geist);font-size:clamp(32px,3.5vw,42px);font-weight:600;line-height:130%;color:#000;margin-bottom:24px}.up-hero-sub{font-size:16px;font-weight:400;line-height:160%;color:var(--color-gray, #706F72);max-width:520px}.up-problem{background:var(--color-bg-light);padding:72px 0 88px}.up-problem-inner{max-width:1440px;margin:0 auto;padding:0 var(--section-x)}.up-problem-header{display:flex;align-items:flex-end;gap:32px;margin-bottom:48px}.up-problem-header-left{flex:1;display:flex;flex-direction:column;gap:32px}.up-problem-header-right{flex:1;font-size:16px;font-weight:400;line-height:160%;color:var(--color-gray, #706F72)}.up-problem-title{font-family:var(--font-geist);font-size:clamp(28px,3vw,36px);font-weight:600;line-height:130%;color:#000}.up-problem-cards{display:flex;gap:16px}.up-problem-card{flex:1;background:#fff;border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:24px;transition:transform 0.3s ease,box-shadow 0.3s ease}.up-problem-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.06)}.up-problem-card svg{width:24px;height:24px;flex-shrink:0}.up-problem-card-title{font-family:var(--font-geist);font-size:18px;font-weight:500;line-height:130%;color:#000}.up-solution{background:#fff;padding:72px 0 80px}.up-solution-center{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center;max-width:720px;margin:0 auto 48px;padding:0 var(--section-x)}.up-solution-cards{display:flex;gap:24px;margin-bottom:24px;max-width:1440px;margin-left:auto;margin-right:auto;padding:0 var(--section-x)}.up-solution-card{flex:1;background:var(--up-card-bg);border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:24px;transition:transform 0.3s ease,box-shadow 0.3s ease}.up-solution-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(16,128,251,0.08)}.up-solution-card-title{font-family:var(--font-geist);font-size:24px;font-weight:600;line-height:130%;color:#000}.up-solution-card-desc{font-size:15px;font-weight:400;line-height:160%;color:var(--color-gray, #706F72)}.up-foundation-row{display:flex;gap:24px;max-width:1440px;margin:0 auto;padding:0 var(--section-x)}.up-foundation-label{font-size:14px;color:var(--color-gray, #706F72);line-height:160%;min-width:200px}.up-foundation-checks{display:flex;gap:24px;flex:1}.up-foundation-check-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-gray, #706F72);flex:1}.up-ai{background:var(--up-card-bg);padding:72px 0}.up-ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1440px;margin:0 auto;padding:0 var(--section-x)}.up-ai-card{background:#fff;border-radius:18px;padding:36px;display:flex;flex-direction:column;gap:24px;transition:transform 0.3s ease,box-shadow 0.3s ease}.up-ai-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(16,128,251,0.08)}.up-ai-card-meta{display:flex;flex-direction:column;gap:16px}.up-ai-card-title{font-family:var(--font-geist);font-size:24px;font-weight:600;line-height:130%;color:#000}.up-ai-card-desc{font-size:15px;font-weight:400;line-height:160%;color:var(--color-gray, #706F72)}.up-ai-card-img{height:200px;object-fit:contain;border-radius:12px;width:100%;flex-shrink:0}.up-how{padding:96px 0 90px;background:#fff}.up-how-inner{max-width:1440px;margin:0 auto;padding:0 var(--section-x);display:flex;flex-direction:column;gap:51px;align-items:center}.up-how-header{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;text-align:center}.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:10px 22px;border-radius:12px;border:1px solid var(--color-border);background:#fff;font-size:14px;line-height:24px;color:#434343;align-items:center;gap:8px}.ce-timeline-tag.active{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:12px 22px;border-radius:16px;background:var(--color-bg-light);gap:4px;min-height:80px;justify-content:flex-end}.ce-timeline-bar.gradient-bar{background:linear-gradient(90deg,#1080FB 0%,#74B1FE 100%)}.ce-bar-label{font-size:16px;font-weight:500;line-height:130%;color:#434343}.ce-bar-dur{font-size:13px;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;min-height:80px}.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}@media (max-width:1200px){}@media (max-width:992px){.up-hero{padding:130px 0 80px}.up-hero-title{font-size:32px}.up-problem{padding:48px 0 56px}.up-problem-header{flex-direction:column;align-items:flex-start;gap:16px}.up-problem-cards{flex-wrap:wrap;gap:12px}.up-problem-card{flex:1 1 calc(50% - 8px)}.up-solution{padding:48px 0}.up-solution-cards{flex-wrap:wrap;gap:16px}.up-solution-card{flex:1 1 calc(50% - 8px)}.up-foundation-row{flex-direction:column;align-items:flex-start;gap:12px;padding:0 var(--section-x)}.up-foundation-checks{flex-direction:column;gap:8px}.up-ai{padding:48px 0}.up-ai-grid{grid-template-columns:1fr}.up-how{padding:48px 0}.ce-timeline-bars{flex-direction:column;gap:10px}.ce-timeline-bar{flex:none!important;width:100%}.ce-iterasi-bar{flex-direction:column;align-items:flex-start;gap:16px}.ce-iterasi-middle{margin:0;width:100%}}@media (max-width:600px){.up-problem-card{flex:1 1 100%}.up-solution-card{flex:1 1 100%}.up-hero-title{font-size:26px}.up-section-title{font-size:26px}.up-problem-title{font-size:26px}}