.faq-concept{position:relative;z-index:3;gap:5vw;will-change:transform;--faq-entry:1;padding:100px 4vw;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.faq-label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:#94ade0;margin-bottom:25px}.faq-heading h2{font-family:var(--d);font-size:clamp(60px,8vw,125px);font-style:italic;font-weight:800;text-transform:uppercase;line-height:.9;margin:0;letter-spacing:-.02em}.faq-heading h2 span{color:var(--hl)}
.faq-sub{font-size:16px;line-height:1.65;max-width:300px;color:#aab5cc;margin-top:28px}.faq-concept .qa{gap:0}.faq-concept .q{border:0;border-bottom:1px solid #475b7c66;background:transparent;border-radius:0}.faq-concept .q button{padding:25px 0;gap:18px;color:#dbe2f0;font-family:var(--d);font-size:28px;font-weight:600}.faq-index{font-family:var(--mono);font-size:11px;color:#89a7ef;align-self:center}.faq-question{flex:1}.faq-concept .q button i{font-size:27px}.faq-concept .q .ans p{font-family:var(--f);font-weight:400;font-size:16px;line-height:1.7;color:#b6c3dc;padding:0 35px 26px}
.faq-v1{background:#0b1120;transform:translateY(calc((1 - var(--faq-entry)) * 110px)) rotate(calc((1 - var(--faq-entry)) * 2deg));transform-origin:50% 0%;opacity:var(--faq-entry)}.faq-v1 .faq-heading{align-self:start;position:sticky;top:110px}.faq-v1 .q.open .faq-question{color:#87a8ff}.faq-v1 .q.open{border-color:#719bff}
.faq-v2{background:#2456e8;grid-template-columns:1fr;min-height:900px;clip-path:polygon(0 calc((1 - var(--faq-entry)) * 35%),100% 0,100% 100%,0 100%)}.faq-v2 .faq-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:0 30px}.faq-v2 .faq-label{grid-column:1/-1;color:#d9e6ff}.faq-v2 .faq-heading h2{font-size:clamp(65px,8vw,126px)}.faq-v2 .faq-heading h2 span{color:white}.faq-v2 .faq-sub{align-self:end;color:#e4edff}.faq-v2 .qa{position:relative;min-height:370px;padding-right:55%;margin-top:48px}.faq-v2 .q{border-color:#ffffff45}.faq-v2 .q button{font-size:25px;color:#cbdcff}.faq-v2 .faq-index{color:#d9e5ff}.faq-v2 .q.open button{color:#fff}.faq-v2 .q button i{color:#fff}.faq-v2 .q .ans{position:absolute;right:0;top:0;width:47%;display:block;opacity:0;pointer-events:none;transition:opacity .4s,transform .4s;transform:translateY(15px)}.faq-v2 .q.open .ans{opacity:1;pointer-events:auto;transform:none}.faq-v2 .q .ans p{font-family:var(--d);font-size:clamp(26px,3.2vw,46px);line-height:1.2;color:#fff;padding:25px 0;font-weight:600}.faq-v2 .q .ans>div{overflow:visible}.faq-v2 .q .ans::before{content:"LA RISPOSTA";font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:#d7e4ff}
.faq-v3{background:#090d15;grid-template-columns:1fr;clip-path:inset(0 calc((1 - var(--faq-entry)) * 40%) 0 calc((1 - var(--faq-entry)) * 40%))}.faq-v3 .faq-heading{text-align:center;margin-bottom:56px}.faq-v3 .faq-sub{margin:25px auto 0;max-width:450px}.faq-v3 .faq-heading h2{font-size:clamp(55px,7vw,108px)}.faq-v3 .q button{font-size:clamp(28px,3.7vw,56px);padding:30px 25px;text-transform:uppercase}.faq-v3 .q.open{background:#e8edf5}.faq-v3 .q.open button{color:#111a2d}.faq-v3 .q.open .faq-index{color:#335bc6}.faq-v3 .q .ans p{color:#253652;max-width:780px;padding-left:64px}.faq-v3 .q:not(.open):hover{background:#131e32}.faq-v3 .q button i{font-size:38px}
.faq-demo-nav{position:fixed;z-index:140;left:50%;bottom:16px;translate:-50% 0;display:flex;align-items:center;gap:20px;font-size:12px;padding:14px 20px;background:#0a1120eb;border:1px solid #4b638e;border-radius:999px;backdrop-filter:blur(12px)}.faq-demo-nav a{color:#d9e5ff}.faq-demo-nav span{color:#8daaff}.faq-demo-nav a:focus-visible{outline:2px solid #8daaff;outline-offset:5px}
@media(max-width:900px){.faq-concept{grid-template-columns:1fr;padding:80px 26px}.faq-v1 .faq-heading{position:relative;top:auto;margin-bottom:36px}.faq-v2 .faq-heading{grid-template-columns:1fr}.faq-v2 .qa{padding-right:0;margin-top:30px;min-height:0}.faq-v2 .q .ans{position:static;width:100%;display:grid;grid-template-rows:0fr;opacity:1;transform:none;pointer-events:auto}.faq-v2 .q.open .ans{grid-template-rows:1fr}.faq-v2 .q .ans>div{overflow:hidden}.faq-v2 .q .ans::before{display:none}.faq-v2 .q .ans p{font-size:24px;padding:0 30px 24px}.faq-v3 .q button{padding:24px 12px}.faq-v3 .q .ans p{padding-left:40px}}
@media(max-width:540px){.faq-heading h2{font-size:19vw}.faq-v3 .faq-heading h2{font-size:13vw}.faq-v2 .faq-heading h2{font-size:17vw}.faq-concept .q button{font-size:24px;gap:12px}.faq-v3 .q button{font-size:26px}.faq-demo-nav{gap:12px;font-size:10px;white-space:nowrap}.faq-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.faq-concept{transform:none!important;clip-path:none!important;opacity:1!important}.faq-concept *{transition:none!important}}
