body{font-family:var(--font-body);color:var(--panya-dark-blue);background-color:var(--panya-white);overflow-x:hidden;-webkit-font-smoothing:antialiased}.display-1,.display-2,.display-3,.display-4,.navbar-brand,h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}.bg-gradient-blue-dark{background:linear-gradient(135deg,var(--panya-dark-blue) 0,var(--panya-primary) 100%)}.bg-gradient-blue-light{background:linear-gradient(135deg,var(--panya-primary) 0,var(--panya-secondary) 100%)}.bg-gradient-glass-dark{background:rgba(0,44,90,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-card{background:hsla(0,0%,100%,.85);border:1px solid hsla(0,0%,100%,.4);box-shadow:0 8px 32px 0 rgba(0,61,122,.05);border-radius:16px;transition:var(--transition-smooth)}@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.glass-card{background:hsla(0,0%,100%,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.glass-card:hover{background:hsla(0,0%,100%,.95);transform:translateY(-8px);box-shadow:0 16px 48px 0 rgba(0,61,122,.12);border-color:rgba(77,183,245,.3)}.glass-card:hover .hover-card-primary-title{color:var(--panya-primary)}.glass-card-dark{background:rgba(0,44,90,.85);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px 0 rgba(0,0,0,.25);border-radius:16px;transition:var(--transition-smooth);color:var(--panya-white)}@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.glass-card-dark{background:rgba(0,44,90,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.glass-card-dark:hover{background:rgba(0,44,90,.85);transform:translateY(-8px);box-shadow:0 16px 48px 0 rgba(0,0,0,.4);border-color:rgba(77,183,245,.4)}.section-padding{padding:80px 0}@media (max-width:768px){.section-padding{padding:50px 0}}.panya-underline{position:relative;display:inline-block;margin-bottom:24px}.panya-underline:after{content:"";position:absolute;left:0;bottom:-8px;height:4px;width:60px;background:linear-gradient(90deg,var(--panya-primary) 0,var(--panya-secondary) 100%);border-radius:2px}.panya-underline-center{position:relative;display:inline-block;margin-bottom:24px}.panya-underline-center:after{content:"";position:absolute;left:50%;bottom:-8px;height:4px;width:60px;background:linear-gradient(90deg,var(--panya-primary) 0,var(--panya-secondary) 100%);border-radius:2px;transform:translateX(-50%)}.slider-container{overflow:hidden;padding:20px 0}.slider-track{display:flex;width:max-content;animation:scroll 35s linear infinite;will-change:transform;transform:translateZ(0);contain:layout paint}.slider-track:hover{animation-play-state:paused}.slider-item{width:250px;margin:0 15px;flex-shrink:0}.whatsapp-float{position:fixed;bottom:30px;right:30px;z-index:1000;width:60px;height:60px;background-color:var(--panya-accent-green);color:var(--panya-white);border-radius:50px;display:flex;justify-content:center;align-items:center;font-size:32px;box-shadow:0 4px 20px rgba(0,0,0,.3);transition:var(--transition-smooth);cursor:pointer;will-change:transform,box-shadow}.whatsapp-float:hover{background-color:#3e8e41;color:var(--panya-white);transform:scale(1.1) rotate(10deg)}@media (max-width:576px){.whatsapp-float{bottom:20px;right:20px;width:50px;height:50px;font-size:26px}}.timeline-wrapper{position:relative;padding:20px 0}.timeline-wrapper:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:4px;background:var(--panya-light-gray);transform:translateX(-50%)}.timeline-item{position:relative;margin-bottom:40px}.timeline-dot{position:absolute;top:20px;left:50%;width:20px;height:20px;border-radius:50%;background:var(--panya-secondary);border:4px solid var(--panya-white);box-shadow:0 0 10px rgba(0,0,0,.1);transform:translateX(-50%);z-index:1}@media (max-width:768px){.timeline-dot,.timeline-wrapper:before{left:20px;transform:translateX(-50%)}.timeline-item{padding-left:45px!important}}html{scrollbar-width:thin;scrollbar-color:var(--panya-primary) var(--panya-light-gray)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--panya-light-gray)}::-webkit-scrollbar-thumb{background:var(--panya-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--panya-dark-blue)}

/* !important required: overrides Bootstrap .text-secondary utility */.text-secondary-light{color:var(--panya-secondary)!important}

/* !important required: overrides Bootstrap text color utilities */.text-light-desc{color:hsla(0,0%,100%,.75)!important}:root{--panya-primary:#003d7a;--panya-primary-rgb:0,61,122;--panya-secondary:#4db7f5;--panya-secondary-rgb:77,183,245;--panya-dark-blue:#002c5a;--panya-dark-blue-rgb:0,44,90;--panya-white:#fff;--panya-light-gray:#f5f7fa;--panya-accent-green:#4caf50;--panya-accent-green-rgb:76,175,80;--font-heading:var(--font-outfit),var(--font-plus-jakarta-sans),sans-serif;--font-body:var(--font-plus-jakarta-sans),sans-serif;--header-height:80px;--transition-smooth:all 0.4s cubic-bezier(0.16,1,0.3,1)}.navbar-logo-container{position:relative;transition:var(--transition-smooth);overflow:visible}@media (max-width:575.98px){.navbar-logo-container{width:100px;height:69px}}@media (min-width:576px) and (max-width:991.98px){.navbar-logo-container{width:130px;height:90px}}@media (min-width:992px){.navbar-logo-container{width:160px;height:110px}}.footer-logo-container img,.navbar-logo-container img{image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:auto}.sticky-header{position:-webkit-sticky;position:sticky;top:0;z-index:1020;background:hsla(0,0%,100%,.95);border-bottom:1px solid rgba(0,61,122,.08);transition:var(--transition-smooth);will-change:transform;contain:layout style}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.sticky-header{background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.nav-link-panya{color:var(--panya-dark-blue);font-weight:600;font-size:.95rem;padding:8px 16px;position:relative;transition:var(--transition-smooth)}.nav-link-panya:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--panya-secondary);transition:var(--transition-smooth);transform:translateX(-50%)}.nav-link-panya.active,.nav-link-panya:hover{color:var(--panya-primary)}.nav-link-panya.active:after,.nav-link-panya:hover:after{width:60%}

/* !important required: overrides Bootstrap .dropdown position */.mega-menu-wrapper{position:static!important}

/* !important required: overrides Bootstrap .dropdown-menu defaults */.mega-menu-dropdown{width:100%;left:0;right:0;top:100%;box-sizing:border-box;border-radius:0 0 20px 20px!important;border:none!important;border-top:2px solid var(--panya-secondary)!important;box-shadow:0 20px 40px rgba(0,44,90,.15)!important;padding:24px 0!important;background:hsla(0,0%,100%,.98)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}

/* !important required: hides Bootstrap's default dropdown caret */.products-dropdown-toggle:after{display:none!important}.products-chevron{width:18px;height:18px;margin-left:2px;vertical-align:middle;color:var(--panya-dark-blue);transition:transform .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;display:inline-block;position:relative;top:-1px}

/* !important required: overrides Bootstrap dropdown-toggle display */.products-dropdown-toggle{display:inline-flex!important;align-items:center;gap:2px}.mega-menu-wrapper.show .products-chevron{transform:rotate(180deg)}

/* !important required: overrides Bootstrap active/show color */.mega-menu-wrapper.show .products-dropdown-toggle{color:var(--panya-secondary)!important}.mega-menu-wrapper.show .products-chevron{color:var(--panya-secondary)}.products-dropdown-toggle.active .products-chevron,.products-dropdown-toggle:hover .products-chevron{color:var(--panya-primary)}@media (min-width:576px) and (max-width:991.98px){.products-chevron{width:16px;height:16px}}@media (max-width:575.98px){.products-chevron{width:15px;height:15px;margin-left:1px}}.mega-menu-product-item{display:flex!important;align-items:center;gap:12px;padding:8px 12px!important;background-color:transparent;border-radius:10px;transition:background-color .25s cubic-bezier(.4,0,.2,1);width:100%}.mega-menu-product-item:hover{background-color:rgba(0,61,122,.04)}.mega-menu-product-image-wrapper{width:40px;height:40px;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 6px rgba(0,0,0,.05);background-color:#f8fafc;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.mega-menu-product-image{object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mega-menu-product-item:hover .mega-menu-product-image{transform:scale(1.05)}.mega-menu-product-placeholder{width:100%;height:100%;color:var(--panya-primary,#003d7a);font-size:1.1rem}.mega-menu-product-info{display:flex;flex-direction:column;justify-content:center;min-width:0;flex-grow:1}.mega-menu-product-name{font-size:.92rem;font-weight:700;color:#1e293b!important;margin-bottom:2px;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mega-menu-product-item:hover .mega-menu-product-name{color:var(--panya-primary,#003d7a)!important}.mega-menu-product-desc{font-size:.76rem;color:#64748b!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.partner-dropdown-wrapper{position:relative}.partner-dropdown-wrapper .dropdown-toggle:after{display:none!important}.partner-dropdown-wrapper .dropdown-toggle{display:inline-flex!important;align-items:center;gap:2px}.partner-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:260px;background-color:var(--panya-white);border-radius:12px!important;padding:12px 0!important;box-shadow:0 10px 30px rgba(0,44,90,.08)!important;border:1px solid rgba(0,61,122,.05)!important;border-top:3px solid var(--panya-secondary)!important;z-index:1000;transition:all .25s cubic-bezier(.4,0,.2,1);transform:translateY(10px);opacity:0;visibility:hidden}.partner-dropdown-menu .dropdown-item{color:var(--panya-dark-blue)!important;font-weight:600;font-size:.9rem;padding:10px 20px!important;transition:all .2s ease;background-color:transparent!important}.partner-dropdown-menu .dropdown-item:hover{color:var(--panya-primary)!important;background-color:rgba(0,61,122,.04)!important;padding-left:24px!important}@media (min-width:992px){.partner-dropdown-wrapper:hover .partner-dropdown-menu{display:block;opacity:1;visibility:visible;transform:translateY(0)}}.partner-dropdown-wrapper.show .products-chevron,.partner-dropdown-wrapper:hover .products-chevron{transform:rotate(180deg)}.partner-dropdown-wrapper.show .dropdown-toggle,.partner-dropdown-wrapper:hover .dropdown-toggle{color:var(--panya-secondary)!important}@media (max-width:991.98px){.partner-dropdown-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none!important;border:none!important;border-left:2px solid var(--panya-secondary)!important;background-color:transparent!important;padding:0 0 0 16px!important;min-width:auto}.partner-dropdown-wrapper.show .partner-dropdown-menu{display:block!important}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 rgba(76,175,80,.7)}70%{box-shadow:0 0 0 15px rgba(76,175,80,0)}to{box-shadow:0 0 0 0 rgba(76,175,80,0)}}@keyframes scroll{0%{transform:translateZ(0)}to{transform:translate3d(var(--slider-scroll-distance,-50%),0,0)}}@keyframes active-dot-progress{0%{width:0}to{width:100%}}@keyframes mouse-scroll{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(14px)}}@keyframes blog-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s infinite}.btn-panya-primary{background:linear-gradient(135deg,var(--panya-primary) 0,var(--panya-dark-blue) 100%);color:var(--panya-white);border:none;font-weight:600;padding:12px 28px;border-radius:50px;box-shadow:0 4px 15px rgba(0,61,122,.2);transition:var(--transition-smooth)}.btn-panya-primary:hover{background:linear-gradient(135deg,var(--panya-dark-blue) 0,var(--panya-primary) 100%);color:var(--panya-white);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,61,122,.35)}.btn-panya-secondary{background:linear-gradient(135deg,var(--panya-secondary) 0,#299de2 100%);color:var(--panya-white);border:none;font-weight:600;padding:12px 28px;border-radius:50px;box-shadow:0 4px 15px rgba(77,183,245,.2);transition:var(--transition-smooth)}.btn-panya-secondary:hover{background:linear-gradient(135deg,#299de2 0,var(--panya-secondary) 100%);color:var(--panya-white);transform:translateY(-2px);box-shadow:0 6px 20px rgba(77,183,245,.35)}.btn-panya-outline{background:transparent;color:var(--panya-primary);border:2px solid var(--panya-primary);font-weight:600;padding:10px 26px;border-radius:50px;transition:var(--transition-smooth)}.btn-panya-outline:hover{background:var(--panya-primary);color:var(--panya-white);transform:translateY(-2px)}.btn-panya-outline-white{background:transparent;color:var(--panya-white);border:2px solid var(--panya-white);font-weight:600;padding:10px 26px;border-radius:50px;transition:var(--transition-smooth)}.btn-panya-outline-white:hover{background:var(--panya-white);color:var(--panya-primary);transform:translateY(-2px)}.variant-btn{border:1px solid rgba(0,61,122,.2);background:var(--panya-white);color:var(--panya-dark-blue);padding:6px 16px;border-radius:8px;font-weight:600;font-size:.85rem;transition:var(--transition-smooth)}.variant-btn.active,.variant-btn:hover{background:var(--panya-primary);border-color:var(--panya-primary);color:var(--panya-white)}.app-store-btn{display:flex;align-items:center;background-color:#000;color:#fff;border-radius:12px;padding:8px 16px;border:1px solid #1e293b;text-decoration:none;transition:all .2s ease}.app-store-btn:hover{background-color:#1e293b;color:#fff;transform:translateY(-2px)}.app-store-btn-icon{font-size:1.5rem;margin-right:10px;display:flex;align-items:center}.app-store-btn-text{text-align:left}.app-store-btn-sub{display:block;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;line-height:1}.app-store-btn-main{display:block;font-size:.85rem;font-weight:700;line-height:1.2}.hero-slider-container{position:relative;width:100%;min-height:80vh;overflow:hidden}@media (max-width:991px){.hero-slider-container{min-height:auto}}.hero-slide{width:100%;height:100%;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .8s ease-in-out,visibility .8s ease-in-out;position:absolute;top:0;left:0;z-index:1;padding-top:48px;padding-bottom:60px}.hero-slide.active{opacity:1;visibility:visible;z-index:2;position:relative;height:auto;min-height:80vh}@media (min-width:992px){.hero-slide{padding-bottom:115px}}@media (max-width:991px){.hero-slide{height:auto}.hero-slide.active{min-height:auto}}.hero-slide .animate-slide-up{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.hero-slide.active .animate-slide-up{opacity:1;transform:translateY(0)}.hero-slide.active .delay-1{transition-delay:.1s}.hero-slide.active .delay-2{transition-delay:.2s}.hero-slide.active .delay-3{transition-delay:.3s}.hero-slide.active .delay-4{transition-delay:.4s}.hero-slide.active .delay-5{transition-delay:.5s}.hero-slide .animate-image-in{opacity:0;transform:scale(.9) translateY(15px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.hero-slide.active .animate-image-in{opacity:1;transform:scale(1) translateY(0)}.slider-arrow-btn{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);color:var(--panya-white);display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;transition:var(--transition-smooth);opacity:0}@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.slider-arrow-btn{background:hsla(0,0%,100%,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.hero-slider-container:hover .slider-arrow-btn{opacity:1}.slider-arrow-btn:hover{background:var(--panya-white);color:var(--panya-primary);box-shadow:0 0 15px hsla(0,0%,100%,.4)}.slider-arrow-btn.prev{left:8px}.slider-arrow-btn.next{right:8px}.slider-indicators{position:absolute;bottom:56px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10;background:rgba(0,0,0,.2);padding:6px 12px;border-radius:30px}@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.slider-indicators{background:rgba(0,0,0,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.slider-indicator-dot-wrap{width:30px;height:6px;border-radius:3px;background:hsla(0,0%,100%,.25);border:none;padding:0;cursor:pointer;position:relative;overflow:hidden;transition:var(--transition-smooth)}.slider-indicator-dot-wrap.active{width:50px;background:hsla(0,0%,100%,.35);box-shadow:0 0 6px hsla(0,0%,100%,.4)}.slider-indicator-dot-progress{position:absolute;top:0;left:0;height:100%;width:0;background:var(--panya-white);border-radius:3px}.slider-indicator-dot-wrap.active .slider-indicator-dot-progress{animation:active-dot-progress 6s linear forwards}.hero-slider-container.paused .slider-indicator-dot-wrap.active .slider-indicator-dot-progress{animation-play-state:paused}.scroll-indicator-mouse{position:absolute;bottom:105px;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;color:hsla(0,0%,100%,.65);text-decoration:none;font-size:.75rem;font-weight:600;font-family:var(--font-heading);letter-spacing:1.5px;text-transform:uppercase;transition:var(--transition-smooth)}.scroll-indicator-mouse:hover{color:var(--panya-white);transform:translateX(-50%) translateY(3px)}.mouse-icon{width:22px;height:36px;border:2px solid;border-radius:12px;position:relative}.mouse-wheel{width:4px;height:8px;background-color:currentColor;border-radius:2px;position:absolute;top:6px;left:50%;transform:translateX(-50%);animation:mouse-scroll 1.6s ease-in-out infinite}@media (max-width:991px){.scroll-indicator-mouse{display:none}}.slider-swipe-zone{width:100%;height:100%;display:flex}@media (max-width:991px){.slider-arrow-btn{display:none}.slider-indicators{bottom:44px}}.hero-image-col{padding-left:clamp(85px,8vw,140px)!important}.hero-image-card{box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 40px rgba(0,61,122,.2)!important;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),border-color .5s ease!important}.hero-image-card:hover{transform:scale(1.03) translateY(-5px);box-shadow:0 35px 60px -15px rgba(0,0,0,.6),0 15px 50px rgba(77,183,245,.35)!important;border-color:rgba(77,183,245,.5)!important}@media (max-width:991px){.hero-image-col{padding-left:12px!important;padding-right:12px!important;margin-top:30px}}.app-showcase-section{position:relative;background:linear-gradient(180deg,#f8fafc,#ebf3fa);padding:40px 0;overflow:visible;height:auto}@media (max-width:991px){.app-showcase-section{padding:30px 0;overflow:hidden}}@media (max-width:575px){.app-showcase-section{padding:20px 0;overflow:hidden}}.app-showcase-tag{font-size:.85rem;letter-spacing:2px;font-weight:800;color:var(--panya-primary);text-transform:uppercase;display:inline-block;margin-bottom:8px}.app-showcase-heading{font-size:2.5rem;font-weight:800;line-height:1.2;color:var(--panya-dark-blue);margin-bottom:16px;letter-spacing:-.03em}.app-showcase-heading span.highlight{color:var(--panya-accent-green);position:relative}.app-showcase-desc{font-size:1rem;color:#5a7184;line-height:1.6;margin-bottom:20px}.app-feature-item{display:flex;align-items:flex-start;margin-bottom:12px}.app-feature-icon-wrapper{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:15px;box-shadow:0 4px 10px rgba(0,0,0,.06)}.app-feature-icon-wrapper.green{background-color:#4bbf73;color:#fff}.app-feature-icon-wrapper.blue{background-color:#0070f3;color:#fff}.app-feature-title{font-size:.95rem;font-weight:700;color:var(--panya-dark-blue);margin-bottom:2px}.app-feature-desc{font-size:.85rem;color:#6c757d;line-height:1.4;margin:0}.app-showcase-right{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:320px;overflow:visible}@media (max-width:1199px){.app-showcase-right{height:280px}}@media (max-width:991px){.app-showcase-right{height:auto;min-height:auto;flex-direction:column;gap:24px}}.app-slider-container{width:78%;margin-right:22%;border-radius:2.5rem;overflow:hidden;position:relative;background-color:#ebf1f0;border:1px solid #fff;box-shadow:0 15px 45px rgba(0,0,0,.04);height:340px;z-index:10}@media (max-width:1399px){.app-slider-container{height:310px}}@media (max-width:1199px){.app-slider-container{height:280px}}@media (max-width:991px){.app-slider-container{width:100%;margin-right:0;height:260px}}@media (max-width:767px){.app-slider-container{height:230px;border-radius:1.8rem}}@media (max-width:575px){.app-slider-container{height:200px;border-radius:1.2rem}}@media (max-width:380px){.app-slider-container{height:175px;border-radius:1rem}}.app-slider-track{display:flex;height:100%;width:100%;will-change:transform}.app-slider-track.transitioning{transition:transform .5s ease-in-out}.app-slide-item{position:relative;width:100%;height:100%;flex-shrink:0;margin:0;padding:0;box-sizing:border-box}.app-slide-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.app-slide-gradient{position:absolute;top:0;bottom:0;left:0;width:65%;background:linear-gradient(90deg,rgba(235,241,240,.98),rgba(235,241,240,.85) 40%,rgba(235,241,240,.4) 70%,rgba(235,241,240,0));pointer-events:none;z-index:5}@media (max-width:767px){.app-slide-gradient{width:80%;background:linear-gradient(90deg,rgba(235,241,240,.99),rgba(235,241,240,.95) 45%,rgba(235,241,240,.5) 75%,rgba(235,241,240,0))}}@media (max-width:575px){.app-slide-gradient{width:90%;background:linear-gradient(90deg,rgba(235,241,240,.99),rgba(235,241,240,.95) 50%,rgba(235,241,240,.6) 80%,rgba(235,241,240,0))}}.app-slide-content{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(16px,4vw,40px);max-width:58%;width:58%;z-index:12;text-align:left;overflow:hidden;box-sizing:border-box;gap:clamp(4px,.8vw,10px)}@media (max-width:991px){.app-slide-content{max-width:68%;width:68%;padding:clamp(14px,3.5vw,28px)}}@media (max-width:767px){.app-slide-content{max-width:72%;width:72%;padding:clamp(12px,3vw,22px)}}@media (max-width:575px){.app-slide-content{max-width:80%;width:80%;padding:clamp(10px,3vw,18px);gap:3px}}@media (max-width:380px){.app-slide-content{max-width:85%;width:85%;padding:10px 12px;gap:2px}}.app-slide-title{font-size:clamp(.75rem,2.2vw,1.45rem);font-weight:800;line-height:1.2;color:var(--panya-dark-blue);margin-bottom:0;letter-spacing:-.02em;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;text-shadow:0 1px 2px hsla(0,0%,100%,.8)}@media (max-width:991px){.app-slide-title{font-size:clamp(.72rem,2vw,1.2rem);-webkit-line-clamp:4;line-clamp:4}}@media (max-width:575px){.app-slide-title{font-size:clamp(.65rem,2.8vw,.95rem);-webkit-line-clamp:4;line-clamp:4;letter-spacing:-.01em}}@media (max-width:380px){.app-slide-title{font-size:clamp(.55rem,3.2vw,.8rem);-webkit-line-clamp:3;line-clamp:3}}.app-slide-title span.highlight{color:var(--panya-accent-green)}.app-slide-desc{font-size:clamp(.58rem,1.3vw,.78rem);color:#5a7184;line-height:1.4;margin-bottom:0;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;text-shadow:0 1px 1px hsla(0,0%,100%,.7)}@media (max-width:575px){.app-slide-desc{font-size:clamp(.52rem,2.2vw,.68rem);-webkit-line-clamp:2;line-clamp:2}}@media (max-width:380px){.app-slide-desc{display:none}}.app-slide-btn{display:inline-flex;align-items:center;background-color:var(--panya-dark-blue);color:#fff;font-size:clamp(.55rem,1.2vw,.7rem);font-weight:700;padding:clamp(5px,.8vw,8px) clamp(8px,1.6vw,16px);border-radius:50px;text-decoration:none;box-shadow:0 4px 10px rgba(0,0,0,.15);transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:clamp(3px,.6vw,6px)}@media (max-width:575px){.app-slide-btn{font-size:clamp(.5rem,2.2vw,.6rem);padding:4px 8px}}@media (max-width:380px){.app-slide-btn{font-size:.5rem;padding:4px 8px}}.app-slide-btn:hover{background-color:var(--panya-primary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.25)}.app-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:#fff;border:1px solid #f1f5f9;color:var(--panya-dark-blue);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.08);cursor:pointer;z-index:25;transition:all .2s ease}.app-slider-arrow:hover{background-color:#f8fafc;transform:translateY(-50%) scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.12)}.app-slider-arrow.prev{left:-20px}.app-slider-arrow.next{right:calc(22% - 20px)}@media (max-width:991px){.app-slider-arrow.next{right:-20px}}.app-slider-dots{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:30}.app-slider-dot-btn{width:8px;height:8px;border-radius:50%;border:none;background-color:hsla(0,0%,100%,.5);padding:0;cursor:pointer;transition:all .3s ease}.app-slider-dot-btn.active{background-color:var(--panya-accent-green);width:18px;border-radius:4px}.app-mockup-anchor{position:absolute;top:0;right:0;height:100%;width:0;overflow:visible;pointer-events:none;z-index:40}@media (max-width:991px){.app-mockup-anchor{display:none}}.app-mockup-wrapper{position:absolute;right:30px;top:35%;transform:translateY(-50%);width:240px;z-index:40;pointer-events:none;animation:float 4s ease-in-out infinite;will-change:transform}@media (max-width:1399px){.app-mockup-wrapper{width:220px;right:20px}}@media (max-width:1199px){.app-mockup-wrapper{width:200px;right:14px}}@media (max-width:991px){.app-mockup-wrapper{display:none}}.app-pedestal{display:none}.app-mockup-img{width:100%;height:auto;display:block;box-shadow:0 25px 60px rgba(0,0,0,.18);border-radius:36px}.app-download-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:2rem;padding:20px 32px;box-shadow:0 10px 40px rgba(0,0,0,.02);margin-bottom:24px;position:relative;z-index:30}@media (min-width:992px){.app-download-card{padding-right:265px}}@media (min-width:1200px){.app-download-card{padding-right:285px}}.app-download-card-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;width:100%}@media (max-width:991px){.app-download-card-content{flex-direction:column;align-items:center;text-align:center;gap:24px}}.app-download-logo{width:60px;height:60px;border-radius:1rem;background:linear-gradient(135deg,var(--panya-dark-blue) 0,var(--panya-primary) 100%);display:flex;align-items:center;justify-content:center;padding:10px;box-shadow:0 4px 15px rgba(0,61,122,.15);flex-shrink:0}.app-download-logo img{width:100%;height:100%;object-fit:contain}.app-download-title{font-size:1.15rem;font-weight:800;color:var(--panya-dark-blue);margin-bottom:2px}.app-download-desc{font-size:.85rem;color:#5a7184;margin:0;max-width:400px}.app-qr-container{display:flex;align-items:center;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:1.25rem;padding:10px}.app-qr-box{width:60px;height:60px;background-color:#fff;border-radius:8px;padding:4px;border:1px solid #e2e8f0}.app-qr-box img{width:100%;height:100%;object-fit:contain}.app-trust-badges-row{padding-top:16px;padding-bottom:16px;border-top:1px solid #f1f5f9;position:relative;z-index:30}@media (min-width:992px){.app-trust-badges-row{padding-right:0}}.app-trust-badge-item{display:flex;align-items:center}.app-trust-badge-icon{font-size:1.6rem;margin-right:12px;flex-shrink:0}.app-trust-badge-icon.blue{color:var(--panya-secondary)}.app-trust-badge-icon.green{color:var(--panya-accent-green)}.app-trust-badge-title{font-size:.85rem;font-weight:800;color:var(--panya-dark-blue);margin-bottom:2px}.app-trust-badge-desc{font-size:.72rem;color:#6c757d;margin:0;line-height:1.3}.app-leaf-decor-bottom{position:absolute;bottom:20px;right:-40px;width:120px;height:120px;color:rgba(76,175,80,.15);pointer-events:none}.app-leaf-decor-top{position:absolute;top:40px;right:40px;width:70px;height:70px;color:rgba(76,175,80,.08);pointer-events:none}.blog-featured-image-wrapper{position:relative;width:100%;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.05);height:clamp(220px,40vw,400px)}.blog-section-homepage{position:relative;background:linear-gradient(180deg,#f0f6ff,#f8fafc 60%,#edfaf1);padding:80px 0 0;overflow:hidden}@media (max-width:768px){.blog-section-homepage{padding:50px 0 0}}.blog-section-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(0,61,122,.06) 1px,transparent 0);background-size:28px 28px;pointer-events:none}.blog-section-badge{display:inline-flex;align-items:center;background:hsla(0,0%,100%,.9);border:1px solid rgba(76,175,80,.3);border-radius:50px;padding:6px 18px;font-size:.78rem;font-weight:800;letter-spacing:1.5px;color:var(--panya-primary);text-transform:uppercase;margin-bottom:16px;box-shadow:0 2px 12px rgba(76,175,80,.1)}.blog-section-heading{font-size:2.6rem;font-weight:800;color:var(--panya-dark-blue);line-height:1.2;letter-spacing:-.03em;margin-bottom:10px}@media (max-width:768px){.blog-section-heading{font-size:1.9rem}}.blog-heading-underline{width:60px;height:4px;background:linear-gradient(90deg,var(--panya-primary),var(--panya-accent-green));border-radius:2px;margin:0 auto 18px}.blog-section-desc{font-size:1rem;color:#5a7184;line-height:1.7;max-width:600px;margin:0 auto 32px}.blog-filter-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.blog-filter-btn{display:inline-flex;align-items:center;padding:9px 22px;border-radius:50px;font-size:.88rem;font-weight:600;border:1.5px solid rgba(0,61,122,.18);background:#fff;color:var(--panya-dark-blue);cursor:pointer;transition:all .25s ease;white-space:nowrap}.blog-filter-btn:hover{border-color:var(--panya-primary);color:var(--panya-primary);background:rgba(0,61,122,.04);transform:translateY(-1px)}.blog-filter-btn.active{background:var(--panya-primary);border-color:var(--panya-primary);color:#fff;box-shadow:0 4px 14px rgba(0,61,122,.25)}.blog-card{background:#fff;border-radius:1.25rem;overflow:hidden;border:1px solid rgba(0,61,122,.07);box-shadow:0 4px 18px rgba(0,61,122,.05);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%;will-change:transform,box-shadow}.blog-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,61,122,.12)}.blog-card-img-link{display:block;text-decoration:none}.blog-card-img-wrapper{position:relative;width:100%;height:190px;overflow:hidden;background:#f0f4f8}.blog-card .blog-card-img-wrapper img{transition:transform .4s ease}.blog-card:hover .blog-card-img-wrapper img{transform:scale(1.06)}.blog-card-cat-badge{position:absolute;bottom:10px;left:12px;color:#fff;font-size:.65rem;font-weight:800;letter-spacing:1px;padding:3px 10px;border-radius:4px;text-transform:uppercase;z-index:5}.blog-card-body{padding:18px 18px 16px;display:flex;flex-direction:column;flex:1 1}.blog-card-meta{display:flex;gap:14px;font-size:.75rem;color:#8a9bb0;margin-bottom:10px}.blog-card-meta i{color:var(--panya-primary);opacity:.7}.blog-card-title{font-size:.97rem;font-weight:700;color:var(--panya-dark-blue);line-height:1.45;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em;transition:color .2s ease}.blog-card:hover .blog-card-title{color:var(--panya-primary)}.blog-card-summary{font-size:.82rem;color:#6b7f95;line-height:1.55;flex:1 1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(0,61,122,.06);padding-top:12px}.blog-read-more{font-size:.82rem;font-weight:700;color:var(--panya-primary);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:gap .2s ease,color .2s ease}.blog-read-more:hover{color:var(--panya-accent-green);gap:8px}.blog-bookmark-btn{background:none;border:none;padding:4px 6px;cursor:pointer;color:#b0bec5;font-size:1rem;transition:color .2s ease,transform .2s ease;border-radius:6px}.blog-bookmark-btn:hover{transform:scale(1.15)}.blog-bookmark-btn.active,.blog-bookmark-btn:hover{color:var(--panya-primary)}.blog-card-skeleton{background:#fff;border-radius:1.25rem;overflow:hidden;border:1px solid rgba(0,61,122,.06)}.skeleton-img{width:100%;height:190px;background:linear-gradient(90deg,#f0f4f8 25%,#e4ecf4 50%,#f0f4f8 75%);background-size:800px 100%;animation:blog-shimmer 1.4s infinite}.skeleton-body{padding:18px}.skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,#f0f4f8 25%,#e4ecf4 50%,#f0f4f8 75%);background-size:800px 100%;animation:blog-shimmer 1.4s infinite;margin-bottom:10px}.skeleton-line.short{width:40%}.skeleton-line.medium{width:70%}.skeleton-line.long{width:90%}.blog-view-all-btn{display:inline-flex;align-items:center;padding:12px 32px;border-radius:50px;border:2px solid var(--panya-primary);background:transparent;color:var(--panya-primary);font-size:.92rem;font-weight:700;text-decoration:none;transition:all .3s ease;gap:8px}.blog-view-all-btn:hover{background:var(--panya-primary);color:#fff;box-shadow:0 6px 20px rgba(0,61,122,.2);transform:translateY(-2px)}.blog-stats-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;border-radius:1.5rem 1.5rem 0 0;padding:32px 40px;margin-top:56px;box-shadow:0 -4px 30px rgba(0,61,122,.06);border:1px solid rgba(0,61,122,.06);border-bottom:none;gap:20px}@media (max-width:991px){.blog-stats-bar{padding:24px 20px;border-radius:1.5rem;margin-top:40px}}@media (max-width:575px){.blog-stats-bar{flex-direction:column;align-items:flex-start;gap:24px}}.blog-stat-item{display:flex;align-items:center;gap:16px;flex:1 1;min-width:180px}.blog-stat-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.blog-stat-icon.blue{background:rgba(0,61,122,.1);color:var(--panya-primary)}.blog-stat-icon.green{background:rgba(76,175,80,.12);color:var(--panya-accent-green)}.blog-stat-count{font-size:1.6rem;font-weight:800;color:var(--panya-dark-blue);line-height:1;letter-spacing:-.03em}.blog-stat-label{font-size:.85rem;font-weight:700;color:var(--panya-dark-blue);margin:2px 0 1px}.blog-stat-sub{font-size:.75rem;color:#8a9bb0}.blog-stat-divider{width:1px;height:50px;background:rgba(0,61,122,.08);flex-shrink:0}@media (max-width:575px){.blog-stat-divider{display:none}}.franchise-container{max-width:1280px;width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;box-sizing:border-box}@media (min-width:576px){.franchise-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.franchise-container{padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.franchise-container{padding-left:2.5rem;padding-right:2.5rem}}.franchise-heading{font-size:1.625rem;font-weight:700;line-height:1.25;color:var(--panya-dark-blue,#003d7a);word-break:break-word;overflow:hidden;text-overflow:ellipsis;margin-bottom:1rem}@media (min-width:768px){.franchise-heading{font-size:2.25rem}}@media (min-width:1024px){.franchise-heading{font-size:2.75rem}}@media (min-width:1200px){.franchise-heading{font-size:3rem}}.franchise-description{font-size:.95rem;line-height:1.6;color:#5a7184;word-break:break-word;overflow:hidden;text-overflow:ellipsis}@media (min-width:768px){.franchise-description{font-size:1rem}}.franchise-features-grid{display:flex;flex-wrap:wrap;gap:1rem}@media (min-width:768px){.franchise-features-grid{gap:1.5rem}}.franchise-feature-item{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 0.5rem);min-width:130px;box-sizing:border-box}@media (max-width:350px){.franchise-feature-item{flex:1 1 100%}}.franchise-image-wrapper{position:relative;width:100%;height:250px;border-radius:1.5rem;overflow:hidden;box-shadow:0 15px 35px rgba(0,61,122,.1);transition:transform .3s ease,box-shadow .3s ease;will-change:transform,box-shadow}.franchise-image-wrapper:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,61,122,.15)}@media (min-width:576px){.franchise-image-wrapper{height:300px}}@media (min-width:768px){.franchise-image-wrapper{height:340px}}@media (min-width:992px){.franchise-image-wrapper{height:380px}}@media (min-width:1200px){.franchise-image-wrapper{height:420px}}.franchise-cta{display:block;width:100%;text-align:center;box-sizing:border-box}@media (min-width:768px){.franchise-cta{display:inline-block;width:auto}}.franchise-row{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem}@media (min-width:768px){.franchise-row{--bs-gutter-x:2rem;--bs-gutter-y:2rem}}@media (min-width:1024px){.franchise-row{--bs-gutter-x:2.5rem;--bs-gutter-y:2.5rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-float,.animate-pulse-glow{animation:none!important}.app-slide-btn:hover,.app-store-btn:hover,.blog-card:hover,.blog-card:hover .blog-card-img-wrapper img,.btn-panya-outline-white:hover,.btn-panya-outline:hover,.btn-panya-primary:hover,.btn-panya-secondary:hover,.franchise-image-wrapper:hover,.glass-card-dark:hover,.glass-card:hover,.whatsapp-float:hover{transform:none!important;transition:none!important}.slider-track{animation:none!important}.hero-slide .animate-image-in,.hero-slide .animate-slide-up{opacity:1!important;transform:none!important}.slider-indicator-dot-wrap.active .slider-indicator-dot-progress{animation:none!important;width:100%!important}.mouse-wheel,.skeleton-img,.skeleton-line{animation:none!important}}.app-slider-arrow:focus-visible,.app-slider-dot-btn:focus-visible,.slider-arrow-btn:focus-visible,.slider-indicator-dot-wrap:focus-visible,.whatsapp-float:focus-visible,[role=button]:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--panya-primary,#003d7a)!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(0,61,122,.25)!important}.bg-gradient-blue-dark a:focus-visible,.bg-gradient-blue-dark button:focus-visible,.btn-panya-outline-white:focus-visible,.glass-card-dark a:focus-visible,footer a:focus-visible{outline-color:var(--panya-white,#fff)!important;box-shadow:0 0 0 5px hsla(0,0%,100%,.3)!important}a.text-decoration-none:focus-visible{outline:none!important;box-shadow:none!important}a.text-decoration-none:focus-visible .glass-card{outline:3px solid var(--panya-primary,#003d7a)!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(0,61,122,.25)!important}