.faq-section{padding:100px var(--gutter);background:#f5fafe}.faq-layout{max-width:1320px;margin:auto;display:grid;grid-template-columns:.65fr 1.35fr;gap:9%;border-top:1px solid var(--line);padding-top:32px}.faq-heading h2{font-size:clamp(48px,5vw,72px);margin-top:26px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:84px;padding:24px 0;cursor:pointer;color:var(--ink);font:400 clamp(20px,1.65vw,25px)/1.3 var(--heading);letter-spacing:-.025em;transition:color .2s}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::marker{content:''}.faq-item summary:hover{color:var(--blue)}.faq-item summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px;border-radius:3px}.faq-plus{position:relative;display:block;flex:0 0 24px;width:24px;height:24px;color:var(--blue)}.faq-plus::before,.faq-plus::after{content:'';position:absolute;background:currentColor;width:16px;height:1.5px;top:11px;left:4px}.faq-plus::after{transform:rotate(90deg);transition:transform .2s ease}.faq-item[open] .faq-plus::after{transform:rotate(0)}.faq-answer{padding:0 48px 28px 0;max-width:760px;color:var(--muted);font-size:15px;line-height:1.85}.faq-item[open] summary{color:var(--blue)}
@media(max-width:760px){.faq-section{padding:60px 24px}.faq-layout{grid-template-columns:1fr;gap:32px;padding-top:26px}.faq-heading h2{font-size:48px;margin-top:20px}.faq-item summary{font-size:21px;gap:18px;min-height:76px;padding:22px 0}.faq-answer{padding:0 12px 26px 0;font-size:14px;line-height:1.8}}


/* Question hover: a soft sky-blue wash sweeps in, the text turns blue and nudges right, the plus turns coral */
.faq-item summary{position:relative;isolation:isolate;transition:color .3s ease,padding .35s cubic-bezier(.2,.7,.2,1)}
.faq-item summary::before{content:'';position:absolute;inset:6px -14px;z-index:-1;border-radius:14px;background:linear-gradient(90deg,var(--sky-blue-100),#e3f2fc00);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.faq-item summary:hover{color:var(--text-brand);padding-left:12px}
.faq-item summary:hover::before{transform:scaleX(1)}
.faq-plus{transition:color .3s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.faq-item summary:hover .faq-plus{color:var(--coral-500);transform:rotate(90deg)}
.faq-item[open] summary:hover .faq-plus{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.faq-plus,.faq-plus::after,.faq-item summary,.faq-item summary::before{transition:none}}