.faq-section *{box-sizing:border-box}.faq-section{background:#faf7f4;padding:5rem 1.5rem}.faq-inner{flex-direction:column;gap:4rem;max-width:72rem;margin:0 auto;display:flex}.faq-left{flex:1;width:100%;max-width:36rem;margin:0 auto}.faq-left-full{max-width:100%}.faq-right-hidden{display:none}.faq-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--brand-color);margin-bottom:.75rem;font-size:.75rem;font-weight:900;display:block}.faq-title{color:#27282f;letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1.15}.faq-sub{color:#64748b;margin:0 0 2.5rem;font-size:1rem;line-height:1.7}.faq-list{flex-direction:column;gap:.6rem;display:flex}.faq-list-two-col{grid-template-columns:1fr 1fr;align-items:start;gap:.6rem;display:grid}@media (max-width:768px){.faq-list-two-col{grid-template-columns:1fr}}.faq-item{background:#f8f6f6;border:2px solid #0000;border-radius:1rem;transition:border-color .25s,background .25s,box-shadow .25s;overflow:hidden}.faq-item:hover{border-color:#ec5b134d}.faq-item-open{background:var(--brand-color);border-color:var(--brand-color);box-shadow:0 12px 32px #ec5b134d}.faq-trigger{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.25rem 1.5rem;display:flex}.faq-q{color:#27282f;font-size:1rem;font-weight:700;line-height:1.4;transition:color .25s}.faq-item-open .faq-q{color:#fff}.faq-arrow{width:2rem;height:2rem;color:var(--brand-color);background:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .25s,color .25s,transform .3s;display:flex;box-shadow:0 2px 8px #00000014}.faq-item-open .faq-arrow{color:#fff;box-shadow:none;background:#fff3}.faq-arrow-active{transform:rotate(90deg)}.faq-answer-body{padding:0 1.5rem 1.25rem}.faq-answer-text{color:#ffffffeb;margin:0;font-size:.95rem;font-weight:500;line-height:1.7}.faq-details,.faq-details summary{list-style:none}.faq-details summary::-webkit-details-marker{display:none}.faq-details[open]{background:var(--brand-color);border-color:var(--brand-color);box-shadow:0 12px 32px #ec5b134d}.faq-details[open] .faq-q{color:#fff}.faq-details[open] .faq-arrow{color:#fff;box-shadow:none;background:#fff3;transform:rotate(90deg)}.faq-right{background:#f8f6f6 radial-gradient(circle,#e5e7eb 1px,#0000 1px) 0 0/30px 30px;border-radius:2rem;flex-direction:column;flex:1;align-items:center;gap:1.5rem;padding:3rem 2rem;display:flex;position:relative}.faq-right-label{letter-spacing:.3em;text-transform:uppercase;color:#94a3b8;font-size:.7rem;font-weight:900}.faq-visual-wrap{width:100%;max-width:30rem;position:relative}.faq-float{z-index:3;border-radius:1.25rem;justify-content:center;align-items:center;animation:6s ease-in-out infinite faqFloat;display:flex;position:absolute;box-shadow:0 12px 30px #0000001f}.faq-float-tl{background:#fff;border:1px solid #f1f5f9;width:5.5rem;height:5.5rem;animation-delay:0s;top:-1.5rem;left:-2rem}.faq-float-br{background:var(--brand-color);border-radius:1.5rem;width:6rem;height:6rem;animation-delay:2s;bottom:-1.5rem;right:-2rem}@keyframes faqFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.faq-card-group{aspect-ratio:1;cursor:pointer;background:#fff;border:8px solid #fff;border-radius:2rem;width:100%;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000026}.faq-layer{position:absolute;inset:0}.faq-layer-3d{clip-path:inset(0 100% 0 0);z-index:2;transition:clip-path .7s cubic-bezier(.4,0,.2,1)}.faq-card-group:hover .faq-layer-3d{clip-path:inset(0 0% 0 0)}.faq-layer-2d{clip-path:inset(0);z-index:1;background:#fdfdfd;justify-content:center;align-items:center;transition:clip-path .7s cubic-bezier(.4,0,.2,1);display:flex}.faq-card-group:hover .faq-layer-2d{clip-path:inset(0 0 0 100%)}.faq-layer-img{object-fit:cover;width:100%;height:100%;display:block}.faq-img-scale{transition:transform 1s;transform:scale(1.1)}.faq-card-group:hover .faq-img-scale{transform:scale(1)}.faq-img-gray{filter:grayscale();opacity:.6}.faq-2d-inner{width:100%;height:100%;overflow:hidden}.faq-2d-overlay{pointer-events:none;background:#ffffff59;position:absolute;inset:0}.faq-grid-overlay{opacity:.15;pointer-events:none;background-image:radial-gradient(circle,#94a3b8 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.faq-tint{pointer-events:none;z-index:1;background:#ec5b130d;position:absolute;inset:0}.faq-scanner-line{background:var(--brand-color);z-index:3;opacity:0;height:2px;transition:opacity .3s;animation:3s ease-in-out infinite faqScan;position:absolute;left:0;right:0;box-shadow:0 0 16px #ec5b13cc}.faq-card-group:hover .faq-scanner-line{opacity:1}@keyframes faqScan{0%,to{top:0%}50%{top:100%}}.faq-label-2d,.faq-label-3d{z-index:10;text-transform:uppercase;letter-spacing:.1em;border-radius:9999px;padding:.25rem .85rem;font-size:.6rem;font-weight:900;position:absolute;top:1.5rem}.faq-label-2d{color:#1a1a1a;background:#1a1a1a14;border:1px solid #1a1a1a0f;transition:opacity .4s;left:1.5rem}.faq-card-group:hover .faq-label-2d{opacity:0}.faq-label-3d{background:var(--brand-color);color:#fff;opacity:0;transition:opacity .5s .2s;right:1.5rem;box-shadow:0 4px 12px #ec5b1366}.faq-card-group:hover .faq-label-3d{opacity:1}.faq-hover-cta{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #e8e4df;border-radius:9999px;align-items:center;gap:.6rem;padding:.6rem 1.5rem;transition:opacity .4s,transform .4s;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000014}.faq-card-group:hover .faq-hover-cta{opacity:0;transform:translate(-50%)translateY(1rem)}.faq-cta-text{letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-size:.7rem;font-weight:900}.faq-cta-dot{background:var(--brand-color);border-radius:9999px;width:8px;height:8px;animation:1.2s ease-in-out infinite faqPulse}@keyframes faqPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.faq-accent{width:4rem;height:2px;display:none;position:absolute;top:50%}.faq-accent-right{background:linear-gradient(90deg,#ec5b1366,#0000);right:-4.5rem}.faq-accent-left{background:linear-gradient(270deg,#ec5b1366,#0000);left:-4.5rem}@media (min-width:1024px){.faq-inner{flex-direction:row;align-items:center;gap:5rem}.faq-inner-full{flex-direction:column!important}.faq-left{margin:0}.faq-accent{display:block}}
