.feature-page{color:#111827;background:#f7f8fa;width:100%;min-height:100dvh}.feature-page-frame{width:100%;min-height:100dvh}.feature-page-main{width:100%;padding-bottom:2.5rem}.feature-showcase-section{padding-top:2rem}.feature-details{width:100%;max-width:64rem;padding:4.5rem var(--spacing-6) 2rem;margin-inline:auto}.feature-details-header,.feature-details-faq-header{text-align:center;flex-direction:column;align-items:center;gap:.8rem;margin:0 auto 1.5rem;display:flex}.feature-details-label{color:#2563eb;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:550;display:inline-flex}.feature-details-label-dot{background:#2563eb;border-radius:.1rem;width:.4rem;height:.4rem}.feature-details-faq-header h2{color:#0f172a;letter-spacing:-.035em;margin:0;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:650;line-height:1.15}.feature-details-faq{max-width:52rem;margin-inline:auto;padding-top:4.5rem}.feature-details-faq-list{flex-direction:column;gap:.65rem;display:flex}.feature-details-faq-list details{background:#fff;border:1px solid #e8ecf1;border-radius:.9rem;overflow:hidden}.feature-details-faq-list summary{color:#0f172a;cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;font-size:.95rem;font-weight:600;line-height:1.4;list-style:none;display:flex}.feature-details-faq-list summary::-webkit-details-marker{display:none}.feature-details-faq-list summary svg{color:#94a3b8;transition:transform var(--duration-fast) var(--ease-smooth-out);flex:none}.feature-details-faq-list details[open] summary svg{color:#2563eb;transform:rotate(180deg)}.feature-details-faq-list details p{color:#64748b;margin:0;padding:0 1.1rem 1.1rem;font-size:.9rem;line-height:1.65}@media (width<=40rem){.feature-details,.feature-details-faq{padding-top:3.25rem}}.feature-hero .feature-hero-showcase{background:0 0;border:none;border-radius:1.25rem;width:100%;max-width:72rem;margin-top:.5rem;overflow:hidden;box-shadow:0 1px 1px #0f172a05,0 28px 60px -28px #0f172a29,0 10px 24px -12px #0f172a14}.feature-hero .feature-hero-media{aspect-ratio:auto;opacity:1;filter:none;background:0 0;border-radius:1.25rem;width:100%;min-height:0;position:relative;overflow:hidden;transform:none}.feature-hero .feature-hero-media .landing-hero-showcase-image{object-fit:contain;object-position:top center;border-radius:1.25rem;width:100%;height:auto;display:block}@media (width<=40rem){.feature-hero .feature-hero-media{min-height:0}.feature-hero .feature-hero-showcase,.feature-hero .feature-hero-media,.feature-hero .feature-hero-media .landing-hero-showcase-image{border-radius:1rem}}.feature-showcase-section .landing-bento-header{max-width:42rem}
