@layer properties,theme,base;@layer components{.feature-hero-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:40px;display:grid}@media (width>=1024px){.feature-hero-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:48px}.feature-hero-text{grid-column:span 5}.feature-hero-showcase{grid-column:span 7}}.feature-eyebrow{align-items:center;margin-top:24px;display:flex}.feature-eyebrow-icon{color:var(--ah-color-signal);margin-right:10px;display:inline-flex}.feature-hero-title{font-size:var(--ah-text-display-lg-size);line-height:var(--ah-text-display-lg-line-height);font-weight:var(--ah-text-display-lg-weight);letter-spacing:var(--ah-text-display-lg-tracking);text-wrap:balance;overflow-wrap:anywhere;margin-top:12px}.feature-hero-lead{max-width:560px;color:var(--ah-color-ink-muted);font-size:var(--ah-text-body-lg-size);line-height:var(--ah-text-body-lg-line-height);text-wrap:pretty;margin-top:16px}.feature-hero-actions{margin-top:32px}.feature-showcase-slot{flex-direction:column;min-height:280px;display:flex;container-type:inline-size}.feature-showcase-slot>*{flex:1}@media (width>=768px){.feature-showcase-slot{min-height:360px}}@media (width>=1024px){.feature-showcase-slot[data-size=large]{min-height:440px}}.feature-showcase-placeholder{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-lg);background:var(--ah-color-code-bg);box-shadow:var(--ah-shadow-shadow-xl);flex-direction:column;display:flex;overflow:hidden}.feature-showcase-bar{border-bottom:1px solid var(--ah-color-hairline);background:var(--ah-color-surface-1);align-items:center;gap:12px;height:36px;padding-inline:14px;display:flex}.feature-showcase-label{color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);font-size:var(--ah-text-label-size);line-height:var(--ah-text-label-line-height);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.feature-showcase-body{background-image:linear-gradient(var(--ah-color-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--ah-color-grid-line) 1px, transparent 1px);background-size:var(--ah-layout-grid-cell) var(--ah-layout-grid-cell);color:var(--ah-color-ink-subtle);flex:1;justify-content:center;align-items:center;display:flex}.feature-showcase-icon{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-xl);background:var(--ah-color-surface-1);justify-content:center;align-items:center;width:88px;height:88px;display:inline-flex}.feature-showcase-icon svg{width:48px;height:48px}.feature-llm{padding-top:16px}.feature-steps{--step-dot:32px;gap:28px;margin-top:40px;display:grid}.feature-step{align-items:flex-start;gap:16px;display:flex;position:relative}.feature-step+.feature-step:before{content:"";bottom:100%;left:calc(var(--step-dot) / 2);border-left:1px solid var(--ah-color-hairline-strong);height:28px;position:absolute}.feature-step-num{width:var(--step-dot);height:var(--step-dot);border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-pill);background:var(--ah-color-canvas);color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);font-size:var(--ah-text-code-sm-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.feature-step-text{font-size:var(--ah-text-body-size);line-height:var(--ah-text-body-line-height);padding-top:4px}@media (width>=1024px){.feature-steps{grid-template-columns:repeat(var(--steps,3), minmax(0, 1fr));gap:32px}.feature-step{flex-direction:column}.feature-step-text{max-width:320px;padding-top:0}.feature-step+.feature-step:before{content:none}.feature-step:not(:last-child):after{content:"";top:calc(var(--step-dot) / 2);left:calc(var(--step-dot) + 8px);border-top:1px solid var(--ah-color-hairline-strong);position:absolute;right:-24px}}.feature-caps{grid-template-columns:minmax(0,1fr);gap:0 32px;margin-top:40px;display:grid}@media (width>=768px){.feature-caps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.feature-caps{grid-template-columns:repeat(3,minmax(0,1fr))}}.feature-cap{border-top:1px solid var(--ah-color-hairline);flex-direction:column;gap:8px;padding-block:24px;display:flex}.feature-cap-icon{color:var(--ah-color-secondary);display:inline-flex}.band-dark .feature-cap-icon{color:var(--ah-color-signal)}.feature-cap-title{font-size:var(--ah-text-heading-sm-size);line-height:var(--ah-text-heading-sm-line-height);font-weight:var(--ah-text-heading-sm-weight)}.feature-cap-text{color:var(--ah-color-ink-muted);font-size:var(--ah-text-body-sm-size);line-height:var(--ah-text-body-sm-line-height)}.feature-agencies{grid-template-columns:minmax(0,1fr);align-items:start;gap:40px;display:grid}@media (width>=1024px){.feature-agencies[data-layout=with-card]{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}}.feature-prose{max-width:var(--ah-layout-prose-max);color:var(--ah-color-ink-muted);font-size:var(--ah-text-body-size);line-height:var(--ah-text-body-line-height);margin-top:24px}.feature-prose>*+*{margin-top:16px}.feature-prose a{color:var(--ah-color-secondary);text-underline-offset:3px;text-decoration:underline}.feature-agency-card{background:var(--ah-color-canvas)}.feature-agency-points{font-size:var(--ah-text-body-sm-size);line-height:var(--ah-text-body-sm-line-height);flex-direction:column;gap:12px;margin-top:6px;display:flex}.feature-agency-points li{gap:10px;display:flex}.feature-agency-check{color:var(--ah-color-success);flex:none;padding-top:2px;display:inline-flex}.feature-support{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:40px;display:grid}@media (width>=768px){.feature-support{grid-template-columns:repeat(2,minmax(0,1fr))}}.feature-support-card{border:1px solid var(--ah-color-hairline);border-radius:var(--ah-radius-lg);background:var(--ah-color-surface-1);flex-direction:column;gap:10px;padding:24px;display:flex}.feature-support-icon{border-radius:var(--ah-radius-md);background:var(--ah-color-surface-2);width:36px;height:36px;color:var(--ah-color-ink-muted);justify-content:center;align-items:center;display:inline-flex}.feature-support-title{font-size:var(--ah-text-heading-sm-size);line-height:var(--ah-text-heading-sm-line-height);font-weight:var(--ah-text-heading-sm-weight)}.feature-support-card[data-mcp=available] .feature-support-title{color:var(--ah-color-secondary)}.feature-support-card[data-mcp=unavailable] .feature-support-title{color:var(--ah-color-ink-subtle)}.feature-support-text{color:var(--ah-color-ink-muted);font-size:var(--ah-text-body-sm-size);line-height:var(--ah-text-body-sm-line-height)}.feature-tools-label{color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);font-size:var(--ah-text-label-size);line-height:var(--ah-text-label-line-height);letter-spacing:var(--ah-text-label-tracking);text-transform:uppercase;margin-top:6px}.feature-tools{flex-wrap:wrap;gap:6px;display:flex}.feature-tools li{align-items:center;min-height:44px;display:inline-flex}.feature-tools a{border-radius:var(--ah-radius-sm);min-height:44px;color:var(--ah-color-ink);align-items:center;text-decoration:none;display:inline-flex}.feature-tools a .code-inline{text-decoration:underline;text-decoration-color:var(--ah-color-hairline-strong);text-underline-offset:3px;transition:color var(--ah-motion-duration-fast) var(--ah-motion-easing-standard)}.feature-tools a:hover .code-inline{color:var(--ah-color-secondary)}.feature-tools .code-inline{font-size:var(--ah-text-code-sm-size);overflow-wrap:anywhere}.feature-limits-link{min-height:44px;margin-top:8px}.feature-related-grid{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:40px;display:grid}@media (width>=768px){.feature-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.feature-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.feature-learn-more{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:32px;display:grid}@media (width>=768px){.feature-learn-more[data-layout=docs-and-use-cases]{grid-template-columns:repeat(2,minmax(0,1fr))}}.feature-learn-title{color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);font-size:var(--ah-text-label-size);line-height:var(--ah-text-label-line-height);letter-spacing:var(--ah-text-label-tracking);text-transform:uppercase}.feature-learn-list{border-top:1px solid var(--ah-color-hairline);margin-top:8px}.feature-learn-list li{border-bottom:1px solid var(--ah-color-hairline)}.feature-learn-link{min-height:48px;color:var(--ah-color-ink);gap:10px;padding-block:10px;text-decoration:none}.feature-learn-link:hover{color:var(--ah-color-secondary)}.feature-faq{margin-top:32px}}@layer utilities;
