:root{--faq-section-padding: clamp(75px, 10vw, 130px) 0 120px;--faq-heading-size: clamp(2.5rem, 5vw, 4.8rem);--faq-heading-color: var(--navy);--faq-heading-align: center;--faq-card-width: 690px;--faq-card-padding: clamp(34px, 5vw, 64px);--faq-card-radius: 38px;--faq-card-title-size: clamp(2.2rem, 5vw, 4rem);--faq-card-title-color: var(--navy);--faq-card-text-size: clamp(1rem, 1.5vw, 1.1rem);--faq-card-text-color: var(--muted);--faq-control-size: 50px}.faq-section{padding:var(--faq-section-padding);overflow:hidden}.faq-intro{text-align:var(--faq-heading-align)}.faq-intro h2{margin:0;color:var(--faq-heading-color);font-size:var(--faq-heading-size);line-height:1;letter-spacing:-.045em}.faq-intro>p:last-child{margin:22px auto 0;color:var(--nook-muted)}.faq-jump{display:flex;flex-direction:column;align-items:center;gap:8px;margin:30px auto 0;text-align:center}.faq-jump__label{color:var(--nook-navy-soft);font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.faq-jump__select{width:min(420px,100%);padding:14px 44px 14px 20px;border:1px solid var(--nook-border);border-radius:999px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 8l5 5 5-5' stroke='%23294c82' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 18px center,var(--nook-white);background-size:16px;box-shadow:var(--nook-shadow);color:var(--nook-navy);font-family:inherit;font-size:.95rem;font-weight:600;appearance:none;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.faq-jump__select:hover{transform:translateY(-1px)}.faq-jump__select:focus-visible{outline:none;box-shadow:0 0 0 4px #294c822e}.faq-carousel{width:min(1080px,100%);margin:40px auto 0;padding:0 20px;touch-action:pan-y;outline:none}.faq-carousel:focus-visible{border-radius:38px;outline:3px solid rgba(41,76,130,.24);outline-offset:8px}.faq-stage{position:relative;height:clamp(390px,46vw,510px);perspective:1200px}.faq-card{--offset: 0;--distance: 0;position:absolute;inset:0;width:min(var(--faq-card-width),calc(100% - 36px));margin:auto;padding:var(--faq-card-padding);display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(41,76,130,.1);border-radius:var(--faq-card-radius);background:#fffefdf5;box-shadow:0 30px 90px #294c8224;transform:translate(calc(var(--offset) * 34%)) translateY(calc(var(--distance) * 24px)) scale(calc(1 - var(--distance) * .11)) rotateY(calc(var(--offset) * -7deg));opacity:calc(1 - var(--distance) * .32);filter:blur(calc(var(--distance) * 2px));z-index:calc(10 - var(--distance));pointer-events:none;transition:transform .55s cubic-bezier(.2,.75,.25,1),opacity .45s ease,filter .45s ease}.faq-card[data-active=true]{pointer-events:auto;filter:none}.faq-card__count{position:absolute;top:var(--faq-card-padding);left:var(--faq-card-padding);color:var(--sage-dark);font-size:.78rem;font-weight:700;letter-spacing:.16em}.faq-card h3{max-width:560px;margin:0 0 24px;color:var(--faq-card-title-color);font-family:var(--font-heading);font-size:var(--faq-card-title-size);font-weight:400;line-height:1;letter-spacing:-.04em}.faq-card p{max-width:570px;margin:0;color:var(--faq-card-text-color);font-size:var(--faq-card-text-size);line-height:1.8}.faq-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:36px}.faq-arrow{width:var(--faq-control-size);height:var(--faq-control-size);border:1px solid rgba(41,76,130,.12);border-radius:50%;background:var(--white);color:var(--navy);font-size:20px;box-shadow:0 12px 28px #294c821a;cursor:pointer;transition:transform .2s ease,background .2s ease}.faq-arrow:hover{transform:translateY(-3px);background:var(--blue-soft)}.faq-dots{display:flex;gap:9px}.faq-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:var(--sage);opacity:.4;cursor:pointer;transition:width .25s ease,opacity .25s ease}.faq-dots button[aria-current=true]{width:28px;opacity:1}@media(max-width:620px){.faq-stage{height:470px}.faq-card{width:calc(100% - 18px);border-radius:30px;transform:translate(calc(var(--offset) * 20%)) translateY(calc(var(--distance) * 18px)) scale(calc(1 - var(--distance) * .12))}}
