/* Vivacity homepage FAQ — editorial header + independent, two-column accordion cards. */
.vhfaq{--vhfaq-navy:var(--viv-primary-deep);--vhfaq-teal:var(--viv-primary);--vhfaq-gold:var(--viv-accent);--vhfaq-muted:var(--viv-slate);position:relative;padding:clamp(76px,7.5vw,112px) 0 clamp(82px,7.8vw,116px);background:#fff;color:var(--vhfaq-navy)}
.vhfaq,.vhfaq *,.vhfaq *::before,.vhfaq *::after{box-sizing:border-box}
.vhfaq__shell{width:min(1190px,calc(100% - 64px));margin:0 auto}
.vhfaq__intro{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.7fr);gap:clamp(30px,6vw,85px);align-items:center;min-width:0;overflow:hidden;padding:clamp(32px,4.2vw,54px);border:1px solid var(--viv-primary-soft-2);border-radius:22px;background:var(--viv-primary-soft)}
.vhfaq__intro::before{content:"";position:absolute;inset:0 auto auto 0;width:96px;height:4px;background:linear-gradient(90deg,var(--vhfaq-teal) 0 70%,var(--vhfaq-gold) 70% 100%)}
.vhfaq__intro-copy,.vhfaq__intro-detail{min-width:0;position:relative}
.vhfaq__eyebrow{display:inline-flex;align-items:center;gap:11px;margin-bottom:18px;color:var(--viv-primary);font-size:11px;line-height:1.4;letter-spacing:.16em;font-weight:800;text-transform:uppercase}
.vhfaq__eyebrow-mark{display:block;width:22px;height:2px;background:var(--vhfaq-gold)}
.vhfaq__intro h2{margin:0;color:var(--vhfaq-navy);font-size:clamp(32px,3.2vw,44px);line-height:1.2;font-weight:750;letter-spacing:-.032em;overflow-wrap:anywhere}
.vhfaq__intro h2 em{font-style:normal;color:var(--vhfaq-teal)}
.vhfaq__intro-detail{padding-left:clamp(22px,3vw,40px);border-left:1px solid var(--viv-primary-soft-2)}
.vhfaq__intro-detail p{margin:0;color:var(--vhfaq-muted);font-size:15px;line-height:1.85}
.vhfaq__count{display:flex;align-items:center;gap:10px;margin-top:20px;color:var(--viv-slate);font-size:11px;line-height:1.5;letter-spacing:.09em;font-weight:750;text-transform:uppercase}
.vhfaq__count strong{color:var(--vhfaq-teal);font-size:26px;line-height:1;font-weight:800;letter-spacing:-.04em}
.vhfaq__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px;align-items:start}
.vhfaq__grid--single{grid-template-columns:minmax(0,1fr)}
.vhfaq__column{display:flex;flex-direction:column;gap:16px;min-width:0}
.vhfaq__item{position:relative;min-width:0;overflow:hidden;border:1px solid var(--viv-primary-soft-2);border-radius:16px;background:#fff;transition:border-color .32s ease,background-color .32s ease,box-shadow .32s ease}
.vhfaq__item::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--vhfaq-teal);transform:scaleY(0);transform-origin:top;transition:transform .42s cubic-bezier(.22,1,.36,1)}
.vhfaq__item.is-open{border-color:color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));background:var(--viv-primary-soft);box-shadow:0 6px 22px color-mix(in srgb,var(--viv-primary-deep) 3.5%,transparent)}
.vhfaq__item.is-open::before{transform:scaleY(1)}
.vhfaq__question-heading{margin:0;font:inherit}
.vhfaq__question{display:flex;align-items:center;gap:15px;width:100%;margin:0;padding:22px 22px 22px 24px;text-align:left;border:0;border-radius:0;background:transparent;color:var(--vhfaq-navy);font-family:inherit;cursor:pointer;transition:color .28s ease}
.vhfaq__question:hover,.vhfaq__item.is-open .vhfaq__question{color:var(--viv-primary)}
.vhfaq__question:focus-visible{outline:3px solid var(--vhfaq-gold);outline-offset:-4px;border-radius:14px}
.vhfaq__number{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:10px;background:var(--viv-primary-soft-2);color:var(--viv-primary);font-size:12px;line-height:1;font-weight:800;letter-spacing:.025em;transition:color .3s ease,background-color .3s ease}
.vhfaq__item.is-open .vhfaq__number{color:#fff;background:var(--vhfaq-teal)}
.vhfaq__question-label{flex:1;min-width:0;font-size:16px;line-height:1.5;letter-spacing:-.015em;font-weight:750;overflow-wrap:anywhere}
.vhfaq__toggle{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid var(--viv-primary-soft-2);border-radius:50%;background:var(--viv-primary-soft);color:var(--viv-primary);transition:background .32s ease,border-color .32s ease,color .32s ease,transform .42s cubic-bezier(.2,.8,.2,1)}
.vhfaq__toggle svg{display:block;width:16px;height:16px}
.vhfaq__item.is-open .vhfaq__toggle{transform:rotate(45deg);border-color:var(--vhfaq-teal);background:var(--vhfaq-teal);color:#fff}
.vhfaq__answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .46s cubic-bezier(.22,1,.36,1),opacity .34s ease}
.vhfaq__item.is-open .vhfaq__answer{grid-template-rows:1fr;opacity:1}
.vhfaq__answer-inner{min-height:0;overflow:hidden}
.vhfaq__answer-copy{padding:0 30px 24px 74px;color:var(--vhfaq-muted);font-size:14px;line-height:1.85;transform:translateY(-6px);transition:transform .46s cubic-bezier(.22,1,.36,1)}
.vhfaq__item.is-open .vhfaq__answer-copy{transform:translateY(0)}
.vhfaq__answer-copy p{margin:0 0 10px}
.vhfaq__answer-copy p:last-child{margin-bottom:0}
@media(max-width:900px){.vhfaq__intro{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:28px;padding:34px}.vhfaq__question{gap:12px;padding:20px 16px}.vhfaq__answer-copy{padding-right:20px;padding-left:63px}}
@media(max-width:720px){.vhfaq__intro{grid-template-columns:1fr;gap:24px}.vhfaq__intro-detail{padding:20px 0 0;border-left:0;border-top:1px solid var(--viv-primary-soft-2)}.vhfaq__grid{grid-template-columns:1fr}.vhfaq__grid--single{grid-template-columns:1fr}}
@media(max-width:640px){.vhfaq{padding:68px 0 76px}.vhfaq__shell{width:calc(100% - 34px)}.vhfaq__intro{padding:28px 24px;border-radius:17px}.vhfaq__intro h2{font-size:clamp(31px,8vw,40px)}.vhfaq__grid{gap:13px;margin-top:20px}.vhfaq__column{gap:13px}.vhfaq__item{border-radius:13px}.vhfaq__question{gap:12px;padding:17px 15px}.vhfaq__number{width:32px;height:32px;flex-basis:32px}.vhfaq__question-label{font-size:15px}.vhfaq__toggle{width:30px;height:30px;flex-basis:30px}.vhfaq__answer-copy{padding:0 18px 20px 59px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.vhfaq__item,.vhfaq__item::before,.vhfaq__question,.vhfaq__number,.vhfaq__toggle,.vhfaq__answer,.vhfaq__answer-copy{transition:none!important}}