@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
.absensi-body{color:#111827;background:#fff;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.absensi-hero-bg{background-image:url(/backround_feature_absen.png);background-position:top;background-repeat:no-repeat;background-size:cover;min-height:auto;padding:12px 0 28px;position:relative;overflow:hidden}.container{width:1400px;max-width:98%;margin:0 auto;padding:0 16px}@media (max-width:768px){.container{max-width:100%;padding:0 20px}}.absensi-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;min-height:auto;padding:24px 0 40px;display:grid;position:relative}.absensi-hero .hero-copy{flex-direction:column;justify-content:center;max-width:640px;margin-top:0;display:flex}.absensi-hero .hero-copy h1{color:#0b3f8c;letter-spacing:-.02em;margin-bottom:20px;font-size:44px;font-weight:800;line-height:1.22}.absensi-hero .hero-copy h1 span.highlight{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.absensi-hero .hero-copy p{color:#4b5563;max-width:560px;margin-bottom:30px;font-size:15.5px;line-height:1.75}.absensi-hero .hero-btns{align-items:center;gap:16px;display:flex}.btn-absensi-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb40}.btn-absensi-primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb59}.btn-arrow{font-size:16px;line-height:1;transition:transform .2s;display:inline-block}.btn-absensi-primary:hover .btn-arrow{transform:translate(3px)}.btn-absensi-outline{color:#0b3f8c;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,transform .15s;display:inline-flex}.btn-absensi-outline:hover{color:#2563eb;border-color:#2563eb;transform:translateY(-2px)}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-preview-wrapper{justify-content:center;align-items:center;width:100%;max-width:520px;display:flex;position:relative}.hero-preview-image{object-fit:cover;border-radius:18px;width:100%;max-width:520px;height:auto;display:block;box-shadow:0 20px 48px #0f172a1f,0 0 0 1px #0000000a}.hero-floating-widget{z-index:10;-webkit-backdrop-filter:blur(16px);white-space:nowrap;background:#fffffff5;border:1.5px solid #e2e8f0f2;border-radius:16px;align-items:center;gap:12px;padding:10px 16px;animation:4s ease-in-out infinite alternate floatWidget;display:inline-flex;position:absolute;box-shadow:0 14px 34px #0f172a1f,0 2px 8px #0f172a0a}.widget-top-right{top:-8px;right:-16px}.widget-bottom-left{animation-delay:-2s;bottom:16px;left:-18px}@keyframes floatWidget{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.widget-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.widget-icon.green-icon{background:#dcfce7;border:1px solid #bbf7d0}.widget-icon.blue-icon{background:#eff6ff;border:1px solid #dbeafe}.widget-info{flex-direction:column;line-height:1.35;display:flex}.widget-subtitle{color:#64748b;letter-spacing:.2px;font-size:11px;font-weight:600}.widget-title{color:#0f172a;font-size:14px;font-weight:800}.absensi-security-section{background:#f8f9ff;padding:60px 0}.absensi-section-title-center{text-align:center;max-width:700px;margin:0 auto 50px}.absensi-section-title-center h2{color:#0b3f8c;letter-spacing:-.02em;margin-bottom:16px;font-size:36px;font-weight:800}.absensi-section-title-center p{color:#6b7280;font-size:16px;line-height:1.7}.absensi-security-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.absensi-security-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:40px;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #0f172a05}.absensi-security-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0f172a0f}.absensi-security-card .icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:24px;font-size:22px;display:flex}.absensi-security-card .icon-wrapper.purple{color:#9333ea;background:#f3e8ff}.absensi-security-card .icon-wrapper.gold{color:#d97706;background:#fef3c7}.absensi-security-card h3{color:#0b4a9e;margin-bottom:14px;font-size:22px;font-weight:700}.absensi-security-card p{color:#4b5563;font-size:15px;line-height:1.8}.absensi-integration-section{background:#fff;padding:80px 0}.absensi-integration-card-wrapper{background:#f3f6fd;border:1px solid #e2e8f0d9;border-radius:32px;padding:56px 48px;box-shadow:0 10px 40px #0f172a08}.absensi-integration-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;display:grid}.absensi-features-layout-grid{grid-template-columns:1fr 1fr;align-items:center;gap:16px;display:grid}.feature-column{flex-direction:column;gap:16px;display:flex}.feature-column.right-col{margin-top:0}.absensi-feature-sub-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:16px;flex-direction:column;align-items:flex-start;gap:6px;min-height:98px;padding:18px 20px;transition:all .25s;display:flex;box-shadow:0 4px 18px #0f172a08}.absensi-feature-sub-card:hover{border-color:#2563eb4d;transform:translateY(-3px);box-shadow:0 12px 30px #0f172a0f}.absensi-feature-sub-card .sub-icon{color:#0b4a9e;justify-content:center;align-items:center;margin-bottom:2px;font-size:20px;display:flex}.absensi-feature-sub-card h4{color:#0b4a9e;margin:0;font-size:15px;font-weight:700}.absensi-feature-sub-card p{color:#6b7280;margin:0;font-size:12.5px;line-height:1.45}.absensi-integration-content{flex-direction:column;display:flex}.absensi-integration-content p.desc{color:#4b5563;margin-bottom:28px;font-size:15px;line-height:1.8}.absensi-checklist{flex-direction:column;gap:16px;margin-bottom:36px;display:flex}.absensi-checklist-item{align-items:center;gap:12px;display:flex}.absensi-checklist-item .check-circle{color:#fff;background:#0b4a9e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;min-height:20px;display:flex}.absensi-checklist-item span{color:#1f2937;font-size:15px;font-weight:600}.btn-primary-purple{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:999px;align-self:flex-start;padding:14px 32px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #7c3aed59}.btn-primary-purple:hover{background:#6d28d9;transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed73}.absensi-payroll-section{background-image:url("/Gradient (1).png");background-position:50%;background-repeat:no-repeat;background-size:cover;padding:70px 0 85px}.absensi-payroll-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;display:grid}.absensi-payroll-content h2{color:#0b3f8c;letter-spacing:-.02em;margin-bottom:20px;font-size:32px;font-weight:800}.absensi-payroll-content p{color:#5b6474;margin-bottom:36px;font-size:15px;line-height:1.8}.absensi-payroll-stats-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.absensi-payroll-stat-card{box-shadow:none;background:#eff6ff;border:none;border-radius:16px;padding:24px}.absensi-payroll-stat-card h3{color:#0b4a9e;margin:0 0 6px;font-size:32px;font-weight:800}.absensi-payroll-stat-card:nth-child(2) h3{color:#0b4a9e}.absensi-payroll-stat-card p{color:#475569;margin:0;font-size:14px;font-weight:600;line-height:1.5}.absensi-payroll-visual{justify-content:center;align-items:center;display:flex}.salary-sync-preview-img{border-radius:24px;width:100%;max-width:440px;height:auto;transition:transform .3s;display:block;box-shadow:0 20px 45px #003a7f29}.salary-sync-preview-img:hover{transform:translateY(-4px)}.absensi-ess-section{background:#f8f9ff;padding:100px 0 120px}.absensi-ess-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;display:grid}.absensi-ess-visual{justify-content:center;align-items:center;display:flex}.ess-preview-image{filter:drop-shadow(0 25px 40px #00000014);width:100%;max-width:550px;height:auto;transition:transform .3s;display:block}.absensi-ess-visual:hover .ess-preview-image{transform:translateY(-5px)}.absensi-ess-content h2{color:#0b3f8c;letter-spacing:-.02em;margin-bottom:20px;font-size:36px;font-weight:800;line-height:1.25}.absensi-ess-content p.desc{color:#4b5563;margin-bottom:36px;font-size:16px;line-height:1.8}.absensi-ess-features{flex-direction:column;gap:28px;display:flex}.absensi-ess-item{gap:20px;display:flex}.absensi-ess-item .ess-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.absensi-ess-item .ess-icon.purple-bg{color:#9333ea;background:#f3e8ff}.absensi-ess-item .ess-icon.gold-bg{color:#d97706;background:#fef3c7}.absensi-ess-item h4{color:#111827;margin:0 0 6px;font-size:18px;font-weight:700}.absensi-ess-item p{color:#4b5563;margin:0;font-size:14px;line-height:1.6}@media (max-width:1200px){.absensi-hero .hero-copy h1{font-size:40px}.absensi-hero{gap:36px}}@media (max-width:1024px){.absensi-hero{text-align:center;grid-template-columns:1fr;gap:32px;min-height:auto;padding:32px 0 48px;display:grid}.absensi-hero .hero-copy{grid-row:2;align-items:center;margin:32px auto 0}.absensi-hero .hero-visual{grid-row:1}.absensi-hero .hero-btns{justify-content:center}.absensi-security-grid{grid-template-columns:1fr}.absensi-integration-grid,.absensi-payroll-grid,.absensi-ess-grid{grid-template-columns:1fr;gap:40px}.hero-visual{max-width:480px;margin:0 auto}.absensi-payroll-card-wrapper{padding:40px 32px}}@media (max-width:768px){.absensi-hero .hero-copy h1{font-size:32px;line-height:1.3}.absensi-hero .hero-copy h1 br{display:none}.absensi-hero .hero-btns{flex-direction:column;align-items:stretch;gap:10px}.btn-absensi-primary,.btn-absensi-outline{text-align:center;justify-content:center;width:100%}.absensi-stats,.absensi-features-layout-grid{grid-template-columns:1fr}.feature-column.right-col{margin-top:0}.absensi-payroll-stats-row{grid-template-columns:1fr}.absensi-ess-visual{max-width:360px;margin:0 auto}.absensi-section-title-center h2{font-size:28px}.absensi-payroll-content h2{font-size:26px}.absensi-ess-content h2{text-align:center;font-size:28px}.absensi-integration-section{padding:50px 0}.absensi-payroll-section{padding:50px 0 60px}.absensi-ess-section{padding:60px 0}.absensi-security-section{padding:40px 0}}@media (max-width:600px){.absensi-hero .hero-copy h1{font-size:28px}.absensi-hero-bg{padding:16px 0 32px}.hero-floating-widget{border-radius:12px;gap:8px;padding:6px 10px}.widget-top-right{top:-8px;right:4px}.widget-bottom-left{bottom:8px;left:4px}.widget-icon{width:28px;height:28px}.widget-icon svg{width:14px;height:14px}.widget-subtitle{font-size:9.5px}.widget-title{font-size:11px}.absensi-security-card{border-radius:18px;padding:28px 24px}.absensi-payroll-card-wrapper{border-radius:20px;padding:28px 20px}.salary-sync-card{padding:24px 20px}.absensi-ess-content h2{font-size:24px}.absensi-ess-item h4{font-size:16px}}@media (max-width:420px){.absensi-hero .hero-copy h1{font-size:24px}.absensi-feature-sub-card{min-height:auto;padding:16px}}