/* Homepage conversion funnel — scoped responsive enhancements */
body:has(.aat-funnel-hero) main {text-align:center}
body:has(.aat-funnel-hero) main .shell {margin-inline:auto}
body:has(.aat-funnel-hero) main .card-header,
body:has(.aat-funnel-hero) main .aat-funnel-feature-copy,
body:has(.aat-funnel-hero) main .overview-copy {text-align:center}
body:has(.aat-funnel-hero) main .feature-grid,
body:has(.aat-funnel-hero) main .audience-grid,
body:has(.aat-funnel-hero) main .depth-grid,
body:has(.aat-funnel-hero) main .steps,
body:has(.aat-funnel-hero) main .operations-list,
body:has(.aat-funnel-hero) main .why-list,
body:has(.aat-funnel-hero) main .capability-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
body:has(.aat-funnel-hero) main .aat-funnel-feature {display:flex;flex-direction:column;align-items:center;gap:22px;max-width:850px;margin:32px auto;padding:24px;border-radius:26px;background:linear-gradient(145deg,#242424,#0b0b0c 65%);border:1px solid #4d4332;box-shadow:inset 1px 1px 0 #6a5840,0 18px 35px #0009}
body:has(.aat-funnel-hero) main .aat-funnel-feature img {max-width:100%;height:auto;border-radius:16px}
body:has(.aat-funnel-hero) main :is(.aat-card,.aat-step,.aat-operation-item,.aat-why-item,.capability,.aat-highlight,.aat-comparison .card) {min-width:0;text-align:center;border-radius:22px;padding:26px;background:linear-gradient(145deg,#292929 0%,#151515 45%,#090909 100%);border:1px solid #574932;box-shadow:inset 1px 1px 0 #6b5a40,0 12px 25px #0007;transition:transform .2s ease,box-shadow .2s ease}
body:has(.aat-funnel-hero) main :is(.aat-card,.aat-step,.aat-operation-item,.aat-why-item,.capability):hover {transform:translateY(-4px);box-shadow:inset 1px 1px 0 #7b6544,0 18px 35px #000a}
body:has(.aat-funnel-hero) main :is(.aat-card,.aat-step,.aat-operation-item,.aat-why-item,.capability) :is(h3,p,strong,span) {text-align:center}
body:has(.aat-funnel-hero) main :is(.aat-funnel-actions,.aat-funnel-conversion-actions,.aat-hero-actions) {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px}
body:has(.aat-funnel-hero) main .aat-btn,.aat-funnel-nav .aat-btn {display:inline-flex;justify-content:center;align-items:center;text-align:center;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff50,0 6px 0 #0008,0 12px 20px #0007;transition:transform .2s ease}
body:has(.aat-funnel-hero) main .aat-btn:hover,.aat-funnel-nav .aat-btn:hover {transform:translateY(-2px)}
.aat-funnel-nav {display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px max(20px,calc((100vw - 1200px)/2));background:linear-gradient(#202020,#090909);border-bottom:1px solid #5e4928}
.aat-funnel-brand {font-weight:800;color:#ffa500;text-decoration:none;letter-spacing:.04em}
.aat-funnel-nav-actions {display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.aat-login-note {margin:14px auto;text-align:center;color:#d2d2d2}
.aat-login-note a {color:#ffa500;font-weight:700}
body:has(.aat-funnel-hero) main .comparison {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px}
@media(max-width:767px){.aat-funnel-nav{flex-direction:column;text-align:center}.aat-funnel-nav-actions{width:100%}body:has(.aat-funnel-hero) main :is(.feature-grid,.audience-grid,.depth-grid,.steps,.operations-list,.why-list,.capability-list){grid-template-columns:minmax(0,1fr)}body:has(.aat-funnel-hero) main .comparison{grid-template-columns:minmax(0,1fr)}body:has(.aat-funnel-hero) main .comparison-arrow{transform:rotate(90deg)}body:has(.aat-funnel-hero) main .aat-funnel-actions .aat-btn{width:100%}}
@media(prefers-reduced-motion:reduce){body:has(.aat-funnel-hero) main .aat-btn,body:has(.aat-funnel-hero) main .aat-card{transition:none}}

/* Center unpaired last cards on the homepage, keeping paired cards in two columns. */
body:has(.aat-funnel-hero) main :is(.feature-grid,.audience-grid,.depth-grid,.steps,.operations-list,.why-list,.capability-list) > :last-child:nth-child(odd) {
  grid-column: 1 / -1;
  width: calc((100% - 24px) / 2);
  max-width: 100%;
  justify-self: center;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  body:has(.aat-funnel-hero) main :is(.feature-grid,.audience-grid,.depth-grid,.steps,.operations-list,.why-list,.capability-list) > :last-child:nth-child(odd) {
    width: 100%;
  }
}

/* Showcase: one centered image card per row at every viewport size. */
body:has(.aat-funnel-hero) main .aat-showcase-grid {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  gap: 28px;
}
body:has(.aat-funnel-hero) main .aat-showcase-card {
  width: min(100%, 760px);
  box-sizing: border-box;
  text-align: center;
}
body:has(.aat-funnel-hero) main .aat-showcase-card img {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}
body:has(.aat-funnel-hero) main .aat-showcase-card > div {text-align:center;}