@layer components{.feature-index{padding-top:72px}.feature-index-intro{text-align:center;max-width:800px;margin-inline:auto}.feature-index h1,.feature-hero h1{margin-top:20px;font-size:clamp(40px,4.5vw,60px);font-weight:500;line-height:1.08}.feature-index-intro>p:last-child{max-width:580px;color:var(--muted);text-wrap:pretty;margin:24px auto 0;font-size:16px;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px;display:grid}.feature-card-link{color:var(--foreground);border-radius:var(--radius-3xl);min-width:0}.feature-card{border:1px solid var(--separator);border-radius:var(--radius-3xl);height:100%;box-shadow:none;gap:0;padding:0;transition:border-color .15s;overflow:hidden}.feature-card-link:hover .feature-card{border-color:var(--accent)}.feature-card-image{aspect-ratio:16/10;background:var(--surface-secondary);border-bottom:1px solid var(--separator);flex:none;padding:20px;position:relative}.feature-card-image img{object-fit:contain;border-radius:var(--radius);width:calc(100% - 40px);height:calc(100% - 40px);position:absolute;inset:20px}.feature-card .card__footer{flex-direction:column;flex:1;align-items:flex-start;gap:12px;padding:24px;display:flex}.feature-card h2{font-size:22px;font-weight:500}.feature-card p{color:var(--muted);line-height:1.7}.feature-card-action{margin-top:auto;padding-top:12px;font-size:12px}.feature-detail{padding-top:40px}.feature-back{color:var(--muted);margin-bottom:40px;font-size:13px}.feature-back a:hover,.feature-explore:hover{text-decoration:underline}.feature-hero{grid-template-columns:1fr 1.1fr;align-items:center;gap:48px;display:grid}.feature-hero h1{font-size:clamp(36px,3.7vw,52px)}.feature-lead{color:var(--muted);margin-top:24px;font-size:16px;line-height:1.7}.feature-hero .lp-actions{justify-content:flex-start;margin-top:28px}.feature-preview{border:1px solid var(--separator);border-radius:var(--radius-3xl);background:var(--surface-secondary);min-width:0;padding:20px}.feature-preview img{border-radius:var(--radius);width:100%;height:auto}.feature-overview{border-top:1px solid var(--separator);grid-template-columns:1fr 1.1fr;gap:64px;margin-top:88px;padding-top:48px;display:grid}.feature-overview h2{margin-top:16px;font-size:clamp(28px,3vw,36px)}.feature-prose{color:var(--muted);gap:20px;font-size:16px;line-height:1.8;display:grid}.feature-prose a{color:var(--accent-soft-foreground);text-decoration:underline}.feature-roles{gap:16px;display:grid}.feature-roles>div{border-top:1px solid var(--separator);padding-top:16px}.feature-roles dt{color:var(--foreground);font-weight:600}.feature-video{max-width:900px;margin:64px auto 0}.feature-video video{border:1px solid var(--separator);border-radius:var(--radius-3xl);width:100%}.feature-video figcaption{color:var(--muted);text-align:center;margin-top:12px;font-size:12px}.feature-capabilities{margin-top:80px}.feature-capabilities>h2{margin-top:16px}.feature-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px;display:grid}.feature-benefits>div{border-top:1px solid var(--separator);padding-top:24px}.feature-benefits p{color:var(--muted);margin-top:12px;line-height:1.7}.feature-explore{margin-top:32px}.feature-proof{padding-block:72px 88px}.feature-proof .lp-testimonial{margin-top:0}@media (max-width:1050px){.feature-grid,.feature-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-hero,.feature-overview{gap:32px}}@media (max-width:900px){.feature-hero{grid-template-columns:1fr}.feature-hero>div:first-child{max-width:660px}}@media (max-width:760px){.feature-index{padding-top:48px}.feature-grid,.feature-benefits,.feature-overview{grid-template-columns:1fr}.feature-grid{margin-top:40px}.feature-overview{margin-top:56px;padding-top:32px}.feature-preview{padding:12px}.feature-capabilities{margin-top:56px}.feature-proof{padding-block:56px}}@media (prefers-reduced-motion:reduce){.feature-card{transition:none}}}