.hyve-faqx{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;color:#fff;isolation:isolate}
.admin-bar .hyve-faqx{min-height:calc(100vh - 32px)}
.hyve-faqx .faqx-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;transition:opacity .6s ease;filter:saturate(.9) contrast(1.05) brightness(.95);animation:faqxKen 16s ease-out both;will-change:transform,opacity}
@keyframes faqxKen{from{transform:scale(1.03)}to{transform:scale(1.14)}}
.hyve-faqx::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,8,8,.9) 0%,rgba(8,8,8,.58) 44%,rgba(8,8,8,.18) 78%,rgba(8,8,8,.32) 100%)}
.hyve-faqx::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 120% at 80% 50%,transparent 40%,rgba(0,0,0,.35) 100%)}
.hyve-faqx .faqx-inner{position:relative;z-index:2;width:100%;max-width:1560px;margin:0 auto;padding:0 clamp(28px,6vw,100px);display:flex;align-items:center;justify-content:space-between;gap:3rem}
.hyve-faqx .faqx-content{max-width:600px;flex:1 1 auto;transition:opacity .45s ease,transform .45s ease}
.hyve-faqx .faqx-content.faqx-anim{opacity:0;transform:translateY(16px)}
.hyve-faqx .faqx-kicker{display:block;color:#B7A079;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:1.1em}
.hyve-faqx .faqx-title{color:#fff;font-size:clamp(32px,4.4vw,54px);line-height:1.05;letter-spacing:-.01em;margin:0 0 .5em}
.hyve-faqx .faqx-intro{color:rgba(255,255,255,.78);font-size:17px;line-height:1.6;max-width:46ch;margin:0 0 2.2em}
/* FAQ buttons — glass outline pills */
.hyve-faqx .faqx-btns{display:flex;flex-direction:column;gap:.8rem;max-width:600px}
.hyve-faqx .faqx-pill{display:flex;align-items:center;width:100%;text-align:left;cursor:pointer;font:inherit;font-size:15px;font-weight:500;color:#fff;padding:1em 1.4em;border:1px solid rgba(255,255,255,.28);border-radius:25px;background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease,border-color .2s ease,transform .2s ease}
.hyve-faqx .faqx-pill:hover{background:rgba(183,160,121,.18);border-color:#B7A079;transform:translateY(-1px)}

/* modal popup — blurred backdrop */
.faqx-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.faqx-modal.open{opacity:1;visibility:visible}
.faqx-modal-ovl{position:absolute;inset:0;background:rgba(8,8,8,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.faqx-modal-box{position:relative;z-index:1;width:100%;max-width:640px;max-height:86vh;overflow:auto;background:#fff;color:#1a1a1a;border-radius:25px;padding:clamp(26px,4vw,46px);box-shadow:0 30px 80px rgba(0,0,0,.5);transform:translateY(18px) scale(.98);transition:transform .3s ease}
.faqx-modal.open .faqx-modal-box{transform:none}
.faqx-modal-x{position:absolute;top:16px;right:16px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.06);cursor:pointer;z-index:2}
.faqx-modal-x::before,.faqx-modal-x::after{content:'';position:absolute;top:50%;left:50%;width:16px;height:2px;background:#1a1a1a;transform:translate(-50%,-50%) rotate(45deg)}
.faqx-modal-x::after{transform:translate(-50%,-50%) rotate(-45deg)}
.faqx-modal-x:hover{background:rgba(0,0,0,.12)}
.faqx-modal-title{margin:0 0 .7em;font-size:clamp(20px,2.4vw,28px);line-height:1.2;color:#1a1a1a;padding-right:40px}
.faqx-modal-body{color:#454545;font-size:15px;line-height:1.7}
.faqx-modal-body img{max-width:100%;height:auto;border-radius:10px}
.faqx-modal-body p{margin:0 0 .85em}
.faqx-modal-body ul{padding-left:1.2em;margin:.6em 0}
.faqx-modal-body li{margin:.25em 0}
.faqx-modal-body h4{margin:1.3em 0 .4em;font-size:16px;font-weight:700;color:#1a1a1a}
.faqx-modal-body h4:first-child{margin-top:0}
html.faqx-lock{overflow:hidden}
.hyve-faqx .faqx-nav{flex:0 0 auto;display:flex;flex-direction:column;gap:1.15rem;align-items:flex-end;text-align:right}
.hyve-faqx .faqx-navitem{background:none;border:0;padding:0 0 0 14px;cursor:pointer;display:flex;align-items:baseline;justify-content:flex-end;gap:1rem;font:inherit;color:rgba(255,255,255,.5);font-size:18px;border-left:2px solid transparent;transition:color .2s ease,border-color .2s ease}
.hyve-faqx .faqx-navitem em{font-style:normal;font-size:13px;color:rgba(255,255,255,.4);min-width:1.6em}
.hyve-faqx .faqx-navitem:hover{color:rgba(255,255,255,.85)}
.hyve-faqx .faqx-navitem.active{color:#fff;border-left-color:#B7A079}
.hyve-faqx .faqx-navitem.active em{color:#B7A079}
@media (max-width:880px){
	.hyve-faqx{min-height:auto;padding:48px 0}
	.admin-bar .hyve-faqx{min-height:auto}
	.hyve-faqx .faqx-inner{flex-direction:column;align-items:stretch;gap:1.6rem;padding:0 22px}
	.hyve-faqx .faqx-content{max-width:none}
	.hyve-faqx .faqx-btns{max-width:none}
	.hyve-faqx .faqx-nav{order:1;flex-direction:column;align-items:flex-start;text-align:left;gap:.55rem;width:100%;margin-top:.5rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.14)}
	.hyve-faqx .faqx-navitem{border-left:2px solid transparent;border-bottom:0;padding:.15em 0 .15em 12px;width:100%;justify-content:flex-start;font-size:15px}
	.hyve-faqx .faqx-navitem.active{border-left-color:#B7A079;border-bottom:0}
	.hyve-faqx::before{background:linear-gradient(180deg,rgba(8,8,8,.8),rgba(8,8,8,.64))}
}