.container-hero{display:flex;justify-content:space-between;align-items:center;padding:56px 0 0;isolation:isolate;background:#0a3995;flex:none;order:0;align-self:stretch;flex-grow:0}.wrapper-img-hero{flex-direction:row;align-items:flex-start;padding:0;gap:28px;flex:none;flex-grow:1}.container-absensi,.wrapper-img-hero{display:flex;justify-content:center;order:1;align-self:stretch}.container-absensi{position:relative;align-items:center;isolation:isolate;background:linear-gradient(188.73deg,#edf3ff 58.3%,#ffffff 59.08%);flex:none;flex-grow:0}.wrapper-absensi-left{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:40px 36px;background:radial-gradient(80.92% 251.96% at 9.08% .17%,rgba(6,33,87,.9) 0,rgba(21,94,239,.7) 100%);border:1px solid rgba(21,94,239,.1);backdrop-filter:blur(10px);border-radius:48px 16px}.absensi-line{height:0;border:1px solid #ffffff}.bg-line-absensi{position:absolute;height:150px;left:0;top:calc(50% - 150px / 2 + 49.05px);z-index:-1}.container-fitur{display:flex;flex-direction:column;align-items:center;padding:120px;gap:48px;isolation:isolate;height:1138px;flex:none;order:2;align-self:stretch;flex-grow:0}.wrapper-card-fitur{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:16px;background:rgba(255,255,255,.12);border:.5px solid #e2e8f0;backdrop-filter:blur(4px);border-radius:24px}.wrapper-card-ellipse{position:absolute;flex:none;order:0;flex-grow:0;z-index:0}.wrapper-card-text{display:flex;flex-direction:column;align-items:flex-end;gap:16px;width:330.67px;padding:32px 28px;flex:none;order:1;flex-grow:0;z-index:1}.wrapper-top-text{position:relative;width:100%;border-top-left-radius:20px;border-top-right-radius:20px}.wrapper-bottom-text{justify-content:center;padding:20px 0 0;height:92px;flex:none;order:1;align-self:stretch;flex-grow:0}.text-title-fitur,.wrapper-bottom-text{display:flex;flex-direction:row;align-items:center}.text-title-fitur{box-sizing:border-box;padding:32px 28px;isolation:isolate;width:386.67px;height:220px;border:1.5px solid #d0dffc;border-radius:24px;flex:none;order:0;flex-grow:1}.text-description-fitur{height:72px;font-size:16px;line-height:24px;text-align:justify;flex:none;order:0;flex-grow:1}.text-description-fitur,.text-fitur{font-family:Public Sans;font-style:normal;font-weight:400;color:#333333}.text-fitur{width:673px;height:52px;font-size:40px;line-height:52px;text-align:center}.section-attendence{display:flex;align-items:center}.wrapper-attendence-left{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px;flex:none;order:2;flex-grow:1;z-index:2}.wrapper-attendence-left h3{font-style:normal;font-weight:600;line-height:44px;color:#ffffff}.wrapper-attendence-left p{font-style:normal;font-weight:300;line-height:28px;color:#e2e8f0;flex:none;order:1;align-self:stretch;flex-grow:0}.wrapper-absensi-right{display:flex;flex-direction:row;align-items:center;padding:0;gap:60px;width:606px;height:413px;flex:none;order:3;flex-grow:0;z-index:3}.container-partner{display:flex;flex-direction:column;align-items:flex-start;gap:36px;isolation:isolate}.wrapper-partner{flex-direction:column;gap:10px}.wrapper-partner,.wrapper-partner-title{display:flex;justify-content:center;align-items:center}.wrapper-partner-title{flex-direction:row;padding:0;gap:8px}.wrapper-partner-title h1{font-style:normal;font-weight:400;line-height:52px;text-align:center;color:#333333}.wrapper-partner-title span{font-style:normal;font-weight:700;line-height:52px;text-align:center;color:#155eef;text-shadow:0 0 24px rgba(210,210,210,.48)}.container-solusi{align-items:center;justify-content:center;gap:10px}.container-solusi,.wrapper-solusi{display:flex;flex-direction:column}.wrapper-solusi{justify-content:flex-end;align-items:flex-end;gap:32px;isolation:isolate;background:linear-gradient(90deg,#0a3995,#082d76);border-radius:36px}.wrapper-solusi-title{display:flex;padding:0}.wrapper-solusi-title p{font-style:normal;font-weight:400;line-height:24px;color:#ffffff}.line-solusi{height:0;border:.5px solid #e2e8f0}.grad-solusi{position:absolute;left:0;top:calc(50% - 204px / 2 + 127px)}.wrapper-solusi-content,.wrapper-solusi-data{display:flex;padding:0;gap:36px}.wrapper-solusi-data{align-items:flex-end}.data-perusahaan{align-items:flex-start}.data-pengguna,.data-perusahaan{display:flex;justify-content:center}.data-pengguna{flex-direction:row;align-items:center}.container-harga{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:48px;isolation:isolate}.wrapper-harga{display:flex;align-items:center;justify-content:center;padding:0;gap:24px}.wrapper-harga-card{padding:0;gap:24px}.card-harga,.wrapper-harga-card{display:flex;align-items:flex-start}.card-harga{box-sizing:border-box;flex-direction:column;gap:20px;background:linear-gradient(180deg,#ffffff,#f1f5f9);border:1px solid #e2e8f0;box-shadow:1px 1px 20px rgba(0,0,0,.08);border-radius:40px}.card-harga-top{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px 0;gap:8px;width:328px;height:86px}.card-harga-top h3{width:76px;height:26px;font-style:normal;font-weight:700;font-size:22px;line-height:26px;color:#333333}.card-harga-top p{font-style:normal;font-weight:700;font-size:30px;line-height:36px;color:#155eef}.line-harga{width:328px;height:0;border:1px solid #d0dffc}.card-harga-main{flex-direction:column;align-items:flex-start;gap:8px;height:552px}.card-harga-main,.wrapper-check{display:flex;padding:0;width:328px}.wrapper-check{align-items:center;gap:16px;height:32px}.btn-harga{flex-direction:row;padding:12px 16px;gap:8px;width:328px;height:48px;background:#155eef;border-radius:24px}.btn-harga,.container-pengguna{display:flex;justify-content:center;align-items:center}.container-pengguna{flex-direction:column;padding:80px 0;gap:48px;isolation:isolate;background:url(/assets/images/homepage/doodle/grad-pengguna.png),#0a3995}.wrapper-pengguna-top{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px}.wrapper-pengguna-top h1{font-weight:400}.wrapper-pengguna-top h1,.wrapper-pengguna-top p{font-style:normal;text-align:center;color:#ffffff}.wrapper-pengguna-top p{font-weight:300}.wrapper-pengguna-bottom{flex-direction:row;justify-content:center;padding:0;gap:20px;width:1755px}.card-pengguna,.wrapper-pengguna-bottom{display:flex;align-items:flex-start;height:346px}.card-pengguna{box-sizing:border-box;flex-direction:column;padding:28px 24px;gap:16px;width:335px;background:rgba(255,255,255,.12);border:.5px solid #e2e8f0;backdrop-filter:blur(4px);border-radius:24px}.line-pengguna{width:287px;height:0;border:1px solid #d0dffc}.container-faq{justify-content:flex-end;align-items:center;gap:48px;isolation:isolate}.container-faq,.wrapper-faq-top{display:flex;flex-direction:column}.wrapper-faq-top{align-items:flex-start;padding:0;gap:12px}.wrapper-faq-top h1{font-style:normal;font-weight:700;color:#333333}.wrapper-faq-top p{font-style:normal;font-weight:300;color:#606060}.wrapper-faq-bottom{display:flex;padding:0;gap:48px}.faq-img{box-sizing:border-box;border:.5px solid #155eef;box-shadow:0 0 16px 4px rgba(21,94,239,.25);border-radius:16px}.wrapper-faq{display:flex;flex-direction:column;align-items:flex-start;padding:0}.container-form{align-items:center;gap:10px}.container-form,.wrapper-form{display:flex;flex-direction:column;justify-content:center}.wrapper-form{align-items:flex-start;gap:32px;isolation:isolate;background:radial-gradient(70.83% 143.23% at 70.83% 50.07%,#0c45b5 0,#082d76 59.55%);box-shadow:0 0 48px 4px rgba(21,94,239,.4);border-radius:48px}.wrapper-form-left{display:flex;align-items:center;padding:0;gap:10px}.wrapper-text-form{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;gap:12px}.wrapper-form-left h1{font-style:normal;font-weight:700;color:#ffffff}.wrapper-form-left p{font-style:normal;font-weight:400;color:#ffffff}.wrapper-form-left button{display:flex;justify-content:center;align-items:center;gap:8px;background:#ffffff;border-radius:24px}.wrapper-card-form{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:24px;background:rgba(255,255,255,.12);backdrop-filter:blur(2px);border-radius:36px}.wrapper-input-form{display:flex;align-items:center;justify-content:center;padding:0;gap:16px}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-25%)}}.animate-marquee{animation:marquee 20s linear infinite}