:root{--pf-zebra:#F6F8FC}

.pf-section--zebra{background:var(--pf-zebra);border-top:1px solid rgba(226,232,240,.75);border-bottom:1px solid rgba(226,232,240,.75)}

.pf-nav__list a{transition:color var(--pf-dur-2, 240ms) var(--pf-ease, ease)}
.pf-nav__list a.is-active{color:var(--pf-text);position:relative}
.pf-nav__list a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--pf-primary);border-radius:2px;transform-origin:left;transform:scaleX(1);transition:transform var(--pf-dur-2, 240ms) var(--pf-ease, ease)}

.pf-testimonial__footer{display:flex;align-items:center;gap:12px;margin-top:14px}
.pf-avatar{width:56px;height:56px;border-radius:999px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:rgba(37,99,235,.10);color:var(--pf-primary);font-weight:900;letter-spacing:-.03em;flex:0 0 56px}
.pf-avatar img{width:100%;height:100%;object-fit:cover}

.pf-float{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:999}
.pf-float__btn{display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;border:0}
.pf-float__btn svg{width:22px;height:22px}
.pf-float__btn i{font-size:22px;line-height:1}

.pf-float__wa{width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;box-shadow:0 8px 25px rgba(37, 211, 102, 0.25);position:relative}
.pf-float__wa:hover{background:#1ebe5d}

.pf-float__wa:before{content:"";position:absolute;inset:-6px;border-radius:inherit;background:rgba(37, 211, 102, 0.22);opacity:0;transform:scale(.75);animation:pfWaRipple 2.8s ease-out infinite;pointer-events:none}
@keyframes pfWaRipple{0%{opacity:0;transform:scale(.75)}18%{opacity:.55}100%{opacity:0;transform:scale(1.35)}}

.pf-float__top{width:44px;height:44px;border-radius:50%;background:#111827;color:#fff;box-shadow:0 10px 22px rgba(17, 24, 39, 0.22);opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .2s ease, transform .2s ease, background .2s ease}
.pf-float__top:hover{background:#0b1220}
.pf-float[data-show-top="true"] .pf-float__top{opacity:1;pointer-events:auto;transform:none}

@media (max-width: 520px){
	.pf-float{right:14px;bottom:14px}
	.pf-float__wa{width:54px;height:54px}
	.pf-avatar{width:48px;height:48px;flex:0 0 48px}
}

body.pf-nav-open{overflow:hidden}
body.pf-lightbox-open{overflow:hidden}

.pf-mobile-nav{position:fixed;inset:0;display:block;z-index:9998}
.pf-mobile-nav[hidden]{display:none}
.pf-mobile-nav__backdrop{position:absolute;left:0;right:0;top:var(--pf-mobile-header-h, 0px);bottom:0;background:rgba(0,0,0,0.55);opacity:0;transition:opacity .22s ease;z-index:9998}
.pf-mobile-nav__panel{position:absolute;top:0;right:0;height:100vh;width:min(320px, 80vw);background-color:#0a1428;background-image:linear-gradient(180deg, #0f1c35 0%, #0a1428 100%);border-left:1px solid rgba(148,163,184,.18);transform:translateX(100%);transition:transform .22s ease;display:flex;flex-direction:column;z-index:9999;color:#fff}
.pf-mobile-nav__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 16px;border-bottom:1px solid rgba(148,163,184,.18)}
.pf-mobile-nav__title{font-weight:900;letter-spacing:-.03em;font-size:18px;line-height:1.1}
.pf-mobile-nav__close{border:0;background:rgba(255,255,255,.06);color:#fff;border-radius:12px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;line-height:1;transition:background .2s ease, transform .08s ease}
.pf-mobile-nav__close:hover{background:rgba(255,255,255,.10)}
.pf-mobile-nav__close:active{transform:translateY(1px)}
.pf-mobile-nav__body{padding:16px 14px 16px;overflow:auto;display:flex;flex-direction:column;gap:14px}
.pf-mobile-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pf-mobile-nav__list a{text-decoration:none;color:rgba(226,232,240,.92);font-size:14px;font-weight:750;padding:16px 20px;border-radius:10px;display:flex;transition:background .2s ease,color .2s ease}
.pf-mobile-nav__list a:hover{background:rgba(255,255,255,0.08);color:#fff}
.pf-mobile-nav__list a.is-active{color:#fff;background:rgba(37,99,235,.18)}

.pf-mobile-nav__cta{margin-top:auto;display:flex}
.pf-mobile-nav__cta a{width:100%;display:inline-flex;align-items:center;justify-content:center;background:var(--pf-primary);color:#fff;text-decoration:none;font-weight:900;border-radius:12px;padding:14px 16px;transition:background .2s ease, transform .08s ease, box-shadow .2s ease;box-shadow:0 14px 34px rgba(37,99,235,.26)}
.pf-mobile-nav__cta a:hover{background:var(--pf-primary-600);box-shadow:0 18px 44px rgba(37,99,235,.32)}
.pf-mobile-nav__cta a:active{transform:translateY(1px)}

.pf-mobile-nav.is-open .pf-mobile-nav__backdrop{opacity:1}
.pf-mobile-nav.is-open .pf-mobile-nav__panel{transform:translateX(0)}

.pf-shot{padding:0;border:0;background:transparent;cursor:pointer;display:block;text-align:inherit}
.pf-shot img{display:block;width:100%;height:auto}

.pf-lightbox{position:fixed;inset:0;z-index:10000}
.pf-lightbox[hidden]{display:none}
.pf-lightbox__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.75);opacity:0;transition:opacity .18s ease}
.pf-lightbox__dialog{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transform:scale(.98);transition:opacity .18s ease, transform .18s ease}
.pf-lightbox.is-open .pf-lightbox__overlay{opacity:1}
.pf-lightbox.is-open .pf-lightbox__dialog{opacity:1;transform:scale(1)}

.pf-lightbox__img{max-width:92vw;max-height:82vh;width:auto;height:auto;border-radius:14px;box-shadow:0 22px 80px rgba(0,0,0,.45);background:#0b1220}

.pf-lightbox__close{position:absolute;top:18px;right:18px;border:0;background:rgba(255,255,255,.10);color:#fff;border-radius:12px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;line-height:1;transition:background .2s ease, transform .08s ease}
.pf-lightbox__close:hover{background:rgba(255,255,255,.16)}
.pf-lightbox__close:active{transform:translateY(1px)}

.pf-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);border:0;background:rgba(255,255,255,.10);color:#fff;border-radius:999px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:26px;line-height:1;transition:background .2s ease, transform .08s ease}
.pf-lightbox__nav:hover{background:rgba(255,255,255,.16)}
.pf-lightbox__nav:active{transform:translateY(calc(-50% + 1px))}
.pf-lightbox__prev{left:14px}
.pf-lightbox__next{right:14px}

@media (max-width: 520px){
	.pf-lightbox__nav{display:none}
}