.home-faq{--faq-blue:var(--color-matika-blue-600,#2563eb);--faq-emerald:var(--color-matika-emerald-500,#10b981);background:var(--background);padding:clamp(2.5rem,5vw,4.5rem) 0;overflow-x:clip}.home-faq--inset{background:0 0;padding:clamp(2rem,4vw,3rem) 0;overflow-x:visible}.home-faq-layout{gap:clamp(1.25rem,3vw,2rem);display:grid}.home-faq-layout:not(.home-faq-layout--split){max-width:52rem}@media (min-width:1024px){.home-faq-layout--split{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:start;gap:clamp(2rem,4vw,4rem)}.home-faq-layout--split .home-faq-intro{position:sticky;top:6.5rem}}.home-faq-title{letter-spacing:-.035em;color:var(--foreground);margin:0;font-size:clamp(1.625rem,2.8vw,2.5rem);font-weight:600;line-height:1.05}.home-faq--inset .home-faq-title{font-size:clamp(1.5rem,3vw,2.25rem)}.home-faq-aside{flex-direction:column;align-items:flex-start;gap:1.1rem;margin-top:1.25rem;display:flex}.home-faq-lead{max-width:24rem;color:var(--muted-foreground);margin:0;font-size:clamp(.9375rem,1.4vw,1.0625rem);line-height:1.6}.home-faq-cta{background:var(--foreground);min-height:3rem;color:var(--background);border-radius:9999px;align-items:center;gap:.5rem;padding:.7rem 1.35rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:inline-flex;box-shadow:0 14px 30px -16px #0f172a99}.home-faq-cta-icon{width:1rem;height:1rem;transition:transform .3s}@media (hover:hover) and (pointer:fine){.home-faq-cta:hover{transform:translateY(-1px);box-shadow:0 18px 36px -16px #0f172aa6}.home-faq-cta:hover .home-faq-cta-icon{transform:translate(2px,-2px)}}.home-faq-cta:focus-visible{outline:2px solid var(--faq-blue);outline-offset:3px}.home-faq-list{border-top:1px solid color-mix(in srgb, var(--border) 85%, transparent)}.home-faq-item{border-bottom:1px solid color-mix(in srgb, var(--border) 85%, transparent);interpolate-size:allow-keywords;transition:background .3s}.home-faq-item::details-content{block-size:0;transition:block-size .4s cubic-bezier(.16, 1, .3, 1), content-visibility .4s allow-discrete;overflow:hidden}.home-faq-item[open]::details-content{block-size:auto}.home-faq-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:3rem;padding:.8rem .25rem;list-style:none;display:flex}.home-faq-trigger::-webkit-details-marker{display:none}.home-faq-trigger:focus-visible{outline:2px solid var(--faq-blue);outline-offset:2px;border-radius:.5rem}.home-faq-question{letter-spacing:-.01em;color:var(--foreground);flex:auto;font-size:clamp(.9375rem,1.1vw,1rem);font-weight:500;line-height:1.45}.home-faq-icon{border:1px solid color-mix(in srgb, var(--border) 90%, transparent);width:1.75rem;height:1.75rem;color:var(--foreground);border-radius:9999px;flex-shrink:0;place-items:center;transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s,color .3s;display:grid}.home-faq-icon svg{width:.95rem;height:.95rem}.home-faq-item[open] .home-faq-icon{background:linear-gradient(135deg, var(--faq-blue), var(--faq-emerald));color:#fff;border-color:#0000;transform:rotate(45deg)}@media (hover:hover) and (pointer:fine){.home-faq-trigger:hover .home-faq-icon{border-color:color-mix(in srgb, var(--faq-blue) 45%, var(--border));color:var(--faq-blue)}.home-faq-item[open] .home-faq-trigger:hover .home-faq-icon{color:#fff}}.home-faq-answer{max-width:44rem;color:color-mix(in srgb, var(--foreground) 72%, transparent);text-wrap:pretty;margin:0;padding:0 3rem 1rem .25rem;font-size:.9375rem;line-height:1.65}@media (prefers-reduced-motion:reduce){.home-faq-icon,.home-faq-cta,.home-faq-cta-icon{transition:none}.home-faq-item::details-content{transition:none}}@media (max-width:639px){.home-faq-answer{padding-right:.25rem}}
