/* Just the self-playing mode selector beneath the hero CTAs. */
.home-pilot {
  --pilot-index:0;
  --pilot-fill:var(--btn-primary-bg);
  --pilot-ink:var(--btn-primary-fg);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  position:relative;
  isolation:isolate;
  width:min(100%,350px);
  margin-top:20px;
  padding:4px;
  border:0;
  border-radius:11px;
  background:color-mix(in srgb,var(--page) 35%,transparent);
  text-align:center;
}
.home-pilot[data-mode="mixed"] { --pilot-index:1; --pilot-fill:var(--brand-blue); --pilot-ink:var(--ink); }
.home-pilot[data-mode="autopilot"] { --pilot-index:2; --pilot-fill:var(--brand-deep-purple); --pilot-ink:var(--surface); }
.home-pilot-thumb { position:absolute; inset:4px auto 4px 4px; width:calc((100% - 8px)/3); border-radius:8px; background:var(--pilot-fill); transform:translateX(calc(var(--pilot-index)*100%)); transition:transform 800ms cubic-bezier(.22,1,.36,1),background-color 800ms; z-index:-1; }
.home-pilot-mode { display:flex; align-items:center; justify-content:center; gap:6px; min-height:36px; min-width:0; padding:6px 5px; color:var(--muted); font-size:12px; font-weight:500; transition:color 300ms; }
.home-pilot[data-mode="copilot"] [data-home-pilot-mode="copilot"],
.home-pilot[data-mode="mixed"] [data-home-pilot-mode="mixed"],
.home-pilot[data-mode="autopilot"] [data-home-pilot-mode="autopilot"] { color:var(--pilot-ink); }
.home-pilot:disabled { cursor:default; }
.home-pilot svg { width:14px; height:14px; flex:none; }
@media (max-width:800px) { .home-pilot { margin-inline:auto; } }
@media (max-width:380px) { .home-pilot-mode { gap:4px; font-size:11px; } .home-pilot svg { width:14px; height:14px; } }
@media (prefers-reduced-motion:reduce) { .home-pilot * { transition:none!important; } }