:root{--color-primary:#0870B8;--color-primary-dark:#094074;--color-secondary:#FFCE3E;--color-bg-light:#EBF9FF;--color-text-dark:#000C1B;--color-text-gray:#5a6a7a;--color-white:#FFFFFF;--color-black:#000000;--font-family:"Figtree",Sans-serif;--shadow-sm:0 2px 10px rgba(0,0,0,0.1);--shadow-md:0 10px 30px rgba(0,0,0,0.15);--shadow-lg:0 15px 50px rgba(8,112,184,0.12);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px;--border-radius-xl:30px;--transition-base:all 0.3s ease;--transition-bounce:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}body{font-family:var(--font-family) !important;margin:0;padding:0;padding-top:76px}nav{padding:0}nav a{margin-left:20px}.navbar-brand{margin-right:auto}.logo-container{display:flex;gap:10px}.logo-printer{width:35px;height:auto}.logo-text{text-align:right;margin-top:5px}.logo-title{font-family:'Poppins',sans-serif;font-size:14px;font-weight:900;margin-bottom:-3px;-webkit-text-stroke:0.3px currentColor}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/webfonts/poppins/poppins-v24-latin-700.woff2') format('woff2')}@font-face{font-family:'Poppins';font-style:normal;font-weight:900;font-display:swap;src:url('/assets/webfonts/poppins/poppins-v24-latin-900.woff2') format('woff2')}@font-face{font-family:'Figtree';font-style:normal;font-weight:300;font-display:swap;src:url('/assets/webfonts/figtree/figtree-v9-latin-300.woff2') format('woff2')}@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/webfonts/figtree/figtree-v9-latin-500.woff2') format('woff2')}@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/webfonts/figtree/figtree-v9-latin-600.woff2') format('woff2')}@font-face{font-family:'Figtree';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/webfonts/figtree/figtree-v9-latin-700.woff2') format('woff2')}@font-face{font-family:'Figtree';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/webfonts/figtree/figtree-v9-latin-800.woff2') format('woff2')}@font-face{font-family:'Figtree';font-style:normal;font-weight:900;font-display:swap;src:url('/assets/webfonts/figtree/figtree-v9-latin-900.woff2') format('woff2')}.logo-subtitle{font-size:10px;font-weight:900}.logo-powered-by{font-size:7px}.logo-print{font-weight:500}.logo-registered{font-size:8px}.btn-masuk{background-color:var(--color-white);color:var(--color-primary)}.btn-daftar{background-color:var(--color-primary);color:var(--color-white)}.btn-daftar:hover{background-color:var(--color-primary-dark);color:var(--color-white)}.nav-link-custom{font-size:16px}.navbar-collapse{display:none !important}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:5px;margin-right:15px;z-index:1001}.hamburger-line{width:25px;height:3px;background-color:var(--color-primary);margin:3px 0;border-radius:3px;transition:var(--transition-base)}.hamburger-btn.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:var(--transition-base);z-index:1002}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(180deg,var(--color-white) 0%,var(--color-bg-light) 100%);z-index:1003;transition:left 0.4s cubic-bezier(0.25,0.46,0.45,0.94);overflow-y:auto;display:flex;flex-direction:column}.mobile-menu.active{left:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px;border-bottom:1px solid rgba(8,112,184,0.1);background:var(--color-white);position:sticky;top:0;z-index:10}.mobile-logo-container{gap:15px}.mobile-logo-img{width:40px}.mobile-logo-text{text-align:left;margin-top:5px}.mobile-logo-title{font-size:16px;font-weight:900;margin-bottom:-3px}.mobile-logo-subtitle{font-size:8px;font-weight:900}.mobile-logo-powered{font-size:5px}.mobile-logo-print{font-weight:500}.mobile-logo-reg{font-size:5px}.close-menu-btn{width:40px;height:40px;border:none;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-base)}.close-menu-btn:hover{background:var(--color-primary);color:white}.close-menu-btn i{font-size:18px;color:#333}.close-menu-btn:hover i{color:white}.mobile-menu-content{flex:1;padding:20px 0;display:flex;flex-direction:column}.mobile-nav-list{list-style:none;padding:0;margin:0}.mobile-nav-item{border-bottom:1px solid rgba(8,112,184,0.08)}.mobile-nav-link{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;color:var(--color-black);text-decoration:none;font-weight:600;font-size:16px;transition:var(--transition-base)}.mobile-nav-link:hover{background:rgba(8,112,184,0.05);color:var(--color-primary)}.mobile-nav-link i{font-size:12px;color:#999;transition:transform 0.3s ease}.mobile-nav-link i.rotated{transform:rotate(180deg)}.mobile-submenu{display:none;background:rgba(8,112,184,0.03);padding-left:0;margin:0;list-style:none}.mobile-submenu.active{display:block}.mobile-submenu>li>a{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 14px 35px;color:var(--color-black);text-decoration:none;font-weight:500;font-size:14px;transition:var(--transition-base);border-bottom:1px solid rgba(8,112,184,0.05)}.mobile-submenu>li>a:hover{background:rgba(8,112,184,0.08);color:var(--color-primary)}.mobile-submenu>li>a i{font-size:10px;color:#999;transition:transform 0.3s ease}.mobile-submenu>li>a i.rotated{transform:rotate(180deg)}.mobile-submenu-nested{display:none;background:rgba(8,112,184,0.05);padding-left:0;margin:0;list-style:none}.mobile-submenu-nested.active{display:block}.mobile-submenu-nested li a{display:block;padding:12px 20px 12px 50px;color:var(--color-black);text-decoration:none;font-weight:400;font-size:13px;transition:var(--transition-base);border-bottom:1px solid rgba(8,112,184,0.03)}.mobile-submenu-nested li a:hover{background:rgba(8,112,184,0.1);color:var(--color-primary)}.mobile-menu-buttons{padding:25px 20px;display:flex;flex-direction:column;gap:15px;margin-top:auto}.btn-masuk-mobile{display:block;padding:14px 25px;text-align:center;border:2px solid var(--color-primary);border-radius:10px;color:var(--color-primary);font-weight:600;font-size:16px;text-decoration:none;transition:var(--transition-base)}.btn-masuk-mobile:hover{background:var(--color-primary);color:white}.btn-daftar-mobile{display:block;padding:14px 25px;text-align:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:10px;color:white;font-weight:600;font-size:16px;text-decoration:none;transition:var(--transition-base);box-shadow:0 4px 15px rgba(8,112,184,0.3)}.btn-daftar-mobile:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(8,112,184,0.4);color:white}.banner{width:100%;overflow:hidden}.banner-image{width:100%;position:relative;aspect-ratio:15 / 6;background-color:#f0f0f0}.banner-image img{width:100%;height:100%;display:block;object-fit:cover}.banner.full-height .banner-image img{height:400px;object-fit:cover}.jumbotron{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.jumbotron a{text-decoration:none}.carousel-item{position:relative;min-height:auto}.carousel-item img{min-height:unset;height:100%;position:absolute;top:0;left:0;width:100%;object-fit:cover;z-index:-1}.image-overlay{display:none}.text-overlay{position:relative;top:auto;left:auto;padding:30px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;width:100%}.text-overlay h1{color:var(--color-black);font-weight:900;font-size:6vw;text-align:center}.text-overlay h2{color:var(--color-text-dark);font-weight:700;font-size:3.8vw;margin-top:15px;text-align:center}.text-overlay h2 span{color:#D60000}.text-overlay h3{color:var(--color-text-dark);font-weight:700;font-size:12px;margin-left:0;text-align:center}.text-overlay h3 u{text-decoration:none;color:var(--color-black)}.hero-left{width:100%}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px;max-width:500px;margin-left:auto;margin-right:auto}.feature-item{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--border-radius-md);transition:transform 0.3s ease;text-align:center;align-items:center}.feature-icon{width:35px;height:35px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.0rem;flex-shrink:0}.feature-text{color:#333}.feature-text-header{font-weight:700;font-size:1rem}.feature-text-content{font-weight:500;font-size:0.8rem;max-width:250px}.hero-right{width:100%;background:transparent;padding:25px 15px;border-radius:var(--border-radius-lg);box-shadow:none}.hero-right h3{color:var(--color-primary);font-weight:800;font-size:5vw;margin-bottom:25px;text-align:center}.hero-right ul{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;list-style:none;padding:0;margin:0 auto 25px auto;max-width:620px}.hero-right ul li{padding:25px 15px;margin-bottom:0;background:white;border-radius:15px;border-left:none;border-bottom:4px solid var(--color-primary);font-weight:600;color:#333;font-size:16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;box-shadow:0 4px 10px rgba(0,0,0,0.1);transition:var(--transition-base)}.hero-right ul li:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:white;transform:translateY(-3px)}.hero-right .cta-button{display:block;width:100%;padding:16px 25px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:white;text-align:center;border-radius:25px;font-weight:700;font-size:4vw;text-decoration:none;transition:var(--transition-base);margin:0}.hero-right .cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(8,112,184,0.4);color:white}.swiper-jumbotron{width:100%;min-width:100px;min-height:50px;max-width:100%;max-height:auto}.swiper-jumbotron .swiper-button-next,.swiper-jumbotron .swiper-button-prev{background-color:transparent;padding:10px;border-radius:100%;border:0;color:var(--color-primary)}.swiper-jumbotron [class^="swiper-button-"]::after{font-size:15px;padding:10px;color:var(--color-primary)}.masalah{padding:50px 0}.masalah-container{max-width:1100px;margin:0 auto;padding:0 20px}.masalah-header{text-align:center;margin-bottom:50px}.masalah-header h2{font-size:22px;font-weight:800;color:var(--color-primary);margin-bottom:12px}.masalah-header h5{color:var(--color-text-gray);font-size:14px}.masalah-grid{display:grid;grid-template-columns:1fr;gap:0}.masalah-list{list-style:none;padding:0;margin:0}.masalah-list li{padding:14px 0;border-bottom:1px solid #eee;font-size:15px;color:#3a4a5a;display:flex;align-items:center;gap:12px;transition:var(--transition-base)}.masalah-list li:last-child{border-bottom:1px solid #eee}.masalah-list:last-child li:last-child{border-bottom:none}.masalah-list li:hover{padding-left:10px;color:var(--color-primary)}.masalah-list li::before{content:'';width:6px;height:6px;background:var(--color-primary);border-radius:50%;flex-shrink:0}.cta-wrapper{text-align:center;margin-top:50px}.btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);font-size:14px;font-weight:700;text-decoration:none;border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:var(--transition-base);box-shadow:0 8px 25px rgba(8,112,184,0.3)}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(8,112,184,0.4);color:var(--color-white)}.btn-cta .badge{background:var(--color-secondary);color:#0A1628;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:800}.keunggulan{padding:20px 0}.keunggulan-bg{background-color:var(--color-bg-light)}.content-headline{padding:50px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.content-headline h2{font-size:20px}.content-headline button{background-color:var(--color-primary);color:var(--color-white);font-size:15px;padding:5px 25px;border-radius:var(--border-radius-sm)}.content-headline button:hover{background-color:var(--color-primary-dark)}.content-subheadline{padding:50px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.subheadline1,.subheadline2,.subheadline3,.subheadline4,.subheadline5{border-radius:var(--border-radius-xl);width:85%;height:280px;overflow:hidden;box-sizing:border-box}.keunggulan-img{border-radius:var(--border-radius-xl);height:280px;width:100%;object-fit:cover}.keunggulan-img-1{object-position:13%}.keunggulan-img-3{object-position:top}.keunggulan-img-5{object-fit:cover;object-position:center}.gradient{background-image:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(14,147,214,1) 70%);height:100%;width:100%;position:absolute;top:0;left:0;opacity:0.5;border-radius:var(--border-radius-xl)}.keunggulan-details{position:absolute;top:60%;color:var(--color-white)}.keunggulan-details h3{font-size:18px}.keunggulan-details h4{font-size:15px;font-weight:300}.tracking-printer{padding:50px 15px;position:relative;overflow:hidden}.tracking-container{max-width:600px;margin:0 auto;position:relative;z-index:1}.tracking-printer h2{font-size:clamp(24px,5vw,32px);font-weight:800;color:var(--color-primary-dark);text-align:center;margin-bottom:12px}.tracking-subtitle{text-align:center;color:var(--color-text-gray);font-size:15px;margin-bottom:35px;line-height:1.6}.tracking-card{background:white;border-radius:var(--border-radius-lg);padding:25px 20px;box-shadow:var(--shadow-lg);border:1px solid rgba(8,112,184,0.08)}.form-label{display:block;font-weight:600;color:#333;margin-bottom:10px;font-size:14px}.input-wrapper{position:relative;margin-bottom:15px}.input-wrapper i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--color-primary);font-size:18px}.tracking-input{width:100%;padding:16px 18px;border:2px solid #e8e8e8;border-radius:var(--border-radius-md);font-size:16px;font-family:var(--font-family);transition:var(--transition-base);background:#fafafa}.tracking-input:focus{outline:none;border-color:var(--color-primary);background:white;box-shadow:0 0 0 4px rgba(8,112,184,0.1)}.tracking-input::placeholder{color:#aaa}.btn-track{width:100%;padding:16px 30px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:white;border:none;border-radius:var(--border-radius-md);font-size:16px;font-weight:700;font-family:var(--font-family);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 25px rgba(8,112,184,0.3)}.btn-track:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(8,112,184,0.4)}.btn-track:active{transform:translateY(-1px)}.btn-track i{font-size:18px;transition:transform 0.3s ease}.btn-track:hover i{transform:translateX(3px)}.lokasi{background-color:var(--color-bg-light);padding:50px 20px}.lokasi h2{font-size:20px;text-align:center;font-weight:bold}.card-lokasi{margin-top:50px;width:100%}.card-lokasi img{border-radius:var(--border-radius-xl)}.card-list .card-item{list-style:none}.card-item{background-color:var(--color-white);height:auto}.surabaya,.bandung,.jakarta,.bekasi{padding:16px;border-radius:var(--border-radius-xl)}.jakarta img,.bekasi img{filter:brightness(0.5)}.lokasi-img{width:90%}.lokasi-desc{width:100%}.href-lokasi{background-color:var(--color-primary);border-radius:5px}.href-lokasi:hover{background-color:var(--color-primary-dark)}.swiper-pagination-lokasi{text-align:center;position:relative;margin-top:20px}.swiper-lokasi [class^="swiper-button-"]::after{font-size:30px;color:var(--color-primary)}.card-item img{width:90%}.lokasi-title{font-size:1.25rem;margin-bottom:0.5rem}.testimonials{padding:50px 20px}.testimoni-headline h2{font-size:20px;font-weight:bold;text-align:center}.testimoni-subheadline h5{font-size:15px;font-weight:bold;text-align:center}.swiper-testimonial{width:300px;height:400px;background:var(--color-white);box-shadow:rgba(0,0,0,0.24) 0px 3px 8px}.swiper-testimonial .swiper-wrapper{width:100%;height:100%}.testimoni1,.testimoni2,.testimoni3,.testimoni4{display:flex;flex-direction:column;justify-content:center;align-items:center;height:10%}.testimoni1 img,.testimoni2 img,.testimoni3 img,.testimoni4 img{width:100%;height:370px;object-fit:cover;object-position:0 130px}.testimoni-details{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;margin:20px;padding:0 20px}.testimoni-quote{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:-10px}.testimoni-quote p{font-size:12px}.quotes-icon{width:100%}.quote-icon{font-size:24px;color:#dfe4ea}.bxs-quote-alt-right{float:right;margin-top:-10px}.testimoni-user{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.name{font-size:13px;font-weight:800;color:#4834d4}.job{font-size:13px;font-weight:800;color:#333}.testimoni3 .testimoni-user{margin-top:55px}.btn-shake{padding:10px 30px;width:75%;display:block;background:var(--color-primary);color:var(--color-white);font-size:10px;text-align:center;margin:auto;border-radius:5px}.btn-shake:hover{animation:effect 0.4s infinite}@keyframes effect{0%{transform:translateX(0px) rotate(0deg)}20%{transform:translateX(-1px) rotate(-1deg)}40%{transform:translateX(-1px) rotate(-1deg)}60%{transform:translateX(1px) rotate(1deg)}80%{transform:translateX(1px) rotate(1deg)}100%{transform:translateX(0px) rotate(0deg)}}.swiper-slide{background-position:center;background-size:cover}.swiper-slide img{display:block}.swiper-pagination-bullet{width:10px !important;height:10px !important}#backToTop{position:fixed;bottom:20px;right:20px;padding:8px 12px;font-size:14px;background-color:var(--color-black);color:var(--color-white);border:none;border-radius:var(--border-radius-sm);cursor:pointer;z-index:1000;display:none;transition:var(--transition-base)}#backToTop:hover{background-color:var(--color-black)}#backToTop span{font-size:30px}footer{background:var(--color-white);background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(127,217,250,1) 100%)}footer a{text-decoration:none;color:var(--color-black)}footer a:hover{text-decoration:underline;color:var(--color-black)}footer i{display:none}.footer-logo{width:180px}.fa:hover,.fab:hover{font-size:23px}.footer-title{font-size:1.25rem;margin-bottom:0.5rem}.promo{padding:60px 20px;background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-white) 50%,var(--color-bg-light) 100%)}.promo h2{color:var(--color-primary-dark);margin-bottom:10px}.swiper-promo{padding:20px 20px 50px 20px;max-width:1400px;margin:0 auto}.promo-card{background:linear-gradient(135deg,var(--color-white) 0%,#F8FBFF 100%);border-radius:var(--border-radius-lg);padding:30px 20px;text-align:center;box-shadow:0 10px 40px rgba(8,112,184,0.15);position:relative;overflow:hidden;transition:var(--transition-bounce);border:2px solid transparent;height:100%;display:flex;flex-direction:column;justify-content:space-between}.promo-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark))}.promo-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(8,112,184,0.25);border-color:var(--color-primary)}.promo-card-alt{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:white}.promo-card-alt::before{background:linear-gradient(90deg,var(--color-secondary),#FFB800)}.promo-card-alt .promo-desc,.promo-card-alt .promo-period{color:rgba(255,255,255,0.9)}.promo-card-gold{background:linear-gradient(135deg,#FFF9E6 0%,#FFFDF5 100%);border:2px solid var(--color-secondary)}.promo-card-gold::before{background:linear-gradient(90deg,var(--color-secondary),#FFB800,var(--color-secondary))}.promo-badge{position:absolute;top:15px;right:-35px;background:linear-gradient(90deg,#FF4757,#FF6B7A);color:white;padding:5px 40px;font-size:12px;font-weight:700;transform:rotate(45deg);box-shadow:0 2px 10px rgba(255,71,87,0.4)}.badge-new{background:linear-gradient(90deg,#00C853,#00E676);box-shadow:0 2px 10px rgba(0,200,83,0.4)}.badge-member{background:linear-gradient(90deg,#FFB800,var(--color-secondary));color:#333;box-shadow:0 2px 10px rgba(255,184,0,0.4)}.promo-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:var(--transition-base)}.promo-card-alt .promo-icon{background:linear-gradient(135deg,var(--color-white) 0%,#F0F0F0 100%)}.promo-card-alt .promo-icon i{color:var(--color-primary)}.promo-card-gold .promo-icon{background:linear-gradient(135deg,var(--color-secondary) 0%,#FFB800 100%)}.promo-card-gold .promo-icon i{color:#333}.promo-icon i{font-size:2rem;color:white}.promo-card:hover .promo-icon{transform:scale(1.1) rotate(5deg)}.promo-card h3{font-size:1.2rem;font-weight:800;color:var(--color-primary-dark);margin-bottom:15px}.promo-card-alt h3{color:white}.promo-card-gold h3{color:#333}.promo-desc{font-size:0.95rem;color:#666;line-height:1.6;margin-bottom:20px;flex-grow:1}.promo-period{display:flex;align-items:center;justify-content:center;gap:8px;font-size:0.85rem;color:#888;margin-bottom:25px}.promo-period i{color:var(--color-primary)}.promo-card-alt .promo-period i{color:var(--color-secondary)}.btn-promo{display:inline-block;padding:12px 35px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:white;text-decoration:none;border-radius:25px;font-weight:600;font-size:0.95rem;transition:var(--transition-base);box-shadow:0 4px 15px rgba(8,112,184,0.3)}.btn-promo:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(8,112,184,0.4);color:white}.btn-promo-alt{background:linear-gradient(135deg,var(--color-white) 0%,#F0F0F0 100%);color:var(--color-primary);box-shadow:0 4px 15px rgba(255,255,255,0.3)}.btn-promo-alt:hover{background:var(--color-white);color:var(--color-primary-dark);box-shadow:0 8px 25px rgba(255,255,255,0.5)}.btn-promo-gold{background:linear-gradient(135deg,var(--color-secondary) 0%,#FFB800 100%);color:#333;box-shadow:0 4px 15px rgba(255,206,62,0.4)}.btn-promo-gold:hover{box-shadow:0 8px 25px rgba(255,206,62,0.5);color:#333}.swiper-promo .swiper-button-next-promo,.swiper-promo .swiper-button-prev-promo{color:var(--color-primary)}.swiper-promo [class^="swiper-button-"]::after{font-size:30px;color:var(--color-primary)}.swiper-pagination-promo{position:relative;margin-top:30px}.swiper-pagination-promo .swiper-pagination-bullet{background:var(--color-primary);opacity:0.3}.swiper-pagination-promo .swiper-pagination-bullet-active{opacity:1;background:var(--color-primary)}.layanan{margin-top:80px;padding:100px 0}.layanan-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:45px;margin-top:30px}.layanan-card{background:white;border-radius:var(--border-radius-lg);padding:30px 20px;width:200px;box-shadow:var(--shadow-md);transition:var(--transition-bounce);position:relative;overflow:hidden;text-align:center}.layanan-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform 0.3s ease}.layanan-card h3{font-size:1rem;font-weight:600}.layanan-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;transition:var(--transition-base)}.layanan-icon i{font-size:2rem;color:white}.top{text-decoration:none;padding:35px 5px 5px 5px;font-family:sans-serif;color:var(--color-white);background:var(--color-black);border-radius:10px;position:sticky;bottom:30px;left:2000px;--offset:50px;margin-right:20px;margin-top:calc(100vh+var(--offset))}.top span{font-size:50px}@media only screen and (min-width:576px){.hamburger-btn{margin-right:20px}.logo-printer{width:40px}.logo-title{font-size:16px;margin-bottom:-4px}.logo-subtitle{font-size:10px}.text-overlay h1{font-size:4.6vw}.text-overlay h2{font-size:2.5vw}.masalah-header h2{font-size:24px}.btn-cta{width:auto;padding:16px 32px;font-size:16px}.content-headline h2{font-size:26px}.lokasi h2{font-size:26px}.card-item img{width:100%}.btn-shake{width:60%;font-size:14px}.footer-logo{width:200px}#backToTop{bottom:30px;right:30px;padding:10px 15px;font-size:16px}}@media only screen and (min-width:768px){.logo-printer{width:45px}.logo-title{font-size:18px}.logo-subtitle{font-size:10px}.mobile-menu-header{padding:20px 25px}.mobile-nav-link{padding:18px 25px;font-size:17px}.mobile-submenu>li>a{padding:15px 25px 15px 40px;font-size:15px}.mobile-submenu-nested li a{padding:12px 25px 12px 60px;font-size:14px}.mobile-menu-buttons{padding:30px 25px}.text-overlay{gap:2rem}.text-overlay h1{font-size:5vw}.text-overlay h2{font-size:2.8vw}.text-overlay h3{font-size:4vw}.features-grid{gap:20px}.feature-item{padding:12px}.feature-icon{width:50px;height:50px;font-size:1.4rem}.feature-text-header{font-size:1.4rem}.feature-text-content{font-size:1rem;max-width:200px}.hero-right ul li{font-size:2.5vw;min-height:80px}.hero-right .cta-button{font-size:3vw}.masalah-grid{grid-template-columns:repeat(3,1fr);gap:30px}.masalah-list li:last-child{border-bottom:none}.content-subheadline{padding:50px 30px;flex-direction:row;flex-wrap:wrap}.subheadline1,.subheadline2,.subheadline3,.subheadline4,.subheadline5{width:280px;height:400px}.keunggulan-img{height:400px}.keunggulan-details{top:55%}.keunggulan-details h3{font-size:22px}.keunggulan-details h4{font-size:18px}.tracking-printer{padding:60px 30px}.tracking-card{padding:35px 30px}.lokasi{padding:50px 30px}.testimoni-headline h2{font-size:26px}.testimoni-subheadline h5{font-size:18px}.swiper-testimonial{width:600px;height:350px}.testimoni1,.testimoni2,.testimoni3,.testimoni4{flex-direction:row;padding:0 30px;height:100%}.testimoni1 img,.testimoni2 img,.testimoni3 img,.testimoni4 img{width:250px;height:60%;object-position:0 -20px}.testimoni-quote{margin-top:30px}.testimoni-quote p{font-size:14px}.quote-icon{font-size:28px}.name,.job{font-size:16px}.testimoni-user{margin-bottom:50px}.testimoni3 .testimoni-user{margin-top:0}.btn-shake{width:50%;font-size:18px}.promo{padding:70px 40px}.swiper-promo{padding:25px 40px 55px 40px}.footer-logo{width:220px}}@media only screen and (min-width:1024px){nav{padding:0 40px}nav a{margin-left:0}.hamburger-btn{display:none}.navbar-collapse{display:flex !important}.logo-printer{width:50px}.logo-title{font-size:18px;margin-bottom:-5px}.logo-subtitle{font-size:10px}.logo-text{margin-top:10px}.nav-link-custom{font-size:1.2vw}.navbar-nav .nav-item{padding-left:15px !important;padding-right:15px !important}.jumbotron{display:block}.carousel-item{position:relative}.carousel-item img{position:relative;height:auto;z-index:0}.text-overlay{position:absolute;inset:0;padding:0 5%;flex-wrap:nowrap;gap:3rem}.text-overlay h1{font-size:2rem;text-align:left}.text-overlay h2{font-size:1.4rem;text-align:left;margin-top:10px}.text-overlay h3{font-size:1.2vw;margin-left:20px;text-align:left}.text-overlay h3 u{text-decoration:underline;color:var(--color-primary)}.hero-left{width:auto}.features-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px}.feature-item{flex-direction:row;gap:10px;padding:10px;text-align:left;align-items:flex-start}.feature-icon{width:35px;height:35px;font-size:0.9rem}.feature-text-header{font-size:0.9rem}.feature-text-content{font-size:0.7rem;max-width:150px}.hero-right{width:350px;background:white;padding:20px;border-radius:var(--border-radius-lg);box-shadow:0 10px 40px rgba(0,0,0,0.15)}.hero-right h3{font-size:1.3vw;margin-bottom:15px;text-align:center}.hero-right ul{display:block}.hero-right ul li{padding:12px 15px;margin-bottom:10px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:10px;border-left:4px solid var(--color-primary);border-bottom:none;font-size:0.85vw;text-align:left;display:block;min-height:auto;box-shadow:none}.hero-right ul li:hover{transform:translateX(5px);transform:translateY(0)}.hero-right .cta-button{font-size:0.9vw;padding:12px 20px}.image-overlay{display:block;position:absolute;top:15px;right:30px;width:30vw}.swiper-jumbotron .swiper-button-next,.swiper-jumbotron .swiper-button-prev{background-color:var(--color-white);padding:25px;border-radius:100%;border:2px solid var(--color-white)}.swiper-jumbotron [class^="swiper-button-"]::after{font-size:25px}.content-headline h2{font-size:28px}.content-subheadline{padding:50px 50px;gap:40px}.subheadline1,.subheadline2,.subheadline3,.subheadline4,.subheadline5{width:300px}.keunggulan-img{width:300px}.keunggulan-img-5{object-fit:none;object-position:-292px -133px}.keunggulan-details h3{font-size:24px}.lokasi{padding:50px 50px}.lokasi h2{font-size:32px}.testimoni-headline h2{font-size:30px}.swiper-testimonial{width:750px;height:380px}.testimoni1,.testimoni2,.testimoni3,.testimoni4{padding:0 40px}.testimoni1 img,.testimoni2 img,.testimoni3 img,.testimoni4 img{width:280px;object-position:0 -25px}.testimoni-quote{margin-top:40px}.testimoni-quote p{font-size:15px}.quote-icon{font-size:30px}.name,.job{font-size:18px}.testimoni-user{margin-bottom:60px}.btn-shake{width:45%;font-size:22px;padding:10px 50px}.promo{padding:80px 50px}.swiper-promo{padding:30px 50px 60px 50px}.promo-card{padding:35px 25px}.promo-card h3{font-size:1.3rem}#backToTop{bottom:40px;right:40px}.top{margin-top:calc(20vh+var(--offset));padding:35px 2px 5px 2px}.top span{font-size:60px}}@media only screen and (min-width:1280px){nav{padding:0 60px}.logo-printer{width:54px}.logo-title{font-size:20px}.nav-link-custom{font-size:17px}.navbar-nav .nav-item{padding-left:25px !important;padding-right:25px !important}.text-overlay{gap:5rem}.text-overlay h1{font-size:2.6rem}.text-overlay h2{font-size:1.8rem}.text-overlay h3{font-size:1.3vw}.features-grid{gap:20px;margin-top:25px}.feature-item{gap:12px;padding:12px}.feature-icon{width:45px;height:45px;font-size:1.1rem}.feature-text-header{font-size:1.1rem}.feature-text-content{font-size:0.85rem;max-width:200px}.hero-right{width:450px;padding:25px}.hero-right h3{font-size:1.4vw;margin-bottom:18px}.hero-right ul li{padding:14px 18px;margin-bottom:12px;font-size:0.9vw}.hero-right .cta-button{font-size:1vw;padding:14px 25px}.image-overlay{width:35vw}.swiper-jumbotron .swiper-button-next,.swiper-jumbotron .swiper-button-prev{padding:30px}.swiper-jumbotron [class^="swiper-button-"]::after{font-size:30px}.content-headline h2{font-size:32px}.keunggulan-img{width:300px;height:400px}.swiper-testimonial{width:800px;height:400px}.testimoni1,.testimoni2,.testimoni3,.testimoni4{padding:0 50px}.testimoni1 img,.testimoni2 img,.testimoni3 img,.testimoni4 img{width:300px;object-position:0 -27px}.testimoni-quote{margin-top:50px}.name,.job{font-size:20px}.testimoni-user{margin-bottom:80px}.btn-shake{width:50%;font-size:25px;padding:10px 60px}.promo-card h3{font-size:1.4rem}}@media only screen and (min-width:1440px){nav{padding:0 96px}.logo-printer{width:56px}.nav-link-custom{font-size:19px}.navbar-nav .nav-item{padding-left:30px !important;padding-right:30px !important}.text-overlay{gap:7rem}.text-overlay h1{font-size:3.2rem}.text-overlay h2{font-size:2.3rem;margin-top:20px}.text-overlay h3{font-size:1.4vw}.features-grid{gap:20px;margin-top:30px;max-width:none}.feature-item{padding:15px}.feature-icon{width:50px;height:50px;font-size:1.3rem}.feature-text-header{font-size:1.3rem}.feature-text-content{font-size:1rem;max-width:250px}.hero-right{width:600px;padding:30px}.hero-right h3{font-size:1.6vw;margin-bottom:20px}.hero-right ul li{padding:15px 18px;font-size:0.95vw}.hero-right .cta-button{font-size:1vw}.image-overlay{width:39vw}.masalah-header h2{font-size:clamp(24px,4vw,36px)}.masalah-header h5{font-size:16px}.content-subheadline{gap:50px}}